diff --git a/docs/components/animation.md b/docs/components/animation.md index 4385e8163..76035d8ee 100644 --- a/docs/components/animation.md +++ b/docs/components/animation.md @@ -1,42 +1,60 @@ -# Animate +# Animation -[component-header:sl-animate] +[component-header:sl-animation] Animate elements declaratively using the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API). Select from over 500 baked-in presets or roll your own with custom [keyframe formats](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats). ```html preview - -
-
+
+ +
+
-
+
- + + + + + +
``` ## Examples -[component-metadata:sl-animate] +[component-metadata:sl-animation] diff --git a/package-lock.json b/package-lock.json deleted file mode 100644 index d94719683..000000000 --- a/package-lock.json +++ /dev/null @@ -1,7535 +0,0 @@ -{ - "name": "@shoelace-style/shoelace", - "version": "2.0.0-beta.12", - "lockfileVersion": 1, - "requires": true, - "dependencies": { - "@babel/code-frame": { - "version": "7.5.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.5.5.tgz", - "integrity": "sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==", - "dev": true, - "requires": { - "@babel/highlight": "^7.0.0" - } - }, - "@babel/highlight": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.5.0.tgz", - "integrity": "sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==", - "dev": true, - "requires": { - "chalk": "^2.0.0", - "esutils": "^2.0.2", - "js-tokens": "^4.0.0" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "@babel/runtime": { - "version": "7.7.7", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.7.tgz", - "integrity": "sha512-uCnC2JEVAu8AKB5do1WRIsvrdJ0flYx/A/9f/6chdacnEZ7LmavjdsDXr5ksYBegxtuTPR5Va9/+13QF/kFkCA==", - "dev": true, - "requires": { - "regenerator-runtime": "^0.13.2" - } - }, - "@babel/runtime-corejs3": { - "version": "7.9.2", - "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.9.2.tgz", - "integrity": "sha512-HHxmgxbIzOfFlZ+tdeRKtaxWOMUoCG5Mu3wKeUmOxjYrwb3AAHgnmtCUbPPK11/raIWLIBK250t8E2BPO0p7jA==", - "dev": true, - "requires": { - "core-js-pure": "^3.0.0", - "regenerator-runtime": "^0.13.4" - }, - "dependencies": { - "regenerator-runtime": { - "version": "0.13.5", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz", - "integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==", - "dev": true - } - } - }, - "@hapi/address": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz", - "integrity": "sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ==", - "dev": true - }, - "@hapi/bourne": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-1.3.2.tgz", - "integrity": "sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==", - "dev": true - }, - "@hapi/hoek": { - "version": "8.5.1", - "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz", - "integrity": "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow==", - "dev": true - }, - "@hapi/joi": { - "version": "15.1.1", - "resolved": "https://registry.npmjs.org/@hapi/joi/-/joi-15.1.1.tgz", - "integrity": "sha512-entf8ZMOK8sc+8YfeOlM8pCfg3b5+WZIKBfUaaJT8UsjAAPjartzxIYm3TIbjvA4u+u++KbcXD38k682nVHDAQ==", - "dev": true, - "requires": { - "@hapi/address": "2.x.x", - "@hapi/bourne": "1.x.x", - "@hapi/hoek": "8.x.x", - "@hapi/topo": "3.x.x" - } - }, - "@hapi/topo": { - "version": "3.1.6", - "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-3.1.6.tgz", - "integrity": "sha512-tAag0jEcjwH+P2quUfipd7liWCNX2F8NvYjQp2wtInsZxnMlypdw0FtAOLxtvvkO+GSRRbmNi8m/5y42PQJYCQ==", - "dev": true, - "requires": { - "@hapi/hoek": "^8.3.0" - } - }, - "@nodelib/fs.scandir": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz", - "integrity": "sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "2.0.3", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz", - "integrity": "sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==", - "dev": true - }, - "@nodelib/fs.walk": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz", - "integrity": "sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==", - "dev": true, - "requires": { - "@nodelib/fs.scandir": "2.1.3", - "fastq": "^1.6.0" - } - }, - "@popperjs/core": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.1.1.tgz", - "integrity": "sha512-sLqWxCzC5/QHLhziXSCAksBxHfOnQlhPRVgPK0egEw+ktWvG75T2k+aYWVjVh9+WKeT3tlG3ZNbZQvZLmfuOIw==" - }, - "@sindresorhus/is": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz", - "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==", - "dev": true - }, - "@stencil/core": { - "version": "1.17.1", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-1.17.1.tgz", - "integrity": "sha512-1OsRAMP9wo79mmZc4kz2DGnN/hqXLjdrTNGzqXd8K8K/6Mdua3Te+Zb3gmKMGP7ZaIzqIHbWDvCD2XZ4Sb0dFw==", - "requires": { - "typescript": "3.9.7" - } - }, - "@stencil/eslint-plugin": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/@stencil/eslint-plugin/-/eslint-plugin-0.3.1.tgz", - "integrity": "sha512-IcRseG06bdE36j28p7baLhLJapfGcYJG6p0aJhVWgh7TRcBNCReZEv6EGgYN6VX8j2LuH7LeFPXWHdA8ZZQylw==", - "dev": true, - "requires": { - "eslint-utils": "^2.0.0", - "tsutils": "^3.0.0" - } - }, - "@stencil/sass": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.3.2.tgz", - "integrity": "sha512-w6rkOsRIPY1rBa/13Wf+rMZrOzc6z86/Mkp3inzaYGsxBmLkf4PeP1rfaUB4SFDVRfMduP7FTd4ZJi/+FVrsMw==", - "dev": true - }, - "@types/color-name": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/@types/color-name/-/color-name-1.1.1.tgz", - "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==", - "dev": true - }, - "@types/eslint-visitor-keys": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz", - "integrity": "sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==", - "dev": true - }, - "@types/events": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz", - "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==", - "dev": true - }, - "@types/glob": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz", - "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", - "dev": true, - "requires": { - "@types/events": "*", - "@types/minimatch": "*", - "@types/node": "*" - } - }, - "@types/http-proxy": { - "version": "1.17.4", - "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.4.tgz", - "integrity": "sha512-IrSHl2u6AWXduUaDLqYpt45tLVCtYv7o4Z0s1KghBCDgIIS9oW5K1H8mZG/A2CfeLdEa7rTd1ACOiHBc1EMT2Q==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/json-schema": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.4.tgz", - "integrity": "sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==", - "dev": true - }, - "@types/minimatch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", - "integrity": "sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==", - "dev": true - }, - "@types/node": { - "version": "14.0.6", - "resolved": "https://registry.npmjs.org/@types/node/-/node-14.0.6.tgz", - "integrity": "sha512-FbNmu4F67d3oZMWBV6Y4MaPER+0EpE9eIYf2yaHhCWovc1dlXCZkqGX4NLHfVVr6umt20TNBdRzrNJIzIKfdbw==", - "dev": true - }, - "@types/parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", - "dev": true - }, - "@typescript-eslint/eslint-plugin": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.28.0.tgz", - "integrity": "sha512-w0Ugcq2iatloEabQP56BRWJowliXUP5Wv6f9fKzjJmDW81hOTBxRoJ4LoEOxRpz9gcY51Libytd2ba3yLmSOfg==", - "dev": true, - "requires": { - "@typescript-eslint/experimental-utils": "2.28.0", - "functional-red-black-tree": "^1.0.1", - "regexpp": "^3.0.0", - "tsutils": "^3.17.1" - } - }, - "@typescript-eslint/experimental-utils": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.28.0.tgz", - "integrity": "sha512-4SL9OWjvFbHumM/Zh/ZeEjUFxrYKtdCi7At4GyKTbQlrj1HcphIDXlje4Uu4cY+qzszR5NdVin4CCm6AXCjd6w==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.3", - "@typescript-eslint/typescript-estree": "2.28.0", - "eslint-scope": "^5.0.0", - "eslint-utils": "^2.0.0" - } - }, - "@typescript-eslint/parser": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.28.0.tgz", - "integrity": "sha512-RqPybRDquui9d+K86lL7iPqH6Dfp9461oyqvlXMNtap+PyqYbkY5dB7LawQjDzot99fqzvS0ZLZdfe+1Bt3Jgw==", - "dev": true, - "requires": { - "@types/eslint-visitor-keys": "^1.0.0", - "@typescript-eslint/experimental-utils": "2.28.0", - "@typescript-eslint/typescript-estree": "2.28.0", - "eslint-visitor-keys": "^1.1.0" - } - }, - "@typescript-eslint/typescript-estree": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.28.0.tgz", - "integrity": "sha512-HDr8MP9wfwkiuqzRVkuM3BeDrOC4cKbO5a6BymZBHUt5y/2pL0BXD6I/C/ceq2IZoHWhcASk+5/zo+dwgu9V8Q==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "eslint-visitor-keys": "^1.1.0", - "glob": "^7.1.6", - "is-glob": "^4.0.1", - "lodash": "^4.17.15", - "semver": "^6.3.0", - "tsutils": "^3.17.1" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", - "dev": true - } - } - }, - "accepts": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", - "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", - "dev": true, - "requires": { - "mime-types": "~2.1.24", - "negotiator": "0.6.2" - } - }, - "acorn": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz", - "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==", - "dev": true - }, - "acorn-jsx": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz", - "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==", - "dev": true - }, - "after": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz", - "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=", - "dev": true - }, - "aggregate-error": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.0.1.tgz", - "integrity": "sha512-quoaXsZ9/BLNae5yiNoUz+Nhkwz83GhWwtYFglcjEQB2NDHCIpApbqXxIFnm4Pq/Nvhrsq5sYJFyohrrxnTGAA==", - "dev": true, - "requires": { - "clean-stack": "^2.0.0", - "indent-string": "^4.0.0" - } - }, - "ajv": { - "version": "6.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.0.tgz", - "integrity": "sha512-D6gFiFA0RRLyUbvijN74DWAjXSFxWKaWP7mldxkVhyhAV3+SWA9HEJPHQ2c9soIeTFJqcSdFDGFgdqs1iUU2Hw==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ansi-escapes": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.1.tgz", - "integrity": "sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==", - "dev": true, - "requires": { - "type-fest": "^0.11.0" - }, - "dependencies": { - "type-fest": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.11.0.tgz", - "integrity": "sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==", - "dev": true - } - } - }, - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - }, - "dependencies": { - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", - "dev": true - } - } - }, - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "archive-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/archive-type/-/archive-type-4.0.0.tgz", - "integrity": "sha1-+S5yIzBW38aWlHJ0nCZ72wRrHXA=", - "dev": true, - "requires": { - "file-type": "^4.2.0" - }, - "dependencies": { - "file-type": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-4.4.0.tgz", - "integrity": "sha1-G2AOX8ofvcboDApwxxyNul95BsU=", - "dev": true - } - } - }, - "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "dev": true, - "requires": { - "sprintf-js": "~1.0.2" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=", - "dev": true - }, - "arr-flatten": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", - "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", - "dev": true - }, - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=", - "dev": true - }, - "array-differ": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz", - "integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=", - "dev": true - }, - "array-flatten": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", - "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=", - "dev": true - }, - "array-includes": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.1.tgz", - "integrity": "sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0", - "is-string": "^1.0.5" - } - }, - "array-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", - "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", - "dev": true - }, - "array-uniq": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz", - "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=", - "dev": true - }, - "arraybuffer.slice": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz", - "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==", - "dev": true - }, - "arrify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", - "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", - "dev": true - }, - "asap": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", - "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", - "dev": true - }, - "assign-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", - "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=", - "dev": true - }, - "astral-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", - "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==", - "dev": true - }, - "async": { - "version": "1.5.2", - "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", - "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=", - "dev": true - }, - "async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true - }, - "async-each-series": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/async-each-series/-/async-each-series-0.1.1.tgz", - "integrity": "sha1-dhfBkXQB/Yykooqtzj266Yr+tDI=", - "dev": true - }, - "async-limiter": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", - "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==", - "dev": true - }, - "atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", - "dev": true - }, - "axios": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz", - "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==", - "dev": true, - "requires": { - "follow-redirects": "1.5.10", - "is-buffer": "^2.0.2" - }, - "dependencies": { - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "follow-redirects": { - "version": "1.5.10", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz", - "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==", - "dev": true, - "requires": { - "debug": "=3.1.0" - } - }, - "is-buffer": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz", - "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==", - "dev": true - } - } - }, - "babel-extract-comments": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/babel-extract-comments/-/babel-extract-comments-1.0.0.tgz", - "integrity": "sha512-qWWzi4TlddohA91bFwgt6zO/J0X+io7Qp184Fw0m2JYRSTZnJbFR8+07KmzudHCZgOiKRCrjhylwv9Xd8gfhVQ==", - "dev": true, - "requires": { - "babylon": "^6.18.0" - } - }, - "babel-plugin-syntax-object-rest-spread": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", - "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=", - "dev": true - }, - "babel-plugin-transform-object-rest-spread": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz", - "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=", - "dev": true, - "requires": { - "babel-plugin-syntax-object-rest-spread": "^6.8.0", - "babel-runtime": "^6.26.0" - } - }, - "babel-runtime": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", - "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", - "dev": true, - "requires": { - "core-js": "^2.4.0", - "regenerator-runtime": "^0.11.0" - }, - "dependencies": { - "regenerator-runtime": { - "version": "0.11.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", - "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==", - "dev": true - } - } - }, - "babylon": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", - "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==", - "dev": true - }, - "backo2": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz", - "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=", - "dev": true - }, - "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true - }, - "base": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", - "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", - "dev": true, - "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "base64-arraybuffer": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz", - "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=", - "dev": true - }, - "base64-js": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz", - "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==", - "dev": true - }, - "base64id": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz", - "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=", - "dev": true - }, - "batch": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz", - "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=", - "dev": true - }, - "better-assert": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz", - "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=", - "dev": true, - "requires": { - "callsite": "1.0.0" - } - }, - "binary-extensions": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", - "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", - "dev": true - }, - "bindings": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", - "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", - "dev": true, - "optional": true, - "requires": { - "file-uri-to-path": "1.0.0" - } - }, - "bl": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/bl/-/bl-1.2.2.tgz", - "integrity": "sha512-e8tQYnZodmebYDWGH7KMRvtzKXaJHx3BbilrgZCfvyLUYdKpK1t5PSPmpkny/SgiTSCnjfLW7v5rlONXVFkQEA==", - "dev": true, - "requires": { - "readable-stream": "^2.3.5", - "safe-buffer": "^5.1.1" - }, - "dependencies": { - "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - } - } - }, - "blob": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz", - "integrity": "sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==", - "dev": true - }, - "bluebird": { - "version": "3.7.2", - "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz", - "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==", - "dev": true - }, - "body-parser": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", - "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", - "dev": true, - "requires": { - "bytes": "3.1.0", - "content-type": "~1.0.4", - "debug": "2.6.9", - "depd": "~1.1.2", - "http-errors": "1.7.2", - "iconv-lite": "0.4.24", - "on-finished": "~2.3.0", - "qs": "6.7.0", - "raw-body": "2.4.0", - "type-is": "~1.6.17" - } - }, - "bootstrap-icons": { - "version": "1.0.0-alpha5", - "resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.0.0-alpha5.tgz", - "integrity": "sha512-sQp4UESHOpN7UlkEUJmY4G8gmU4beTCv24azmOtN1vMSWTOuUZttB0269RD93JIjd4KmWb93MJaXjC6cAV5jiQ==", - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "requires": { - "fill-range": "^7.0.1" - } - }, - "browser-sync": { - "version": "2.26.7", - "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.26.7.tgz", - "integrity": "sha512-lY3emme0OyvA2ujEMpRmyRy9LY6gHLuTr2/ABxhIm3lADOiRXzP4dgekvnDrQqZ/Ec2Fz19lEjm6kglSG5766w==", - "dev": true, - "requires": { - "browser-sync-client": "^2.26.6", - "browser-sync-ui": "^2.26.4", - "bs-recipes": "1.3.4", - "bs-snippet-injector": "^2.0.1", - "chokidar": "^2.0.4", - "connect": "3.6.6", - "connect-history-api-fallback": "^1", - "dev-ip": "^1.0.1", - "easy-extender": "^2.3.4", - "eazy-logger": "^3", - "etag": "^1.8.1", - "fresh": "^0.5.2", - "fs-extra": "3.0.1", - "http-proxy": "1.15.2", - "immutable": "^3", - "localtunnel": "1.9.2", - "micromatch": "^3.1.10", - "opn": "5.3.0", - "portscanner": "2.1.1", - "qs": "6.2.3", - "raw-body": "^2.3.2", - "resp-modifier": "6.0.2", - "rx": "4.1.0", - "send": "0.16.2", - "serve-index": "1.9.1", - "serve-static": "1.13.2", - "server-destroy": "1.0.1", - "socket.io": "2.1.1", - "ua-parser-js": "0.7.17", - "yargs": "6.4.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=", - "dev": true - }, - "cliui": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", - "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wrap-ansi": "^2.0.0" - } - }, - "eventemitter3": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz", - "integrity": "sha1-HIaZHYFq0eUEdQ5zh0Ik7PO+xQg=", - "dev": true - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fs-extra": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-3.0.1.tgz", - "integrity": "sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^3.0.0", - "universalify": "^0.1.0" - } - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "http-errors": { - "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - } - }, - "http-proxy": { - "version": "1.15.2", - "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.15.2.tgz", - "integrity": "sha1-ZC/cr/5S00SNK9o7AHnpQJBk2jE=", - "dev": true, - "requires": { - "eventemitter3": "1.x.x", - "requires-port": "1.x.x" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "jsonfile": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-3.0.1.tgz", - "integrity": "sha1-pezG9l9T9mLEQVx2daAzHQmS7GY=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6" - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "mime": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", - "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==", - "dev": true - }, - "qs": { - "version": "6.2.3", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.2.3.tgz", - "integrity": "sha1-HPyyXBCpsrSDBT/zn138kjOQjP4=", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", - "dev": true - }, - "send": { - "version": "0.16.2", - "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", - "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", - "dev": true, - "requires": { - "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "~1.6.2", - "mime": "1.4.1", - "ms": "2.0.0", - "on-finished": "~2.3.0", - "range-parser": "~1.2.0", - "statuses": "~1.4.0" - } - }, - "serve-static": { - "version": "1.13.2", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", - "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", - "dev": true, - "requires": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.2", - "send": "0.16.2" - } - }, - "setprototypeof": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", - "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", - "dev": true - }, - "statuses": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", - "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==", - "dev": true - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - }, - "which-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", - "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", - "dev": true - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - } - }, - "y18n": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", - "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=", - "dev": true - }, - "yargs": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.4.0.tgz", - "integrity": "sha1-gW4ahm1VmMzzTlWW3c4i2S2kkNQ=", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "cliui": "^3.2.0", - "decamelize": "^1.1.1", - "get-caller-file": "^1.0.1", - "os-locale": "^1.4.0", - "read-pkg-up": "^1.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^1.0.2", - "which-module": "^1.0.0", - "window-size": "^0.2.0", - "y18n": "^3.2.1", - "yargs-parser": "^4.1.0" - } - }, - "yargs-parser": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz", - "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=", - "dev": true, - "requires": { - "camelcase": "^3.0.0" - } - } - } - }, - "browser-sync-client": { - "version": "2.26.6", - "resolved": "https://registry.npmjs.org/browser-sync-client/-/browser-sync-client-2.26.6.tgz", - "integrity": "sha512-mGrkZdNzttKdf/16I+y+2dTQxoMCIpKbVIMJ/uP8ZpnKu9f9qa/2CYVtLtbjZG8nsM14EwiCrjuFTGBEnT3Gjw==", - "dev": true, - "requires": { - "etag": "1.8.1", - "fresh": "0.5.2", - "mitt": "^1.1.3", - "rxjs": "^5.5.6" - }, - "dependencies": { - "rxjs": { - "version": "5.5.12", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-5.5.12.tgz", - "integrity": "sha512-xx2itnL5sBbqeeiVgNPVuQQ1nC8Jp2WfNJhXWHmElW9YmrpS9UVnNzhP3EH3HFqexO5Tlp8GhYY+WEcqcVMvGw==", - "dev": true, - "requires": { - "symbol-observable": "1.0.1" - } - } - } - }, - "browser-sync-ui": { - "version": "2.26.4", - "resolved": "https://registry.npmjs.org/browser-sync-ui/-/browser-sync-ui-2.26.4.tgz", - "integrity": "sha512-u20P3EsZoM8Pt+puoi3BU3KlbQAH1lAcV+/O4saF26qokrBqIDotmGonfWwoRbUmdxZkM9MBmA0K39ZTG1h4sA==", - "dev": true, - "requires": { - "async-each-series": "0.1.1", - "connect-history-api-fallback": "^1", - "immutable": "^3", - "server-destroy": "1.0.1", - "socket.io-client": "^2.0.4", - "stream-throttle": "^0.1.3" - } - }, - "bs-recipes": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/bs-recipes/-/bs-recipes-1.3.4.tgz", - "integrity": "sha1-DS1NSKcYyMBEdp/cT4lZLci2lYU=", - "dev": true - }, - "bs-snippet-injector": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/bs-snippet-injector/-/bs-snippet-injector-2.0.1.tgz", - "integrity": "sha1-YbU5PxH1JVntEgaTEANDtu2wTdU=", - "dev": true - }, - "buffer": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.6.0.tgz", - "integrity": "sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==", - "dev": true, - "requires": { - "base64-js": "^1.0.2", - "ieee754": "^1.1.4" - } - }, - "buffer-alloc": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz", - "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==", - "dev": true, - "requires": { - "buffer-alloc-unsafe": "^1.1.0", - "buffer-fill": "^1.0.0" - } - }, - "buffer-alloc-unsafe": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz", - "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==", - "dev": true - }, - "buffer-crc32": { - "version": "0.2.13", - "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz", - "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=", - "dev": true - }, - "buffer-fill": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz", - "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=", - "dev": true - }, - "bytes": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", - "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", - "dev": true - }, - "cache-base": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", - "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", - "dev": true, - "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" - } - }, - "cacheable-request": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz", - "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=", - "dev": true, - "requires": { - "clone-response": "1.0.2", - "get-stream": "3.0.0", - "http-cache-semantics": "3.8.1", - "keyv": "3.0.0", - "lowercase-keys": "1.0.0", - "normalize-url": "2.0.1", - "responselike": "1.0.2" - }, - "dependencies": { - "get-stream": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", - "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=", - "dev": true - }, - "lowercase-keys": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz", - "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY=", - "dev": true - } - } - }, - "callsite": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz", - "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=", - "dev": true - }, - "callsites": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", - "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", - "dev": true - }, - "camelcase": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", - "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", - "dev": true - }, - "chalk": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.0.0.tgz", - "integrity": "sha512-N9oWFcegS0sFr9oh1oz2d7Npos6vNoWW9HvtCg5N1KRFpUhaAhvTv5Y58g880fZaEYSNm3qDz8SU1UrGvp+n7A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", - "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", - "dev": true, - "requires": { - "@types/color-name": "^1.1.1", - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - } - } - }, - "chardet": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", - "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", - "dev": true - }, - "chokidar": { - "version": "2.1.8", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz", - "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - }, - "dependencies": { - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "ci-info": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz", - "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==", - "dev": true - }, - "class-utils": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", - "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "clean-stack": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", - "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", - "dev": true - }, - "cli-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", - "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", - "dev": true, - "requires": { - "restore-cursor": "^3.1.0" - } - }, - "cli-width": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.1.tgz", - "integrity": "sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==", - "dev": true - }, - "cliui": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", - "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", - "dev": true, - "requires": { - "string-width": "^3.1.0", - "strip-ansi": "^5.2.0", - "wrap-ansi": "^5.1.0" - } - }, - "clone-response": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz", - "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=", - "dev": true, - "requires": { - "mimic-response": "^1.0.0" - } - }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", - "dev": true - }, - "collection-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", - "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", - "dev": true, - "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" - } - }, - "color": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", - "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" - }, - "color-string": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.3.tgz", - "integrity": "sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==", - "requires": { - "color-name": "^1.0.0", - "simple-swizzle": "^0.2.2" - } - }, - "commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "dev": true - }, - "common-tags": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.0.tgz", - "integrity": "sha512-6P6g0uetGpW/sdyUy/iQQCbFF0kWVMSIVSyYz7Zgjcgh8mgw8PQzDNZeyZ5DQ2gM7LBoZPHmnjz8rUthkBG5tw==", - "dev": true - }, - "compare-versions": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz", - "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==", - "dev": true - }, - "component-bind": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz", - "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=", - "dev": true - }, - "component-emitter": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", - "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", - "dev": true - }, - "component-inherit": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz", - "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=", - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true - }, - "concurrently": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-5.1.0.tgz", - "integrity": "sha512-9ViZMu3OOCID3rBgU31mjBftro2chOop0G2u1olq1OuwRBVRw/GxHTg80TVJBUTJfoswMmEUeuOg1g1yu1X2dA==", - "dev": true, - "requires": { - "chalk": "^2.4.2", - "date-fns": "^2.0.1", - "lodash": "^4.17.15", - "read-pkg": "^4.0.1", - "rxjs": "^6.5.2", - "spawn-command": "^0.0.2-1", - "supports-color": "^6.1.0", - "tree-kill": "^1.2.2", - "yargs": "^13.3.0" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - }, - "dependencies": { - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "supports-color": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", - "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "connect": { - "version": "3.6.6", - "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz", - "integrity": "sha1-Ce/2xVr3I24TcTWnJXSFi2eG9SQ=", - "dev": true, - "requires": { - "debug": "2.6.9", - "finalhandler": "1.1.0", - "parseurl": "~1.3.2", - "utils-merge": "1.0.1" - }, - "dependencies": { - "finalhandler": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz", - "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.1", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.3.1", - "unpipe": "~1.0.0" - } - }, - "statuses": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz", - "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=", - "dev": true - } - } - }, - "connect-history-api-fallback": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz", - "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==", - "dev": true - }, - "content-disposition": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", - "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", - "dev": true, - "requires": { - "safe-buffer": "5.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "content-type": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", - "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==", - "dev": true - }, - "cookie": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", - "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==", - "dev": true - }, - "cookie-signature": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", - "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=", - "dev": true - }, - "copy-descriptor": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", - "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=", - "dev": true - }, - "core-js": { - "version": "2.6.11", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz", - "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==", - "dev": true - }, - "core-js-pure": { - "version": "3.6.5", - "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.6.5.tgz", - "integrity": "sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==", - "dev": true - }, - "core-util-is": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", - "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", - "dev": true - }, - "cosmiconfig": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz", - "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==", - "dev": true, - "requires": { - "@types/parse-json": "^4.0.0", - "import-fresh": "^3.1.0", - "parse-json": "^5.0.0", - "path-type": "^4.0.0", - "yaml": "^1.7.2" - }, - "dependencies": { - "parse-json": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.0.0.tgz", - "integrity": "sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1", - "lines-and-columns": "^1.1.6" - } - } - } - }, - "cross-spawn": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", - "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", - "dev": true, - "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" - } - }, - "date-fns": { - "version": "2.10.0", - "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.10.0.tgz", - "integrity": "sha512-EhfEKevYGWhWlZbNeplfhIU/+N+x0iCIx7VzKlXma2EdQyznVlZhCptXUY+BegNpPW2kjdx15Rvq503YcXXrcA==", - "dev": true - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", - "dev": true - }, - "decode-uri-component": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", - "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=", - "dev": true - }, - "decompress": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/decompress/-/decompress-4.2.1.tgz", - "integrity": "sha512-e48kc2IjU+2Zw8cTb6VZcJQ3lgVbS4uuB1TfCHbiZIP/haNXm+SVyhu+87jts5/3ROpd82GSVCoNs/z8l4ZOaQ==", - "dev": true, - "requires": { - "decompress-tar": "^4.0.0", - "decompress-tarbz2": "^4.0.0", - "decompress-targz": "^4.0.0", - "decompress-unzip": "^4.0.1", - "graceful-fs": "^4.1.10", - "make-dir": "^1.0.0", - "pify": "^2.3.0", - "strip-dirs": "^2.0.0" - }, - "dependencies": { - "make-dir": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz", - "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==", - "dev": true, - "requires": { - "pify": "^3.0.0" - }, - "dependencies": { - "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", - "dev": true - } - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "decompress-response": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz", - "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=", - "dev": true, - "requires": { - "mimic-response": "^1.0.0" - } - }, - "decompress-tar": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/decompress-tar/-/decompress-tar-4.1.1.tgz", - "integrity": "sha512-JdJMaCrGpB5fESVyxwpCx4Jdj2AagLmv3y58Qy4GE6HMVjWz1FeVQk1Ct4Kye7PftcdOo/7U7UKzYBJgqnGeUQ==", - "dev": true, - "requires": { - "file-type": "^5.2.0", - "is-stream": "^1.1.0", - "tar-stream": "^1.5.2" - }, - "dependencies": { - "file-type": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-5.2.0.tgz", - "integrity": "sha1-LdvqfHP/42No365J3DOMBYwritY=", - "dev": true - } - } - }, - "decompress-tarbz2": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/decompress-tarbz2/-/decompress-tarbz2-4.1.1.tgz", - "integrity": "sha512-s88xLzf1r81ICXLAVQVzaN6ZmX4A6U4z2nMbOwobxkLoIIfjVMBg7TeguTUXkKeXni795B6y5rnvDw7rxhAq9A==", - "dev": true, - "requires": { - "decompress-tar": "^4.1.0", - "file-type": "^6.1.0", - "is-stream": "^1.1.0", - "seek-bzip": "^1.0.5", - "unbzip2-stream": "^1.0.9" - }, - "dependencies": { - "file-type": { - "version": "6.2.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-6.2.0.tgz", - "integrity": "sha512-YPcTBDV+2Tm0VqjybVd32MHdlEGAtuxS3VAYsumFokDSMG+ROT5wawGlnHDoz7bfMcMDt9hxuXvXwoKUx2fkOg==", - "dev": true - } - } - }, - "decompress-targz": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/decompress-targz/-/decompress-targz-4.1.1.tgz", - "integrity": "sha512-4z81Znfr6chWnRDNfFNqLwPvm4db3WuZkqV+UgXQzSngG3CEKdBkw5jrv3axjjL96glyiiKjsxJG3X6WBZwX3w==", - "dev": true, - "requires": { - "decompress-tar": "^4.1.1", - "file-type": "^5.2.0", - "is-stream": "^1.1.0" - }, - "dependencies": { - "file-type": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-5.2.0.tgz", - "integrity": "sha1-LdvqfHP/42No365J3DOMBYwritY=", - "dev": true - } - } - }, - "decompress-unzip": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/decompress-unzip/-/decompress-unzip-4.0.1.tgz", - "integrity": "sha1-3qrM39FK6vhVePczroIQ+bSEj2k=", - "dev": true, - "requires": { - "file-type": "^3.8.0", - "get-stream": "^2.2.0", - "pify": "^2.3.0", - "yauzl": "^2.4.2" - }, - "dependencies": { - "file-type": { - "version": "3.9.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz", - "integrity": "sha1-JXoHg4TR24CHvESdEH1SpSZyuek=", - "dev": true - }, - "get-stream": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-2.3.1.tgz", - "integrity": "sha1-Xzj5PzRgCWZu4BUKBUFn+Rvdld4=", - "dev": true, - "requires": { - "object-assign": "^4.0.1", - "pinkie-promise": "^2.0.0" - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "deep-is": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz", - "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=", - "dev": true - }, - "define-properties": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", - "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", - "dev": true, - "requires": { - "object-keys": "^1.0.12" - } - }, - "define-property": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", - "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" - }, - "dependencies": { - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "del": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/del/-/del-5.1.0.tgz", - "integrity": "sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA==", - "dev": true, - "requires": { - "globby": "^10.0.1", - "graceful-fs": "^4.2.2", - "is-glob": "^4.0.1", - "is-path-cwd": "^2.2.0", - "is-path-inside": "^3.0.1", - "p-map": "^3.0.0", - "rimraf": "^3.0.0", - "slash": "^3.0.0" - } - }, - "depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=", - "dev": true - }, - "destroy": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", - "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=", - "dev": true - }, - "dev-ip": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/dev-ip/-/dev-ip-1.0.1.tgz", - "integrity": "sha1-p2o+0YVb56ASu4rBbLgPPADcKPA=", - "dev": true - }, - "dir-glob": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", - "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", - "dev": true, - "requires": { - "path-type": "^4.0.0" - } - }, - "download": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/download/-/download-8.0.0.tgz", - "integrity": "sha512-ASRY5QhDk7FK+XrQtQyvhpDKanLluEEQtWl/J7Lxuf/b+i8RYh997QeXvL85xitrmRKVlx9c7eTrcRdq2GS4eA==", - "dev": true, - "requires": { - "archive-type": "^4.0.0", - "content-disposition": "^0.5.2", - "decompress": "^4.2.1", - "ext-name": "^5.0.0", - "file-type": "^11.1.0", - "filenamify": "^3.0.0", - "get-stream": "^4.1.0", - "got": "^8.3.1", - "make-dir": "^2.1.0", - "p-event": "^2.1.0", - "pify": "^4.0.1" - }, - "dependencies": { - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true - } - } - }, - "duplexer3": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz", - "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=", - "dev": true - }, - "easy-extender": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/easy-extender/-/easy-extender-2.3.4.tgz", - "integrity": "sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - }, - "eazy-logger": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/eazy-logger/-/eazy-logger-3.0.2.tgz", - "integrity": "sha1-oyWqXlPROiIliJsqxBE7K5Y29Pw=", - "dev": true, - "requires": { - "tfunk": "^3.0.1" - } - }, - "ee-first": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", - "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=", - "dev": true - }, - "emitter-mixin": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/emitter-mixin/-/emitter-mixin-0.0.3.tgz", - "integrity": "sha1-WUjLKG8uSO3DslGnz8H3iDOW1lw=", - "dev": true - }, - "emoji-regex": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", - "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", - "dev": true - }, - "encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=", - "dev": true - }, - "end-of-stream": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", - "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", - "dev": true, - "requires": { - "once": "^1.4.0" - } - }, - "engine.io": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.2.1.tgz", - "integrity": "sha512-+VlKzHzMhaU+GsCIg4AoXF1UdDFjHHwMmMKqMJNDNLlUlejz58FCy4LBqB2YVJskHGYl06BatYWKP2TVdVXE5w==", - "dev": true, - "requires": { - "accepts": "~1.3.4", - "base64id": "1.0.0", - "cookie": "0.3.1", - "debug": "~3.1.0", - "engine.io-parser": "~2.1.0", - "ws": "~3.3.1" - }, - "dependencies": { - "cookie": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", - "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=", - "dev": true - }, - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "engine.io-parser": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.3.tgz", - "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==", - "dev": true, - "requires": { - "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", - "base64-arraybuffer": "0.1.5", - "blob": "0.0.5", - "has-binary2": "~1.0.2" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "ws": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", - "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", - "dev": true, - "requires": { - "async-limiter": "~1.0.0", - "safe-buffer": "~5.1.0", - "ultron": "~1.1.0" - } - } - } - }, - "engine.io-client": { - "version": "3.4.2", - "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.4.2.tgz", - "integrity": "sha512-AWjc1Xg06a6UPFOBAzJf48W1UR/qKYmv/ubgSCumo9GXgvL/xGIvo05dXoBL+2NTLMipDI7in8xK61C17L25xg==", - "dev": true, - "requires": { - "component-emitter": "~1.3.0", - "component-inherit": "0.0.3", - "debug": "~4.1.0", - "engine.io-parser": "~2.2.0", - "has-cors": "1.1.0", - "indexof": "0.0.1", - "parseqs": "0.0.5", - "parseuri": "0.0.5", - "ws": "~6.1.0", - "xmlhttprequest-ssl": "~1.5.4", - "yeast": "0.1.2" - }, - "dependencies": { - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "engine.io-parser": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.2.0.tgz", - "integrity": "sha512-6I3qD9iUxotsC5HEMuuGsKA0cXerGz+4uGcXQEkfBidgKf0amsjrrtwcbwK/nzpZBxclXlV7gGl9dgWvu4LF6w==", - "dev": true, - "requires": { - "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", - "base64-arraybuffer": "0.1.5", - "blob": "0.0.5", - "has-binary2": "~1.0.2" - } - }, - "errno": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz", - "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==", - "dev": true, - "requires": { - "prr": "~1.0.1" - } - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es-abstract": { - "version": "1.17.5", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.5.tgz", - "integrity": "sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==", - "dev": true, - "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.1.5", - "is-regex": "^1.0.5", - "object-inspect": "^1.7.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.0", - "string.prototype.trimleft": "^2.1.1", - "string.prototype.trimright": "^2.1.1" - } - }, - "es-to-primitive": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", - "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", - "dev": true, - "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" - } - }, - "escape-html": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", - "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=", - "dev": true - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", - "dev": true - }, - "eslint": { - "version": "6.8.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz", - "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "ajv": "^6.10.0", - "chalk": "^2.1.0", - "cross-spawn": "^6.0.5", - "debug": "^4.0.1", - "doctrine": "^3.0.0", - "eslint-scope": "^5.0.0", - "eslint-utils": "^1.4.3", - "eslint-visitor-keys": "^1.1.0", - "espree": "^6.1.2", - "esquery": "^1.0.1", - "esutils": "^2.0.2", - "file-entry-cache": "^5.0.1", - "functional-red-black-tree": "^1.0.1", - "glob-parent": "^5.0.0", - "globals": "^12.1.0", - "ignore": "^4.0.6", - "import-fresh": "^3.0.0", - "imurmurhash": "^0.1.4", - "inquirer": "^7.0.0", - "is-glob": "^4.0.0", - "js-yaml": "^3.13.1", - "json-stable-stringify-without-jsonify": "^1.0.1", - "levn": "^0.3.0", - "lodash": "^4.17.14", - "minimatch": "^3.0.4", - "mkdirp": "^0.5.1", - "natural-compare": "^1.4.0", - "optionator": "^0.8.3", - "progress": "^2.0.0", - "regexpp": "^2.0.1", - "semver": "^6.1.2", - "strip-ansi": "^5.2.0", - "strip-json-comments": "^3.0.1", - "table": "^5.2.3", - "text-table": "^0.2.0", - "v8-compile-cache": "^2.0.3" - }, - "dependencies": { - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "doctrine": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", - "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "eslint-utils": { - "version": "1.4.3", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", - "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", - "dev": true, - "requires": { - "eslint-visitor-keys": "^1.1.0" - } - }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, - "glob-parent": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", - "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - }, - "ignore": { - "version": "4.0.6", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", - "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", - "dev": true - }, - "mkdirp": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", - "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "regexpp": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz", - "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==", - "dev": true - }, - "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", - "dev": true - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, - "eslint-plugin-react": { - "version": "7.19.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.19.0.tgz", - "integrity": "sha512-SPT8j72CGuAP+JFbT0sJHOB80TX/pu44gQ4vXH/cq+hQTiY2PuZ6IHkqXJV6x1b28GDdo1lbInjKUrrdUf0LOQ==", - "dev": true, - "requires": { - "array-includes": "^3.1.1", - "doctrine": "^2.1.0", - "has": "^1.0.3", - "jsx-ast-utils": "^2.2.3", - "object.entries": "^1.1.1", - "object.fromentries": "^2.0.2", - "object.values": "^1.1.1", - "prop-types": "^15.7.2", - "resolve": "^1.15.1", - "semver": "^6.3.0", - "string.prototype.matchall": "^4.0.2", - "xregexp": "^4.3.0" - }, - "dependencies": { - "doctrine": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", - "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, - "resolve": { - "version": "1.15.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.1.tgz", - "integrity": "sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==", - "dev": true, - "requires": { - "path-parse": "^1.0.6" - } - }, - "semver": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", - "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", - "dev": true - } - } - }, - "eslint-scope": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.0.0.tgz", - "integrity": "sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==", - "dev": true, - "requires": { - "esrecurse": "^4.1.0", - "estraverse": "^4.1.1" - } - }, - "eslint-utils": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.0.0.tgz", - "integrity": "sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==", - "dev": true, - "requires": { - "eslint-visitor-keys": "^1.1.0" - } - }, - "eslint-visitor-keys": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz", - "integrity": "sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==", - "dev": true - }, - "espree": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz", - "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==", - "dev": true, - "requires": { - "acorn": "^7.1.1", - "acorn-jsx": "^5.2.0", - "eslint-visitor-keys": "^1.1.0" - } - }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "dev": true - }, - "esquery": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.0.tgz", - "integrity": "sha512-/5qB+Mb0m2bh86tjGbA8pB0qBfdmCIK6ZNPjcw4/TtEH0+tTf0wLA5HK4KMTweSMwLGHwBDWCBV+6+2+EuHmgg==", - "dev": true, - "requires": { - "estraverse": "^5.0.0" - }, - "dependencies": { - "estraverse": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.0.0.tgz", - "integrity": "sha512-j3acdrMzqrxmJTNj5dbr1YbjacrYgAxVMeF0gK16E3j494mOe7xygM/ZLIguEQ0ETwAg2hlJCtHRGav+y0Ny5A==", - "dev": true - } - } - }, - "esrecurse": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.2.1.tgz", - "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==", - "dev": true, - "requires": { - "estraverse": "^4.1.0" - } - }, - "estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", - "dev": true - }, - "etag": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", - "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=", - "dev": true - }, - "eventemitter3": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.4.tgz", - "integrity": "sha512-rlaVLnVxtxvoyLsQQFBx53YmXHDxRIzzTLbdfxqi4yocpSjAxXwkU0cScM5JgSKMqEhrZpnvQ2D9gjylR0AimQ==", - "dev": true - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "express": { - "version": "4.17.1", - "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", - "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", - "dev": true, - "requires": { - "accepts": "~1.3.7", - "array-flatten": "1.1.1", - "body-parser": "1.19.0", - "content-disposition": "0.5.3", - "content-type": "~1.0.4", - "cookie": "0.4.0", - "cookie-signature": "1.0.6", - "debug": "2.6.9", - "depd": "~1.1.2", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "finalhandler": "~1.1.2", - "fresh": "0.5.2", - "merge-descriptors": "1.0.1", - "methods": "~1.1.2", - "on-finished": "~2.3.0", - "parseurl": "~1.3.3", - "path-to-regexp": "0.1.7", - "proxy-addr": "~2.0.5", - "qs": "6.7.0", - "range-parser": "~1.2.1", - "safe-buffer": "5.1.2", - "send": "0.17.1", - "serve-static": "1.14.1", - "setprototypeof": "1.1.1", - "statuses": "~1.5.0", - "type-is": "~1.6.18", - "utils-merge": "1.0.1", - "vary": "~1.1.2" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "ext-list": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/ext-list/-/ext-list-2.2.2.tgz", - "integrity": "sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==", - "dev": true, - "requires": { - "mime-db": "^1.28.0" - } - }, - "ext-name": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ext-name/-/ext-name-5.0.0.tgz", - "integrity": "sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==", - "dev": true, - "requires": { - "ext-list": "^2.0.0", - "sort-keys-length": "^1.0.0" - } - }, - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "external-editor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", - "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", - "dev": true, - "requires": { - "chardet": "^0.7.0", - "iconv-lite": "^0.4.24", - "tmp": "^0.0.33" - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "fast-deep-equal": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz", - "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==", - "dev": true - }, - "fast-glob": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.2.tgz", - "integrity": "sha512-UDV82o4uQyljznxwMxyVRJgZZt3O5wENYojjzbaGEGZgeOxkLFf+V4cnUD+krzb2F72E18RhamkMZ7AdeggF7A==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.0", - "merge2": "^1.3.0", - "micromatch": "^4.0.2", - "picomatch": "^2.2.1" - } - }, - "fast-json-stable-stringify": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", - "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", - "dev": true - }, - "fast-levenshtein": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", - "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=", - "dev": true - }, - "fastq": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.8.0.tgz", - "integrity": "sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==", - "dev": true, - "requires": { - "reusify": "^1.0.4" - } - }, - "fd-slicer": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", - "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=", - "dev": true, - "requires": { - "pend": "~1.2.0" - } - }, - "figures": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", - "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", - "dev": true, - "requires": { - "escape-string-regexp": "^1.0.5" - } - }, - "file-entry-cache": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz", - "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==", - "dev": true, - "requires": { - "flat-cache": "^2.0.1" - } - }, - "file-type": { - "version": "11.1.0", - "resolved": "https://registry.npmjs.org/file-type/-/file-type-11.1.0.tgz", - "integrity": "sha512-rM0UO7Qm9K7TWTtA6AShI/t7H5BPjDeGVDaNyg9BjHAj3PysKy7+8C8D137R88jnR3rFJZQB/tFgydl5sN5m7g==", - "dev": true - }, - "file-uri-to-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", - "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", - "dev": true, - "optional": true - }, - "filename-reserved-regex": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz", - "integrity": "sha1-q/c9+rc10EVECr/qLZHzieu/oik=", - "dev": true - }, - "filenamify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-3.0.0.tgz", - "integrity": "sha512-5EFZ//MsvJgXjBAFJ+Bh2YaCTRF/VP1YOmGrgt+KJ4SFRLjI87EIdwLLuT6wQX0I4F9W41xutobzczjsOKlI/g==", - "dev": true, - "requires": { - "filename-reserved-regex": "^2.0.0", - "strip-outer": "^1.0.0", - "trim-repeated": "^1.0.0" - } - }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "requires": { - "to-regex-range": "^5.0.1" - } - }, - "finalhandler": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", - "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.3", - "statuses": "~1.5.0", - "unpipe": "~1.0.0" - } - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "find-versions": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/find-versions/-/find-versions-3.2.0.tgz", - "integrity": "sha512-P8WRou2S+oe222TOCHitLy8zj+SIsVJh52VP4lvXkaFVnOFFdoWv1H1Jjvel1aI6NCFOAaeAVm8qrI0odiLcww==", - "dev": true, - "requires": { - "semver-regex": "^2.0.0" - } - }, - "flat-cache": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz", - "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==", - "dev": true, - "requires": { - "flatted": "^2.0.0", - "rimraf": "2.6.3", - "write": "1.0.3" - }, - "dependencies": { - "rimraf": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", - "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - } - } - }, - "flatted": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz", - "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==", - "dev": true - }, - "follow-redirects": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.11.0.tgz", - "integrity": "sha512-KZm0V+ll8PfBrKwMzdo5D13b1bur9Iq9Zd/RMmAoQQcl2PxxFml8cxXPaaPYVbV0RjNjq1CU7zIzAOqtUPudmA==", - "dev": true, - "requires": { - "debug": "^3.0.0" - }, - "dependencies": { - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "for-in": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", - "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=", - "dev": true - }, - "forwarded": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", - "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=", - "dev": true - }, - "fragment-cache": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", - "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", - "dev": true, - "requires": { - "map-cache": "^0.2.2" - } - }, - "fresh": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", - "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=", - "dev": true - }, - "from2": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz", - "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=", - "dev": true, - "requires": { - "inherits": "^2.0.1", - "readable-stream": "^2.0.0" - }, - "dependencies": { - "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - } - } - }, - "front-matter": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz", - "integrity": "sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==", - "dev": true, - "requires": { - "js-yaml": "^3.13.1" - } - }, - "fs-constants": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", - "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", - "dev": true - }, - "fs-extra": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz", - "integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", - "dev": true - }, - "fsevents": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", - "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "dev": true, - "optional": true, - "requires": { - "bindings": "^1.5.0", - "nan": "^2.12.1" - } - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true - }, - "functional-red-black-tree": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz", - "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=", - "dev": true - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-own-enumerable-property-symbols": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz", - "integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==", - "dev": true - }, - "get-stream": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz", - "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", - "dev": true, - "requires": { - "pump": "^3.0.0" - } - }, - "get-value": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", - "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=", - "dev": true - }, - "glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", - "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - }, - "globals": { - "version": "12.4.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", - "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", - "dev": true, - "requires": { - "type-fest": "^0.8.1" - } - }, - "globby": { - "version": "10.0.2", - "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.2.tgz", - "integrity": "sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg==", - "dev": true, - "requires": { - "@types/glob": "^7.1.1", - "array-union": "^2.1.0", - "dir-glob": "^3.0.1", - "fast-glob": "^3.0.3", - "glob": "^7.1.3", - "ignore": "^5.1.1", - "merge2": "^1.2.3", - "slash": "^3.0.0" - } - }, - "got": { - "version": "8.3.2", - "resolved": "https://registry.npmjs.org/got/-/got-8.3.2.tgz", - "integrity": "sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==", - "dev": true, - "requires": { - "@sindresorhus/is": "^0.7.0", - "cacheable-request": "^2.1.1", - "decompress-response": "^3.3.0", - "duplexer3": "^0.1.4", - "get-stream": "^3.0.0", - "into-stream": "^3.1.0", - "is-retry-allowed": "^1.1.0", - "isurl": "^1.0.0-alpha5", - "lowercase-keys": "^1.0.0", - "mimic-response": "^1.0.0", - "p-cancelable": "^0.4.0", - "p-timeout": "^2.0.1", - "pify": "^3.0.0", - "safe-buffer": "^5.1.1", - "timed-out": "^4.0.1", - "url-parse-lax": "^3.0.0", - "url-to-options": "^1.0.1" - }, - "dependencies": { - "get-stream": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", - "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=", - "dev": true - } - } - }, - "graceful-fs": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz", - "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==", - "dev": true - }, - "graceful-readlink": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz", - "integrity": "sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=", - "dev": true - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-ansi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true - } - } - }, - "has-binary2": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz", - "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==", - "dev": true, - "requires": { - "isarray": "2.0.1" - }, - "dependencies": { - "isarray": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz", - "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=", - "dev": true - } - } - }, - "has-cors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz", - "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=", - "dev": true - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", - "dev": true - }, - "has-symbol-support-x": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz", - "integrity": "sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==", - "dev": true - }, - "has-symbols": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", - "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==", - "dev": true - }, - "has-to-string-tag-x": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz", - "integrity": "sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==", - "dev": true, - "requires": { - "has-symbol-support-x": "^1.4.1" - } - }, - "has-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", - "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", - "dev": true, - "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "has-values": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", - "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", - "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==", - "dev": true - }, - "http-cache-semantics": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz", - "integrity": "sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==", - "dev": true - }, - "http-errors": { - "version": "1.7.2", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", - "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.1", - "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.0" - }, - "dependencies": { - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true - } - } - }, - "http-proxy": { - "version": "1.18.1", - "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", - "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", - "dev": true, - "requires": { - "eventemitter3": "^4.0.0", - "follow-redirects": "^1.0.0", - "requires-port": "^1.0.0" - } - }, - "http-proxy-middleware": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-1.0.4.tgz", - "integrity": "sha512-8wiqujNWlsZNbeTSSWMLUl/u70xbJ5VYRwPR8RcAbvsNxzAZbgwLzRvT96btbm3fAitZUmo5i8LY6WKGyHDgvA==", - "dev": true, - "requires": { - "@types/http-proxy": "^1.17.4", - "http-proxy": "^1.18.1", - "is-glob": "^4.0.1", - "lodash": "^4.17.15", - "micromatch": "^4.0.2" - } - }, - "husky": { - "version": "4.2.5", - "resolved": "https://registry.npmjs.org/husky/-/husky-4.2.5.tgz", - "integrity": "sha512-SYZ95AjKcX7goYVZtVZF2i6XiZcHknw50iXvY7b0MiGoj5RwdgRQNEHdb+gPDPCXKlzwrybjFjkL6FOj8uRhZQ==", - "dev": true, - "requires": { - "chalk": "^4.0.0", - "ci-info": "^2.0.0", - "compare-versions": "^3.6.0", - "cosmiconfig": "^6.0.0", - "find-versions": "^3.2.0", - "opencollective-postinstall": "^2.0.2", - "pkg-dir": "^4.2.0", - "please-upgrade-node": "^3.2.0", - "slash": "^3.0.0", - "which-pm-runs": "^1.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", - "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", - "dev": true, - "requires": { - "@types/color-name": "^1.1.1", - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.0.0.tgz", - "integrity": "sha512-N9oWFcegS0sFr9oh1oz2d7Npos6vNoWW9HvtCg5N1KRFpUhaAhvTv5Y58g880fZaEYSNm3qDz8SU1UrGvp+n7A==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", - "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "iconv-lite": { - "version": "0.4.24", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", - "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", - "dev": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "ieee754": { - "version": "1.1.13", - "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz", - "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==", - "dev": true - }, - "ignore": { - "version": "5.1.8", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.1.8.tgz", - "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==", - "dev": true - }, - "immutable": { - "version": "3.8.2", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz", - "integrity": "sha1-wkOZUUVbs5kT2vKBN28VMOEErfM=", - "dev": true - }, - "import-fresh": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz", - "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==", - "dev": true, - "requires": { - "parent-module": "^1.0.0", - "resolve-from": "^4.0.0" - } - }, - "imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", - "dev": true - }, - "indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true - }, - "indexof": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz", - "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=", - "dev": true - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", - "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "inquirer": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.1.0.tgz", - "integrity": "sha512-5fJMWEmikSYu0nv/flMc475MhGbB7TSPd/2IpFV4I4rMklboCH2rQjYY5kKiYGHqUF9gvaambupcJFFG9dvReg==", - "dev": true, - "requires": { - "ansi-escapes": "^4.2.1", - "chalk": "^3.0.0", - "cli-cursor": "^3.1.0", - "cli-width": "^2.0.0", - "external-editor": "^3.0.3", - "figures": "^3.0.0", - "lodash": "^4.17.15", - "mute-stream": "0.0.8", - "run-async": "^2.4.0", - "rxjs": "^6.5.3", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0", - "through": "^2.3.6" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz", - "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==", - "dev": true - }, - "ansi-styles": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz", - "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==", - "dev": true, - "requires": { - "@types/color-name": "^1.1.1", - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", - "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "string-width": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", - "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.0" - } - }, - "strip-ansi": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", - "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.0" - } - }, - "supports-color": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", - "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "internal-slot": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.2.tgz", - "integrity": "sha512-2cQNfwhAfJIkU4KZPkDI+Gj5yNNnbqi40W9Gge6dfnk4TocEVm00B3bdiL+JINrbGJil2TeHvM4rETGzk/f/0g==", - "dev": true, - "requires": { - "es-abstract": "^1.17.0-next.1", - "has": "^1.0.3", - "side-channel": "^1.0.2" - } - }, - "into-stream": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz", - "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=", - "dev": true, - "requires": { - "from2": "^2.1.1", - "p-is-promise": "^1.1.0" - } - }, - "invert-kv": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", - "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=", - "dev": true - }, - "ipaddr.js": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", - "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", - "dev": true - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", - "dev": true - }, - "is-binary-path": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", - "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=", - "dev": true, - "requires": { - "binary-extensions": "^1.0.0" - } - }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", - "dev": true - }, - "is-callable": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.1.5.tgz", - "integrity": "sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==", - "dev": true - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-date-object": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.2.tgz", - "integrity": "sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==", - "dev": true - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "dependencies": { - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=", - "dev": true - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", - "dev": true - }, - "is-glob": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", - "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-natural-number": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/is-natural-number/-/is-natural-number-4.0.1.tgz", - "integrity": "sha1-q5124dtM7VHjXeDHLr7PCfc0zeg=", - "dev": true - }, - "is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true - }, - "is-number-like": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/is-number-like/-/is-number-like-1.0.8.tgz", - "integrity": "sha512-6rZi3ezCyFcn5L71ywzz2bS5b2Igl1En3eTlZlvKjpz1n3IZLAYMbKYAIQgFmEu0GENg92ziU/faEOA/aixjbA==", - "dev": true, - "requires": { - "lodash.isfinite": "^3.3.2" - } - }, - "is-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", - "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=", - "dev": true - }, - "is-object": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-object/-/is-object-1.0.1.tgz", - "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA=", - "dev": true - }, - "is-path-cwd": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz", - "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==", - "dev": true - }, - "is-path-in-cwd": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz", - "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==", - "dev": true, - "requires": { - "is-path-inside": "^1.0.0" - }, - "dependencies": { - "is-path-inside": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz", - "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=", - "dev": true, - "requires": { - "path-is-inside": "^1.0.1" - } - } - } - }, - "is-path-inside": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.2.tgz", - "integrity": "sha512-/2UGPSgmtqwo1ktx8NDHjuPwZWmHhO+gj0f93EkhLB5RgW9RZevWYYlIkS6zePc6U2WpOdQYIwHe9YC4DWEBVg==", - "dev": true - }, - "is-plain-obj": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", - "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", - "dev": true - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "is-promise": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz", - "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=", - "dev": true - }, - "is-regex": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz", - "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==", - "dev": true, - "requires": { - "has": "^1.0.3" - } - }, - "is-regexp": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz", - "integrity": "sha1-/S2INUXEa6xaYz57mgnof6LLUGk=", - "dev": true - }, - "is-retry-allowed": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz", - "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==", - "dev": true - }, - "is-stream": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", - "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=", - "dev": true - }, - "is-string": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.5.tgz", - "integrity": "sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==", - "dev": true - }, - "is-symbol": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", - "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", - "dev": true, - "requires": { - "has-symbols": "^1.0.1" - } - }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=", - "dev": true - }, - "is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", - "dev": true - }, - "is-wsl": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz", - "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=", - "dev": true - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", - "dev": true - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", - "dev": true - }, - "isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=", - "dev": true - }, - "isurl": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isurl/-/isurl-1.0.0.tgz", - "integrity": "sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==", - "dev": true, - "requires": { - "has-to-string-tag-x": "^1.2.0", - "is-object": "^1.0.1" - } - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true - }, - "js-yaml": { - "version": "3.13.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", - "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", - "dev": true, - "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - } - }, - "json-buffer": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz", - "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=", - "dev": true - }, - "json-parse-better-errors": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz", - "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", - "dev": true - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "json-stable-stringify-without-jsonify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", - "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=", - "dev": true - }, - "jsonfile": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", - "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6" - } - }, - "jsx-ast-utils": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-2.2.3.tgz", - "integrity": "sha512-EdIHFMm+1BPynpKOpdPqiOsvnIrInRGJD7bzPZdPkjitQEqpdpUuFpq4T0npZFKTiB3RhWFdGN+oqOJIdhDhQA==", - "dev": true, - "requires": { - "array-includes": "^3.0.3", - "object.assign": "^4.1.0" - } - }, - "junk": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/junk/-/junk-1.0.3.tgz", - "integrity": "sha1-h75jSIZJy9ym9Tqzm+yczSNH9ZI=", - "dev": true - }, - "keyv": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.0.0.tgz", - "integrity": "sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==", - "dev": true, - "requires": { - "json-buffer": "3.0.0" - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - }, - "lcid": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", - "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", - "dev": true, - "requires": { - "invert-kv": "^1.0.0" - } - }, - "levn": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", - "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=", - "dev": true, - "requires": { - "prelude-ls": "~1.1.2", - "type-check": "~0.3.2" - } - }, - "limiter": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/limiter/-/limiter-1.1.5.tgz", - "integrity": "sha512-FWWMIEOxz3GwUI4Ts/IvgVy6LPvoMPgjMdQ185nN6psJyBJ4yOpzqm695/h5umdLJg2vW3GR5iG11MAkR2AzJA==", - "dev": true - }, - "lines-and-columns": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz", - "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", - "dev": true - }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" - }, - "dependencies": { - "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", - "dev": true, - "requires": { - "error-ex": "^1.2.0" - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - } - } - }, - "localtunnel": { - "version": "1.9.2", - "resolved": "https://registry.npmjs.org/localtunnel/-/localtunnel-1.9.2.tgz", - "integrity": "sha512-NEKF7bDJE9U3xzJu3kbayF0WTvng6Pww7tzqNb/XtEARYwqw7CKEX7BvOMg98FtE9es2CRizl61gkV3hS8dqYg==", - "dev": true, - "requires": { - "axios": "0.19.0", - "debug": "4.1.1", - "openurl": "1.1.1", - "yargs": "6.6.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true - }, - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=", - "dev": true - }, - "cliui": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", - "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wrap-ansi": "^2.0.0" - } - }, - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=", - "dev": true - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "which-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", - "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=", - "dev": true - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - } - }, - "y18n": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", - "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=", - "dev": true - }, - "yargs": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz", - "integrity": "sha1-eC7CHvQDNF+DCoCMo9UTr1YGUgg=", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "cliui": "^3.2.0", - "decamelize": "^1.1.1", - "get-caller-file": "^1.0.1", - "os-locale": "^1.4.0", - "read-pkg-up": "^1.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^1.0.2", - "which-module": "^1.0.0", - "y18n": "^3.2.1", - "yargs-parser": "^4.2.0" - } - }, - "yargs-parser": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-4.2.1.tgz", - "integrity": "sha1-KczqwNxPA8bIe0qfIX3RjJ90hxw=", - "dev": true, - "requires": { - "camelcase": "^3.0.0" - } - } - } - }, - "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dev": true, - "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - } - }, - "lodash": { - "version": "4.17.15", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz", - "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==", - "dev": true - }, - "lodash._reinterpolate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz", - "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=", - "dev": true - }, - "lodash.isfinite": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz", - "integrity": "sha1-+4m2WpqAKBgz8LdHizpRBPiY67M=", - "dev": true - }, - "lodash.template": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz", - "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==", - "dev": true, - "requires": { - "lodash._reinterpolate": "^3.0.0", - "lodash.templatesettings": "^4.0.0" - } - }, - "lodash.templatesettings": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz", - "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==", - "dev": true, - "requires": { - "lodash._reinterpolate": "^3.0.0" - } - }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, - "lowercase-keys": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz", - "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==", - "dev": true - }, - "make-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", - "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", - "dev": true, - "requires": { - "pify": "^4.0.1", - "semver": "^5.6.0" - }, - "dependencies": { - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true - } - } - }, - "map-cache": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", - "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=", - "dev": true - }, - "map-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", - "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", - "dev": true, - "requires": { - "object-visit": "^1.0.0" - } - }, - "maximatch": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz", - "integrity": "sha1-hs2NawTJ8wfAWmuUGZBtA2D7E6I=", - "dev": true, - "requires": { - "array-differ": "^1.0.0", - "array-union": "^1.0.1", - "arrify": "^1.0.0", - "minimatch": "^3.0.0" - }, - "dependencies": { - "array-union": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", - "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", - "dev": true, - "requires": { - "array-uniq": "^1.0.1" - } - } - } - }, - "media-typer": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", - "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=", - "dev": true - }, - "merge-descriptors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", - "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=", - "dev": true - }, - "merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true - }, - "methods": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", - "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=", - "dev": true - }, - "micromatch": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", - "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", - "dev": true, - "requires": { - "braces": "^3.0.1", - "picomatch": "^2.0.5" - } - }, - "mime": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", - "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", - "dev": true - }, - "mime-db": { - "version": "1.44.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", - "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==", - "dev": true - }, - "mime-types": { - "version": "2.1.27", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", - "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", - "dev": true, - "requires": { - "mime-db": "1.44.0" - } - }, - "mimic-fn": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", - "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", - "dev": true - }, - "mimic-response": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz", - "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==", - "dev": true - }, - "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", - "dev": true - }, - "mitt": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/mitt/-/mitt-1.2.0.tgz", - "integrity": "sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==", - "dev": true - }, - "mixin-deep": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", - "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", - "dev": true, - "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - }, - "dependencies": { - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - } - } - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", - "dev": true - }, - "mute-stream": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", - "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", - "dev": true - }, - "nan": { - "version": "2.14.1", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz", - "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==", - "dev": true, - "optional": true - }, - "nanomatch": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", - "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - } - }, - "natural-compare": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", - "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=", - "dev": true - }, - "negotiator": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", - "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==", - "dev": true - }, - "nice-try": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", - "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", - "dev": true - }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - }, - "normalize-url": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz", - "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==", - "dev": true, - "requires": { - "prepend-http": "^2.0.0", - "query-string": "^5.0.1", - "sort-keys": "^2.0.0" - }, - "dependencies": { - "sort-keys": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz", - "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=", - "dev": true, - "requires": { - "is-plain-obj": "^1.0.0" - } - } - } - }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", - "dev": true - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", - "dev": true - }, - "object-component": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz", - "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=", - "dev": true - }, - "object-copy": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", - "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", - "dev": true, - "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "object-inspect": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.7.0.tgz", - "integrity": "sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==", - "dev": true - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", - "dev": true - }, - "object-path": { - "version": "0.9.2", - "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.9.2.tgz", - "integrity": "sha1-D9mnT8X60a45aLWGvaXGMr1sBaU=", - "dev": true - }, - "object-visit": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", - "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", - "dev": true, - "requires": { - "isobject": "^3.0.0" - } - }, - "object.assign": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz", - "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==", - "dev": true, - "requires": { - "define-properties": "^1.1.2", - "function-bind": "^1.1.1", - "has-symbols": "^1.0.0", - "object-keys": "^1.0.11" - } - }, - "object.entries": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.1.tgz", - "integrity": "sha512-ilqR7BgdyZetJutmDPfXCDffGa0/Yzl2ivVNpbx/g4UeWrCdRnFDUBrKJGLhGieRHDATnyZXWBeCb29k9CJysQ==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1", - "function-bind": "^1.1.1", - "has": "^1.0.3" - } - }, - "object.fromentries": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.2.tgz", - "integrity": "sha512-r3ZiBH7MQppDJVLx6fhD618GKNG40CZYH9wgwdhKxBDDbQgjeWGGd4AtkZad84d291YxvWe7bJGuE65Anh0dxQ==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1", - "function-bind": "^1.1.1", - "has": "^1.0.3" - } - }, - "object.pick": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", - "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "object.values": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.1.tgz", - "integrity": "sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1", - "function-bind": "^1.1.1", - "has": "^1.0.3" - } - }, - "on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", - "dev": true, - "requires": { - "ee-first": "1.1.1" - } - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "onetime": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.0.tgz", - "integrity": "sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==", - "dev": true, - "requires": { - "mimic-fn": "^2.1.0" - } - }, - "opencollective-postinstall": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz", - "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==", - "dev": true - }, - "openurl": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/openurl/-/openurl-1.1.1.tgz", - "integrity": "sha1-OHW0sO96UsFW8NtB1GCduw+Us4c=", - "dev": true - }, - "opn": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz", - "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==", - "dev": true, - "requires": { - "is-wsl": "^1.1.0" - } - }, - "optionator": { - "version": "0.8.3", - "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz", - "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==", - "dev": true, - "requires": { - "deep-is": "~0.1.3", - "fast-levenshtein": "~2.0.6", - "levn": "~0.3.0", - "prelude-ls": "~1.1.2", - "type-check": "~0.3.2", - "word-wrap": "~1.2.3" - } - }, - "os-locale": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", - "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", - "dev": true, - "requires": { - "lcid": "^1.0.0" - } - }, - "os-tmpdir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", - "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", - "dev": true - }, - "p-cancelable": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz", - "integrity": "sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ==", - "dev": true - }, - "p-event": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/p-event/-/p-event-2.3.1.tgz", - "integrity": "sha512-NQCqOFhbpVTMX4qMe8PF8lbGtzZ+LCiN7pcNrb/413Na7+TRoe1xkKUzuWa/YEJdGQ0FvKtj35EEbDoVPO2kbA==", - "dev": true, - "requires": { - "p-timeout": "^2.0.1" - } - }, - "p-finally": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", - "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=", - "dev": true - }, - "p-is-promise": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz", - "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=", - "dev": true - }, - "p-limit": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.2.tgz", - "integrity": "sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dev": true, - "requires": { - "p-limit": "^2.0.0" - } - }, - "p-map": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz", - "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==", - "dev": true, - "requires": { - "aggregate-error": "^3.0.0" - } - }, - "p-timeout": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-2.0.1.tgz", - "integrity": "sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==", - "dev": true, - "requires": { - "p-finally": "^1.0.0" - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "parent-module": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", - "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", - "dev": true, - "requires": { - "callsites": "^3.0.0" - } - }, - "parse-json": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", - "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", - "dev": true, - "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" - } - }, - "parseqs": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz", - "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=", - "dev": true, - "requires": { - "better-assert": "~1.0.0" - } - }, - "parseuri": { - "version": "0.0.5", - "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz", - "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=", - "dev": true, - "requires": { - "better-assert": "~1.0.0" - } - }, - "parseurl": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", - "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", - "dev": true - }, - "pascalcase": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", - "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=", - "dev": true - }, - "path-dirname": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", - "integrity": "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=", - "dev": true - }, - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=", - "dev": true - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", - "dev": true - }, - "path-is-inside": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz", - "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=", - "dev": true - }, - "path-key": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", - "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=", - "dev": true - }, - "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", - "dev": true - }, - "path-to-regexp": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", - "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=", - "dev": true - }, - "path-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", - "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", - "dev": true - }, - "pend": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", - "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=", - "dev": true - }, - "picomatch": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", - "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", - "dev": true - }, - "pify": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz", - "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", - "dev": true - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=", - "dev": true - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", - "dev": true, - "requires": { - "pinkie": "^2.0.0" - } - }, - "pkg-dir": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", - "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", - "dev": true, - "requires": { - "find-up": "^4.0.0" - }, - "dependencies": { - "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dev": true, - "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - } - }, - "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dev": true, - "requires": { - "p-locate": "^4.1.0" - } - }, - "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dev": true, - "requires": { - "p-limit": "^2.2.0" - } - }, - "path-exists": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", - "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true - } - } - }, - "please-upgrade-node": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz", - "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==", - "dev": true, - "requires": { - "semver-compare": "^1.0.0" - } - }, - "portscanner": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-2.1.1.tgz", - "integrity": "sha1-6rtAnk3iSVD1oqUW01rnaTQ/u5Y=", - "dev": true, - "requires": { - "async": "1.5.2", - "is-number-like": "^1.0.3" - } - }, - "posix-character-classes": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", - "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=", - "dev": true - }, - "prelude-ls": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz", - "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=", - "dev": true - }, - "prepend-http": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz", - "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=", - "dev": true - }, - "prettier": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz", - "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==", - "dev": true - }, - "pretty-bytes": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.3.0.tgz", - "integrity": "sha512-hjGrh+P926p4R4WbaB6OckyRtO0F0/lQBiT+0gnxjV+5kjPBrfVBFCsCLbMqVQeydvIoouYTCmmEURiH3R1Bdg==", - "dev": true - }, - "process-nextick-args": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", - "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", - "dev": true - }, - "progress": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", - "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", - "dev": true - }, - "promise": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", - "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", - "dev": true, - "requires": { - "asap": "~2.0.3" - } - }, - "prop-types": { - "version": "15.7.2", - "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", - "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", - "dev": true, - "requires": { - "loose-envify": "^1.4.0", - "object-assign": "^4.1.1", - "react-is": "^16.8.1" - } - }, - "proxy-addr": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", - "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==", - "dev": true, - "requires": { - "forwarded": "~0.1.2", - "ipaddr.js": "1.9.1" - } - }, - "prr": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", - "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=", - "dev": true - }, - "pump": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", - "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "punycode": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", - "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", - "dev": true - }, - "qs": { - "version": "6.7.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", - "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==", - "dev": true - }, - "query-string": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz", - "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==", - "dev": true, - "requires": { - "decode-uri-component": "^0.2.0", - "object-assign": "^4.1.0", - "strict-uri-encode": "^1.0.0" - } - }, - "range-parser": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", - "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", - "dev": true - }, - "raw-body": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", - "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", - "dev": true, - "requires": { - "bytes": "3.1.0", - "http-errors": "1.7.2", - "iconv-lite": "0.4.24", - "unpipe": "1.0.0" - } - }, - "react-is": { - "version": "16.13.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", - "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", - "dev": true - }, - "read-pkg": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-4.0.1.tgz", - "integrity": "sha1-ljYlN48+HE1IyFhytabsfV0JMjc=", - "dev": true, - "requires": { - "normalize-package-data": "^2.3.2", - "parse-json": "^4.0.0", - "pify": "^3.0.0" - } - }, - "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", - "dev": true, - "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" - }, - "dependencies": { - "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", - "dev": true, - "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", - "dev": true, - "requires": { - "pinkie-promise": "^2.0.0" - } - }, - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - }, - "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", - "dev": true, - "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" - } - } - } - }, - "readable-stream": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", - "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - }, - "dependencies": { - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "recursive-copy": { - "version": "2.0.10", - "resolved": "https://registry.npmjs.org/recursive-copy/-/recursive-copy-2.0.10.tgz", - "integrity": "sha512-S9J9XJUnfZ2NUS3lK6lx6HWLl2nWui+f7AKuu+qoFs4ikEPYgZ3qKk1T6tmBnr7PzhtKnawE+6TREy9XQKmxCA==", - "dev": true, - "requires": { - "del": "^2.2.0", - "emitter-mixin": "0.0.3", - "errno": "^0.1.2", - "graceful-fs": "^4.1.4", - "junk": "^1.0.1", - "maximatch": "^0.1.0", - "mkdirp": "^0.5.1", - "pify": "^2.3.0", - "promise": "^7.0.1", - "slash": "^1.0.0" - }, - "dependencies": { - "array-union": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", - "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", - "dev": true, - "requires": { - "array-uniq": "^1.0.1" - } - }, - "del": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz", - "integrity": "sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag=", - "dev": true, - "requires": { - "globby": "^5.0.0", - "is-path-cwd": "^1.0.0", - "is-path-in-cwd": "^1.0.0", - "object-assign": "^4.0.1", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "rimraf": "^2.2.8" - } - }, - "globby": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz", - "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=", - "dev": true, - "requires": { - "array-union": "^1.0.1", - "arrify": "^1.0.0", - "glob": "^7.0.3", - "object-assign": "^4.0.1", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "is-path-cwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz", - "integrity": "sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=", - "dev": true - }, - "mkdirp": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", - "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", - "dev": true - }, - "rimraf": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "slash": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", - "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=", - "dev": true - } - } - }, - "regenerator-runtime": { - "version": "0.13.3", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz", - "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==", - "dev": true - }, - "regex-not": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", - "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" - } - }, - "regexp.prototype.flags": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz", - "integrity": "sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1" - } - }, - "regexpp": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz", - "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==", - "dev": true - }, - "remove-trailing-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", - "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=", - "dev": true - }, - "repeat-element": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz", - "integrity": "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==", - "dev": true - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", - "dev": true - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", - "dev": true - }, - "require-main-filename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", - "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", - "dev": true - }, - "requires-port": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", - "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=", - "dev": true - }, - "resize-observer-polyfill": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", - "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==" - }, - "resolve": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.14.1.tgz", - "integrity": "sha512-fn5Wobh4cxbLzuHaE+nphztHy43/b++4M6SsGFC2gB8uYwf0C8LcarfCz1un7UTW8OFQg9iNjZ4xpcFVGebDPg==", - "dev": true, - "requires": { - "path-parse": "^1.0.6" - } - }, - "resolve-from": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", - "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", - "dev": true - }, - "resolve-url": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", - "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=", - "dev": true - }, - "resp-modifier": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/resp-modifier/-/resp-modifier-6.0.2.tgz", - "integrity": "sha1-sSTeXE+6/LpUH0j/pzlw9KpFa08=", - "dev": true, - "requires": { - "debug": "^2.2.0", - "minimatch": "^3.0.2" - } - }, - "responselike": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz", - "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=", - "dev": true, - "requires": { - "lowercase-keys": "^1.0.0" - } - }, - "restore-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", - "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", - "dev": true, - "requires": { - "onetime": "^5.1.0", - "signal-exit": "^3.0.2" - } - }, - "ret": { - "version": "0.1.15", - "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", - "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==", - "dev": true - }, - "reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true - }, - "rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "run-async": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.0.tgz", - "integrity": "sha512-xJTbh/d7Lm7SBhc1tNvTpeCHaEzoyxPrqNlvSdMfBTYwaY++UJFyXUOxAtsRUXjlqOfj8luNaR9vjCh4KeV+pg==", - "dev": true, - "requires": { - "is-promise": "^2.1.0" - } - }, - "run-parallel": { - "version": "1.1.9", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.1.9.tgz", - "integrity": "sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==", - "dev": true - }, - "rx": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/rx/-/rx-4.1.0.tgz", - "integrity": "sha1-pfE/957zt0D+MKqAP7CfmIBdR4I=", - "dev": true - }, - "rxjs": { - "version": "6.5.4", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.4.tgz", - "integrity": "sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, - "safe-buffer": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz", - "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==", - "dev": true - }, - "safe-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", - "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", - "dev": true, - "requires": { - "ret": "~0.1.10" - } - }, - "safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true - }, - "seek-bzip": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/seek-bzip/-/seek-bzip-1.0.5.tgz", - "integrity": "sha1-z+kXyz0nS8/6x5J1ivUxc+sfq9w=", - "dev": true, - "requires": { - "commander": "~2.8.1" - }, - "dependencies": { - "commander": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.8.1.tgz", - "integrity": "sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=", - "dev": true, - "requires": { - "graceful-readlink": ">= 1.0.0" - } - } - } - }, - "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true - }, - "semver-compare": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz", - "integrity": "sha1-De4hahyUGrN+nvsXiPavxf9VN/w=", - "dev": true - }, - "semver-regex": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/semver-regex/-/semver-regex-2.0.0.tgz", - "integrity": "sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==", - "dev": true - }, - "send": { - "version": "0.17.1", - "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", - "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", - "dev": true, - "requires": { - "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "~1.7.2", - "mime": "1.6.0", - "ms": "2.1.1", - "on-finished": "~2.3.0", - "range-parser": "~1.2.1", - "statuses": "~1.5.0" - }, - "dependencies": { - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", - "dev": true - } - } - }, - "serve-index": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", - "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=", - "dev": true, - "requires": { - "accepts": "~1.3.4", - "batch": "0.6.1", - "debug": "2.6.9", - "escape-html": "~1.0.3", - "http-errors": "~1.6.2", - "mime-types": "~2.1.17", - "parseurl": "~1.3.2" - }, - "dependencies": { - "http-errors": { - "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true - }, - "setprototypeof": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", - "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", - "dev": true - } - } - }, - "serve-static": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", - "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", - "dev": true, - "requires": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.3", - "send": "0.17.1" - } - }, - "server-destroy": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz", - "integrity": "sha1-8Tv5KOQrnD55OD5hzDmYtdFObN0=", - "dev": true - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", - "dev": true - }, - "set-value": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", - "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "setprototypeof": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", - "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==", - "dev": true - }, - "shebang-command": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", - "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", - "dev": true, - "requires": { - "shebang-regex": "^1.0.0" - } - }, - "shebang-regex": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", - "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=", - "dev": true - }, - "side-channel": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.2.tgz", - "integrity": "sha512-7rL9YlPHg7Ancea1S96Pa8/QWb4BtXL/TZvS6B8XFetGBeuhAsfmUspK6DokBeZ64+Kj9TCNRD/30pVz1BvQNA==", - "dev": true, - "requires": { - "es-abstract": "^1.17.0-next.1", - "object-inspect": "^1.7.0" - } - }, - "signal-exit": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", - "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", - "dev": true - }, - "simple-swizzle": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz", - "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=", - "requires": { - "is-arrayish": "^0.3.1" - }, - "dependencies": { - "is-arrayish": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz", - "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==" - } - } - }, - "slash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", - "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", - "dev": true - }, - "slice-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", - "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.0", - "astral-regex": "^1.0.0", - "is-fullwidth-code-point": "^2.0.0" - } - }, - "snapdragon": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", - "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", - "dev": true, - "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "snapdragon-node": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", - "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", - "dev": true, - "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - } - } - } - }, - "snapdragon-util": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", - "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", - "dev": true, - "requires": { - "kind-of": "^3.2.0" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "socket.io": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz", - "integrity": "sha512-rORqq9c+7W0DAK3cleWNSyfv/qKXV99hV4tZe+gGLfBECw3XEhBy7x85F3wypA9688LKjtwO9pX9L33/xQI8yA==", - "dev": true, - "requires": { - "debug": "~3.1.0", - "engine.io": "~3.2.0", - "has-binary2": "~1.0.2", - "socket.io-adapter": "~1.1.0", - "socket.io-client": "2.1.1", - "socket.io-parser": "~3.2.0" - }, - "dependencies": { - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", - "dev": true - }, - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "engine.io-client": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz", - "integrity": "sha512-y5AbkytWeM4jQr7m/koQLc5AxpRKC1hEVUb/s1FUAWEJq5AzJJ4NLvzuKPuxtDi5Mq755WuDvZ6Iv2rXj4PTzw==", - "dev": true, - "requires": { - "component-emitter": "1.2.1", - "component-inherit": "0.0.3", - "debug": "~3.1.0", - "engine.io-parser": "~2.1.1", - "has-cors": "1.1.0", - "indexof": "0.0.1", - "parseqs": "0.0.5", - "parseuri": "0.0.5", - "ws": "~3.3.1", - "xmlhttprequest-ssl": "~1.5.4", - "yeast": "0.1.2" - } - }, - "engine.io-parser": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.3.tgz", - "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==", - "dev": true, - "requires": { - "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", - "base64-arraybuffer": "0.1.5", - "blob": "0.0.5", - "has-binary2": "~1.0.2" - } - }, - "isarray": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz", - "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=", - "dev": true - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "socket.io-client": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.1.1.tgz", - "integrity": "sha512-jxnFyhAuFxYfjqIgduQlhzqTcOEQSn+OHKVfAxWaNWa7ecP7xSNk2Dx/3UEsDcY7NcFafxvNvKPmmO7HTwTxGQ==", - "dev": true, - "requires": { - "backo2": "1.0.2", - "base64-arraybuffer": "0.1.5", - "component-bind": "1.0.0", - "component-emitter": "1.2.1", - "debug": "~3.1.0", - "engine.io-client": "~3.2.0", - "has-binary2": "~1.0.2", - "has-cors": "1.1.0", - "indexof": "0.0.1", - "object-component": "0.0.3", - "parseqs": "0.0.5", - "parseuri": "0.0.5", - "socket.io-parser": "~3.2.0", - "to-array": "0.1.4" - } - }, - "socket.io-parser": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz", - "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==", - "dev": true, - "requires": { - "component-emitter": "1.2.1", - "debug": "~3.1.0", - "isarray": "2.0.1" - } - }, - "ws": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", - "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", - "dev": true, - "requires": { - "async-limiter": "~1.0.0", - "safe-buffer": "~5.1.0", - "ultron": "~1.1.0" - } - } - } - }, - "socket.io-adapter": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.2.tgz", - "integrity": "sha512-WzZRUj1kUjrTIrUKpZLEzFZ1OLj5FwLlAFQs9kuZJzJi5DKdU7FsWc36SNmA8iDOtwBQyT8FkrriRM8vXLYz8g==", - "dev": true - }, - "socket.io-client": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.3.0.tgz", - "integrity": "sha512-cEQQf24gET3rfhxZ2jJ5xzAOo/xhZwK+mOqtGRg5IowZsMgwvHwnf/mCRapAAkadhM26y+iydgwsXGObBB5ZdA==", - "dev": true, - "requires": { - "backo2": "1.0.2", - "base64-arraybuffer": "0.1.5", - "component-bind": "1.0.0", - "component-emitter": "1.2.1", - "debug": "~4.1.0", - "engine.io-client": "~3.4.0", - "has-binary2": "~1.0.2", - "has-cors": "1.1.0", - "indexof": "0.0.1", - "object-component": "0.0.3", - "parseqs": "0.0.5", - "parseuri": "0.0.5", - "socket.io-parser": "~3.3.0", - "to-array": "0.1.4" - }, - "dependencies": { - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", - "dev": true - }, - "debug": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", - "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - } - } - }, - "socket.io-parser": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.0.tgz", - "integrity": "sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==", - "dev": true, - "requires": { - "component-emitter": "1.2.1", - "debug": "~3.1.0", - "isarray": "2.0.1" - }, - "dependencies": { - "component-emitter": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", - "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=", - "dev": true - }, - "debug": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", - "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "isarray": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz", - "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=", - "dev": true - } - } - }, - "sort-keys": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz", - "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=", - "dev": true, - "requires": { - "is-plain-obj": "^1.0.0" - } - }, - "sort-keys-length": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/sort-keys-length/-/sort-keys-length-1.0.1.tgz", - "integrity": "sha1-nLb09OnkgVWmqgZx7dM2/xR5oYg=", - "dev": true, - "requires": { - "sort-keys": "^1.0.0" - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", - "dev": true - }, - "source-map-resolve": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", - "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", - "dev": true, - "requires": { - "atob": "^2.1.2", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" - } - }, - "source-map-url": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz", - "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=", - "dev": true - }, - "spawn-command": { - "version": "0.0.2-1", - "resolved": "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2-1.tgz", - "integrity": "sha1-YvXpRmmBwbeW3Fkpk34RycaSG9A=", - "dev": true - }, - "spdx-correct": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", - "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==", - "dev": true, - "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-exceptions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz", - "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==", - "dev": true - }, - "spdx-expression-parse": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz", - "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", - "dev": true, - "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-license-ids": { - "version": "3.0.5", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz", - "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==", - "dev": true - }, - "split-string": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", - "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.0" - } - }, - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", - "dev": true - }, - "static-extend": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", - "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", - "dev": true, - "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - } - } - }, - "statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=", - "dev": true - }, - "stream-throttle": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/stream-throttle/-/stream-throttle-0.1.3.tgz", - "integrity": "sha1-rdV8jXzHOoFjDTHNVdOWHPr7qcM=", - "dev": true, - "requires": { - "commander": "^2.2.0", - "limiter": "^1.0.5" - } - }, - "strict-uri-encode": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz", - "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=", - "dev": true - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - } - }, - "string.prototype.matchall": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.2.tgz", - "integrity": "sha512-N/jp6O5fMf9os0JU3E72Qhf590RSRZU/ungsL/qJUYVTNv7hTG0P/dbPjxINVN9jpscu3nzYwKESU3P3RY5tOg==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0", - "has-symbols": "^1.0.1", - "internal-slot": "^1.0.2", - "regexp.prototype.flags": "^1.3.0", - "side-channel": "^1.0.2" - } - }, - "string.prototype.trimend": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz", - "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5" - } - }, - "string.prototype.trimleft": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz", - "integrity": "sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5", - "string.prototype.trimstart": "^1.0.0" - } - }, - "string.prototype.trimright": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz", - "integrity": "sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5", - "string.prototype.trimend": "^1.0.0" - } - }, - "string.prototype.trimstart": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz", - "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==", - "dev": true, - "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5" - } - }, - "string_decoder": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", - "dev": true, - "requires": { - "safe-buffer": "~5.2.0" - } - }, - "stringify-object": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz", - "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==", - "dev": true, - "requires": { - "get-own-enumerable-property-symbols": "^3.0.0", - "is-obj": "^1.0.1", - "is-regexp": "^1.0.0" - } - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", - "dev": true, - "requires": { - "is-utf8": "^0.2.0" - } - }, - "strip-comments": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-1.0.2.tgz", - "integrity": "sha512-kL97alc47hoyIQSV165tTt9rG5dn4w1dNnBhOQ3bOU1Nc1hel09jnXANaHJ7vzHLd4Ju8kseDGzlev96pghLFw==", - "dev": true, - "requires": { - "babel-extract-comments": "^1.0.0", - "babel-plugin-transform-object-rest-spread": "^6.26.0" - } - }, - "strip-dirs": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/strip-dirs/-/strip-dirs-2.1.0.tgz", - "integrity": "sha512-JOCxOeKLm2CAS73y/U4ZeZPTkE+gNVCzKt7Eox84Iej1LT/2pTWYpZKJuxwQpvX1LiZb1xokNR7RLfuBAa7T3g==", - "dev": true, - "requires": { - "is-natural-number": "^4.0.1" - } - }, - "strip-json-comments": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.0.tgz", - "integrity": "sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==", - "dev": true - }, - "strip-outer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz", - "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==", - "dev": true, - "requires": { - "escape-string-regexp": "^1.0.2" - } - }, - "supports-color": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz", - "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - }, - "dependencies": { - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - } - } - }, - "symbol-observable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.0.1.tgz", - "integrity": "sha1-g0D8RwLDEi310iKI+IKD9RPT/dQ=", - "dev": true - }, - "table": { - "version": "5.4.6", - "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz", - "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==", - "dev": true, - "requires": { - "ajv": "^6.10.2", - "lodash": "^4.17.14", - "slice-ansi": "^2.1.0", - "string-width": "^3.0.0" - } - }, - "tar-stream": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-1.6.2.tgz", - "integrity": "sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==", - "dev": true, - "requires": { - "bl": "^1.0.0", - "buffer-alloc": "^1.2.0", - "end-of-stream": "^1.0.0", - "fs-constants": "^1.0.0", - "readable-stream": "^2.3.0", - "to-buffer": "^1.1.1", - "xtend": "^4.0.0" - }, - "dependencies": { - "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - } - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - } - } - } - }, - "text-table": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", - "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=", - "dev": true - }, - "tfunk": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/tfunk/-/tfunk-3.1.0.tgz", - "integrity": "sha1-OORBT8ZJd9h6/apy+sttKfgve1s=", - "dev": true, - "requires": { - "chalk": "^1.1.1", - "object-path": "^0.9.0" - }, - "dependencies": { - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true - }, - "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", - "dev": true - }, - "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", - "dev": true, - "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", - "dev": true - } - } - }, - "through": { - "version": "2.3.8", - "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", - "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=", - "dev": true - }, - "through2": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/through2/-/through2-3.0.1.tgz", - "integrity": "sha512-M96dvTalPT3YbYLaKaCuwu+j06D/8Jfib0o/PxbVt6Amhv3dUAtW6rTV1jPgJSBG83I/e04Y6xkVdVhSRhi0ww==", - "dev": true, - "requires": { - "readable-stream": "2 || 3" - } - }, - "timed-out": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz", - "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=", - "dev": true - }, - "tmp": { - "version": "0.0.33", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", - "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", - "dev": true, - "requires": { - "os-tmpdir": "~1.0.2" - } - }, - "to-array": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz", - "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=", - "dev": true - }, - "to-buffer": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.1.1.tgz", - "integrity": "sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==", - "dev": true - }, - "to-object-path": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", - "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "to-regex": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", - "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", - "dev": true, - "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" - } - }, - "to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "requires": { - "is-number": "^7.0.0" - } - }, - "toidentifier": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", - "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==", - "dev": true - }, - "tree-kill": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", - "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", - "dev": true - }, - "trim-repeated": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz", - "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=", - "dev": true, - "requires": { - "escape-string-regexp": "^1.0.2" - } - }, - "tslib": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.0.tgz", - "integrity": "sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ==", - "dev": true - }, - "tsutils": { - "version": "3.17.1", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.17.1.tgz", - "integrity": "sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - } - }, - "type-check": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz", - "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=", - "dev": true, - "requires": { - "prelude-ls": "~1.1.2" - } - }, - "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", - "dev": true - }, - "type-is": { - "version": "1.6.18", - "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", - "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", - "dev": true, - "requires": { - "media-typer": "0.3.0", - "mime-types": "~2.1.24" - } - }, - "typescript": { - "version": "3.9.7", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.7.tgz", - "integrity": "sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==" - }, - "ua-parser-js": { - "version": "0.7.17", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.17.tgz", - "integrity": "sha512-uRdSdu1oA1rncCQL7sCj8vSyZkgtL7faaw9Tc9rZ3mGgraQ7+Pdx7w5mnOSF3gw9ZNG6oc+KXfkon3bKuROm0g==", - "dev": true - }, - "ultron": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz", - "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==", - "dev": true - }, - "unbzip2-stream": { - "version": "1.4.3", - "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz", - "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==", - "dev": true, - "requires": { - "buffer": "^5.2.1", - "through": "^2.3.8" - } - }, - "union-value": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", - "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^2.0.1" - } - }, - "universalify": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", - "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", - "dev": true - }, - "unpipe": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", - "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=", - "dev": true - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", - "dev": true, - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", - "dev": true, - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "dev": true, - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=", - "dev": true - } - } - }, - "upath": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", - "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==", - "dev": true - }, - "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=", - "dev": true - }, - "url-parse-lax": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz", - "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=", - "dev": true, - "requires": { - "prepend-http": "^2.0.0" - } - }, - "url-to-options": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/url-to-options/-/url-to-options-1.0.1.tgz", - "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k=", - "dev": true - }, - "use": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", - "dev": true - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", - "dev": true - }, - "utils-merge": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", - "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=", - "dev": true - }, - "v8-compile-cache": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz", - "integrity": "sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==", - "dev": true - }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dev": true, - "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, - "vary": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", - "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=", - "dev": true - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", - "dev": true - }, - "which-pm-runs": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.0.0.tgz", - "integrity": "sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=", - "dev": true - }, - "window-size": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.2.0.tgz", - "integrity": "sha1-tDFbtCFKPXBY6+7okuE/ok2YsHU=", - "dev": true - }, - "word-wrap": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz", - "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==", - "dev": true - }, - "workbox-background-sync": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-4.3.1.tgz", - "integrity": "sha512-1uFkvU8JXi7L7fCHVBEEnc3asPpiAL33kO495UMcD5+arew9IbKW2rV5lpzhoWcm/qhGB89YfO4PmB/0hQwPRg==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-broadcast-update": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-4.3.1.tgz", - "integrity": "sha512-MTSfgzIljpKLTBPROo4IpKjESD86pPFlZwlvVG32Kb70hW+aob4Jxpblud8EhNb1/L5m43DUM4q7C+W6eQMMbA==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-build": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-4.3.1.tgz", - "integrity": "sha512-UHdwrN3FrDvicM3AqJS/J07X0KXj67R8Cg0waq1MKEOqzo89ap6zh6LmaLnRAjpB+bDIz+7OlPye9iii9KBnxw==", - "dev": true, - "requires": { - "@babel/runtime": "^7.3.4", - "@hapi/joi": "^15.0.0", - "common-tags": "^1.8.0", - "fs-extra": "^4.0.2", - "glob": "^7.1.3", - "lodash.template": "^4.4.0", - "pretty-bytes": "^5.1.0", - "stringify-object": "^3.3.0", - "strip-comments": "^1.0.2", - "workbox-background-sync": "^4.3.1", - "workbox-broadcast-update": "^4.3.1", - "workbox-cacheable-response": "^4.3.1", - "workbox-core": "^4.3.1", - "workbox-expiration": "^4.3.1", - "workbox-google-analytics": "^4.3.1", - "workbox-navigation-preload": "^4.3.1", - "workbox-precaching": "^4.3.1", - "workbox-range-requests": "^4.3.1", - "workbox-routing": "^4.3.1", - "workbox-strategies": "^4.3.1", - "workbox-streams": "^4.3.1", - "workbox-sw": "^4.3.1", - "workbox-window": "^4.3.1" - } - }, - "workbox-cacheable-response": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-4.3.1.tgz", - "integrity": "sha512-Rp5qlzm6z8IOvnQNkCdO9qrDgDpoPNguovs0H8C+wswLuPgSzSp9p2afb5maUt9R1uTIwOXrVQMmPfPypv+npw==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-core": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-4.3.1.tgz", - "integrity": "sha512-I3C9jlLmMKPxAC1t0ExCq+QoAMd0vAAHULEgRZ7kieCdUd919n53WC0AfvokHNwqRhGn+tIIj7vcb5duCjs2Kg==", - "dev": true - }, - "workbox-expiration": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-4.3.1.tgz", - "integrity": "sha512-vsJLhgQsQouv9m0rpbXubT5jw0jMQdjpkum0uT+d9tTwhXcEZks7qLfQ9dGSaufTD2eimxbUOJfWLbNQpIDMPw==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-google-analytics": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-4.3.1.tgz", - "integrity": "sha512-xzCjAoKuOb55CBSwQrbyWBKqp35yg1vw9ohIlU2wTy06ZrYfJ8rKochb1MSGlnoBfXGWss3UPzxR5QL5guIFdg==", - "dev": true, - "requires": { - "workbox-background-sync": "^4.3.1", - "workbox-core": "^4.3.1", - "workbox-routing": "^4.3.1", - "workbox-strategies": "^4.3.1" - } - }, - "workbox-navigation-preload": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-4.3.1.tgz", - "integrity": "sha512-K076n3oFHYp16/C+F8CwrRqD25GitA6Rkd6+qAmLmMv1QHPI2jfDwYqrytOfKfYq42bYtW8Pr21ejZX7GvALOw==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-precaching": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-4.3.1.tgz", - "integrity": "sha512-piSg/2csPoIi/vPpp48t1q5JLYjMkmg5gsXBQkh/QYapCdVwwmKlU9mHdmy52KsDGIjVaqEUMFvEzn2LRaigqQ==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-range-requests": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-4.3.1.tgz", - "integrity": "sha512-S+HhL9+iTFypJZ/yQSl/x2Bf5pWnbXdd3j57xnb0V60FW1LVn9LRZkPtneODklzYuFZv7qK6riZ5BNyc0R0jZA==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-routing": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-4.3.1.tgz", - "integrity": "sha512-FkbtrODA4Imsi0p7TW9u9MXuQ5P4pVs1sWHK4dJMMChVROsbEltuE79fBoIk/BCztvOJ7yUpErMKa4z3uQLX+g==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-strategies": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-4.3.1.tgz", - "integrity": "sha512-F/+E57BmVG8dX6dCCopBlkDvvhg/zj6VDs0PigYwSN23L8hseSRwljrceU2WzTvk/+BSYICsWmRq5qHS2UYzhw==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-streams": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-streams/-/workbox-streams-4.3.1.tgz", - "integrity": "sha512-4Kisis1f/y0ihf4l3u/+ndMkJkIT4/6UOacU3A4BwZSAC9pQ9vSvJpIi/WFGQRH/uPXvuVjF5c2RfIPQFSS2uA==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "workbox-sw": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-4.3.1.tgz", - "integrity": "sha512-0jXdusCL2uC5gM3yYFT6QMBzKfBr2XTk0g5TPAV4y8IZDyVNDyj1a8uSXy3/XrvkVTmQvLN4O5k3JawGReXr9w==", - "dev": true - }, - "workbox-window": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/workbox-window/-/workbox-window-4.3.1.tgz", - "integrity": "sha512-C5gWKh6I58w3GeSc0wp2Ne+rqVw8qwcmZnQGpjiek8A2wpbxSJb1FdCoQVO+jDJs35bFgo/WETgl1fqgsxN0Hg==", - "dev": true, - "requires": { - "workbox-core": "^4.3.1" - } - }, - "wrap-ansi": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", - "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.0", - "string-width": "^3.0.0", - "strip-ansi": "^5.0.0" - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true - }, - "write": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz", - "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==", - "dev": true, - "requires": { - "mkdirp": "^0.5.1" - }, - "dependencies": { - "mkdirp": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", - "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", - "dev": true, - "requires": { - "minimist": "^1.2.5" - } - } - } - }, - "ws": { - "version": "6.1.4", - "resolved": "https://registry.npmjs.org/ws/-/ws-6.1.4.tgz", - "integrity": "sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==", - "dev": true, - "requires": { - "async-limiter": "~1.0.0" - } - }, - "xmlhttprequest-ssl": { - "version": "1.5.5", - "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz", - "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=", - "dev": true - }, - "xregexp": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.3.0.tgz", - "integrity": "sha512-7jXDIFXh5yJ/orPn4SXjuVrWWoi4Cr8jfV1eHv9CixKSbU+jY4mxfrBwAuDvupPNKpMUY+FeIqsVw/JLT9+B8g==", - "dev": true, - "requires": { - "@babel/runtime-corejs3": "^7.8.3" - } - }, - "xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true - }, - "y18n": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", - "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==", - "dev": true - }, - "yaml": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz", - "integrity": "sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==", - "dev": true - }, - "yargs": { - "version": "13.3.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.0.tgz", - "integrity": "sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==", - "dev": true, - "requires": { - "cliui": "^5.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.1.1" - } - }, - "yargs-parser": { - "version": "13.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.1.tgz", - "integrity": "sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" - } - }, - "yauzl": { - "version": "2.10.0", - "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz", - "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=", - "dev": true, - "requires": { - "buffer-crc32": "~0.2.3", - "fd-slicer": "~1.1.0" - } - }, - "yeast": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz", - "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=", - "dev": true - } - } -} diff --git a/src/components.d.ts b/src/components.d.ts index 091f34c14..ef6971501 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -5,7 +5,6 @@ * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; -import { AnimationsType } from "./components/animation/animations"; export namespace Components { interface SlAlert { /** @@ -29,43 +28,19 @@ export namespace Components { */ "type": 'primary' | 'success' | 'info' | 'warning' | 'danger'; } - interface SlAnimate { + interface SlAnimation { /** - * Name of the animation to get the keyFrames - */ - "animation"?: AnimationsType; - /** - * Start the animation when the component is mounted. - */ - "autoPlay"?: boolean; - /** - * Clears all `KeyframeEffects` caused by this animation and aborts its playback. + * Clears all KeyframeEffects caused by this animation and aborts its playback. */ "cancel": () => Promise; - /** - * Clear the current animation - */ - "clear": () => Promise; - /** - * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`. - */ - "composite": CompositeOperation; - /** - * Sets the current time value of the animation in milliseconds, whether running or paused. - */ - "currentTime": number; /** * The number of milliseconds to delay the start of the animation. */ "delay": number; /** - * Destroy the current animation + * Determines the direction of playback as well as the behavior when reaching the end of an iteration. */ - "destroy": () => Promise; - /** - * Direction of the animation. - */ - "direction"?: PlaybackDirection; + "direction": PlaybackDirection; /** * The number of milliseconds each iteration of the animation takes to complete. */ @@ -73,193 +48,59 @@ export namespace Components { /** * The rate of the animation's change over time. */ - "easing"?: string; - /** - * The number of milliseconds to delay after the end of an animation. - */ - "endDelay": number; - /** - * Dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both. Defaults to "none". - */ - "fill"?: FillMode; - /** - * Sets the current playback time to the end of the animation corresponding to the current playback direction. - */ - "finish": () => Promise; - /** - * Returns the current time value of the animation in milliseconds, whether running or paused. - */ - "getCurrentTime": () => Promise; - /** - * Indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation. - */ - "getPending": () => Promise; - /** - * Returns an enumerated value describing the playback state of an animation. - */ - "getPlayState": () => Promise; - /** - * Returns the playback rate of the animation. - */ - "getPlaybackRate": () => Promise; - /** - * Returns the scheduled time when an animation's playback should begin. - */ - "getStartTime": () => Promise; - /** - * Determines how values build from iteration to iteration in this animation. - */ - "iterationComposite"?: IterationCompositeOperation; - /** - * Describes at what point in the iteration the animation should start. - */ - "iterationStart"?: number; - /** - * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists. - */ - "iterations": any; - /** - * Keyframes of the animation. - */ - "keyFrames"?: Keyframe[]; - /** - * Default options of the animation. - */ - "options"?: KeyframeAnimationOptions; - /** - * Suspends playback of the animation. - */ - "pause": () => Promise; - /** - * Starts or resumes playing of an animation. - */ - "play": () => Promise; - /** - * Sets the playback rate of the animation. - */ - "playbackRate"?: number; - /** - * Reverses the playback direction, meaning the animation ends at its beginning. - */ - "reverse": () => Promise; - /** - * Sets the scheduled time when an animation's playback should begin. - */ - "startTime"?: number; - } - interface SlAnimation { - /** - * Start the animation when the component is mounted. - */ - "autoPlay"?: boolean; - /** - * Cancels the animation. - */ - "cancel": () => Promise; - /** - * Clear the current animation - */ - "clear": () => Promise; - /** - * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`. - */ - "composite": CompositeOperation; - /** - * Sets the current time value of the animation in milliseconds, whether running or paused. - */ - "currentTime": number; - /** - * The number of milliseconds to delay the start of the animation. - */ - "delay": number; - /** - * Destroy the current animation - */ - "destroy": () => Promise; - /** - * Direction of the animation. - */ - "direction"?: PlaybackDirection; - /** - * The number of milliseconds each iteration of the animation takes to complete. - */ - "duration": number; - /** - * The easing effect to use. - */ "easing": string; /** - * The number of milliseconds to delay after the end of an animation. + * The number of milliseconds to delay after the active period of an animation sequence. */ "endDelay": number; /** - * Defines how the element to which the animation is applied should look when the animation sequence is not actively running, such as before the time specified by iterationStart or after animation's end time. + * Sets how the animation applies styles to its target before and after its execution. */ - "fill"?: FillMode; + "fill": FillMode; /** - * Sets the playback time to the end of the animation corresponding to the playback direction. + * Sets the playback time to the end of the animation corresponding to the current playback direction. */ "finish": () => Promise; /** - * Returns the current time value of the animation in milliseconds, whether running or paused. + * Gets a list of all supported animation names. + */ + "getAnimationNames": () => Promise; + /** + * Gets the current time of the animation in milliseconds. */ "getCurrentTime": () => Promise; /** - * Indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation. + * Gets a list of all supported easing function names. */ - "getPending": () => Promise; + "getEasingNames": () => Promise; /** - * Returns an enumerated value describing the playback state of an animation. - */ - "getPlayState": () => Promise; - /** - * Returns the playback rate of the animation. - */ - "getPlaybackRate": () => Promise; - /** - * Returns the scheduled time when an animation's playback should begin. - */ - "getStartTime": () => Promise; - /** - * Determines how values build from iteration to iteration in this animation. - */ - "iterationComposite"?: IterationCompositeOperation; - /** - * Describes at what point in the iteration the animation should start. + * The offset at which to start the animation, usually between 0 (start) and 1 (end). */ "iterationStart": number; /** - * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists. + * The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */ "iterations": number; /** - * Keyframes of the animation. + * The keyframes to use for the animation. If this is set, `name` will be ignored. */ - "keyFrames"?: Keyframe[]; + "keyframes": Keyframe[]; /** - * Name of the animation to get the keyFrames + * The name of the animation to use. */ - "name"?: AnimationsType; + "name": string; /** - * Default options of the animation. + * Pauses the animation. The animation will resume when this prop is removed. */ - "options"?: KeyframeAnimationOptions; + "pause": boolean; /** - * Pauses the animation. - */ - "pause": () => Promise; - /** - * Starts or resumes the animation. - */ - "play": () => Promise; - /** - * Sets the playback rate of the animation. + * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart. */ "playbackRate": number; /** - * Sets the scheduled time when an animation's playback should begin. + * Sets the current time of the animation in milliseconds. */ - "startTime": number; + "setCurrentTime": (time: number) => Promise; } interface SlAvatar { /** @@ -1163,12 +1004,6 @@ declare global { prototype: HTMLSlAlertElement; new (): HTMLSlAlertElement; }; - interface HTMLSlAnimateElement extends Components.SlAnimate, HTMLStencilElement { - } - var HTMLSlAnimateElement: { - prototype: HTMLSlAnimateElement; - new (): HTMLSlAnimateElement; - }; interface HTMLSlAnimationElement extends Components.SlAnimation, HTMLStencilElement { } var HTMLSlAnimationElement: { @@ -1381,7 +1216,6 @@ declare global { }; interface HTMLElementTagNameMap { "sl-alert": HTMLSlAlertElement; - "sl-animate": HTMLSlAnimateElement; "sl-animation": HTMLSlAnimationElement; "sl-avatar": HTMLSlAvatarElement; "sl-badge": HTMLSlBadgeElement; @@ -1450,29 +1284,13 @@ declare namespace LocalJSX { */ "type"?: 'primary' | 'success' | 'info' | 'warning' | 'danger'; } - interface SlAnimate { - /** - * Name of the animation to get the keyFrames - */ - "animation"?: AnimationsType; - /** - * Start the animation when the component is mounted. - */ - "autoPlay"?: boolean; - /** - * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`. - */ - "composite"?: CompositeOperation; - /** - * Sets the current time value of the animation in milliseconds, whether running or paused. - */ - "currentTime"?: number; + interface SlAnimation { /** * The number of milliseconds to delay the start of the animation. */ "delay"?: number; /** - * Direction of the animation. + * Determines the direction of playback as well as the behavior when reaching the end of an iteration. */ "direction"?: PlaybackDirection; /** @@ -1484,135 +1302,45 @@ declare namespace LocalJSX { */ "easing"?: string; /** - * The number of milliseconds to delay after the end of an animation. + * The number of milliseconds to delay after the active period of an animation sequence. */ "endDelay"?: number; /** - * Dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has completed playing ("forwards"), or both. Defaults to "none". + * Sets how the animation applies styles to its target before and after its execution. */ "fill"?: FillMode; /** - * Determines how values build from iteration to iteration in this animation. - */ - "iterationComposite"?: IterationCompositeOperation; - /** - * Describes at what point in the iteration the animation should start. + * The offset at which to start the animation, usually between 0 (start) and 1 (end). */ "iterationStart"?: number; /** - * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists. - */ - "iterations"?: any; - /** - * Keyframes of the animation. - */ - "keyFrames"?: Keyframe[]; - /** - * This event is sent when the animation is cancelled. - */ - "onSlCancel"?: (event: CustomEvent) => void; - /** - * This event is sent when the animation finishes playing. - */ - "onSlFinish"?: (event: CustomEvent) => void; - /** - * This event is sent when the animation is going to play. - */ - "onSlStart"?: (event: CustomEvent) => void; - /** - * Default options of the animation. - */ - "options"?: KeyframeAnimationOptions; - /** - * Sets the playback rate of the animation. - */ - "playbackRate"?: number; - /** - * Sets the scheduled time when an animation's playback should begin. - */ - "startTime"?: number; - } - interface SlAnimation { - /** - * Start the animation when the component is mounted. - */ - "autoPlay"?: boolean; - /** - * Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`. - */ - "composite"?: CompositeOperation; - /** - * Sets the current time value of the animation in milliseconds, whether running or paused. - */ - "currentTime"?: number; - /** - * The number of milliseconds to delay the start of the animation. - */ - "delay"?: number; - /** - * Direction of the animation. - */ - "direction"?: PlaybackDirection; - /** - * The number of milliseconds each iteration of the animation takes to complete. - */ - "duration"?: number; - /** - * The easing effect to use. - */ - "easing"?: string; - /** - * The number of milliseconds to delay after the end of an animation. - */ - "endDelay"?: number; - /** - * Defines how the element to which the animation is applied should look when the animation sequence is not actively running, such as before the time specified by iterationStart or after animation's end time. - */ - "fill"?: FillMode; - /** - * Determines how values build from iteration to iteration in this animation. - */ - "iterationComposite"?: IterationCompositeOperation; - /** - * Describes at what point in the iteration the animation should start. - */ - "iterationStart"?: number; - /** - * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make it repeat for as long as the element exists. + * The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */ "iterations"?: number; /** - * Keyframes of the animation. + * The keyframes to use for the animation. If this is set, `name` will be ignored. */ - "keyFrames"?: Keyframe[]; + "keyframes"?: Keyframe[]; /** - * Name of the animation to get the keyFrames + * The name of the animation to use. */ - "name"?: AnimationsType; + "name"?: string; /** * Emitted when the animation is canceled. */ - "onSlCancel"?: (event: CustomEvent) => void; + "onSlCancel"?: (event: CustomEvent) => void; /** * Emitted when the animation finishes. */ - "onSlFinish"?: (event: CustomEvent) => void; + "onSlFinish"?: (event: CustomEvent) => void; /** - * Emitted when the animation starts playing. + * Pauses the animation. The animation will resume when this prop is removed. */ - "onSlStart"?: (event: CustomEvent) => void; + "pause"?: boolean; /** - * Default options of the animation. - */ - "options"?: KeyframeAnimationOptions; - /** - * Sets the playback rate of the animation. + * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This value can be changed without causing the animation to restart. */ "playbackRate"?: number; - /** - * Sets the scheduled time when an animation's playback should begin. - */ - "startTime"?: number; } interface SlAvatar { /** @@ -2602,7 +2330,6 @@ declare namespace LocalJSX { } interface IntrinsicElements { "sl-alert": SlAlert; - "sl-animate": SlAnimate; "sl-animation": SlAnimation; "sl-avatar": SlAvatar; "sl-badge": SlBadge; @@ -2645,7 +2372,6 @@ declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "sl-alert": LocalJSX.SlAlert & JSXBase.HTMLAttributes; - "sl-animate": LocalJSX.SlAnimate & JSXBase.HTMLAttributes; "sl-animation": LocalJSX.SlAnimation & JSXBase.HTMLAttributes; "sl-avatar": LocalJSX.SlAvatar & JSXBase.HTMLAttributes; "sl-badge": LocalJSX.SlBadge & JSXBase.HTMLAttributes; diff --git a/src/components/animation/animation.tsx b/src/components/animation/animation.tsx index aae5970af..b51fc3e06 100644 --- a/src/components/animation/animation.tsx +++ b/src/components/animation/animation.tsx @@ -1,17 +1,6 @@ -import { h, Component, Element, Prop, Event, EventEmitter, Method, Watch } from '@stencil/core'; -import { IAnimatableComponent } from './models/animatable'; -import { AnimationsType, getKeyFramesByAnimation } from './animations'; -import { AnimationManager } from './manager'; - -// -// TODO: -// -// - combine manager and remove utils -// - reorder watchers and methods -// - support case-insensitive "infinity" in `iterations` -// - document and provide CDN link for the Web Animations polyfill (which browsers actually require it?) https://github.com/web-animations/web-animations-js -// - clean up animation and easing exports -// +import { Component, Element, Event, EventEmitter, Method, Prop, Watch, h } from '@stencil/core'; +import animations from './animations'; +import easings from './easings'; /** * @since 2.0 @@ -24,193 +13,178 @@ import { AnimationManager } from './manager'; styleUrl: 'animation.scss', shadow: true }) -export class Animate implements IAnimatableComponent { - manager?: AnimationManager = null; +export class Animate { + animation: Animation; - get container() { - return this.host.shadowRoot.querySelector('slot').assignedElements({ flatten: true })[0] as HTMLElement; + get element() { + const slot = this.host.shadowRoot.querySelector('slot'); + return slot.assignedElements({ flatten: true })[0] as HTMLElement; } @Element() host: HTMLSlAnimationElement; - /** Name of the animation to get the keyFrames */ - @Prop({ reflect: true }) name?: AnimationsType; - - /** Keyframes of the animation. */ - @Prop({ mutable: true, reflect: true }) keyFrames?: Keyframe[]; - - /** Default options of the animation. */ - @Prop({ mutable: true, reflect: true }) options?: KeyframeAnimationOptions; + /** The name of the animation to use. */ + @Prop() name = 'none'; /** The number of milliseconds to delay the start of the animation. */ - @Prop({ mutable: true }) delay = 0; + @Prop() delay = 0; - /** The number of milliseconds to delay after the end of an animation. */ - @Prop({ mutable: true }) endDelay = 0; + /** Determines the direction of playback as well as the behavior when reaching the end of an iteration. */ + @Prop() direction: PlaybackDirection = 'normal'; /** The number of milliseconds each iteration of the animation takes to complete. */ - @Prop({ mutable: true }) duration = 0; + @Prop() duration = 0; - /** Direction of the animation. */ - @Prop({ mutable: true }) direction?: PlaybackDirection = 'normal'; + /** The rate of the animation's change over time. */ + @Prop() easing = 'linear'; + + /** The number of milliseconds to delay after the active period of an animation sequence. */ + @Prop() endDelay = 0; + + /** Sets how the animation applies styles to its target before and after its execution. */ + @Prop() fill: FillMode = 'auto'; + + /** The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */ + @Prop() iterations: number = Infinity; + + /** The offset at which to start the animation, usually between 0 (start) and 1 (end). */ + @Prop() iterationStart = 0; + + /** The keyframes to use for the animation. If this is set, `name` will be ignored. */ + @Prop({ mutable: true }) keyframes: Keyframe[]; /** - * Determines how values are combined between this animation and other, separate animations that do not specify their - * own specific composite operation. Defaults to `replace`. + * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this + * to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This + * value can be changed without causing the animation to restart. */ - @Prop({ mutable: true }) composite: CompositeOperation = 'replace'; - - /** The easing effect to use. */ - @Prop({ mutable: true }) easing = 'none'; - - /** - * Defines how the element to which the animation is applied should look when the animation sequence is not actively - * running, such as before the time specified by iterationStart or after animation's end time. - */ - @Prop({ mutable: true }) fill?: FillMode = 'none'; - - /** - * The number of times the animation should repeat. Defaults to `1`, and can also take a value of `Infinity` to make - * it repeat for as long as the element exists. - */ - @Prop({ mutable: true }) iterations = 1; - - /** Describes at what point in the iteration the animation should start. */ - @Prop({ mutable: true }) iterationStart = 0; - - /** Determines how values build from iteration to iteration in this animation. */ - @Prop({ mutable: true }) iterationComposite?: IterationCompositeOperation; - - /** Start the animation when the component is mounted. */ - @Prop({ attribute: 'autoplay', reflect: true }) autoPlay? = false; - - /** Sets the current time value of the animation in milliseconds, whether running or paused. */ - @Prop() currentTime = 0; - - /** Sets the playback rate of the animation. */ @Prop() playbackRate = 1; - /** Sets the scheduled time when an animation's playback should begin. */ - @Prop() startTime = 0; + /** Pauses the animation. The animation will resume when this prop is removed. */ + @Prop() pause = false; + // Restart the animation when any of these properties change + @Watch('delay') + @Watch('direction') + @Watch('easing') + @Watch('endDelay') + @Watch('fill') + @Watch('iterations') + @Watch('iterationStart') + @Watch('keyframes') @Watch('name') - handleNameChange(name: AnimationsType) { - this.keyFrames = getKeyFramesByAnimation(name); + handleRestartAnimation() { + this.createAnimation(); } - @Watch('currentTime') - setCurrenTime(newValue: number) { - this.manager.currentAnimation.currentTime = newValue; + @Watch('pause') + handlePauseChange() { + this.pause ? this.animation.pause() : this.animation.play(); } @Watch('playbackRate') - setPlaybackRate(newValue: number) { - this.manager.currentAnimation.playbackRate = newValue; + handlePlaybackRateChange() { + this.animation.playbackRate = this.playbackRate; } - /** Returns the current time value of the animation in milliseconds, whether running or paused. */ - @Method() - async getCurrentTime(): Promise { - return Promise.resolve(this.manager.currentAnimation.currentTime); - } - - @Watch('startTime') - setStartTime(newValue: number) { - this.manager.currentAnimation.startTime = newValue; - } - - /** - * Returns the scheduled time when an animation's playback should begin. - */ - @Method() - async getStartTime(): Promise { - return Promise.resolve(this.manager.currentAnimation.startTime); - } - - /** - * Indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or - * pausing a running animation. - */ - @Method() - async getPending(): Promise { - return Promise.resolve(this.manager.currentAnimation.pending); - } - - /** Returns the playback rate of the animation. */ - @Method() - async getPlaybackRate(): Promise { - return Promise.resolve(this.manager.currentAnimation.playbackRate); - } - - /** Returns an enumerated value describing the playback state of an animation. */ - @Method() - async getPlayState(): Promise { - return Promise.resolve(this.manager.currentAnimation.playState); - } - - /** Emitted when the animation starts playing. */ - @Event() slStart!: EventEmitter; - - /** Emitted when the animation finishes. */ - @Event() slFinish!: EventEmitter; - /** Emitted when the animation is canceled. */ - @Event() slCancel!: EventEmitter; + @Event() slCancel: EventEmitter; - /** Cancels the animation. */ - @Method() - async cancel(): Promise { - this.manager.currentAnimation.cancel(); - } + /** Emitted when the animation finishes. */ + @Event() slFinish: EventEmitter; - /** Sets the playback time to the end of the animation corresponding to the playback direction. */ - @Method() - async finish(): Promise { - this.manager.currentAnimation.finish(); - } - - /** Pauses the animation. */ - @Method() - async pause(): Promise { - this.manager.currentAnimation.pause(); - } - - /** Starts or resumes the animation. */ - @Method() - async play(): Promise { - this.manager.playAnimation(); - } - - /** Clear the current animation */ - @Method() - async clear(): Promise { - this.manager.clearAnimation(); - } - - /** Destroy the current animation */ - @Method() - async destroy(): Promise { - if (this.manager !== null) { - this.manager.destroyAnimation(); - } + connectedCallback() { + this.handleAnimationFinish = this.handleAnimationFinish.bind(this); + this.handleAnimationCancel = this.handleAnimationCancel.bind(this); } componentDidLoad() { - this.manager = new AnimationManager(this); - this.manager.setState(this.container, this); - this.manager.savedState(); - } - - componentWillUpdate() { - this.manager.setState(this.container, this); - } - - componentDidUpdate() { - this.manager.savedState(); + this.createAnimation(); } disconnectedCallback() { - this.destroy(); + this.destroyAnimation(); + } + + handleAnimationFinish() { + this.slFinish.emit(); + } + + handleAnimationCancel() { + this.slCancel.emit(); + } + + createAnimation() { + const easing = easings.hasOwnProperty(this.easing) ? easings[this.easing] : this.easing; + const keyframes = this.keyframes ? this.keyframes : animations[this.name]; + + this.destroyAnimation(); + this.animation = this.element.animate(keyframes, { + delay: this.delay, + direction: this.direction, + duration: this.duration, + easing, + endDelay: this.endDelay, + fill: this.fill, + iterationStart: this.iterationStart, + iterations: this.iterations + }); + + this.animation.addEventListener('cancel', this.handleAnimationCancel); + this.animation.addEventListener('finish', this.handleAnimationFinish); + + if (this.pause) { + this.animation.pause(); + } + } + + destroyAnimation() { + if (this.animation) { + this.animation.cancel(); + this.animation.removeEventListener('cancel', this.handleAnimationCancel); + this.animation.removeEventListener('finish', this.handleAnimationFinish); + this.animation = null; + } + } + + /** Clears all KeyframeEffects caused by this animation and aborts its playback. */ + @Method() + async cancel() { + try { + this.animation.cancel(); + } catch {} + } + + /** Sets the playback time to the end of the animation corresponding to the current playback direction. */ + @Method() + async finish() { + try { + this.animation.finish(); + } catch {} + } + + /** Gets a list of all supported animation names. */ + @Method() + async getAnimationNames() { + return Object.entries(animations).map(([name]) => name); + } + + /** Gets a list of all supported easing function names. */ + @Method() + async getEasingNames() { + return Object.entries(easings).map(([name]) => name); + } + + /** Gets the current time of the animation in milliseconds. */ + @Method() + async getCurrentTime() { + return this.animation.currentTime; + } + + /** Sets the current time of the animation in milliseconds. */ + @Method() + async setCurrentTime(time: number) { + this.animation.currentTime = time; } render() { diff --git a/src/components/animation/animations/animate/attention-seekers.ts b/src/components/animation/animations/animate/attention-seekers.ts deleted file mode 100644 index 1a4843896..000000000 --- a/src/components/animation/animations/animate/attention-seekers.ts +++ /dev/null @@ -1,141 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BOUNCE_DEFAULT: Keyframe = { - transform: 'translate(0)', - easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' -}; - -const BOUNCE: Keyframe[] = [ - { offset: 0, ...BOUNCE_DEFAULT }, - { offset: 0.2, ...BOUNCE_DEFAULT }, - { offset: 0.4, transform: 'translateY(-30px)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' }, - { offset: 0.43, transform: 'translateY(-30px)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' }, - { offset: 0.53, ...BOUNCE_DEFAULT }, - { offset: 0.7, transform: 'translateY(-15px)', easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' }, - { offset: 0.8, ...BOUNCE_DEFAULT }, - { offset: 0.9, transform: 'translateY(-4px)', easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' }, - { offset: 1, ...BOUNCE_DEFAULT } -]; - -const FLASH: Keyframe[] = [ - { offset: 0, opacity: 1 }, - { offset: 0.25, opacity: 0 }, - { offset: 0.5, opacity: 1 }, - { offset: 0.75, opacity: 0 }, - { offset: 1, opacity: 1 } -]; - -const JELLO_DEFAULT = { - transform: 'skewX(0deg) skewY(0deg)', - transformOrigin: 'center' -}; - -const JELLO: Keyframe[] = [ - { offset: 0, ...JELLO_DEFAULT }, - { offset: 0.111, ...JELLO_DEFAULT }, - { offset: 0.222, ...JELLO_DEFAULT, transform: 'skewX(-12.5deg) skewY(-12.5deg)' }, - { offset: 0.333, ...JELLO_DEFAULT, transform: 'skewX(6.25deg) skewY(6.25deg)' }, - { offset: 0.444, ...JELLO_DEFAULT, transform: 'skewX(-3.125deg) skewY(-3.125deg)' }, - { offset: 0.555, ...JELLO_DEFAULT, transform: 'skewX(1.5625deg) skewY(1.5625deg)' }, - { offset: 0.666, ...JELLO_DEFAULT, transform: 'skewX(-0.78125deg) skewY(-0.78125deg)' }, - { offset: 0.777, ...JELLO_DEFAULT, transform: 'skewX(0.390625deg) skewY(0.390625deg)' }, - { offset: 0.888, ...JELLO_DEFAULT, transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)' }, - { offset: 1, ...JELLO_DEFAULT } -]; - -const PULSE: Keyframe[] = [ - { offset: 0, transform: 'scale(1)' }, - { offset: 0.5, transform: 'scale(1.05)' }, - { offset: 1, transform: 'scale(1)' } -]; - -const ROTATE: Keyframe[] = [ - { offset: 0, transform: 'rotate(0deg)' }, - { offset: 0.25, transform: 'rotate(90deg)' }, - { offset: 0.5, transform: 'rotate(180deg)' }, - { offset: 0.75, transform: 'rotate(270deg)' }, - { offset: 1, transform: 'rotate(360deg)' } -]; - -const SHAKE_LEFT: Keyframe = { transform: 'translateX(-10px)' }; -const SHAKE_RIGHT: Keyframe = { transform: 'translateX(10px)' }; -const SHAKE: Keyframe[] = [ - { offset: 0, transform: 'translateX(0px)' }, - { offset: 0.1, ...SHAKE_LEFT }, - { offset: 0.2, ...SHAKE_RIGHT }, - { offset: 0.3, ...SHAKE_LEFT }, - { offset: 0.4, ...SHAKE_RIGHT }, - { offset: 0.5, ...SHAKE_LEFT }, - { offset: 0.6, ...SHAKE_RIGHT }, - { offset: 0.7, ...SHAKE_LEFT }, - { offset: 0.8, ...SHAKE_RIGHT }, - { offset: 0.9, ...SHAKE_LEFT }, - { offset: 1, transform: 'translateX(0px)' } -]; - -const SWING: Keyframe[] = [ - { offset: 0, transform: 'rotate(0deg)', transformOrigin: 'top center' }, - { offset: 0.2, transform: 'rotate(15deg)', transformOrigin: 'top center' }, - { offset: 0.4, transform: 'rotate(-10deg)', transformOrigin: 'top center' }, - { offset: 0.6, transform: 'rotate(5deg)', transformOrigin: 'top center' }, - { offset: 0.8, transform: 'rotate(-5deg)', transformOrigin: 'top center' }, - { offset: 1, transform: 'rotate(0deg)', transformOrigin: 'top center' } -]; - -const RUBBER_BAND: Keyframe[] = [ - { offset: 0, transform: 'scale(1, 1)' }, - { offset: 0.3, transform: 'scale(1.25, 0.75)' }, - { offset: 0.4, transform: 'scale(0.75, 1.25)' }, - { offset: 0.5, transform: 'scale(1.15, 0.85)' }, - { offset: 0.65, transform: 'scale(0.95, 1.05)' }, - { offset: 0.75, transform: 'scale(1.05, 0.95)' }, - { offset: 1, transform: 'scale(1, 1)' } -]; - -const TADA: Keyframe[] = [ - { offset: 0, transform: 'scale(1) rotate(0deg)' }, - { offset: 0.1, transform: 'scale(0.9) rotate(-3deg)' }, - { offset: 0.2, transform: 'scale(0.9) rotate(-3deg)' }, - { offset: 0.3, transform: 'scale(1.1) rotate(-3deg)' }, - { offset: 0.4, transform: 'scale(1.1) rotate(3deg)' }, - { offset: 0.5, transform: 'scale(1.1) rotate(-3deg)' }, - { offset: 0.6, transform: 'scale(1.1) rotate(3deg)' }, - { offset: 0.7, transform: 'scale(1.1) rotate(-3deg)' }, - { offset: 0.8, transform: 'scale(1.1) rotate(3deg)' }, - { offset: 0.9, transform: 'scale(1.1) rotate(3deg)' }, - { offset: 1, transform: 'scale(1) rotate(0deg)' } -]; - -const WOBBLE: Keyframe[] = [ - { offset: 0, transform: 'translate(0) rotate(0deg)' }, - { offset: 0.15, transform: 'translateX(-25%) rotate(-5deg)' }, - { offset: 0.3, transform: 'translateX(20%) rotate(3deg)' }, - { offset: 0.45, transform: 'translateX(-15%) rotate(-3deg)' }, - { offset: 0.6, transform: 'translateX(10%) rotate(2deg)' }, - { offset: 0.75, transform: 'translateX(-5%) rotate(-1deg)' }, - { offset: 1, transform: 'translate(0) rotate(0deg)' } -]; - -const HEART_BEAT_DEFAULT: Keyframe = { transform: 'scale(1)', easing: 'ease-in-out' }; -const HEART_BEAT: Keyframe[] = [ - { offset: 0, ...HEART_BEAT_DEFAULT }, - { offset: 0.14, ...HEART_BEAT_DEFAULT, transform: 'scale(1.3)' }, - { offset: 0.28, ...HEART_BEAT_DEFAULT }, - { offset: 0.42, ...HEART_BEAT_DEFAULT, transform: 'scale(1.3)' }, - { offset: 0.7, ...HEART_BEAT_DEFAULT }, - { offset: 1, ...HEART_BEAT_DEFAULT } -]; - -export default { - [ANIMATIONS.BOUNCE]: BOUNCE, - [ANIMATIONS.FLASH]: FLASH, - [ANIMATIONS.JELLO]: JELLO, - [ANIMATIONS.PULSE]: PULSE, - [ANIMATIONS.ROTATE]: ROTATE, - [ANIMATIONS.SHAKE]: SHAKE, - [ANIMATIONS.SWING]: SWING, - [ANIMATIONS.RUBBER_BAND]: RUBBER_BAND, - [ANIMATIONS.TADA]: TADA, - [ANIMATIONS.WOBBLE]: WOBBLE, - [ANIMATIONS.HEART_BEAT]: HEART_BEAT -}; diff --git a/src/components/animation/animations/animate/bouncing-entrances.ts b/src/components/animation/animations/animate/bouncing-entrances.ts deleted file mode 100644 index 7c57d0124..000000000 --- a/src/components/animation/animations/animate/bouncing-entrances.ts +++ /dev/null @@ -1,54 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BOUNCE_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' -}; - -const BOUNCE_IN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'scale(0.3)', ...BOUNCE_DEFAULT }, - { offset: 0.2, opacity: 0, transform: 'scale(1.1)', ...BOUNCE_DEFAULT }, - { offset: 0.4, opacity: 0, transform: 'scale(0.9)', ...BOUNCE_DEFAULT }, - { offset: 0.6, opacity: 1, transform: 'scale(1.03)', ...BOUNCE_DEFAULT }, - { offset: 0.8, opacity: 1, transform: 'scale(0.97)', ...BOUNCE_DEFAULT }, - { offset: 1, opacity: 1, transform: 'scale(1)', ...BOUNCE_DEFAULT } -]; - -const BOUNCE_IN_UP: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(3000px)', ...BOUNCE_DEFAULT }, - { offset: 0.6, opacity: 1, transform: 'translateY(-20px)', ...BOUNCE_DEFAULT }, - { offset: 0.75, opacity: 1, transform: 'translateY(10px)', ...BOUNCE_DEFAULT }, - { offset: 0.9, opacity: 1, transform: 'translateY(-5px)', ...BOUNCE_DEFAULT }, - { offset: 1, opacity: 1, transform: 'translateY(0px)', ...BOUNCE_DEFAULT } -]; - -const BOUNCE_IN_DOWN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(-3000px)', ...BOUNCE_DEFAULT }, - { offset: 0.6, opacity: 1, transform: 'translateY(25px)', ...BOUNCE_DEFAULT }, - { offset: 0.75, opacity: 1, transform: 'translateY(-10px)', ...BOUNCE_DEFAULT }, - { offset: 0.9, opacity: 1, transform: 'translateY(5px)', ...BOUNCE_DEFAULT }, - { offset: 1, opacity: 1, transform: 'translateY(0px)', ...BOUNCE_DEFAULT } -]; - -const BOUNCE_IN_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(3000px)', ...BOUNCE_DEFAULT }, - { offset: 0.6, opacity: 1, transform: 'translateX(-25px)', ...BOUNCE_DEFAULT }, - { offset: 0.75, opacity: 1, transform: 'translateX(10px)', ...BOUNCE_DEFAULT }, - { offset: 0.9, opacity: 1, transform: 'translateX(-5px)', ...BOUNCE_DEFAULT }, - { offset: 1, opacity: 1, transform: 'translateX(0px)', ...BOUNCE_DEFAULT } -]; - -const BOUNCE_IN_LEFT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(-3000px)', ...BOUNCE_DEFAULT }, - { offset: 0.6, opacity: 1, transform: 'translateX(25px)', ...BOUNCE_DEFAULT }, - { offset: 0.75, opacity: 1, transform: 'translateX(-10px)', ...BOUNCE_DEFAULT }, - { offset: 0.9, opacity: 1, transform: 'translateX(5px)', ...BOUNCE_DEFAULT }, - { offset: 1, opacity: 1, transform: 'translateX(0px)', ...BOUNCE_DEFAULT } -]; - -export default { - [ANIMATIONS.BOUNCE_IN]: BOUNCE_IN, - [ANIMATIONS.BOUNCE_IN_UP]: BOUNCE_IN_UP, - [ANIMATIONS.BOUNCE_IN_DOWN]: BOUNCE_IN_DOWN, - [ANIMATIONS.BOUNCE_IN_RIGHT]: BOUNCE_IN_RIGHT, - [ANIMATIONS.BOUNCE_IN_LEFT]: BOUNCE_IN_LEFT -}; diff --git a/src/components/animation/animations/animate/bouncing-exits.ts b/src/components/animation/animations/animate/bouncing-exits.ts deleted file mode 100644 index 82347751e..000000000 --- a/src/components/animation/animations/animate/bouncing-exits.ts +++ /dev/null @@ -1,53 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BOUNCE_OUT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'scale(1)' }, - { offset: 0.2, opacity: 1, transform: 'scale(0.9)' }, - { offset: 0.5, opacity: 1, transform: 'scale(1.11)' }, - { offset: 0.55, opacity: 1, transform: 'scale(1.11)' }, - { offset: 1, opacity: 0, transform: 'scale(1)' } -]; - -const BOUNCE_OUT_UP: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0px)' }, - { offset: 0.2, opacity: 1, transform: 'translateY(-10px)' }, - { offset: 0.4, opacity: 1, transform: 'translateY(20px)' }, - { offset: 0.45, opacity: 1, transform: 'translateY(20px)' }, - { offset: 0.55, opacity: 1, transform: 'translateY(20px)' }, - { offset: 1, opacity: 0, transform: 'translateY(-100vh)' } -]; - -const BOUNCE_OUT_DOWN: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0px)' }, - { offset: 0.2, opacity: 1, transform: 'translateY(10px)' }, - { offset: 0.4, opacity: 1, transform: 'translateY(-20px)' }, - { offset: 0.45, opacity: 1, transform: 'translateY(-20px)' }, - { offset: 0.55, opacity: 1, transform: 'translateY(-20px)' }, - { offset: 1, opacity: 0, transform: 'translateY(100vh)' } -]; - -const BOUNCE_OUT_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0px)' }, - { offset: 0.2, opacity: 1, transform: 'translateX(10px)' }, - { offset: 0.4, opacity: 1, transform: 'translateX(-20px)' }, - { offset: 0.45, opacity: 1, transform: 'translateX(-20px)' }, - { offset: 0.55, opacity: 1, transform: 'translateX(-20px)' }, - { offset: 1, opacity: 0, transform: 'translateX(100vw)' } -]; - -const BOUNCE_OUT_LEFT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0px)' }, - { offset: 0.2, opacity: 1, transform: 'translateX(-10px)' }, - { offset: 0.4, opacity: 1, transform: 'translateX(20px)' }, - { offset: 0.45, opacity: 1, transform: 'translateX(20px)' }, - { offset: 0.55, opacity: 1, transform: 'translateX(20px)' }, - { offset: 1, opacity: 0, transform: 'translateX(-100vw)' } -]; - -export default { - [ANIMATIONS.BOUNCE_OUT]: BOUNCE_OUT, - [ANIMATIONS.BOUNCE_OUT_UP]: BOUNCE_OUT_UP, - [ANIMATIONS.BOUNCE_OUT_DOWN]: BOUNCE_OUT_DOWN, - [ANIMATIONS.BOUNCE_OUT_RIGHT]: BOUNCE_OUT_RIGHT, - [ANIMATIONS.BOUNCE_OUT_LEFT]: BOUNCE_OUT_LEFT -}; diff --git a/src/components/animation/animations/animate/common.ts b/src/components/animation/animations/animate/common.ts deleted file mode 100644 index fbe4f4726..000000000 --- a/src/components/animation/animations/animate/common.ts +++ /dev/null @@ -1,138 +0,0 @@ -const ANIMATIONS_ATTENTION_SEEKERS = { - BOUNCE: 'bounce', - FLASH: 'flash', - JELLO: 'jello', - PULSE: 'pulse', - ROTATE: 'rotate', - SHAKE: 'shake', - SWING: 'swing', - RUBBER_BAND: 'rubberBand', - TADA: 'tada', - WOBBLE: 'wobble', - HEART_BEAT: 'heartBeat' -} as const; - -const ANIMATIONS_BOUNCING_ENTRANCES = { - BOUNCE_IN: 'bounceIn', - BOUNCE_IN_UP: 'bounceInUp', - BOUNCE_IN_DOWN: 'bounceInDown', - BOUNCE_IN_RIGHT: 'bounceInRight', - BOUNCE_IN_LEFT: 'bounceInLeft' -} as const; - -const ANIMATIONS_BOUNCING_EXITS = { - BOUNCE_OUT: 'bounceOut', - BOUNCE_OUT_UP: 'bounceOutUp', - BOUNCE_OUT_DOWN: 'bounceOutDown', - BOUNCE_OUT_RIGHT: 'bounceOutRight', - BOUNCE_OUT_LEFT: 'bounceOutLeft' -} as const; - -const ANIMATIONS_FADING_ENTRANCES = { - FADE_IN: 'fadeIn', - FADE_IN_UP: 'fadeInUp', - FADE_IN_UP_BIG: 'fadeInUpBig', - FADE_IN_DOWN: 'fadeInDown', - FADE_IN_DOWN_BIG: 'fadeInDownBig', - FADE_IN_RIGHT: 'fadeInRight', - FADE_IN_RIGHT_BIG: 'fadeInRightBig', - FADE_IN_LEFT: 'fadeInLeft', - FADE_IN_LEFT_BIG: 'fadeInLeftBig' -} as const; - -const ANIMATIONS_FADING_EXITS = { - FADE_OUT: 'fadeOut', - FADE_OUT_UP: 'fadeOutUp', - FADE_OUT_UP_BIG: 'fadeOutUpBig', - FADE_OUT_DOWN: 'fadeOutDown', - FADE_OUT_DOWN_BIG: 'fadeOutDownBig', - FADE_OUT_RIGHT: 'fadeOutRight', - FADE_OUT_RIGHT_BIG: 'fadeOutRightBig', - FADE_OUT_LEFT: 'fadeOutLeft', - FADE_OUT_LEFT_BIG: 'fadeOutLeftBig' -} as const; - -const ANIMATIONS_FLIPPERS = { - FLIP: 'flip', - FLIP_IN_X: 'flipInX', - FLIP_IN_Y: 'flipInY', - FLIP_OUT_X: 'flipOutX', - FLIP_OUT_Y: 'flipOutY' -} as const; - -const ANIMATIONS_LIGHTSPEED = { - LIGHT_SPEED_IN: 'lightSpeedIn', - LIGHT_SPEED_OUT: 'lightSpeedOut' -} as const; - -const ANIMATIONS_ROTATING_ENTRANCES = { - ROTATE_IN: 'rotateIn', - ROTATE_IN_CLOCKWISE: 'rotateInClockwise', - ROTATE_IN_DOWN_LEFT: 'rotateInDownLeft', - ROTATE_IN_DOWN_RIGHT: 'rotateInDownRight', - ROTATE_IN_UP_LEFT: 'rotateInUpLeft', - ROTATE_IN_UP_RIGHT: 'rotateInUpRight' -} as const; - -const ANIMATIONS_ROTATING_EXITS = { - ROTATE_OUT: 'rotateOut', - ROTATE_OUT_CLOCKWISE: 'rotateOutClockwise', - ROTATE_OUT_DOWN_LEFT: 'rotateOutDownLeft', - ROTATE_OUT_DOWN_RIGHT: 'rotateOutDownRight', - ROTATE_OUT_UP_LEFT: 'rotateOutUpLeft', - ROTATE_OUT_UP_RIGHT: 'rotateOutUpRight' -} as const; - -const ANIMATIONS_SLIDING_ENTRANCES = { - SLIDE_IN_UP: 'slideInUp', - SLIDE_IN_DOWN: 'slideInDown', - SLIDE_IN_LEFT: 'slideInLeft', - SLIDE_IN_RIGHT: 'slideInRight' -} as const; - -const ANIMATIONS_SLIDING_EXITS = { - SLIDE_OUT_UP: 'slideOutUp', - SLIDE_OUT_DOWN: 'slideOutDown', - SLIDE_OUT_LEFT: 'slideOutLeft', - SLIDE_OUT_RIGHT: 'slideOutRight' -} as const; - -const ANIMATIONS_ZOOM_ENTRANCES = { - ZOOM_IN: 'zoomIn', - ZOOM_IN_UP: 'zoomInUp', - ZOOM_IN_DOWN: 'zoomInDown', - ZOOM_IN_LEFT: 'zoomInLeft', - ZOOM_IN_RIGHT: 'zoomInRight' -} as const; - -const ANIMATIONS_ZOOM_EXITS = { - ZOOM_OUT: 'zoomOut', - ZOOM_OUT_UP: 'zoomOutUp', - ZOOM_OUT_DOWN: 'zoomOutDown', - ZOOM_OUT_LEFT: 'zoomOutLeft', - ZOOM_OUT_RIGHT: 'zoomOutRight' -} as const; - -const ANIMATIONS_SPECIALS = { - HINGE: 'hinge', - JACK_IN_THE_BOX: 'jackInTheBox', - ROLL_IN: 'rollIn', - ROLL_OUT: 'rollOut' -} as const; - -export const ANIMATIONS = { - ...ANIMATIONS_ATTENTION_SEEKERS, - ...ANIMATIONS_BOUNCING_ENTRANCES, - ...ANIMATIONS_BOUNCING_EXITS, - ...ANIMATIONS_FADING_ENTRANCES, - ...ANIMATIONS_FADING_EXITS, - ...ANIMATIONS_FLIPPERS, - ...ANIMATIONS_LIGHTSPEED, - ...ANIMATIONS_ROTATING_ENTRANCES, - ...ANIMATIONS_ROTATING_EXITS, - ...ANIMATIONS_SLIDING_ENTRANCES, - ...ANIMATIONS_SLIDING_EXITS, - ...ANIMATIONS_ZOOM_ENTRANCES, - ...ANIMATIONS_ZOOM_EXITS, - ...ANIMATIONS_SPECIALS -} as const; diff --git a/src/components/animation/animations/animate/fading-entrances.ts b/src/components/animation/animations/animate/fading-entrances.ts deleted file mode 100644 index 8a7bd92a2..000000000 --- a/src/components/animation/animations/animate/fading-entrances.ts +++ /dev/null @@ -1,58 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FADE_IN: Keyframe[] = [ - { offset: 0, opacity: 0 }, - { offset: 1, opacity: 1 } -]; - -const FADE_IN_UP: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(100%)' }, - { offset: 1, opacity: 1, transform: 'translateY(0)' } -]; - -const FADE_IN_UP_BIG: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(100vh)' }, - { offset: 1, opacity: 1, transform: 'translateY(0px)' } -]; - -const FADE_IN_DOWN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(-100%)' }, - { offset: 1, opacity: 1, transform: 'translateY(0)' } -]; - -const FADE_IN_DOWN_BIG: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateY(-100vh)' }, - { offset: 1, opacity: 1, transform: 'translateY(0px)' } -]; - -const FADE_IN_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(100%)' }, - { offset: 1, opacity: 1, transform: 'translateX(0)' } -]; - -const FADE_IN_RIGHT_BIG: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(100vw)' }, - { offset: 1, opacity: 1, transform: 'translateX(0px)' } -]; - -const FADE_IN_LEFT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(-100%)' }, - { offset: 1, opacity: 1, transform: 'translateX(0)' } -]; - -const FADE_IN_LEFT_BIG: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(-100vw)' }, - { offset: 1, opacity: 1, transform: 'translateX(0px)' } -]; - -export default { - [ANIMATIONS.FADE_IN]: FADE_IN, - [ANIMATIONS.FADE_IN_UP]: FADE_IN_UP, - [ANIMATIONS.FADE_IN_UP_BIG]: FADE_IN_UP_BIG, - [ANIMATIONS.FADE_IN_DOWN]: FADE_IN_DOWN, - [ANIMATIONS.FADE_IN_DOWN_BIG]: FADE_IN_DOWN_BIG, - [ANIMATIONS.FADE_IN_RIGHT]: FADE_IN_RIGHT, - [ANIMATIONS.FADE_IN_RIGHT_BIG]: FADE_IN_RIGHT_BIG, - [ANIMATIONS.FADE_IN_LEFT]: FADE_IN_LEFT, - [ANIMATIONS.FADE_IN_LEFT_BIG]: FADE_IN_LEFT_BIG -}; diff --git a/src/components/animation/animations/animate/fading-exits.ts b/src/components/animation/animations/animate/fading-exits.ts deleted file mode 100644 index 917143794..000000000 --- a/src/components/animation/animations/animate/fading-exits.ts +++ /dev/null @@ -1,58 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FADE_OUT: Keyframe[] = [ - { offset: 0, opacity: 1 }, - { offset: 1, opacity: 0 } -]; - -const FADE_OUT_UP: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0)' }, - { offset: 1, opacity: 0, transform: 'translateY(-100%)' } -]; - -const FADE_OUT_UP_BIG: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0px)' }, - { offset: 1, opacity: 0, transform: 'translateY(-100vh)' } -]; - -const FADE_OUT_DOWN: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0)' }, - { offset: 1, opacity: 0, transform: 'translateY(100%)' } -]; - -const FADE_OUT_DOWN_BIG: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateY(0px)' }, - { offset: 1, opacity: 0, transform: 'translateY(100vh)' } -]; - -const FADE_OUT_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0)' }, - { offset: 1, opacity: 0, transform: 'translateX(100%)' } -]; - -const FADE_OUT_RIGHT_BIG: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0px)' }, - { offset: 1, opacity: 0, transform: 'translateX(100vw)' } -]; - -const FADE_OUT_LEFT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0)' }, - { offset: 1, opacity: 0, transform: 'translateX(-100%)' } -]; - -const FADE_OUT_LEFT_BIG: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0px)' }, - { offset: 1, opacity: 0, transform: 'translateX(-100vw)' } -]; - -export default { - [ANIMATIONS.FADE_OUT]: FADE_OUT, - [ANIMATIONS.FADE_OUT_UP]: FADE_OUT_UP, - [ANIMATIONS.FADE_OUT_UP_BIG]: FADE_OUT_UP_BIG, - [ANIMATIONS.FADE_OUT_DOWN]: FADE_OUT_DOWN, - [ANIMATIONS.FADE_OUT_DOWN_BIG]: FADE_OUT_DOWN_BIG, - [ANIMATIONS.FADE_OUT_RIGHT]: FADE_OUT_RIGHT, - [ANIMATIONS.FADE_OUT_RIGHT_BIG]: FADE_OUT_RIGHT_BIG, - [ANIMATIONS.FADE_OUT_LEFT]: FADE_OUT_LEFT, - [ANIMATIONS.FADE_OUT_LEFT_BIG]: FADE_OUT_LEFT_BIG -}; diff --git a/src/components/animation/animations/animate/flippers.ts b/src/components/animation/animations/animate/flippers.ts deleted file mode 100644 index 753f723ed..000000000 --- a/src/components/animation/animations/animate/flippers.ts +++ /dev/null @@ -1,130 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP: Keyframe[] = [ - { - offset: 0, - backfaceVisibility: 'visible', - easing: 'ease-out', - transform: 'perspective(400px) scale(1) translateZ(0) rotateY(-360deg)' - }, - { - offset: 0.4, - backfaceVisibility: 'visible', - easing: 'ease-out', - transform: 'perspective(400px) scale(1) translateZ(150px) rotateY(-190deg)' - }, - { - offset: 0.5, - backfaceVisibility: 'visible', - easing: 'ease-in', - transform: 'perspective(400px) scale(1) translateZ(150px) rotateY(-170deg)' - }, - { - offset: 0.8, - backfaceVisibility: 'visible', - easing: 'ease-in', - transform: 'perspective(400px) scale(0.95) translateZ(0) rotateY(0deg)' - }, - { - offset: 1, - backfaceVisibility: 'visible', - easing: 'ease-in', - transform: 'perspective(400px) scale(1) translateZ(0) rotateY(0deg)' - } -]; - -const FLIP_IN_X: Keyframe[] = [ - { - offset: 0, - backfaceVisibility: 'visible', - opacity: 0, - easing: 'ease-in', - transform: 'perspective(400px) rotateX(90deg)' - }, - { - offset: 0.4, - backfaceVisibility: 'visible', - opacity: 0.5, - easing: 'ease-in', - transform: 'perspective(400px) rotateX(-20deg)' - }, - { - offset: 0.6, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateX(10deg)' - }, - { - offset: 0.8, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateX(-5deg)' - }, - { - offset: 1, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateX(0deg)' - } -]; - -const FLIP_IN_Y: Keyframe[] = [ - { - offset: 0, - backfaceVisibility: 'visible', - opacity: 0, - easing: 'ease-in', - transform: 'perspective(400px) rotateY(90deg)' - }, - { - offset: 0.4, - backfaceVisibility: 'visible', - opacity: 0.5, - easing: 'ease-in', - transform: 'perspective(400px) rotateY(-20deg)' - }, - { - offset: 0.6, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateY(10deg)' - }, - { - offset: 0.8, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateY(-5deg)' - }, - { - offset: 1, - backfaceVisibility: 'visible', - opacity: 1, - easing: 'ease-in', - transform: 'perspective(400px) rotateY(0deg)' - } -]; - -const FLIP_OUT_X: Keyframe[] = [ - { offset: 0, backfaceVisibility: 'visible', opacity: 1, transform: 'perspective(400px) rotateX(0deg)' }, - { offset: 0.3, backfaceVisibility: 'visible', opacity: 1, transform: 'perspective(400px) rotateX(-15deg)' }, - { offset: 1, backfaceVisibility: 'visible', opacity: 0, transform: 'perspective(400px) rotateX(90deg)' } -]; - -const FLIP_OUT_Y: Keyframe[] = [ - { offset: 0, backfaceVisibility: 'visible', opacity: 1, transform: 'perspective(400px) rotateY(0deg)' }, - { offset: 0.3, backfaceVisibility: 'visible', opacity: 1, transform: 'perspective(400px) rotateY(-15deg)' }, - { offset: 1, backfaceVisibility: 'visible', opacity: 0, transform: 'perspective(400px) rotateY(90deg)' } -]; - -export default { - [ANIMATIONS.FLIP]: FLIP, - [ANIMATIONS.FLIP_IN_X]: FLIP_IN_X, - [ANIMATIONS.FLIP_IN_Y]: FLIP_IN_Y, - [ANIMATIONS.FLIP_OUT_X]: FLIP_OUT_X, - [ANIMATIONS.FLIP_OUT_Y]: FLIP_OUT_Y -}; diff --git a/src/components/animation/animations/animate/index.ts b/src/components/animation/animations/animate/index.ts deleted file mode 100644 index 9c6782b36..000000000 --- a/src/components/animation/animations/animate/index.ts +++ /dev/null @@ -1,31 +0,0 @@ -import ATTENTION_SEEKERS from './attention-seekers'; -import BOUNCING_ENTRANCES from './bouncing-entrances'; -import BOUNCING_EXITS from './bouncing-exits'; -import FADING_ENTRANCES from './fading-entrances'; -import FADING_EXITS from './fading-exits'; -import FLIPPERS from './flippers'; -import LIGHTSPEED from './lightspeed'; -import ROTATING_ENTRANCES from './rotating-entrances'; -import ROTATING_EXITS from './rotating-exits'; -import SLIDING_ENTRANCES from './sliding-entrances'; -import SLIDING_EXITS from './sliding-exits'; -import SPECIALS from './specials'; -import ZOOM_ENTRANCES from './zoom-entrances'; -import ZOOM_EXITS from './zoom-exits'; - -export default { - ...ATTENTION_SEEKERS, - ...BOUNCING_ENTRANCES, - ...BOUNCING_EXITS, - ...FADING_ENTRANCES, - ...FADING_EXITS, - ...FLIPPERS, - ...LIGHTSPEED, - ...ROTATING_ENTRANCES, - ...ROTATING_EXITS, - ...SLIDING_ENTRANCES, - ...SLIDING_EXITS, - ...SPECIALS, - ...ZOOM_ENTRANCES, - ...ZOOM_EXITS -}; diff --git a/src/components/animation/animations/animate/lightspeed.ts b/src/components/animation/animations/animate/lightspeed.ts deleted file mode 100644 index 2c6c53845..000000000 --- a/src/components/animation/animations/animate/lightspeed.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { ANIMATIONS } from './common'; - -const LIGHT_SPEED_IN: Keyframe[] = [ - { offset: 0, easing: 'ease-out', opacity: 0, transform: 'translateX(200px) skewX(-30deg)' }, - { offset: 0.6, easing: 'ease-out', opacity: 1, transform: 'translateX(0px) skewX(20deg)' }, - { offset: 0.8, easing: 'ease-out', opacity: 1, transform: 'translateX(0px) skewX(-5deg)' }, - { offset: 1, easing: 'ease-out', opacity: 1, transform: 'translateX(0px) skewX(0deg)' } -]; - -const LIGHT_SPEED_OUT: Keyframe[] = [ - { offset: 0, easing: 'ease-in', opacity: 1, transform: 'translateX(0px) skewX(0deg)' }, - { offset: 1, easing: 'ease-in', opacity: 0, transform: 'translateX(200px) skewX(30deg)' } -]; - -export default { - [ANIMATIONS.LIGHT_SPEED_IN]: LIGHT_SPEED_IN, - [ANIMATIONS.LIGHT_SPEED_OUT]: LIGHT_SPEED_OUT -}; diff --git a/src/components/animation/animations/animate/rotating-entrances.ts b/src/components/animation/animations/animate/rotating-entrances.ts deleted file mode 100644 index 666cb5795..000000000 --- a/src/components/animation/animations/animate/rotating-entrances.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_IN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(180deg)', transformOrigin: 'center' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'center' } -]; - -const ROTATE_IN_CLOCKWISE: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(-180deg)', transformOrigin: 'center' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'center' } -]; - -const ROTATE_IN_DOWN_LEFT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(-45deg)', transformOrigin: 'left bottom' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'left bottom' } -]; - -const ROTATE_IN_DOWN_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(45deg)', transformOrigin: 'right bottom' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'right bottom' } -]; - -const ROTATE_IN_UP_LEFT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(45deg)', transformOrigin: 'left bottom' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'left bottom' } -]; - -const ROTATE_IN_UP_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'rotateZ(-45deg)', transformOrigin: 'right bottom' }, - { offset: 1, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'right bottom' } -]; - -export default { - [ANIMATIONS.ROTATE_IN]: ROTATE_IN, - [ANIMATIONS.ROTATE_IN_CLOCKWISE]: ROTATE_IN_CLOCKWISE, - [ANIMATIONS.ROTATE_IN_DOWN_LEFT]: ROTATE_IN_DOWN_LEFT, - [ANIMATIONS.ROTATE_IN_DOWN_RIGHT]: ROTATE_IN_DOWN_RIGHT, - [ANIMATIONS.ROTATE_IN_UP_LEFT]: ROTATE_IN_UP_LEFT, - [ANIMATIONS.ROTATE_IN_UP_RIGHT]: ROTATE_IN_UP_RIGHT -}; diff --git a/src/components/animation/animations/animate/rotating-exits.ts b/src/components/animation/animations/animate/rotating-exits.ts deleted file mode 100644 index d993fb70e..000000000 --- a/src/components/animation/animations/animate/rotating-exits.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_OUT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'center' }, - { offset: 1, opacity: 0, transform: 'rotateZ(180deg)', transformOrigin: 'center' } -]; - -const ROTATE_OUT_CLOCKWISE: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'center' }, - { offset: 1, opacity: 0, transform: 'rotateZ(-180deg)', transformOrigin: 'center' } -]; - -const ROTATE_OUT_DOWN_LEFT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'left bottom' }, - { offset: 1, opacity: 0, transform: 'rotateZ(45deg)', transformOrigin: 'left bottom' } -]; - -const ROTATE_OUT_DOWN_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'right bottom' }, - { offset: 1, opacity: 0, transform: 'rotateZ(-45deg)', transformOrigin: 'right bottom' } -]; - -const ROTATE_OUT_UP_LEFT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'left bottom' }, - { offset: 1, opacity: 0, transform: 'rotateZ(-45deg)', transformOrigin: 'left bottom' } -]; - -const ROTATE_OUT_UP_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'rotateZ(0deg)', transformOrigin: 'right bottom' }, - { offset: 1, opacity: 0, transform: 'rotateZ(45deg)', transformOrigin: 'right bottom' } -]; - -export default { - [ANIMATIONS.ROTATE_OUT]: ROTATE_OUT, - [ANIMATIONS.ROTATE_OUT_CLOCKWISE]: ROTATE_OUT_CLOCKWISE, - [ANIMATIONS.ROTATE_OUT_DOWN_LEFT]: ROTATE_OUT_DOWN_LEFT, - [ANIMATIONS.ROTATE_OUT_DOWN_RIGHT]: ROTATE_OUT_DOWN_RIGHT, - [ANIMATIONS.ROTATE_OUT_UP_LEFT]: ROTATE_OUT_UP_LEFT, - [ANIMATIONS.ROTATE_OUT_UP_RIGHT]: ROTATE_OUT_UP_RIGHT -}; diff --git a/src/components/animation/animations/animate/sliding-entrances.ts b/src/components/animation/animations/animate/sliding-entrances.ts deleted file mode 100644 index 7ba556fd5..000000000 --- a/src/components/animation/animations/animate/sliding-entrances.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_UP: Keyframe[] = [ - { offset: 0, transform: 'translateY(100%)', visibility: 'hidden' }, - { offset: 1, transform: 'translateY(0)', visibility: 'visible' } -]; - -const SLIDE_IN_DOWN: Keyframe[] = [ - { offset: 0, transform: 'translateY(-100%)', visibility: 'hidden' }, - { offset: 1, transform: 'translateY(0)', visibility: 'visible' } -]; - -const SLIDE_IN_LEFT: Keyframe[] = [ - { offset: 0, transform: 'translateX(-100%)', visibility: 'hidden' }, - { offset: 1, transform: 'translateX(0)', visibility: 'visible' } -]; - -const SLIDE_IN_RIGHT: Keyframe[] = [ - { offset: 0, transform: 'translateX(100%)', visibility: 'hidden' }, - { offset: 1, transform: 'translateX(0)', visibility: 'visible' } -]; - -export default { - [ANIMATIONS.SLIDE_IN_UP]: SLIDE_IN_UP, - [ANIMATIONS.SLIDE_IN_DOWN]: SLIDE_IN_DOWN, - [ANIMATIONS.SLIDE_IN_LEFT]: SLIDE_IN_LEFT, - [ANIMATIONS.SLIDE_IN_RIGHT]: SLIDE_IN_RIGHT -}; diff --git a/src/components/animation/animations/animate/sliding-exits.ts b/src/components/animation/animations/animate/sliding-exits.ts deleted file mode 100644 index e2aea8787..000000000 --- a/src/components/animation/animations/animate/sliding-exits.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_OUT_UP: Keyframe[] = [ - { offset: 0, transform: 'translateY(0)', visibility: 'visible' }, - { offset: 1, transform: 'translateY(-100%)', visibility: 'hidden' } -]; - -const SLIDE_OUT_DOWN: Keyframe[] = [ - { offset: 0, transform: 'translateY(0)', visibility: 'visible' }, - { offset: 1, transform: 'translateY(100%)', visibility: 'hidden' } -]; - -const SLIDE_OUT_LEFT: Keyframe[] = [ - { offset: 0, transform: 'translateX(0)', visibility: 'visible' }, - { offset: 1, transform: 'translateX(-100%)', visibility: 'hidden' } -]; - -const SLIDE_OUT_RIGHT: Keyframe[] = [ - { offset: 0, transform: 'translateX(0)', visibility: 'visible' }, - { offset: 1, transform: 'translateX(100%)', visibility: 'hidden' } -]; - -export default { - [ANIMATIONS.SLIDE_OUT_UP]: SLIDE_OUT_UP, - [ANIMATIONS.SLIDE_OUT_DOWN]: SLIDE_OUT_DOWN, - [ANIMATIONS.SLIDE_OUT_LEFT]: SLIDE_OUT_LEFT, - [ANIMATIONS.SLIDE_OUT_RIGHT]: SLIDE_OUT_RIGHT -}; diff --git a/src/components/animation/animations/animate/specials.ts b/src/components/animation/animations/animate/specials.ts deleted file mode 100644 index 11221dd3c..000000000 --- a/src/components/animation/animations/animate/specials.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { ANIMATIONS } from './common'; - -const HINGE_DEFAULT: Keyframe = { - opacity: 1, - transformOrigin: 'top left', - easing: 'ease-in-out' -}; - -const HINGE: Keyframe[] = [ - { offset: 0, transform: 'rotate(0)', ...HINGE_DEFAULT }, - { offset: 0.2, transform: 'rotateZ(80deg)', ...HINGE_DEFAULT }, - { offset: 0.4, transform: 'rotateZ(60deg)', ...HINGE_DEFAULT }, - { offset: 0.6, transform: 'rotateZ(80deg)', ...HINGE_DEFAULT }, - { offset: 0.8, transform: 'rotateZ(60deg)', ...HINGE_DEFAULT }, - { offset: 1, ...HINGE_DEFAULT, opacity: 0, transform: 'translateY(700px)' } -]; - -const JACK_IN_THE_BOX: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'scale(0.1) rotate(30deg)', transformOrigin: 'center bottom' }, - { offset: 0.5, opacity: 0.3, transform: 'rotate(-10deg)', transformOrigin: '50% 50% 0' }, - { offset: 0.7, opacity: 0.6, transform: 'rotate(3deg)', transformOrigin: '50% 50% 0' }, - { offset: 1, opacity: 1, transform: 'scale(1)', transformOrigin: '50% 50% 0' } -]; - -const ROLL_IN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'translateX(-100%) rotateZ(-120deg)' }, - { offset: 1, opacity: 1, transform: 'translateX(0%)' } -]; - -const ROLL_OUT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'translateX(0%)' }, - { offset: 1, opacity: 0, transform: 'translateX(100%) rotateZ(120deg)' } -]; - -export default { - [ANIMATIONS.HINGE]: HINGE, - [ANIMATIONS.JACK_IN_THE_BOX]: JACK_IN_THE_BOX, - [ANIMATIONS.ROLL_IN]: ROLL_IN, - [ANIMATIONS.ROLL_OUT]: ROLL_OUT -}; diff --git a/src/components/animation/animations/animate/zoom-entrances.ts b/src/components/animation/animations/animate/zoom-entrances.ts deleted file mode 100644 index 58b0662db..000000000 --- a/src/components/animation/animations/animate/zoom-entrances.ts +++ /dev/null @@ -1,79 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ZOOM_IN: Keyframe[] = [ - { offset: 0, opacity: 0, transform: 'scale(1)' }, - { offset: 0.5, opacity: 0, transform: 'scale(0.3)' }, - { offset: 1, opacity: 1, transform: 'scale(1)' } -]; - -const ZOOM_IN_UP: Keyframe[] = [ - { - offset: 0, - opacity: 0, - transform: 'scale(0.1) translateY(-100vh)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' - }, - { - offset: 0.6, - opacity: 1, - transform: 'scale(0.475) translateY(60px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { offset: 1, opacity: 1, transform: 'scale(1) translateY(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' } -]; - -const ZOOM_IN_DOWN: Keyframe[] = [ - { - offset: 0, - opacity: 0, - transform: 'scale(0.1) translateY(100vh)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' - }, - { - offset: 0.6, - opacity: 1, - transform: 'scale(0.475) translateY(-60px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { offset: 1, opacity: 1, transform: 'scale(1) translateY(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' } -]; - -const ZOOM_IN_LEFT: Keyframe[] = [ - { - offset: 0, - opacity: 0, - transform: 'scale(0.1) translateX(-100vw)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' - }, - { - offset: 0.6, - opacity: 1, - transform: 'scale(0.475) translateX(10px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { offset: 1, opacity: 1, transform: 'scale(1) translateX(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' } -]; - -const ZOOM_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - opacity: 0, - transform: 'scale(0.1) translateX(100vw)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' - }, - { - offset: 0.6, - opacity: 1, - transform: 'scale(0.475) translateX(-10px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { offset: 1, opacity: 1, transform: 'scale(1) translateX(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' } -]; - -export default { - [ANIMATIONS.ZOOM_IN]: ZOOM_IN, - [ANIMATIONS.ZOOM_IN_UP]: ZOOM_IN_UP, - [ANIMATIONS.ZOOM_IN_DOWN]: ZOOM_IN_DOWN, - [ANIMATIONS.ZOOM_IN_LEFT]: ZOOM_IN_LEFT, - [ANIMATIONS.ZOOM_IN_RIGHT]: ZOOM_IN_RIGHT -}; diff --git a/src/components/animation/animations/animate/zoom-exits.ts b/src/components/animation/animations/animate/zoom-exits.ts deleted file mode 100644 index b8b6cec47..000000000 --- a/src/components/animation/animations/animate/zoom-exits.ts +++ /dev/null @@ -1,90 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ZOOM_OUT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'scale(1)' }, - { offset: 0.5, opacity: 0, transform: 'scale(0.3)' }, - { offset: 1, opacity: 0, transform: 'scale(0)' } -]; - -const ZOOM_OUT_UP: Keyframe[] = [ - { - offset: 0, - opacity: 1, - transform: 'scale(1) translateY(0px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', - transformOrigin: 'center' - }, - { - offset: 0.4, - opacity: 1, - transform: 'scale(0.475) translateY(60px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', - transformOrigin: 'center' - }, - { - offset: 1, - opacity: 0, - transform: 'scale(0.1) translateY(-100vh)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', - transformOrigin: 'center bottom' - } -]; - -const ZOOM_OUT_DOWN: Keyframe[] = [ - { - offset: 0, - opacity: 1, - transform: 'scale(1) translateY(0px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', - transformOrigin: 'center' - }, - { - offset: 0.4, - opacity: 1, - transform: 'scale(0.475) translateY(-60px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', - transformOrigin: 'center' - }, - { - offset: 1, - opacity: 0, - transform: 'scale(0.1) translateY(100vh)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', - transformOrigin: 'center bottom' - } -]; - -const ZOOM_OUT_LEFT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'scale(1) translateX(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' }, - { - offset: 0.4, - opacity: 1, - transform: 'scale(0.475) translateX(10px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { - offset: 1, - opacity: 0, - transform: 'scale(0.1) translateX(-100vw)', - easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' - } -]; - -const ZOOM_OUT_RIGHT: Keyframe[] = [ - { offset: 0, opacity: 1, transform: 'scale(1) translateX(0px)', easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' }, - { - offset: 0.4, - opacity: 1, - transform: 'scale(0.475) translateX(-10px)', - easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' - }, - { offset: 1, opacity: 0, transform: 'scale(0.1) translateX(100vw)', easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' } -]; - -export default { - [ANIMATIONS.ZOOM_OUT]: ZOOM_OUT, - [ANIMATIONS.ZOOM_OUT_UP]: ZOOM_OUT_UP, - [ANIMATIONS.ZOOM_OUT_DOWN]: ZOOM_OUT_DOWN, - [ANIMATIONS.ZOOM_OUT_LEFT]: ZOOM_OUT_LEFT, - [ANIMATIONS.ZOOM_OUT_RIGHT]: ZOOM_OUT_RIGHT -}; diff --git a/src/components/animation/animations/animatecss/LICENSE.md b/src/components/animation/animations/animatecss/LICENSE.md new file mode 100644 index 000000000..22f426c97 --- /dev/null +++ b/src/components/animation/animations/animatecss/LICENSE.md @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2020 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/src/components/animation/animations/animatecss/index.ts b/src/components/animation/animations/animatecss/index.ts new file mode 100644 index 000000000..68062eb9e --- /dev/null +++ b/src/components/animation/animations/animatecss/index.ts @@ -0,0 +1,1720 @@ +export default { + bounce: [ + { + offset: 0, + transform: 'translate(0)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.2, + transform: 'translate(0)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.4, + transform: 'translateY(-30px)', + easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' + }, + { + offset: 0.43, + transform: 'translateY(-30px)', + easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' + }, + { + offset: 0.53, + transform: 'translate(0)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.7, + transform: 'translateY(-15px)', + easing: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)' + }, + { + offset: 0.8, + transform: 'translate(0)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.9, + transform: 'translateY(-4px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 1, + transform: 'translate(0)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + } + ], + flash: [ + { + offset: 0, + opacity: 1 + }, + { + offset: 0.25, + opacity: 0 + }, + { + offset: 0.5, + opacity: 1 + }, + { + offset: 0.75, + opacity: 0 + }, + { + offset: 1, + opacity: 1 + } + ], + jello: [ + { + offset: 0, + transform: 'skewX(0deg) skewY(0deg)', + transformOrigin: 'center' + }, + { + offset: 0.111, + transform: 'skewX(0deg) skewY(0deg)', + transformOrigin: 'center' + }, + { + offset: 0.222, + transform: 'skewX(-12.5deg) skewY(-12.5deg)', + transformOrigin: 'center' + }, + { + offset: 0.333, + transform: 'skewX(6.25deg) skewY(6.25deg)', + transformOrigin: 'center' + }, + { + offset: 0.444, + transform: 'skewX(-3.125deg) skewY(-3.125deg)', + transformOrigin: 'center' + }, + { + offset: 0.555, + transform: 'skewX(1.5625deg) skewY(1.5625deg)', + transformOrigin: 'center' + }, + { + offset: 0.666, + transform: 'skewX(-0.78125deg) skewY(-0.78125deg)', + transformOrigin: 'center' + }, + { + offset: 0.777, + transform: 'skewX(0.390625deg) skewY(0.390625deg)', + transformOrigin: 'center' + }, + { + offset: 0.888, + transform: 'skewX(-0.1953125deg) skewY(-0.1953125deg)', + transformOrigin: 'center' + }, + { + offset: 1, + transform: 'skewX(0deg) skewY(0deg)', + transformOrigin: 'center' + } + ], + pulse: [ + { + offset: 0, + transform: 'scale(1)' + }, + { + offset: 0.5, + transform: 'scale(1.05)' + }, + { + offset: 1, + transform: 'scale(1)' + } + ], + rotate: [ + { + offset: 0, + transform: 'rotate(0deg)' + }, + { + offset: 0.25, + transform: 'rotate(90deg)' + }, + { + offset: 0.5, + transform: 'rotate(180deg)' + }, + { + offset: 0.75, + transform: 'rotate(270deg)' + }, + { + offset: 1, + transform: 'rotate(360deg)' + } + ], + shake: [ + { + offset: 0, + transform: 'translateX(0px)' + }, + { + offset: 0.1, + transform: 'translateX(-10px)' + }, + { + offset: 0.2, + transform: 'translateX(10px)' + }, + { + offset: 0.3, + transform: 'translateX(-10px)' + }, + { + offset: 0.4, + transform: 'translateX(10px)' + }, + { + offset: 0.5, + transform: 'translateX(-10px)' + }, + { + offset: 0.6, + transform: 'translateX(10px)' + }, + { + offset: 0.7, + transform: 'translateX(-10px)' + }, + { + offset: 0.8, + transform: 'translateX(10px)' + }, + { + offset: 0.9, + transform: 'translateX(-10px)' + }, + { + offset: 1, + transform: 'translateX(0px)' + } + ], + swing: [ + { + offset: 0, + transform: 'rotate(0deg)', + transformOrigin: 'top center' + }, + { + offset: 0.2, + transform: 'rotate(15deg)', + transformOrigin: 'top center' + }, + { + offset: 0.4, + transform: 'rotate(-10deg)', + transformOrigin: 'top center' + }, + { + offset: 0.6, + transform: 'rotate(5deg)', + transformOrigin: 'top center' + }, + { + offset: 0.8, + transform: 'rotate(-5deg)', + transformOrigin: 'top center' + }, + { + offset: 1, + transform: 'rotate(0deg)', + transformOrigin: 'top center' + } + ], + 'rubber-band': [ + { + offset: 0, + transform: 'scale(1, 1)' + }, + { + offset: 0.3, + transform: 'scale(1.25, 0.75)' + }, + { + offset: 0.4, + transform: 'scale(0.75, 1.25)' + }, + { + offset: 0.5, + transform: 'scale(1.15, 0.85)' + }, + { + offset: 0.65, + transform: 'scale(0.95, 1.05)' + }, + { + offset: 0.75, + transform: 'scale(1.05, 0.95)' + }, + { + offset: 1, + transform: 'scale(1, 1)' + } + ], + tada: [ + { + offset: 0, + transform: 'scale(1) rotate(0deg)' + }, + { + offset: 0.1, + transform: 'scale(0.9) rotate(-3deg)' + }, + { + offset: 0.2, + transform: 'scale(0.9) rotate(-3deg)' + }, + { + offset: 0.3, + transform: 'scale(1.1) rotate(-3deg)' + }, + { + offset: 0.4, + transform: 'scale(1.1) rotate(3deg)' + }, + { + offset: 0.5, + transform: 'scale(1.1) rotate(-3deg)' + }, + { + offset: 0.6, + transform: 'scale(1.1) rotate(3deg)' + }, + { + offset: 0.7, + transform: 'scale(1.1) rotate(-3deg)' + }, + { + offset: 0.8, + transform: 'scale(1.1) rotate(3deg)' + }, + { + offset: 0.9, + transform: 'scale(1.1) rotate(3deg)' + }, + { + offset: 1, + transform: 'scale(1) rotate(0deg)' + } + ], + wobble: [ + { + offset: 0, + transform: 'translate(0) rotate(0deg)' + }, + { + offset: 0.15, + transform: 'translateX(-25%) rotate(-5deg)' + }, + { + offset: 0.3, + transform: 'translateX(20%) rotate(3deg)' + }, + { + offset: 0.45, + transform: 'translateX(-15%) rotate(-3deg)' + }, + { + offset: 0.6, + transform: 'translateX(10%) rotate(2deg)' + }, + { + offset: 0.75, + transform: 'translateX(-5%) rotate(-1deg)' + }, + { + offset: 1, + transform: 'translate(0) rotate(0deg)' + } + ], + 'heart-beat': [ + { + offset: 0, + transform: 'scale(1)', + easing: 'ease-in-out' + }, + { + offset: 0.14, + transform: 'scale(1.3)', + easing: 'ease-in-out' + }, + { + offset: 0.28, + transform: 'scale(1)', + easing: 'ease-in-out' + }, + { + offset: 0.42, + transform: 'scale(1.3)', + easing: 'ease-in-out' + }, + { + offset: 0.7, + transform: 'scale(1)', + easing: 'ease-in-out' + }, + { + offset: 1, + transform: 'scale(1)', + easing: 'ease-in-out' + } + ], + 'bounce-in': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.3)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.2, + opacity: 0, + transform: 'scale(1.1)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.4, + opacity: 0, + transform: 'scale(0.9)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'scale(1.03)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.8, + opacity: 1, + transform: 'scale(0.97)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + } + ], + 'bounce-in-up': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(3000px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'translateY(-20px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.75, + opacity: 1, + transform: 'translateY(10px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.9, + opacity: 1, + transform: 'translateY(-5px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + } + ], + 'bounce-in-down': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(-3000px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'translateY(25px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.75, + opacity: 1, + transform: 'translateY(-10px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 0.9, + opacity: 1, + transform: 'translateY(5px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0px)', + easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' + } + ], + 'bounce-in-right': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(600px)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateX(68px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'translateX(32px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.9, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'translateX(8px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-in-left': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(-600px)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateX(-68px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'translateX(-28px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.9, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'translateX(-8px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-out': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1)' + }, + { + offset: 0.2, + opacity: 1, + transform: 'scale(0.9)' + }, + { + offset: 0.5, + opacity: 1, + transform: 'scale(1.11)' + }, + { + offset: 0.55, + opacity: 1, + transform: 'scale(1.11)' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(1)' + } + ], + 'bounce-out-up': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0px)' + }, + { + offset: 0.2, + opacity: 1, + transform: 'translateY(-10px)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'translateY(20px)' + }, + { + offset: 0.45, + opacity: 1, + transform: 'translateY(20px)' + }, + { + offset: 0.55, + opacity: 1, + transform: 'translateY(20px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(-100vh)' + } + ], + 'bounce-out-down': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0px)' + }, + { + offset: 0.2, + opacity: 1, + transform: 'translateY(10px)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'translateY(-20px)' + }, + { + offset: 0.45, + opacity: 1, + transform: 'translateY(-20px)' + }, + { + offset: 0.55, + opacity: 1, + transform: 'translateY(-20px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(100vh)' + } + ], + 'bounce-out-right': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0px)' + }, + { + offset: 0.2, + opacity: 1, + transform: 'translateX(10px)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'translateX(-20px)' + }, + { + offset: 0.45, + opacity: 1, + transform: 'translateX(-20px)' + }, + { + offset: 0.55, + opacity: 1, + transform: 'translateX(-20px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(100vw)' + } + ], + 'bounce-out-left': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0px)' + }, + { + offset: 0.2, + opacity: 1, + transform: 'translateX(-10px)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'translateX(20px)' + }, + { + offset: 0.45, + opacity: 1, + transform: 'translateX(20px)' + }, + { + offset: 0.55, + opacity: 1, + transform: 'translateX(20px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(-100vw)' + } + ], + 'fade-in': [ + { + offset: 0, + opacity: 0 + }, + { + offset: 1, + opacity: 1 + } + ], + 'fade-in-up': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(100%)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0)' + } + ], + 'fade-in-up-big': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(100vh)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0px)' + } + ], + 'fade-in-down': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(-100%)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0)' + } + ], + 'fade-in-down-big': [ + { + offset: 0, + opacity: 0, + transform: 'translateY(-100vh)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateY(0px)' + } + ], + 'fade-in-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0)', + opacity: 1 + } + ], + 'fade-in-right-big': [ + { + offset: 0, + opacity: 0, + transform: 'translateX(100vw)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateX(0px)' + } + ], + 'fade-in-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(-50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0)', + opacity: 1 + } + ], + 'fade-in-left-big': [ + { + offset: 0, + opacity: 0, + transform: 'translateX(-100vw)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateX(0px)' + } + ], + 'fade-out': [ + { + offset: 0, + opacity: 1 + }, + { + offset: 1, + opacity: 0 + } + ], + 'fade-out-up': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(-100%)' + } + ], + 'fade-out-up-big': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(-100vh)' + } + ], + 'fade-out-down': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(100%)' + } + ], + 'fade-out-down-big': [ + { + offset: 0, + opacity: 1, + transform: 'translateY(0px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateY(100vh)' + } + ], + 'fade-out-right': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(100%)' + } + ], + 'fade-out-right-big': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(100vw)' + } + ], + 'fade-out-left': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(-100%)' + } + ], + 'fade-out-left-big': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0px)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(-100vw)' + } + ], + flip: [ + { + offset: 0, + backfaceVisibility: 'visible', + easing: 'ease-out', + transform: 'perspective(400px) scale(1) translateZ(0) rotateY(-360deg)' + }, + { + offset: 0.4, + backfaceVisibility: 'visible', + easing: 'ease-out', + transform: 'perspective(400px) scale(1) translateZ(150px) rotateY(-190deg)' + }, + { + offset: 0.5, + backfaceVisibility: 'visible', + easing: 'ease-in', + transform: 'perspective(400px) scale(1) translateZ(150px) rotateY(-170deg)' + }, + { + offset: 0.8, + backfaceVisibility: 'visible', + easing: 'ease-in', + transform: 'perspective(400px) scale(0.95) translateZ(0) rotateY(0deg)' + }, + { + offset: 1, + backfaceVisibility: 'visible', + easing: 'ease-in', + transform: 'perspective(400px) scale(1) translateZ(0) rotateY(0deg)' + } + ], + 'flip-in-x': [ + { + offset: 0, + backfaceVisibility: 'visible', + opacity: 0, + easing: 'ease-in', + transform: 'perspective(400px) rotateX(90deg)' + }, + { + offset: 0.4, + backfaceVisibility: 'visible', + opacity: 0.5, + easing: 'ease-in', + transform: 'perspective(400px) rotateX(-20deg)' + }, + { + offset: 0.6, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateX(10deg)' + }, + { + offset: 0.8, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateX(-5deg)' + }, + { + offset: 1, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateX(0deg)' + } + ], + 'flip-in-y': [ + { + offset: 0, + backfaceVisibility: 'visible', + opacity: 0, + easing: 'ease-in', + transform: 'perspective(400px) rotateY(90deg)' + }, + { + offset: 0.4, + backfaceVisibility: 'visible', + opacity: 0.5, + easing: 'ease-in', + transform: 'perspective(400px) rotateY(-20deg)' + }, + { + offset: 0.6, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateY(10deg)' + }, + { + offset: 0.8, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateY(-5deg)' + }, + { + offset: 1, + backfaceVisibility: 'visible', + opacity: 1, + easing: 'ease-in', + transform: 'perspective(400px) rotateY(0deg)' + } + ], + 'flip-out-x': [ + { + offset: 0, + backfaceVisibility: 'visible', + opacity: 1, + transform: 'perspective(400px) rotateX(0deg)' + }, + { + offset: 0.3, + backfaceVisibility: 'visible', + opacity: 1, + transform: 'perspective(400px) rotateX(-15deg)' + }, + { + offset: 1, + backfaceVisibility: 'visible', + opacity: 0, + transform: 'perspective(400px) rotateX(90deg)' + } + ], + 'flip-out-y': [ + { + offset: 0, + backfaceVisibility: 'visible', + opacity: 1, + transform: 'perspective(400px) rotateY(0deg)' + }, + { + offset: 0.3, + backfaceVisibility: 'visible', + opacity: 1, + transform: 'perspective(400px) rotateY(-15deg)' + }, + { + offset: 1, + backfaceVisibility: 'visible', + opacity: 0, + transform: 'perspective(400px) rotateY(90deg)' + } + ], + 'light-speed-in': [ + { + offset: 0, + easing: 'ease-out', + opacity: 0, + transform: 'translateX(200px) skewX(-30deg)' + }, + { + offset: 0.6, + easing: 'ease-out', + opacity: 1, + transform: 'translateX(0px) skewX(20deg)' + }, + { + offset: 0.8, + easing: 'ease-out', + opacity: 1, + transform: 'translateX(0px) skewX(-5deg)' + }, + { + offset: 1, + easing: 'ease-out', + opacity: 1, + transform: 'translateX(0px) skewX(0deg)' + } + ], + 'light-speed-out': [ + { + offset: 0, + easing: 'ease-in', + opacity: 1, + transform: 'translateX(0px) skewX(0deg)' + }, + { + offset: 1, + easing: 'ease-in', + opacity: 0, + transform: 'translateX(200px) skewX(30deg)' + } + ], + 'rotate-in': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(180deg)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'center' + } + ], + 'rotate-in-clockwise': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(-180deg)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'center' + } + ], + 'rotate-in-down-left': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(-45deg)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'left bottom' + } + ], + 'rotate-in-down-right': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(45deg)', + transformOrigin: 'right bottom' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'right bottom' + } + ], + 'rotate-in-up-left': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(45deg)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'left bottom' + } + ], + 'rotate-in-up-right': [ + { + offset: 0, + opacity: 0, + transform: 'rotateZ(-45deg)', + transformOrigin: 'right bottom' + }, + { + offset: 1, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'right bottom' + } + ], + 'rotate-out': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(180deg)', + transformOrigin: 'center' + } + ], + 'rotate-out-clockwise': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(-180deg)', + transformOrigin: 'center' + } + ], + 'rotate-out-down-left': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(45deg)', + transformOrigin: 'left bottom' + } + ], + 'rotate-out-down-right': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'right bottom' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(-45deg)', + transformOrigin: 'right bottom' + } + ], + 'rotate-out-up-left': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(-45deg)', + transformOrigin: 'left bottom' + } + ], + 'rotate-out-up-right': [ + { + offset: 0, + opacity: 1, + transform: 'rotateZ(0deg)', + transformOrigin: 'right bottom' + }, + { + offset: 1, + opacity: 0, + transform: 'rotateZ(45deg)', + transformOrigin: 'right bottom' + } + ], + 'slide-in-up': [ + { + offset: 0, + transform: 'translateY(100%)', + visibility: 'hidden' + }, + { + offset: 1, + transform: 'translateY(0)', + visibility: 'visible' + } + ], + 'slide-in-down': [ + { + offset: 0, + transform: 'translateY(-100%)', + visibility: 'hidden' + }, + { + offset: 1, + transform: 'translateY(0)', + visibility: 'visible' + } + ], + 'slide-in-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)', + opacity: 1 + } + ], + 'slide-in-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)', + opacity: 1 + } + ], + 'slide-out-up': [ + { + offset: 0, + transform: 'translateY(0)', + visibility: 'visible' + }, + { + offset: 1, + transform: 'translateY(-100%)', + visibility: 'hidden' + } + ], + 'slide-out-down': [ + { + offset: 0, + transform: 'translateY(0)', + visibility: 'visible' + }, + { + offset: 1, + transform: 'translateY(100%)', + visibility: 'hidden' + } + ], + 'slide-out-left': [ + { + offset: 0, + transform: 'translateX(0)', + visibility: 'visible' + }, + { + offset: 1, + transform: 'translateX(-100%)', + visibility: 'hidden' + } + ], + 'slide-out-right': [ + { + offset: 0, + transform: 'translateX(0)', + visibility: 'visible' + }, + { + offset: 1, + transform: 'translateX(100%)', + visibility: 'hidden' + } + ], + 'zoom-in': [ + { + offset: 0, + opacity: 0, + transform: 'scale(1)' + }, + { + offset: 0.5, + opacity: 0, + transform: 'scale(0.3)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1)' + } + ], + 'zoom-in-up': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.1) translateY(-100vh)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'scale(0.475) translateY(60px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1) translateY(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + } + ], + 'zoom-in-down': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.1) translateY(100vh)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'scale(0.475) translateY(-60px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1) translateY(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + } + ], + 'zoom-in-left': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.1) translateX(-100vw)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'scale(0.475) translateX(10px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1) translateX(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + } + ], + 'zoom-in-right': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.1) translateX(100vw)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + }, + { + offset: 0.6, + opacity: 1, + transform: 'scale(0.475) translateX(-10px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1) translateX(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + } + ], + 'zoom-out': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1)' + }, + { + offset: 0.5, + opacity: 0, + transform: 'scale(0.3)' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(0)' + } + ], + 'zoom-out-up': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1) translateY(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', + transformOrigin: 'center' + }, + { + offset: 0.4, + opacity: 1, + transform: 'scale(0.475) translateY(60px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(0.1) translateY(-100vh)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', + transformOrigin: 'center bottom' + } + ], + 'zoom-out-down': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1) translateY(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', + transformOrigin: 'center' + }, + { + offset: 0.4, + opacity: 1, + transform: 'scale(0.475) translateY(-60px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)', + transformOrigin: 'center' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(0.1) translateY(100vh)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', + transformOrigin: 'center bottom' + } + ], + 'zoom-out-left': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1) translateX(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'scale(0.475) translateX(10px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(0.1) translateX(-100vw)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + } + ], + 'zoom-out-right': [ + { + offset: 0, + opacity: 1, + transform: 'scale(1) translateX(0px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 0.4, + opacity: 1, + transform: 'scale(0.475) translateX(-10px)', + easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)' + }, + { + offset: 1, + opacity: 0, + transform: 'scale(0.1) translateX(100vw)', + easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)' + } + ], + hinge: [ + { + offset: 0, + transform: 'rotate(0)', + opacity: 1, + transformOrigin: 'top left', + easing: 'ease-in-out' + }, + { + offset: 0.2, + transform: 'rotateZ(80deg)', + opacity: 1, + transformOrigin: 'top left', + easing: 'ease-in-out' + }, + { + offset: 0.4, + transform: 'rotateZ(60deg)', + opacity: 1, + transformOrigin: 'top left', + easing: 'ease-in-out' + }, + { + offset: 0.6, + transform: 'rotateZ(80deg)', + opacity: 1, + transformOrigin: 'top left', + easing: 'ease-in-out' + }, + { + offset: 0.8, + transform: 'rotateZ(60deg)', + opacity: 1, + transformOrigin: 'top left', + easing: 'ease-in-out' + }, + { + offset: 1, + opacity: 0, + transformOrigin: 'top left', + easing: 'ease-in-out', + transform: 'translateY(700px)' + } + ], + 'jack-in-the-box': [ + { + offset: 0, + opacity: 0, + transform: 'scale(0.1) rotate(30deg)', + transformOrigin: 'center bottom' + }, + { + offset: 0.5, + opacity: 0.3, + transform: 'rotate(-10deg)', + transformOrigin: '50% 50% 0' + }, + { + offset: 0.7, + opacity: 0.6, + transform: 'rotate(3deg)', + transformOrigin: '50% 50% 0' + }, + { + offset: 1, + opacity: 1, + transform: 'scale(1)', + transformOrigin: '50% 50% 0' + } + ], + 'roll-in': [ + { + offset: 0, + opacity: 0, + transform: 'translateX(-100%) rotateZ(-120deg)' + }, + { + offset: 1, + opacity: 1, + transform: 'translateX(0%)' + } + ], + 'roll-out': [ + { + offset: 0, + opacity: 1, + transform: 'translateX(0%)' + }, + { + offset: 1, + opacity: 0, + transform: 'translateX(100%) rotateZ(120deg)' + } + ] +}; diff --git a/src/components/animation/animations/animista/LICENSE.md b/src/components/animation/animations/animista/LICENSE.md index 17b96482d..c54f6e15d 100644 --- a/src/components/animation/animations/animista/LICENSE.md +++ b/src/components/animation/animations/animista/LICENSE.md @@ -1,7 +1,5 @@ -LICENSE -All CSS animations generated with Animista.net are free for personal and commercial usage and are licensed under FreeBSD license. - FreeBSD License + COPYRIGHT 2017 ANA TRAVAS Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: diff --git a/src/components/animation/animations/animista/bg-pan.ts b/src/components/animation/animations/animista/bg-pan.ts deleted file mode 100644 index 38f7f71dc..000000000 --- a/src/components/animation/animations/animista/bg-pan.ts +++ /dev/null @@ -1,56 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BG_PAN_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const BG_PAN_LEFT: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '100% 50%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '0% 50%' } -]; - -const BG_PAN_RIGHT: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '0% 50%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '100% 50%' } -]; - -const BG_PAN_TOP: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '50% 100%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '50% 0%' } -]; - -const BG_PAN_BOTTOM: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '50% 0%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '50% 100%' } -]; - -const BG_PAN_TR: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '0% 100%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '100% 0%' } -]; - -const BG_PAN_BR: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '0% 0%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '100% 100%' } -]; - -const BG_PAN_BL: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '100% 0%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '0% 100%' } -]; - -const BG_PAN_TL: Keyframe[] = [ - { offset: 0, ...BG_PAN_DEFAULT, backgroundPosition: '100% 100%' }, - { offset: 1, ...BG_PAN_DEFAULT, backgroundPosition: '0% 0%' } -]; - -export default { - [ANIMATIONS.BG_PAN_LEFT]: BG_PAN_LEFT, - [ANIMATIONS.BG_PAN_RIGHT]: BG_PAN_RIGHT, - [ANIMATIONS.BG_PAN_TOP]: BG_PAN_TOP, - [ANIMATIONS.BG_PAN_BOTTOM]: BG_PAN_BOTTOM, - [ANIMATIONS.BG_PAN_TR]: BG_PAN_TR, - [ANIMATIONS.BG_PAN_BR]: BG_PAN_BR, - [ANIMATIONS.BG_PAN_BL]: BG_PAN_BL, - [ANIMATIONS.BG_PAN_TL]: BG_PAN_TL -}; diff --git a/src/components/animation/animations/animista/bounce-in.ts b/src/components/animation/animations/animista/bounce-in.ts deleted file mode 100644 index 140139d46..000000000 --- a/src/components/animation/animations/animista/bounce-in.ts +++ /dev/null @@ -1,368 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BOUNCE_IN_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const BOUNCE_IN_TOP: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(-500px)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(-65px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(-28px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.9, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(-8px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - } -]; - -const BOUNCE_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(600px)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(68px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(32px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.9, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(8px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - } -]; - -const BOUNCE_IN_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(500px)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(65px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(28px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.9, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(8px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'translateY(0)', - easing: 'ease-out', - opacity: 1 - } -]; - -const BOUNCE_IN_LEFT: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(-600px)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(-68px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(-28px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.9, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(-8px)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'translateX(0)', - easing: 'ease-out', - opacity: 1 - } -]; - -const BOUNCE_IN_FWD: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(0)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(0.7)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(0.84)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.89, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(0.95)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - } -]; - -const BOUNCE_IN_BCK: Keyframe[] = [ - { - offset: 0, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(7)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.38, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.55, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1.5)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.72, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.81, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1.24)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 0.89, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - }, - { - offset: 0.95, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1.04)', - easing: 'ease-in', - opacity: 1 - }, - { - offset: 1, - ...BOUNCE_IN_DEFAULT, - transform: 'scale(1)', - easing: 'ease-out', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.BOUNCE_IN_TOP]: BOUNCE_IN_TOP, - [ANIMATIONS.BOUNCE_IN_RIGHT]: BOUNCE_IN_RIGHT, - [ANIMATIONS.BOUNCE_IN_BOTTOM]: BOUNCE_IN_BOTTOM, - [ANIMATIONS.BOUNCE_IN_LEFT]: BOUNCE_IN_LEFT, - [ANIMATIONS.BOUNCE_IN_FWD]: BOUNCE_IN_FWD, - [ANIMATIONS.BOUNCE_IN_BCK]: BOUNCE_IN_BCK -}; diff --git a/src/components/animation/animations/animista/bounce.ts b/src/components/animation/animations/animista/bounce.ts deleted file mode 100644 index ca82aeead..000000000 --- a/src/components/animation/animations/animista/bounce.ts +++ /dev/null @@ -1,70 +0,0 @@ -import { ANIMATIONS } from './common'; - -const BOUNCE_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const BOUNCE_TOP: Keyframe[] = [ - { offset: 0, ...BOUNCE_DEFAULT, transform: 'translateY(-45px)', easing: 'ease-in', opacity: 1 }, - { offset: 0.24, ...BOUNCE_DEFAULT, opacity: 1 }, - { offset: 0.25, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.4, ...BOUNCE_DEFAULT, transform: 'translateY(-24px)', easing: 'ease-in' }, - { offset: 0.55, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.65, ...BOUNCE_DEFAULT, transform: 'translateY(-12px)', easing: 'ease-in' }, - { offset: 0.75, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.82, ...BOUNCE_DEFAULT, transform: 'translateY(-6px)', easing: 'ease-in' }, - { offset: 0.87, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.93, ...BOUNCE_DEFAULT, transform: 'translateY(-4px)', easing: 'ease-in' }, - { offset: 1, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out', opacity: 1 } -]; - -const BOUNCE_BOTTOM: Keyframe[] = [ - { offset: 0, ...BOUNCE_DEFAULT, transform: 'translateY(45px)', easing: 'ease-in', opacity: 1 }, - { offset: 0.24, ...BOUNCE_DEFAULT, opacity: 1 }, - { offset: 0.25, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.4, ...BOUNCE_DEFAULT, transform: 'translateY(24px)', easing: 'ease-in' }, - { offset: 0.55, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.65, ...BOUNCE_DEFAULT, transform: 'translateY(12px)', easing: 'ease-in' }, - { offset: 0.75, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.82, ...BOUNCE_DEFAULT, transform: 'translateY(6px)', easing: 'ease-in' }, - { offset: 0.87, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out' }, - { offset: 0.93, ...BOUNCE_DEFAULT, transform: 'translateY(4px)', easing: 'ease-in' }, - { offset: 1, ...BOUNCE_DEFAULT, transform: 'translateY(0px)', easing: 'ease-out', opacity: 1 } -]; - -const BOUNCE_LEFT: Keyframe[] = [ - { offset: 0, ...BOUNCE_DEFAULT, transform: 'translateX(-48px)', easing: 'ease-in', opacity: 1 }, - { offset: 0.24, ...BOUNCE_DEFAULT, opacity: 1 }, - { offset: 0.25, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.4, ...BOUNCE_DEFAULT, transform: 'translateX(-26px)', easing: 'ease-in' }, - { offset: 0.55, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.65, ...BOUNCE_DEFAULT, transform: 'translateX(-13px)', easing: 'ease-in' }, - { offset: 0.75, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.82, ...BOUNCE_DEFAULT, transform: 'translateX(-6.5px)', easing: 'ease-in' }, - { offset: 0.87, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.93, ...BOUNCE_DEFAULT, transform: 'translateX(-4px)', easing: 'ease-in' }, - { offset: 0.98, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 1, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out', opacity: 1 } -]; - -const BOUNCE_RIGHT: Keyframe[] = [ - { offset: 0, ...BOUNCE_DEFAULT, transform: 'translateX(48px)', easing: 'ease-in', opacity: 1 }, - { offset: 0.24, ...BOUNCE_DEFAULT, opacity: 1 }, - { offset: 0.25, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.4, ...BOUNCE_DEFAULT, transform: 'translateX(26px)', easing: 'ease-in' }, - { offset: 0.55, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.65, ...BOUNCE_DEFAULT, transform: 'translateX(13px)', easing: 'ease-in' }, - { offset: 0.75, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.82, ...BOUNCE_DEFAULT, transform: 'translateX(6.5px)', easing: 'ease-in' }, - { offset: 0.87, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 0.93, ...BOUNCE_DEFAULT, transform: 'translateX(4px)', easing: 'ease-in' }, - { offset: 0.98, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out' }, - { offset: 1, ...BOUNCE_DEFAULT, transform: 'translateX(0px)', easing: 'ease-out', opacity: 1 } -]; - -export default { - [ANIMATIONS.BOUNCE_TOP]: BOUNCE_TOP, - [ANIMATIONS.BOUNCE_BOTTOM]: BOUNCE_BOTTOM, - [ANIMATIONS.BOUNCE_LEFT]: BOUNCE_LEFT, - [ANIMATIONS.BOUNCE_RIGHT]: BOUNCE_RIGHT -}; diff --git a/src/components/animation/animations/animista/common.ts b/src/components/animation/animations/animista/common.ts deleted file mode 100644 index fadfd34b8..000000000 --- a/src/components/animation/animations/animista/common.ts +++ /dev/null @@ -1,681 +0,0 @@ -const ANIMATIONS_SCALE_UP = { - SCALE_UP_CENTER: 'scale-up-center', - SCALE_UP_TOP: 'scale-up-top', - SCALE_UP_TR: 'scale-up-tr', - SCALE_UP_RIGHT: 'scale-up-right', - SCALE_UP_BR: 'scale-up-br', - SCALE_UP_BOTTOM: 'scale-up-bottom', - SCALE_UP_BL: 'scale-up-bl', - SCALE_UP_LEFT: 'scale-up-left', - SCALE_UP_TL: 'scale-up-tl', - SCALE_UP_HOR_CENTER: 'scale-up-hor-center', - SCALE_UP_HOR_LEFT: 'scale-up-hor-left', - SCALE_UP_HOR_RIGHT: 'scale-up-hor-right', - SCALE_UP_VER_CENTER: 'scale-up-ver-center', - SCALE_UP_VER_TOP: 'scale-up-ver-top', - SCALE_UP_VER_BOTTOM: 'scale-up-ver-bottom' -} as const; - -const ANIMATIONS_SCALE_DOWN = { - SCALE_DOWN_CENTER: 'scale-down-center', - SCALE_DOWN_TOP: 'scale-down-top', - SCALE_DOWN_TR: 'scale-down-tr', - SCALE_DOWN_RIGHT: 'scale-down-right', - SCALE_DOWN_BR: 'scale-down-br', - SCALE_DOWN_BOTTOM: 'scale-down-bottom', - SCALE_DOWN_BL: 'scale-down-bl', - SCALE_DOWN_LEFT: 'scale-down-left', - SCALE_DOWN_TL: 'scale-down-tl', - SCALE_DOWN_HOR_CENTER: 'scale-down-hor-center', - SCALE_DOWN_HOR_LEFT: 'scale-down-hor-left', - SCALE_DOWN_HOR_RIGHT: 'scale-down-hor-right', - SCALE_DOWN_VER_CENTER: 'scale-down-ver-center', - SCALE_DOWN_VER_TOP: 'scale-down-ver-top', - SCALE_DOWN_VER_BOTTOM: 'scale-down-ver-bottom' -} as const; - -const ANIMATIONS_ROTATE = { - ROTATE_CENTER: 'rotate-center', - ROTATE_TOP: 'rotate-top', - ROTATE_TR: 'rotate-tr', - ROTATE_RIGHT: 'rotate-right', - ROTATE_BR: 'rotate-br', - ROTATE_BOTTOM: 'rotate-bottom', - ROTATE_BL: 'rotate-bl', - ROTATE_LEFT: 'rotate-left', - ROTATE_TL: 'rotate-tl', - ROTATE_HOR_CENTER: 'rotate-hor-center', - ROTATE_HOR_TOP: 'rotate-hor-top', - ROTATE_HOR_BOTTOM: 'rotate-hor-bottom', - ROTATE_VERT_CENTER: 'rotate-vert-center', - ROTATE_VERT_LEFT: 'rotate-vert-left', - ROTATE_VERT_RIGHT: 'rotate-vert-right', - ROTATE_DIAGONAL_1: 'rotate-diagonal-1', - ROTATE_DIAGONAL_2: 'rotate-diagonal-2', - ROTATE_DIAGONAL_TR: 'rotate-diagonal-tr', - ROTATE_DIAGONAL_BR: 'rotate-diagonal-br', - ROTATE_DIAGONAL_BL: 'rotate-diagonal-bl', - ROTATE_DIAGONAL_TL: 'rotate-diagonal-tl' -} as const; - -const ANIMATIONS_ROTATE_SCALE = { - ROTATE_SCALE_UP: 'rotate-scale-up', - ROTATE_SCALE_DOWN: 'rotate-scale-down', - ROTATE_SCALE_UP_HOR: 'rotate-scale-up-hor', - ROTATE_SCALE_DOWN_HOR: 'rotate-scale-down-hor', - ROTATE_SCALE_UP_VER: 'rotate-scale-up-ver', - ROTATE_SCALE_DOWN_VER: 'rotate-scale-down-ver', - ROTATE_SCALE_UP_DIAG_1: 'rotate-scale-up-diag-1', - ROTATE_SCALE_DOWN_DIAG_1: 'rotate-scale-down-diag-1', - ROTATE_SCALE_UP_DIAG_2: 'rotate-scale-up-diag-2', - ROTATE_SCALE_DOWN_DIAG_2: 'rotate-scale-down-diag-2' -} as const; - -const ANIMATIONS_ROTATE_90 = { - ROTATE_90_CW: 'rotate-90-cw', - ROTATE_90_CCW: 'rotate-90-ccw', - ROTATE_90_TOP_CW: 'rotate-90-top-cw', - ROTATE_90_TOP_CCW: 'rotate-90-top-ccw', - ROTATE_90_TR_CW: 'rotate-90-tr-cw', - ROTATE_90_TR_CCW: 'rotate-90-tr-ccw', - ROTATE_90_RIGHT_CW: 'rotate-90-right-cw', - ROTATE_90_RIGHT_CCW: 'rotate-90-right-ccw', - ROTATE_90_BR_CW: 'rotate-90-br-cw', - ROTATE_90_BR_CCW: 'rotate-90-br-ccw', - ROTATE_90_BOTTOM_CW: 'rotate-90-bottom-cw', - ROTATE_90_BOTTOM_CCW: 'rotate-90-bottom-ccw', - ROTATE_90_BL_CW: 'rotate-90-bl-cw', - ROTATE_90_BL_CCW: 'rotate-90-bl-ccw', - ROTATE_90_LEFT_CW: 'rotate-90-left-cw', - ROTATE_90_LEFT_CCW: 'rotate-90-left-ccw', - ROTATE_90_TL_CW: 'rotate-90-tl-cw', - ROTATE_90_TL_CCW: 'rotate-90-tl-ccw', - ROTATE_90_HORIZONTAL_FWD: 'rotate-90-horizontal-fwd', - ROTATE_90_HORIZONTAL_BCK: 'rotate-90-horizontal-bck', - ROTATE_90_VERTICAL_FWD: 'rotate-90-vertical-fwd', - ROTATE_90_VERTICAL_BCK: 'rotate-90-vertical-bck' -} as const; - -const ANIMATIONS_FLIP = { - FLIP_HORIZONTAL_BOTTOM: 'flip-horizontal-bottom', - FLIP_HORIZONTAL_TOP: 'flip-horizontal-top', - FLIP_HORIZONTAL_BCK: 'flip-horizontal-bck', - FLIP_HORIZONTAL_FWD: 'flip-horizontal-fwd', - FLIP_VERTICAL_RIGHT: 'flip-vertical-right', - FLIP_VERTICAL_LEFT: 'flip-vertical-left', - FLIP_VERTICAL_BCK: 'flip-vertical-bck', - FLIP_VERTICAL_FWD: 'flip-vertical-fwd', - FLIP_DIAGONAL_1_TR: 'flip-diagonal-1-tr', - FLIP_DIAGONAL_1_BL: 'flip-diagonal-1-bl', - FLIP_DIAGONAL_1_BCK: 'flip-diagonal-1-bck', - FLIP_DIAGONAL_1_FWD: 'flip-diagonal-1-fwd', - FLIP_DIAGONAL_2_BR: 'flip-diagonal-2-br', - FLIP_DIAGONAL_2_TL: 'flip-diagonal-2-tl', - FLIP_DIAGONAL_2_BCK: 'flip-diagonal-2-bck', - FLIP_DIAGONAL_2_FWD: 'flip-diagonal-2-fwd' -} as const; - -const ANIMATIONS_FLIP_2 = { - FLIP_2_HOR_TOP_1: 'flip-2-hor-top-1', - FLIP_2_HOR_TOP_2: 'flip-2-hor-top-2', - FLIP_2_HOR_TOP_BCK: 'flip-2-hor-top-bck', - FLIP_2_HOR_TOP_FWD: 'flip-2-hor-top-fwd', - FLIP_2_VER_RIGHT_1: 'flip-2-ver-right-1', - FLIP_2_VER_RIGHT_2: 'flip-2-ver-right-2', - FLIP_2_VER_RIGHT_BCK: 'flip-2-ver-right-bck', - FLIP_2_VER_RIGHT_FWD: 'flip-2-ver-right-fwd', - FLIP_2_HOR_BOTTOM_1: 'flip-2-hor-bottom-1', - FLIP_2_HOR_BOTTOM_2: 'flip-2-hor-bottom-2', - FLIP_2_HOR_BOTTOM_BCK: 'flip-2-hor-bottom-bck', - FLIP_2_HOR_BOTTOM_FWD: 'flip-2-hor-bottom-fwd', - FLIP_2_VER_LEFT_1: 'flip-2-ver-left-1', - FLIP_2_VER_LEFT_2: 'flip-2-ver-left-2', - FLIP_2_VER_LEFT_BCK: 'flip-2-ver-left-bck', - FLIP_2_VER_LEFT_FWD: 'flip-2-ver-left-fwd' -} as const; - -const ANIMATIONS_FLIP_SCALE = { - FLIP_SCALE_UP_HOR: 'flip-scale-up-hor', - FLIP_SCALE_DOWN_HOR: 'flip-scale-down-hor', - FLIP_SCALE_UP_VER: 'flip-scale-up-ver', - FLIP_SCALE_DOWN_VER: 'flip-scale-down-ver', - FLIP_SCALE_UP_DIAG_1: 'flip-scale-up-diag-1', - FLIP_SCALE_DOWN_DIAG_1: 'flip-scale-down-diag-1', - FLIP_SCALE_UP_DIAG_2: 'flip-scale-up-diag-2', - FLIP_SCALE_DOWN_DIAG_2: 'flip-scale-down-diag-2' -} as const; - -const ANIMATIONS_FLIP_SCALE_2 = { - FLIP_SCALE_2_HOR_TOP: 'flip-scale-2-hor-top', - FLIP_SCALE_2_VER_RIGHT: 'flip-scale-2-ver-right', - FLIP_SCALE_2_HOR_BOTTOM: 'flip-scale-2-hor-bottom', - FLIP_SCALE_2_VER_LEFT: 'flip-scale-2-ver-left' -} as const; - -const ANIMATIONS_SWING = { - SWING_TOP_FWD: 'swing-top-fwd', - SWING_TOP_BCK: 'swing-top-bck', - SWING_TOP_RIGHT_FWD: 'swing-top-right-fwd', - SWING_TOP_RIGHT_BCK: 'swing-top-right-bck', - SWING_RIGHT_FWD: 'swing-right-fwd', - SWING_RIGHT_BCK: 'swing-right-bck', - SWING_BOTTOM_RIGHT_FWD: 'swing-bottom-right-fwd', - SWING_BOTTOM_RIGHT_BCK: 'swing-bottom-right-bck', - SWING_BOTTOM_FWD: 'swing-bottom-fwd', - SWING_BOTTOM_BCK: 'swing-bottom-bck', - SWING_BOTTOM_LEFT_FWD: 'swing-bottom-left-fwd', - SWING_BOTTOM_LEFT_BCK: 'swing-bottom-left-bck', - SWING_LEFT_FWD: 'swing-left-fwd', - SWING_LEFT_BCK: 'swing-left-bck', - SWING_TOP_LEFT_FWD: 'swing-top-left-fwd', - SWING_TOP_LEFT_BCK: 'swing-top-left-bck' -} as const; - -const ANIMATIONS_SLIDE = { - SLIDE_TOP: 'slide-top', - SLIDE_TR: 'slide-tr', - SLIDE_RIGHT: 'slide-right', - SLIDE_BR: 'slide-br', - SLIDE_BOTTOM: 'slide-bottom', - SLIDE_BL: 'slide-bl', - SLIDE_LEFT: 'slide-left', - SLIDE_TL: 'slide-tl' -} as const; - -const ANIMATIONS_SLIDE_BCK = { - SLIDE_BCK_CENTER: 'slide-bck-center', - SLIDE_BCK_TOP: 'slide-bck-top', - SLIDE_BCK_TR: 'slide-bck-tr', - SLIDE_BCK_RIGHT: 'slide-bck-right', - SLIDE_BCK_BR: 'slide-bck-br', - SLIDE_BCK_BOTTOM: 'slide-bck-bottom', - SLIDE_BCK_BL: 'slide-bck-bl', - SLIDE_BCK_LEFT: 'slide-bck-left', - SLIDE_BCK_TL: 'slide-bck-tl' -} as const; - -const ANIMATIONS_SLIDE_FWD = { - SLIDE_FWD_CENTER: 'slide-fwd-center', - SLIDE_FWD_TOP: 'slide-fwd-top', - SLIDE_FWD_TR: 'slide-fwd-tr', - SLIDE_FWD_RIGHT: 'slide-fwd-right', - SLIDE_FWD_BR: 'slide-fwd-br', - SLIDE_FWD_BOTTOM: 'slide-fwd-bottom', - SLIDE_FWD_BL: 'slide-fwd-bl', - SLIDE_FWD_LEFT: 'slide-fwd-left', - SLIDE_FWD_TL: 'slide-fwd-tl' -} as const; - -const ANIMATIONS_SLIDE_ROTATE = { - SLIDE_ROTATE_HOR_TOP: 'slide-rotate-hor-top', - SLIDE_ROTATE_HOR_T_BCK: 'slide-rotate-hor-t-bck', - SLIDE_ROTATE_HOR_T_FWD: 'slide-rotate-hor-t-fwd', - SLIDE_ROTATE_VER_RIGHT: 'slide-rotate-ver-right', - SLIDE_ROTATE_VER_R_BCK: 'slide-rotate-ver-r-bck', - SLIDE_ROTATE_VER_R_FWD: 'slide-rotate-ver-r-fwd', - SLIDE_ROTATE_HOR_BOTTOM: 'slide-rotate-hor-bottom', - SLIDE_ROTATE_HOR_B_BCK: 'slide-rotate-hor-b-bck', - SLIDE_ROTATE_HOR_B_FWD: 'slide-rotate-hor-b-fwd', - SLIDE_ROTATE_VER_LEFT: 'slide-rotate-ver-left', - SLIDE_ROTATE_VER_L_BCK: 'slide-rotate-ver-l-bck', - SLIDE_ROTATE_VER_L_FWD: 'slide-rotate-ver-l-fwd' -} as const; - -const ANIMATIONS_SHADOW_DROP = { - SHADOW_DROP_CENTER: 'shadow-drop-center', - SHADOW_DROP_TOP: 'shadow-drop-top', - SHADOW_DROP_RIGHT: 'shadow-drop-right', - SHADOW_DROP_BOTTOM: 'shadow-drop-bottom', - SHADOW_DROP_LEFT: 'shadow-drop-left', - SHADOW_DROP_LR: 'shadow-drop-lr', - SHADOW_DROP_TB: 'shadow-drop-tb', - SHADOW_DROP_TR: 'shadow-drop-tr', - SHADOW_DROP_BR: 'shadow-drop-br', - SHADOW_DROP_BL: 'shadow-drop-bl', - SHADOW_DROP_TL: 'shadow-drop-tl' -} as const; - -const ANIMATIONS_SHADOW_DROP_2 = { - SHADOW_DROP_2_CENTER: 'shadow-drop-2-center', - SHADOW_DROP_2_TOP: 'shadow-drop-2-top', - SHADOW_DROP_2_RIGHT: 'shadow-drop-2-right', - SHADOW_DROP_2_BOTTOM: 'shadow-drop-2-bottom', - SHADOW_DROP_2_LEFT: 'shadow-drop-2-left', - SHADOW_DROP_2_LR: 'shadow-drop-2-lr', - SHADOW_DROP_2_TB: 'shadow-drop-2-tb', - SHADOW_DROP_2_TR: 'shadow-drop-2-tr', - SHADOW_DROP_2_BR: 'shadow-drop-2-br', - SHADOW_DROP_2_BL: 'shadow-drop-2-bl', - SHADOW_DROP_2_TL: 'shadow-drop-2-tl' -} as const; - -const ANIMATIONS_SHADOW_POP = { - SHADOW_POP_TR: 'shadow-pop-tr', - SHADOW_POP_BR: 'shadow-pop-br', - SHADOW_POP_BL: 'shadow-pop-bl', - SHADOW_POP_TL: 'shadow-pop-tl' -} as const; - -const ANIMATIONS_SHADOW_INSET = { - SHADOW_INSET_CENTER: 'shadow-inset-center', - SHADOW_INSET_TOP: 'shadow-inset-top', - SHADOW_INSET_RIGHT: 'shadow-inset-right', - SHADOW_INSET_BOTTOM: 'shadow-inset-bottom', - SHADOW_INSET_LEFT: 'shadow-inset-left', - SHADOW_INSET_LR: 'shadow-inset-lr', - SHADOW_INSET_TB: 'shadow-inset-tb', - SHADOW_INSET_TR: 'shadow-inset-tr', - SHADOW_INSET_BR: 'shadow-inset-br', - SHADOW_INSET_BL: 'shadow-inset-bl', - SHADOW_INSET_TL: 'shadow-inset-tl' -} as const; - -const ANIMATIONS_SCALE_IN = { - SCALE_IN_CENTER: 'scale-in-center', - SCALE_IN_TOP: 'scale-in-top', - SCALE_IN_TR: 'scale-in-tr', - SCALE_IN_RIGHT: 'scale-in-right', - SCALE_IN_BR: 'scale-in-br', - SCALE_IN_BOTTOM: 'scale-in-bottom', - SCALE_IN_BL: 'scale-in-bl', - SCALE_IN_LEFT: 'scale-in-left', - SCALE_IN_TL: 'scale-in-tl', - SCALE_IN_HOR_CENTER: 'scale-in-hor-center', - SCALE_IN_HOR_LEFT: 'scale-in-hor-left', - SCALE_IN_HOR_RIGHT: 'scale-in-hor-right', - SCALE_IN_VER_CENTER: 'scale-in-ver-center', - SCALE_IN_VER_TOP: 'scale-in-ver-top', - SCALE_IN_VER_BOTTOM: 'scale-in-ver-bottom' -} as const; - -const ANIMATIONS_ROTATE_IN = { - ROTATE_IN_CENTER: 'rotate-in-center', - ROTATE_IN_TOP: 'rotate-in-top', - ROTATE_IN_TR: 'rotate-in-tr', - ROTATE_IN_RIGHT: 'rotate-in-right', - ROTATE_IN_BR: 'rotate-in-br', - ROTATE_IN_BOTTOM: 'rotate-in-bottom', - ROTATE_IN_BL: 'rotate-in-bl', - ROTATE_IN_LEFT: 'rotate-in-left', - ROTATE_IN_TL: 'rotate-in-tl', - ROTATE_IN_HOR: 'rotate-in-hor', - ROTATE_IN_VER: 'rotate-in-ver', - ROTATE_IN_DIAG_1: 'rotate-in-diag-1', - ROTATE_IN_DIAG_2: 'rotate-in-diag-2' -} as const; - -const ANIMATIONS_ROTATE_IN_2 = { - ROTATE_IN_2_CW: 'rotate-in-2-cw', - ROTATE_IN_2_CCW: 'rotate-in-2-ccw', - ROTATE_IN_2_FWD_CW: 'rotate-in-2-fwd-cw', - ROTATE_IN_2_FWD_CCW: 'rotate-in-2-fwd-ccw', - ROTATE_IN_2_BCK_CW: 'rotate-in-2-bck-cw', - ROTATE_IN_2_BCK_CCW: 'rotate-in-2-bck-ccw', - ROTATE_IN_2_TR_CW: 'rotate-in-2-tr-cw', - ROTATE_IN_2_TR_CCW: 'rotate-in-2-tr-ccw', - ROTATE_IN_2_BR_CW: 'rotate-in-2-br-cw', - ROTATE_IN_2_BR_CCW: 'rotate-in-2-br-ccw', - ROTATE_IN_2_BL_CW: 'rotate-in-2-bl-cw', - ROTATE_IN_2_BL_CCW: 'rotate-in-2-bl-ccw', - ROTATE_IN_2_TL_CW: 'rotate-in-2-tl-cw', - ROTATE_IN_2_TL_CCW: 'rotate-in-2-tl-ccw' -} as const; - -const ANIMATIONS_SWIRL_IN = { - SWIRL_IN_FWD: 'swirl-in-fwd', - SWIRL_IN_BCK: 'swirl-in-bck', - SWIRL_IN_TOP_FWD: 'swirl-in-top-fwd', - SWIRL_IN_TOP_BCK: 'swirl-in-top-bck', - SWIRL_IN_TR_FWD: 'swirl-in-tr-fwd', - SWIRL_IN_TR_BCK: 'swirl-in-tr-bck', - SWIRL_IN_RIGHT_FWD: 'swirl-in-right-fwd', - SWIRL_IN_RIGHT_BCK: 'swirl-in-right-bck', - SWIRL_IN_BR_FWD: 'swirl-in-br-fwd', - SWIRL_IN_BR_BCK: 'swirl-in-br-bck', - SWIRL_IN_BOTTOM_FWD: 'swirl-in-bottom-fwd', - SWIRL_IN_BOTTOM_BCK: 'swirl-in-bottom-bck', - SWIRL_IN_BL_FWD: 'swirl-in-bl-fwd', - SWIRL_IN_BL_BCK: 'swirl-in-bl-bck', - SWIRL_IN_LEFT_FWD: 'swirl-in-left-fwd', - SWIRL_IN_LEFT_BCK: 'swirl-in-left-bck', - SWIRL_IN_TL_FWD: 'swirl-in-tl-fwd', - SWIRL_IN_TL_BCK: 'swirl-in-tl-bck' -} as const; - -const ANIMATIONS_FLIP_IN = { - FLIP_IN_HOR_BOTTOM: 'flip-in-hor-bottom', - FLIP_IN_HOR_TOP: 'flip-in-hor-top', - FLIP_IN_VER_RIGHT: 'flip-in-ver-right', - FLIP_IN_VER_LEFT: 'flip-in-ver-left', - FLIP_IN_DIAG_1_TR: 'flip-in-diag-1-tr', - FLIP_IN_DIAG_1_BL: 'flip-in-diag-1-bl', - FLIP_IN_DIAG_2_TL: 'flip-in-diag-2-tl', - FLIP_IN_DIAG_2_BR: 'flip-in-diag-2-br' -} as const; - -const ANIMATIONS_SLIT_IN = { - SLIT_IN_VERTICAL: 'slit-in-vertical', - SLIT_IN_HORIZONTAL: 'slit-in-horizontal', - SLIT_IN_DIAGONAL_1: 'slit-in-diagonal-1', - SLIT_IN_DIAGONAL_2: 'slit-in-diagonal-2' -} as const; - -const ANIMATIONS_SLIDE_IN = { - SLIDE_IN_TOP: 'slide-in-top', - SLIDE_IN_TR: 'slide-in-tr', - SLIDE_IN_RIGHT: 'slide-in-right', - SLIDE_IN_BR: 'slide-in-br', - SLIDE_IN_BOTTOM: 'slide-in-bottom', - SLIDE_IN_BL: 'slide-in-bl', - SLIDE_IN_LEFT: 'slide-in-left', - SLIDE_IN_TL: 'slide-in-tl' -} as const; - -const ANIMATIONS_SLIDE_IN_FWD = { - SLIDE_IN_FWD_CENTER: 'slide-in-fwd-center', - SLIDE_IN_FWD_TOP: 'slide-in-fwd-top', - SLIDE_IN_FWD_TR: 'slide-in-fwd-tr', - SLIDE_IN_FWD_RIGHT: 'slide-in-fwd-right', - SLIDE_IN_FWD_BR: 'slide-in-fwd-br', - SLIDE_IN_FWD_BOTTOM: 'slide-in-fwd-bottom', - SLIDE_IN_FWD_BL: 'slide-in-fwd-bl', - SLIDE_IN_FWD_LEFT: 'slide-in-fwd-left', - SLIDE_IN_FWD_TL: 'slide-in-fwd-tl' -} as const; - -const ANIMATIONS_SLIDE_IN_BCK = { - SLIDE_IN_BCK_CENTER: 'slide-in-bck-center', - SLIDE_IN_BCK_TOP: 'slide-in-bck-top', - SLIDE_IN_BCK_TR: 'slide-in-bck-tr', - SLIDE_IN_BCK_RIGHT: 'slide-in-bck-right', - SLIDE_IN_BCK_BR: 'slide-in-bck-br', - SLIDE_IN_BCK_BOTTOM: 'slide-in-bck-bottom', - SLIDE_IN_BCK_BL: 'slide-in-bck-bl', - SLIDE_IN_BCK_LEFT: 'slide-in-bck-left', - SLIDE_IN_BCK_TL: 'slide-in-bck-tl' -} as const; - -const ANIMATIONS_SLIDE_IN_BLURRED = { - SLIDE_IN_BLURRED_TOP: 'slide-in-blurred-top', - SLIDE_IN_BLURRED_TR: 'slide-in-blurred-tr', - SLIDE_IN_BLURRED_RIGHT: 'slide-in-blurred-right', - SLIDE_IN_BLURRED_BR: 'slide-in-blurred-br', - SLIDE_IN_BLURRED_BOTTOM: 'slide-in-blurred-bottom', - SLIDE_IN_BLURRED_BL: 'slide-in-blurred-bl', - SLIDE_IN_BLURRED_LEFT: 'slide-in-blurred-left', - SLIDE_IN_BLURRED_TL: 'slide-in-blurred-tl' -} as const; - -const ANIMATIONS_SLIDE_IN_ELLIPTIC = { - SLIDE_IN_ELLIPTIC_TOP_FWD: 'slide-in-elliptic-top-fwd', - SLIDE_IN_ELLIPTIC_TOP_BCK: 'slide-in-elliptic-top-bck', - SLIDE_IN_ELLIPTIC_RIGHT_FWD: 'slide-in-elliptic-right-fwd', - SLIDE_IN_ELLIPTIC_RIGHT_BCK: 'slide-in-elliptic-right-bck', - SLIDE_IN_ELLIPTIC_BOTTOM_FWD: 'slide-in-elliptic-bottom-fwd', - SLIDE_IN_ELLIPTIC_BOTTOM_BCK: 'slide-in-elliptic-bottom-bck', - SLIDE_IN_ELLIPTIC_LEFT_FWD: 'slide-in-elliptic-left-fwd', - SLIDE_IN_ELLIPTIC_LEFT_BCK: 'slide-in-elliptic-left-bck' -} as const; - -const ANIMATIONS_BOUNCE_IN = { - BOUNCE_IN_TOP: 'bounce-in-top', - BOUNCE_IN_RIGHT: 'bounce-in-right', - BOUNCE_IN_BOTTOM: 'bounce-in-bottom', - BOUNCE_IN_LEFT: 'bounce-in-left', - BOUNCE_IN_FWD: 'bounce-in-fwd', - BOUNCE_IN_BCK: 'bounce-in-bck' -} as const; - -const ANIMATIONS_ROLL_IN = { - ROLL_IN_LEFT: 'roll-in-left', - ROLL_IN_TOP: 'roll-in-top', - ROLL_IN_RIGHT: 'roll-in-right', - ROLL_IN_BOTTOM: 'roll-in-bottom' -} as const; - -const ANIMATIONS_ROLL_IN_BLURRED = { - ROLL_IN_BLURRED_LEFT: 'roll-in-blurred-left', - ROLL_IN_BLURRED_TOP: 'roll-in-blurred-top', - ROLL_IN_BLURRED_RIGHT: 'roll-in-blurred-right', - ROLL_IN_BLURRED_BOTTOM: 'roll-in-blurred-bottom' -} as const; - -const ANIMATIONS_TILT_IN = { - TILT_IN_TOP_1: 'tilt-in-top-1', - TILT_IN_TOP_2: 'tilt-in-top-2', - TILT_IN_TR: 'tilt-in-tr', - TILT_IN_RIGHT_1: 'tilt-in-right-1', - TILT_IN_RIGHT_2: 'tilt-in-right-2', - TILT_IN_BR: 'tilt-in-br', - TILT_IN_BOTTOM_1: 'tilt-in-bottom-1', - TILT_IN_BOTTOM_2: 'tilt-in-bottom-2', - TILT_IN_BL: 'tilt-in-bl', - TILT_IN_LEFT_1: 'tilt-in-left-1', - TILT_IN_LEFT_2: 'tilt-in-left-2', - TILT_IN_TL: 'tilt-in-tl' -} as const; - -const ANIMATIONS_TILT_IN_FWD = { - TILT_IN_FWD_TR: 'tilt-in-fwd-tr', - TILT_IN_FWD_BR: 'tilt-in-fwd-br', - TILT_IN_FWD_BL: 'tilt-in-fwd-bl', - TILT_IN_FWD_TL: 'tilt-in-fwd-tl' -} as const; - -const ANIMATIONS_SWING_IN = { - SWING_IN_TOP_FWD: 'swing-in-top-fwd', - SWING_IN_TOP_BCK: 'swing-in-top-bck', - SWING_IN_RIGHT_FWD: 'swing-in-right-fwd', - SWING_IN_RIGHT_BCK: 'swing-in-right-bck', - SWING_IN_BOTTOM_FWD: 'swing-in-bottom-fwd', - SWING_IN_BOTTOM_BCK: 'swing-in-bottom-bck', - SWING_IN_LEFT_FWD: 'swing-in-left-fwd', - SWING_IN_LEFT_BCK: 'swing-in-left-bck' -} as const; - -const ANIMATIONS_FADE_IN = { - FADE_IN_FWD: 'fade-in-fwd', - FADE_IN_BCK: 'fade-in-bck', - FADE_IN_TOP: 'fade-in-top', - FADE_IN_TR: 'fade-in-tr', - FADE_IN_RIGHT: 'fade-in-right', - FADE_IN_BR: 'fade-in-br', - FADE_IN_BOTTOM: 'fade-in-bottom', - FADE_IN_BL: 'fade-in-bl', - FADE_IN_LEFT: 'fade-in-left', - FADE_IN_TL: 'fade-in-tl' -} as const; - -const ANIMATIONS_PUFF_IN = { - PUFF_IN_CENTER: 'puff-in-center', - PUFF_IN_TOP: 'puff-in-top', - PUFF_IN_TR: 'puff-in-tr', - PUFF_IN_RIGHT: 'puff-in-right', - PUFF_IN_BR: 'puff-in-br', - PUFF_IN_BOTTOM: 'puff-in-bottom', - PUFF_IN_BL: 'puff-in-bl', - PUFF_IN_LEFT: 'puff-in-left', - PUFF_IN_TL: 'puff-in-tl', - PUFF_IN_HOR: 'puff-in-hor', - PUFF_IN_VER: 'puff-in-ver' -} as const; - -const ANIMATIONS_FLICKER_IN = { - FLICKER_IN_1: 'flicker-in-1', - FLICKER_IN_2: 'flicker-in-2' -} as const; - -const ANIMATIONS_TRACKING_IN = { - TRACKING_IN_EXPAND: 'tracking-in-expand', - TRACKING_IN_EXPAND_FWD: 'tracking-in-expand-fwd', - TRACKING_IN_EXPAND_FWD_TOP: 'tracking-in-expand-fwd-top', - TRACKING_IN_EXPAND_FWD_BOTTOM: 'tracking-in-expand-fwd-bottom', - TRACKING_IN_CONTRACT: 'tracking-in-contract', - TRACKING_IN_CONTRACT_BCK: 'tracking-in-contract-bck', - TRACKING_IN_CONTRACT_BCK_TOP: 'tracking-in-contract-bck-top', - TRACKING_IN_CONTRACT_BCK_BOTTOM: 'tracking-in-contract-bck-bottom' -} as const; - -const ANIMATIONS_FOCUS_IN = { - TEXT_FOCUS_IN: 'text-focus-in', - FOCUS_IN_EXPAND: 'focus-in-expand', - FOCUS_IN_EXPAND_FWD: 'focus-in-expand-fwd', - FOCUS_IN_CONTRACT: 'focus-in-contract', - FOCUS_IN_CONTRACT_BCK: 'focus-in-contract-bck' -} as const; - -const ANIMATIONS_TEXT_SHADOW_DROP = { - TEXT_SHADOW_DROP_CENTER: 'text-shadow-drop-center', - TEXT_SHADOW_DROP_TOP: 'text-shadow-drop-top', - TEXT_SHADOW_DROP_TR: 'text-shadow-drop-tr', - TEXT_SHADOW_DROP_RIGHT: 'text-shadow-drop-right', - TEXT_SHADOW_DROP_BR: 'text-shadow-drop-br', - TEXT_SHADOW_DROP_BOTTOM: 'text-shadow-drop-bottom', - TEXT_SHADOW_DROP_BL: 'text-shadow-drop-bl', - TEXT_SHADOW_DROP_LEFT: 'text-shadow-drop-left', - TEXT_SHADOW_DROP_TL: 'text-shadow-drop-tl' -} as const; - -const ANIMATIONS_TEXT_SHADOW_POP = { - TEXT_SHADOW_POP_TOP: 'text-shadow-pop-top', - TEXT_SHADOW_POP_TR: 'text-shadow-pop-tr', - TEXT_SHADOW_POP_RIGHT: 'text-shadow-pop-right', - TEXT_SHADOW_POP_BR: 'text-shadow-pop-br', - TEXT_SHADOW_POP_BOTTOM: 'text-shadow-pop-bottom', - TEXT_SHADOW_POP_BL: 'text-shadow-pop-bl', - TEXT_SHADOW_POP_LEFT: 'text-shadow-pop-left', - TEXT_SHADOW_POP_TL: 'text-shadow-pop-tl' -} as const; - -const ANIMATIONS_TEXT_POP_UP = { - TEXT_POP_UP_TOP: 'text-pop-up-top', - TEXT_POP_UP_TR: 'text-pop-up-tr', - TEXT_POP_UP_RIGHT: 'text-pop-up-right', - TEXT_POP_UP_BR: 'text-pop-up-br', - TEXT_POP_UP_BOTTOM: 'text-pop-up-bottom', - TEXT_POP_UP_BL: 'text-pop-up-bl', - TEXT_POP_UP_LEFT: 'text-pop-up-left', - TEXT_POP_UP_TL: 'text-pop-up-tl' -} as const; - -const ANIMATIONS_VIBRATE = { - VIBRATE_1: 'vibrate-1', - VIBRATE_2: 'vibrate-2' -} as const; - -const ANIMATIONS_SHAKE = { - SHAKE_HORIZONTAL: 'shake-horizontal', - SHAKE_VERTICAL: 'shake-vertical', - SHAKE_LR: 'shake-lr', - SHAKE_TOP: 'shake-top', - SHAKE_TR: 'shake-tr', - SHAKE_RIGHT: 'shake-right', - SHAKE_BR: 'shake-br', - SHAKE_BOTTOM: 'shake-bottom', - SHAKE_BL: 'shake-bl', - SHAKE_LEFT: 'shake-left', - SHAKE_TL: 'shake-tl' -} as const; - -const ANIMATIONS_JELLO = { - JELLO_HORIZONTAL: 'jello-horizontal', - JELLO_VERTICAL: 'jello-vertical', - JELLO_DIAGONAL_1: 'jello-diagonal-1', - JELLO_DIAGONAL_2: 'jello-diagonal-2' -} as const; - -const ANIMATIONS_WOBBLE = { - WOBBLE_HOR_BOTTOM: 'wobble-hor-bottom', - WOBBLE_HOR_TOP: 'wobble-hor-top', - WOBBLE_VER_LEFT: 'wobble-ver-left', - WOBBLE_VER_RIGHT: 'wobble-ver-right' -} as const; - -const ANIMATIONS_BOUNCE = { - BOUNCE_TOP: 'bounce-top', - BOUNCE_BOTTOM: 'bounce-bottom', - BOUNCE_LEFT: 'bounce-left', - BOUNCE_RIGHT: 'bounce-right' -} as const; - -const ANIMATIONS_PULSATE = { - PULSATE_BCK: 'pulsate-bck', - PULSATE_FWD: 'pulsate-fwd', - PING: 'ping' -} as const; - -const ANIMATIONS_KEN_BURNS = { - KEN_BURNS_TOP: 'ken-burns-top', - KEN_BURNS_TOP_RIGHT: 'ken-burns-top-right', - KEN_BURNS_RIGHT: 'ken-burns-right', - KEN_BURNS_BOTTOM_RIGHT: 'ken-burns-bottom-right', - KEN_BURNS_BOTTOM: 'ken-burns-bottom', - KEN_BURNS_BOTTOM_LEFT: 'ken-burns-bottom-left', - KEN_BURNS_LEFT: 'ken-burns-left', - KEN_BURNS_TOP_LEFT: 'ken-burns-top-left' -} as const; - -const ANIMATIONS_BG_PAN = { - BG_PAN_LEFT: 'bg-pan-left', - BG_PAN_RIGHT: 'bg-pan-right', - BG_PAN_TOP: 'bg-pan-top', - BG_PAN_BOTTOM: 'bg-pan-bottom', - BG_PAN_TR: 'bg-pan-tr', - BG_PAN_BR: 'bg-pan-br', - BG_PAN_BL: 'bg-pan-bl', - BG_PAN_TL: 'bg-pan-tl' -} as const; - -export const ANIMATIONS = { - ...ANIMATIONS_SCALE_UP, - ...ANIMATIONS_SCALE_DOWN, - ...ANIMATIONS_ROTATE, - ...ANIMATIONS_ROTATE_SCALE, - ...ANIMATIONS_ROTATE_90, - ...ANIMATIONS_FLIP, - ...ANIMATIONS_FLIP_2, - ...ANIMATIONS_FLIP_SCALE, - ...ANIMATIONS_FLIP_SCALE_2, - ...ANIMATIONS_SWING, - ...ANIMATIONS_SLIDE, - ...ANIMATIONS_SLIDE_BCK, - ...ANIMATIONS_SLIDE_FWD, - ...ANIMATIONS_SLIDE_ROTATE, - ...ANIMATIONS_SHADOW_DROP, - ...ANIMATIONS_SHADOW_DROP_2, - ...ANIMATIONS_SHADOW_POP, - ...ANIMATIONS_SHADOW_INSET, - ...ANIMATIONS_SCALE_IN, - ...ANIMATIONS_ROTATE_IN, - ...ANIMATIONS_ROTATE_IN_2, - ...ANIMATIONS_SWIRL_IN, - ...ANIMATIONS_FLIP_IN, - ...ANIMATIONS_SLIT_IN, - ...ANIMATIONS_SLIDE_IN, - ...ANIMATIONS_SLIDE_IN_FWD, - ...ANIMATIONS_SLIDE_IN_BCK, - ...ANIMATIONS_SLIDE_IN_BLURRED, - ...ANIMATIONS_SLIDE_IN_ELLIPTIC, - ...ANIMATIONS_BOUNCE_IN, - ...ANIMATIONS_ROLL_IN, - ...ANIMATIONS_ROLL_IN_BLURRED, - ...ANIMATIONS_TILT_IN, - ...ANIMATIONS_TILT_IN_FWD, - ...ANIMATIONS_SWING_IN, - ...ANIMATIONS_FADE_IN, - ...ANIMATIONS_PUFF_IN, - ...ANIMATIONS_FLICKER_IN, - ...ANIMATIONS_TRACKING_IN, - ...ANIMATIONS_FOCUS_IN, - ...ANIMATIONS_TEXT_SHADOW_DROP, - ...ANIMATIONS_TEXT_SHADOW_POP, - ...ANIMATIONS_TEXT_POP_UP, - ...ANIMATIONS_VIBRATE, - ...ANIMATIONS_SHAKE, - ...ANIMATIONS_JELLO, - ...ANIMATIONS_WOBBLE, - ...ANIMATIONS_BOUNCE, - ...ANIMATIONS_PULSATE, - ...ANIMATIONS_KEN_BURNS, - ...ANIMATIONS_BG_PAN -} as const; diff --git a/src/components/animation/animations/animista/fade-in.ts b/src/components/animation/animations/animista/fade-in.ts deleted file mode 100644 index 78b70a813..000000000 --- a/src/components/animation/animations/animista/fade-in.ts +++ /dev/null @@ -1,169 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FADE_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', - fillMode: 'both' -}; - -const FADE_IN_FWD: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateZ(-80px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateZ(0)', - opacity: 1 - } -]; - -const FADE_IN_BCK: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateZ(80px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateZ(0)', - opacity: 1 - } -]; - -const FADE_IN_TOP: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateY(-50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateY(0)', - opacity: 1 - } -]; - -const FADE_IN_TR: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(50px) translateY(-50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0) translateY(0)', - opacity: 1 - } -]; - -const FADE_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0)', - opacity: 1 - } -]; - -const FADE_IN_BR: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(50px) translateY(50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0) translateY(0)', - opacity: 1 - } -]; - -const FADE_IN_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateY(50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateY(0)', - opacity: 1 - } -]; - -const FADE_IN_BL: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(-50px) translateY(50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0) translateY(0)', - opacity: 1 - } -]; - -const FADE_IN_LEFT: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(-50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0)', - opacity: 1 - } -]; - -const FADE_IN_TL: Keyframe[] = [ - { - offset: 0, - ...FADE_IN_DEFAULT, - transform: 'translateX(-50px) translateY(-50px)', - opacity: 0 - }, - { - offset: 1, - ...FADE_IN_DEFAULT, - transform: 'translateX(0) translateY(0)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.FADE_IN_FWD]: FADE_IN_FWD, - [ANIMATIONS.FADE_IN_BCK]: FADE_IN_BCK, - [ANIMATIONS.FADE_IN_TOP]: FADE_IN_TOP, - [ANIMATIONS.FADE_IN_TR]: FADE_IN_TR, - [ANIMATIONS.FADE_IN_RIGHT]: FADE_IN_RIGHT, - [ANIMATIONS.FADE_IN_BR]: FADE_IN_BR, - [ANIMATIONS.FADE_IN_BOTTOM]: FADE_IN_BOTTOM, - [ANIMATIONS.FADE_IN_BL]: FADE_IN_BL, - [ANIMATIONS.FADE_IN_LEFT]: FADE_IN_LEFT, - [ANIMATIONS.FADE_IN_TL]: FADE_IN_TL -}; diff --git a/src/components/animation/animations/animista/flicker-in.ts b/src/components/animation/animations/animista/flicker-in.ts deleted file mode 100644 index 765ce12eb..000000000 --- a/src/components/animation/animations/animista/flicker-in.ts +++ /dev/null @@ -1,150 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLICKER_IN_DEFAULT: Keyframe = { - easing: 'linear', - fillMode: 'both' -}; - -const FLICKER_IN_1: Keyframe[] = [ - { offset: 0, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.1, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.101, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.102, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.2, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.201, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.206, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.3, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.301, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.305, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.306, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.45, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.451, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.5, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.55, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.551, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.57, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.571, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.6, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.601, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.65, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.651, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.75, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.751, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.77, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.771, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.85, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 0.851, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.86, ...FLICKER_IN_DEFAULT, opacity: 0 }, - { offset: 0.861, ...FLICKER_IN_DEFAULT, opacity: 1 }, - { offset: 1, ...FLICKER_IN_DEFAULT, opacity: 1 } -]; - -const FLICKER_IN_2: Keyframe[] = [ - { offset: 0, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'initial' }, - { offset: 0.1, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.101, ...FLICKER_IN_DEFAULT, opacity: 1, boxShadow: 'none' }, - { offset: 0.102, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.2, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.201, ...FLICKER_IN_DEFAULT, opacity: 1, boxShadow: '0 0 30px rgba(255, 255, 255, 0.25)' }, - { offset: 0.206, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.3, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.301, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' - }, - { - offset: 0.305, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' - }, - { offset: 0.306, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.45, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.451, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' - }, - { - offset: 0.5, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' - }, - { - offset: 0.55, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' - }, - { offset: 0.551, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.57, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.571, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3)' - }, - { - offset: 0.6, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3)' - }, - { offset: 0.601, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.65, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.651, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1)' - }, - { - offset: 0.75, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1)' - }, - { offset: 0.751, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.77, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.771, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1)' - }, - { - offset: 0.85, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1)' - }, - { offset: 0.851, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { offset: 0.86, ...FLICKER_IN_DEFAULT, opacity: 0, boxShadow: 'none' }, - { - offset: 0.861, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1)' - }, - { - offset: 1, - ...FLICKER_IN_DEFAULT, - opacity: 1, - boxShadow: - '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1)' - } -]; - -export default { - [ANIMATIONS.FLICKER_IN_1]: FLICKER_IN_1, - [ANIMATIONS.FLICKER_IN_2]: FLICKER_IN_2 -}; diff --git a/src/components/animation/animations/animista/flip-2.ts b/src/components/animation/animations/animista/flip-2.ts deleted file mode 100644 index c74649006..000000000 --- a/src/components/animation/animations/animista/flip-2.ts +++ /dev/null @@ -1,145 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP_2_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - fillMode: 'both' -}; - -const FLIP_2_HOR_TOP_1: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 0%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateY(-100%) rotateX(-180deg)', transformOrigin: '50% 100%' } -]; - -const FLIP_2_HOR_TOP_2: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 0%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateY(-100%) rotateX(180deg)', transformOrigin: '50% 100%' } -]; - -const FLIP_2_HOR_TOP_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 0%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateY(-100%) translateZ(-260px) rotateX(180deg)', - transformOrigin: '50% 100%' - } -]; - -const FLIP_2_HOR_TOP_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 0%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateY(-100%) translateZ(160px) rotateX(-180deg)', - transformOrigin: '50% 100%' - } -]; - -const FLIP_2_VER_RIGHT_1: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) rotateY(0)', transformOrigin: '100% 50%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateX(100%) rotateY(-180deg)', transformOrigin: '0% 50%' } -]; - -const FLIP_2_VER_RIGHT_2: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) rotateY(0)', transformOrigin: '100% 50%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateX(100%) rotateY(180deg)', transformOrigin: '0% 50%' } -]; - -const FLIP_2_VER_RIGHT_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '100% 50%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateX(100%) translateZ(-260px) rotateY(180deg)', - transformOrigin: '0% 50%' - } -]; - -const FLIP_2_VER_RIGHT_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '100% 50%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateX(100%) translateZ(160px) rotateY(-180deg)', - transformOrigin: '0% 50%' - } -]; - -const FLIP_2_HOR_BOTTOM_1: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 100%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateY(100%) rotateX(180deg)', transformOrigin: '50% 0%' } -]; - -const FLIP_2_HOR_BOTTOM_2: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) rotateX(0)', transformOrigin: '50% 100%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateY(100%) rotateX(-180deg)', transformOrigin: '50% 0%' } -]; - -const FLIP_2_HOR_BOTTOM_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 100%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateY(100%) translateZ(-260px) rotateX(-180deg)', - transformOrigin: '50% 0%' - } -]; - -const FLIP_2_HOR_BOTTOM_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateY(0) translateZ(0) rotateX(0)', transformOrigin: '50% 100%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateY(100%) translateZ(160px) rotateX(180deg)', - transformOrigin: '50% 0%' - } -]; - -const FLIP_2_VER_LEFT_1: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) rotateY(0)', transformOrigin: '0% 50%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateX(-100%) rotateY(180deg)', transformOrigin: '100% 0%' } -]; - -const FLIP_2_VER_LEFT_2: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) rotateY(0)', transformOrigin: '0% 50%' }, - { offset: 1, ...FLIP_2_DEFAULT, transform: 'translateX(-100%) rotateY(-180deg)', transformOrigin: '100% 0%' } -]; - -const FLIP_2_VER_LEFT_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '0% 50%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateX(-100%) translateZ(-260px) rotateY(-180deg)', - transformOrigin: '100% 0%' - } -]; - -const FLIP_2_VER_LEFT_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_2_DEFAULT, transform: 'translateX(0) translateZ(0) rotateY(0)', transformOrigin: '0% 50%' }, - { - offset: 1, - ...FLIP_2_DEFAULT, - transform: 'translateX(-100%) translateZ(160px) rotateY(180deg)', - transformOrigin: '100% 0%' - } -]; - -export default { - [ANIMATIONS.FLIP_2_HOR_TOP_1]: FLIP_2_HOR_TOP_1, - [ANIMATIONS.FLIP_2_HOR_TOP_2]: FLIP_2_HOR_TOP_2, - [ANIMATIONS.FLIP_2_HOR_TOP_BCK]: FLIP_2_HOR_TOP_BCK, - [ANIMATIONS.FLIP_2_HOR_TOP_FWD]: FLIP_2_HOR_TOP_FWD, - [ANIMATIONS.FLIP_2_VER_RIGHT_1]: FLIP_2_VER_RIGHT_1, - [ANIMATIONS.FLIP_2_VER_RIGHT_2]: FLIP_2_VER_RIGHT_2, - [ANIMATIONS.FLIP_2_VER_RIGHT_BCK]: FLIP_2_VER_RIGHT_BCK, - [ANIMATIONS.FLIP_2_VER_RIGHT_FWD]: FLIP_2_VER_RIGHT_FWD, - [ANIMATIONS.FLIP_2_HOR_BOTTOM_1]: FLIP_2_HOR_BOTTOM_1, - [ANIMATIONS.FLIP_2_HOR_BOTTOM_2]: FLIP_2_HOR_BOTTOM_2, - [ANIMATIONS.FLIP_2_HOR_BOTTOM_BCK]: FLIP_2_HOR_BOTTOM_BCK, - [ANIMATIONS.FLIP_2_HOR_BOTTOM_FWD]: FLIP_2_HOR_BOTTOM_FWD, - [ANIMATIONS.FLIP_2_VER_LEFT_1]: FLIP_2_VER_LEFT_1, - [ANIMATIONS.FLIP_2_VER_LEFT_2]: FLIP_2_VER_LEFT_2, - [ANIMATIONS.FLIP_2_VER_LEFT_BCK]: FLIP_2_VER_LEFT_BCK, - [ANIMATIONS.FLIP_2_VER_LEFT_FWD]: FLIP_2_VER_LEFT_FWD -}; diff --git a/src/components/animation/animations/animista/flip-in.ts b/src/components/animation/animations/animista/flip-in.ts deleted file mode 100644 index 139913a9f..000000000 --- a/src/components/animation/animations/animista/flip-in.ts +++ /dev/null @@ -1,58 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const FLIP_IN_HOR_BOTTOM: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotateX(80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotateX(0)', opacity: 1 } -]; - -const FLIP_IN_HOR_TOP: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotateX(-80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotateX(0)', opacity: 1 } -]; - -const FLIP_IN_VER_RIGHT: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotateY(-80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotateY(0)', opacity: 1 } -]; - -const FLIP_IN_VER_LEFT: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotateY(80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotateY(0)', opacity: 1 } -]; - -const FLIP_IN_DIAG_1_TR: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, -80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', opacity: 1 } -]; - -const FLIP_IN_DIAG_1_BL: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', opacity: 1 } -]; - -const FLIP_IN_DIAG_2_TL: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotate3d(-1, 1, 0, 80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', opacity: 1 } -]; - -const FLIP_IN_DIAG_2_BR: Keyframe[] = [ - { offset: 0, ...FLIP_IN_DEFAULT, transform: 'rotate3d(-1, 1, 0, -80deg)', opacity: 0 }, - { offset: 1, ...FLIP_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', opacity: 1 } -]; - -export default { - [ANIMATIONS.FLIP_IN_HOR_BOTTOM]: FLIP_IN_HOR_BOTTOM, - [ANIMATIONS.FLIP_IN_HOR_TOP]: FLIP_IN_HOR_TOP, - [ANIMATIONS.FLIP_IN_VER_RIGHT]: FLIP_IN_VER_RIGHT, - [ANIMATIONS.FLIP_IN_VER_LEFT]: FLIP_IN_VER_LEFT, - [ANIMATIONS.FLIP_IN_DIAG_1_TR]: FLIP_IN_DIAG_1_TR, - [ANIMATIONS.FLIP_IN_DIAG_1_BL]: FLIP_IN_DIAG_1_BL, - [ANIMATIONS.FLIP_IN_DIAG_2_TL]: FLIP_IN_DIAG_2_TL, - [ANIMATIONS.FLIP_IN_DIAG_2_BR]: FLIP_IN_DIAG_2_BR -}; diff --git a/src/components/animation/animations/animista/flip-scale-2.ts b/src/components/animation/animations/animista/flip-scale-2.ts deleted file mode 100644 index e0a546cda..000000000 --- a/src/components/animation/animations/animista/flip-scale-2.ts +++ /dev/null @@ -1,77 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP_SCALE_2_DEFAULT: Keyframe = { - easing: 'linear', - fillMode: 'both' -}; - -const FLIP_SCALE_2_HOR_TOP: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_2_DEFAULT, transform: 'translateY(0) rotateX(0) scale(1)', transformOrigin: '50% 0%' }, - { - offset: 0.5, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateY(-50%) rotateX(-90deg) scale(2)', - transformOrigin: '50% 50%' - }, - { - offset: 1, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateY(-100%) rotateX(-180deg) scale(1)', - transformOrigin: '50% 100%' - } -]; - -const FLIP_SCALE_2_VER_RIGHT: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_2_DEFAULT, transform: 'translateX(0) rotateY(0) scale(1)', transformOrigin: '100% 50%' }, - { - offset: 0.5, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateX(50%) rotateY(-90deg) scale(2)', - transformOrigin: '50% 50%' - }, - { - offset: 1, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateX(100%) rotateY(-180deg) scale(1)', - transformOrigin: '0% 50%' - } -]; - -const FLIP_SCALE_2_HOR_BOTTOM: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_2_DEFAULT, transform: 'translateY(0) rotateX(0) scale(1)', transformOrigin: '50% 100%' }, - { - offset: 0.5, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateY(50%) rotateX(90deg) scale(2)', - transformOrigin: '50% 50%' - }, - { - offset: 1, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateY(100%) rotateX(180deg) scale(1)', - transformOrigin: '50% 0%' - } -]; - -const FLIP_SCALE_2_VER_LEFT: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_2_DEFAULT, transform: 'translateX(0) rotateY(0) scale(1)', transformOrigin: '0% 50%' }, - { - offset: 0.5, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateX(-50%) rotateY(90deg) scale(2)', - transformOrigin: '50% 50%' - }, - { - offset: 1, - ...FLIP_SCALE_2_DEFAULT, - transform: 'translateX(-100%) rotateY(180deg) scale(1)', - transformOrigin: '100% 50%' - } -]; - -export default { - [ANIMATIONS.FLIP_SCALE_2_HOR_TOP]: FLIP_SCALE_2_HOR_TOP, - [ANIMATIONS.FLIP_SCALE_2_VER_RIGHT]: FLIP_SCALE_2_VER_RIGHT, - [ANIMATIONS.FLIP_SCALE_2_HOR_BOTTOM]: FLIP_SCALE_2_HOR_BOTTOM, - [ANIMATIONS.FLIP_SCALE_2_VER_LEFT]: FLIP_SCALE_2_VER_LEFT -}; diff --git a/src/components/animation/animations/animista/flip-scale.ts b/src/components/animation/animations/animista/flip-scale.ts deleted file mode 100644 index 1110d3a5c..000000000 --- a/src/components/animation/animations/animista/flip-scale.ts +++ /dev/null @@ -1,65 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP_SCALE_DEFAULT: Keyframe = { - easing: 'linear', - fillMode: 'both' -}; - -const FLIP_SCALE_UP_HOR: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateX(0)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(2.5) rotateX(-90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateX(-180deg)' } -]; - -const FLIP_SCALE_DOWN_HOR: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateX(0)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(0.4) rotateX(90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateX(180deg)' } -]; - -const FLIP_SCALE_UP_VER: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateY(0)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(2.5) rotateY(90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateY(180deg)' } -]; - -const FLIP_SCALE_DOWN_VER: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateY(0)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(0.4) rotateY(-90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotateY(-180deg)' } -]; - -const FLIP_SCALE_UP_DIAG_1: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(2.5) rotate3d(1, 1, 0, 90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, 180deg)' } -]; - -const FLIP_SCALE_DOWN_DIAG_1: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(0.4) rotate3d(1, 1, 0, -90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, -180deg)' } -]; - -const FLIP_SCALE_UP_DIAG_2: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(2.5) rotate3d(-1, 1, 0, 90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 180deg)' } -]; - -const FLIP_SCALE_DOWN_DIAG_2: Keyframe[] = [ - { offset: 0, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 0.5, ...FLIP_SCALE_DEFAULT, transform: 'scale(0.4) rotate3d(-1, 1, 0, -90deg)' }, - { offset: 1, ...FLIP_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, -180deg)' } -]; - -export default { - [ANIMATIONS.FLIP_SCALE_UP_HOR]: FLIP_SCALE_UP_HOR, - [ANIMATIONS.FLIP_SCALE_DOWN_HOR]: FLIP_SCALE_DOWN_HOR, - [ANIMATIONS.FLIP_SCALE_UP_VER]: FLIP_SCALE_UP_VER, - [ANIMATIONS.FLIP_SCALE_DOWN_VER]: FLIP_SCALE_DOWN_VER, - [ANIMATIONS.FLIP_SCALE_UP_DIAG_1]: FLIP_SCALE_UP_DIAG_1, - [ANIMATIONS.FLIP_SCALE_DOWN_DIAG_1]: FLIP_SCALE_DOWN_DIAG_1, - [ANIMATIONS.FLIP_SCALE_UP_DIAG_2]: FLIP_SCALE_UP_DIAG_2, - [ANIMATIONS.FLIP_SCALE_DOWN_DIAG_2]: FLIP_SCALE_DOWN_DIAG_2 -}; diff --git a/src/components/animation/animations/animista/flip.ts b/src/components/animation/animations/animista/flip.ts deleted file mode 100644 index 9a3233dcb..000000000 --- a/src/components/animation/animations/animista/flip.ts +++ /dev/null @@ -1,105 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FLIP_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - fillMode: 'both' -}; - -const FLIP_HORIZONTAL_BOTTOM: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotateX(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotateX(-180deg)' } -]; - -const FLIP_HORIZONTAL_TOP: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotateX(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotateX(180deg)' } -]; - -const FLIP_HORIZONTAL_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotateX(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(-260px) rotateX(180deg)' } -]; - -const FLIP_HORIZONTAL_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotateX(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(160px) rotateX(-180deg)' } -]; - -const FLIP_VERTICAL_RIGHT: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotateY(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotateY(180deg)' } -]; - -const FLIP_VERTICAL_LEFT: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotateY(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotateY(-180deg)' } -]; - -const FLIP_VERTICAL_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotateY(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(-260px) rotateY(-180deg)' } -]; - -const FLIP_VERTICAL_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotateY(0)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(160px) rotateY(180deg)' } -]; - -const FLIP_DIAGONAL_1_TR: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotate3d(1, 1, 0, 180deg)' } -]; - -const FLIP_DIAGONAL_1_BL: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotate3d(1, 1, 0, -180deg)' } -]; - -const FLIP_DIAGONAL_1_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotate3d(1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(-260px) rotate3d(1, 1, 0, -180deg)' } -]; - -const FLIP_DIAGONAL_1_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotate3d(1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(160px) rotate3d(1, 1, 0, 180deg)' } -]; - -const FLIP_DIAGONAL_2_BR: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotate3d(-1, 1, 0, 180deg)' } -]; - -const FLIP_DIAGONAL_2_TL: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'rotate3d(-1, 1, 0, -180deg)' } -]; - -const FLIP_DIAGONAL_2_BCK: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(-260px) rotate3d(-1, 1, 0, -180deg)' } -]; - -const FLIP_DIAGONAL_2_FWD: Keyframe[] = [ - { offset: 0, ...FLIP_DEFAULT, transform: 'translateZ(0) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 1, ...FLIP_DEFAULT, transform: 'translateZ(160px) rotate3d(-1, 1, 0, 180deg)' } -]; - -export default { - [ANIMATIONS.FLIP_HORIZONTAL_BOTTOM]: FLIP_HORIZONTAL_BOTTOM, - [ANIMATIONS.FLIP_HORIZONTAL_TOP]: FLIP_HORIZONTAL_TOP, - [ANIMATIONS.FLIP_HORIZONTAL_BCK]: FLIP_HORIZONTAL_BCK, - [ANIMATIONS.FLIP_HORIZONTAL_FWD]: FLIP_HORIZONTAL_FWD, - [ANIMATIONS.FLIP_VERTICAL_RIGHT]: FLIP_VERTICAL_RIGHT, - [ANIMATIONS.FLIP_VERTICAL_LEFT]: FLIP_VERTICAL_LEFT, - [ANIMATIONS.FLIP_VERTICAL_BCK]: FLIP_VERTICAL_BCK, - [ANIMATIONS.FLIP_VERTICAL_FWD]: FLIP_VERTICAL_FWD, - [ANIMATIONS.FLIP_DIAGONAL_1_TR]: FLIP_DIAGONAL_1_TR, - [ANIMATIONS.FLIP_DIAGONAL_1_BL]: FLIP_DIAGONAL_1_BL, - [ANIMATIONS.FLIP_DIAGONAL_1_BCK]: FLIP_DIAGONAL_1_BCK, - [ANIMATIONS.FLIP_DIAGONAL_1_FWD]: FLIP_DIAGONAL_1_FWD, - [ANIMATIONS.FLIP_DIAGONAL_2_BR]: FLIP_DIAGONAL_2_BR, - [ANIMATIONS.FLIP_DIAGONAL_2_TL]: FLIP_DIAGONAL_2_TL, - [ANIMATIONS.FLIP_DIAGONAL_2_BCK]: FLIP_DIAGONAL_2_BCK, - [ANIMATIONS.FLIP_DIAGONAL_2_FWD]: FLIP_DIAGONAL_2_FWD -}; diff --git a/src/components/animation/animations/animista/focus-in.ts b/src/components/animation/animations/animista/focus-in.ts deleted file mode 100644 index 6fe8111d6..000000000 --- a/src/components/animation/animations/animista/focus-in.ts +++ /dev/null @@ -1,67 +0,0 @@ -import { ANIMATIONS } from './common'; - -const FOCUS_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const TEXT_FOCUS_IN: Keyframe[] = [ - { offset: 0, easing: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)', filter: 'blur(12px)', opacity: 0 }, - { offset: 1, easing: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)', filter: 'blur(0px)', opacity: 1 } -]; - -const FOCUS_IN_EXPAND: Keyframe[] = [ - { offset: 0, ...FOCUS_IN_DEFAULT, letterSpacing: '-0.5em', filter: 'blur(12px)', opacity: 0 }, - { offset: 1, ...FOCUS_IN_DEFAULT, letterSpacing: 'normal', filter: 'blur(0px)', opacity: 1 } -]; - -const FOCUS_IN_EXPAND_FWD: Keyframe[] = [ - { - offset: 0, - ...FOCUS_IN_DEFAULT, - letterSpacing: '-0.5em', - transform: 'translateZ(-800px)', - filter: 'blur(12px)', - opacity: 0 - }, - { - offset: 1, - ...FOCUS_IN_DEFAULT, - letterSpacing: 'normal', - transform: 'translateZ(0)', - filter: 'blur(0px)', - opacity: 1 - } -]; - -const FOCUS_IN_CONTRACT: Keyframe[] = [ - { offset: 0, ...FOCUS_IN_DEFAULT, letterSpacing: '1em', filter: 'blur(12px)', opacity: 0 }, - { offset: 1, ...FOCUS_IN_DEFAULT, letterSpacing: 'normal', filter: 'blur(0px)', opacity: 1 } -]; - -const FOCUS_IN_CONTRACT_BCK: Keyframe[] = [ - { - offset: 0, - ...FOCUS_IN_DEFAULT, - letterSpacing: '1em', - transform: 'translateZ(300px)', - filter: 'blur(12px)', - opacity: 0 - }, - { - offset: 1, - ...FOCUS_IN_DEFAULT, - letterSpacing: 'normal', - transform: 'translateZ(12px)', - filter: 'blur(0px)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.TEXT_FOCUS_IN]: TEXT_FOCUS_IN, - [ANIMATIONS.FOCUS_IN_EXPAND]: FOCUS_IN_EXPAND, - [ANIMATIONS.FOCUS_IN_EXPAND_FWD]: FOCUS_IN_EXPAND_FWD, - [ANIMATIONS.FOCUS_IN_CONTRACT]: FOCUS_IN_CONTRACT, - [ANIMATIONS.FOCUS_IN_CONTRACT_BCK]: FOCUS_IN_CONTRACT_BCK -}; diff --git a/src/components/animation/animations/animista/index.ts b/src/components/animation/animations/animista/index.ts index f8318c8a8..baae86896 100644 --- a/src/components/animation/animations/animista/index.ts +++ b/src/components/animation/animations/animista/index.ts @@ -1,105 +1,9376 @@ -import SCALE_UP from './scale-up'; -import SCALE_DOWN from './scale-down'; -import ROTATE from './rotate'; -import ROTATE_SCALE from './rotate-scale'; -import ROTATE_90 from './rotate-90'; -import FLIP from './flip'; -import FLIP_2 from './flip-2'; -import FLIP_SCALE from './flip-scale'; -import FLIP_SCALE_2 from './flip-scale-2'; -import SWING from './swing'; -import SLIDE from './slide'; -import SLIDE_BCK from './slide-bck'; -import SLIDE_FWD from './slide-fwd'; -import SLIDE_ROTATE from './slide-rotate'; -import SHADOW_DROP from './shadow-drop'; -import SHADOW_DROP_2 from './shadow-drop-2'; -import SHADOW_POP from './shadow-pop'; -import SHADOW_INSET from './shadow-inset'; -import SCALE_IN from './scale-in'; -import ROTATE_IN from './rotate-in'; -import ROTATE_IN_2 from './rotate-in-2'; -import SWIRL_IN from './swirl-in'; -import FLIP_IN from './flip-in'; -import SLIT_IN from './slit-in'; -import SLIDE_IN from './slide-in'; -import SLIDE_IN_FWD from './slide-in-fwd'; -import SLIDE_IN_BCK from './slide-in-bck'; -import SLIDE_IN_BLURRED from './slide-in-blurred'; -import SLIDE_IN_ELLIPTIC from './slide-in-elliptic'; -import BOUNCE_IN from './bounce-in'; -import ROLL_IN from './roll-in'; -import ROLL_IN_BLURRED from './roll-in-blurred'; -import TILT_IN from './tilt-in'; -import TILT_IN_FWD from './tilt-in-fwd'; -import SWING_IN from './swing-in'; -import FADE_IN from './fade-in'; -import PUFF_IN from './puff-in'; -import FLICKER_IN from './flicker-in'; -import TRACKING_IN from './tracking-in'; -import FOCUS_IN from './focus-in'; -import TEXT_SHADOW_DROP from './text-shadow-drop'; -import TEXT_SHADOW_POP from './text-shadow-pop'; -import TEXT_POP_UP from './text-pop-up'; -import VIBRATE from './vibrate'; -import SHAKE from './shake'; -import JELLO from './jello'; -import WOBBLE from './wobble'; -import BOUNCE from './bounce'; -import PULSATE from './pulsate'; -import KEN_BURNS from './ken-burns'; -import BG_PAN from './bg-pan'; - export default { - ...SCALE_UP, - ...SCALE_DOWN, - ...ROTATE, - ...ROTATE_SCALE, - ...ROTATE_90, - ...FLIP, - ...FLIP_2, - ...FLIP_SCALE, - ...FLIP_SCALE_2, - ...SWING, - ...SLIDE, - ...SLIDE_BCK, - ...SLIDE_FWD, - ...SLIDE_ROTATE, - ...SHADOW_DROP, - ...SHADOW_DROP_2, - ...SHADOW_POP, - ...SHADOW_INSET, - ...SCALE_IN, - ...ROTATE_IN, - ...ROTATE_IN_2, - ...SWIRL_IN, - ...FLIP_IN, - ...SLIT_IN, - ...SLIDE_IN, - ...SLIDE_IN_FWD, - ...SLIDE_IN_BCK, - ...SLIDE_IN_BLURRED, - ...SLIDE_IN_ELLIPTIC, - ...BOUNCE_IN, - ...ROLL_IN, - ...ROLL_IN_BLURRED, - ...TILT_IN, - ...TILT_IN_FWD, - ...SWING_IN, - ...FADE_IN, - ...PUFF_IN, - ...FLICKER_IN, - ...TRACKING_IN, - ...FOCUS_IN, - ...TEXT_SHADOW_DROP, - ...TEXT_SHADOW_POP, - ...TEXT_POP_UP, - ...VIBRATE, - ...SHAKE, - ...JELLO, - ...WOBBLE, - ...BOUNCE, - ...PULSATE, - ...KEN_BURNS, - ...BG_PAN + 'scale-up-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scale(1)' + } + ], + 'scale-up-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '50% 0%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '50% 0%', + transform: 'scale(1)' + } + ], + 'scale-up-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scale(1)' + } + ], + 'scale-up-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'scale(1)' + } + ], + 'scale-up-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scale(1)' + } + ], + 'scale-up-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'scale(1)' + } + ], + 'scale-up-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scale(1)' + } + ], + 'scale-up-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 50%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 50%', + transform: 'scale(1)' + } + ], + 'scale-up-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scale(0.5)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scale(1)' + } + ], + 'scale-up-hor-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleX(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleX(1)' + } + ], + 'scale-up-hor-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scaleX(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scaleX(1)' + } + ], + 'scale-up-hor-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scaleX(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scaleX(1)' + } + ], + 'scale-up-ver-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleY(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleY(1)' + } + ], + 'scale-up-ver-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scaleY(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scaleY(1)' + } + ], + 'scale-up-ver-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scaleY(0.4)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scaleY(1)' + } + ], + 'scale-down-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scale(0.5)' + } + ], + 'scale-down-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '50% 0%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '50% 0%', + transform: 'scale(0.5)' + } + ], + 'scale-down-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scale(0.5)' + } + ], + 'scale-down-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'scale(0.5)' + } + ], + 'scale-down-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scale(0.5)' + } + ], + 'scale-down-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'scale(0.5)' + } + ], + 'scale-down-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scale(0.5)' + } + ], + 'scale-down-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 50%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 50%', + transform: 'scale(0.5)' + } + ], + 'scale-down-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scale(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scale(0.5)' + } + ], + 'scale-down-hor-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleX(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleX(0.3)' + } + ], + 'scale-down-hor-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scaleX(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'scaleX(0.3)' + } + ], + 'scale-down-hor-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scaleX(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'scaleX(0.3)' + } + ], + 'scale-down-ver-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleY(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'scaleY(0.3)' + } + ], + 'scale-down-ver-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scaleY(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'scaleY(0.3)' + } + ], + 'scale-down-ver-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scaleY(1)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'scaleY(0.3)' + } + ], + 'rotate-center': [ + { + offset: 0, + easing: 'ease-in-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'ease-in-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(360deg)' + } + ], + 'rotate-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(360deg)' + } + ], + 'rotate-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(360deg)' + } + ], + 'rotate-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(360deg)' + } + ], + 'rotate-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom right', + transform: 'rotate(360deg)' + } + ], + 'rotate-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(360deg)' + } + ], + 'rotate-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom left', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'bottom left', + transform: 'rotate(360deg)' + } + ], + 'rotate-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(360deg)' + } + ], + 'rotate-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top left', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'top left', + transform: 'rotate(360deg)' + } + ], + 'rotate-hor-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(-360deg)' + } + ], + 'rotate-hor-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotateX(-360deg)' + } + ], + 'rotate-hor-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotateX(360deg)' + } + ], + 'rotate-vert-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(360deg)' + } + ], + 'rotate-vert-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotateY(360deg)' + } + ], + 'rotate-vert-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotateY(-360deg)' + } + ], + 'rotate-diagonal-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, -180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, -360deg)' + } + ], + 'rotate-diagonal-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, 180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, 360deg)' + } + ], + 'rotate-diagonal-tr': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate3d(1, 1, 0, -180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate3d(1, 1, 0, -360deg)' + } + ], + 'rotate-diagonal-br': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate3d(-1, 1, 0, -180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate3d(-1, 1, 0, -360deg)' + } + ], + 'rotate-diagonal-bl': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate3d(1, 1, 0, 180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate3d(1, 1, 0, 360deg)' + } + ], + 'rotate-diagonal-tl': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate3d(-1, 1, 0, 180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate3d(-1, 1, 0, 360deg)' + } + ], + 'rotate-scale-up': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateZ(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2) rotateZ(180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateZ(360deg)' + } + ], + 'rotate-scale-down': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateZ(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.5) rotateZ(180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateZ(360deg)' + } + ], + 'rotate-scale-up-hor': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2) rotateX(-180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(-360deg)' + } + ], + 'rotate-scale-down-hor': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.5) rotateX(-180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(-360deg)' + } + ], + 'rotate-scale-up-ver': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2) rotateY(180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(360deg)' + } + ], + 'rotate-scale-down-ver': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.5) rotateY(180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(360deg)' + } + ], + 'rotate-scale-up-diag-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2) rotate3d(1, 1, 0, -180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, -360deg)' + } + ], + 'rotate-scale-down-diag-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.5) rotate3d(1, 1, 0, -180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, -360deg)' + } + ], + 'rotate-scale-up-diag-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2) rotate3d(-1, 1, 0, 180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 360deg)' + } + ], + 'rotate-scale-down-diag-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.5) rotate3d(-1, 1, 0, 180deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 360deg)' + } + ], + 'rotate-90-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-top-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-top-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-tr-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-tr-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-right-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-right-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-br-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-br-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-bottom-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-bottom-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-bl-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-bl-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-left-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-left-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-tl-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate(90deg)' + } + ], + 'rotate-90-tl-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0% 0%', + transform: 'rotate(-90deg)' + } + ], + 'rotate-90-horizontal-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(90deg)' + } + ], + 'rotate-90-horizontal-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(-90deg)' + } + ], + 'rotate-90-vertical-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(90deg)' + } + ], + 'rotate-90-vertical-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(-90deg)' + } + ], + 'flip-horizontal-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateX(-180deg)' + } + ], + 'flip-horizontal-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateX(180deg)' + } + ], + 'flip-horizontal-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(-260px) rotateX(180deg)' + } + ], + 'flip-horizontal-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(160px) rotateX(-180deg)' + } + ], + 'flip-vertical-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateY(180deg)' + } + ], + 'flip-vertical-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotateY(-180deg)' + } + ], + 'flip-vertical-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(-260px) rotateY(-180deg)' + } + ], + 'flip-vertical-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(160px) rotateY(180deg)' + } + ], + 'flip-diagonal-1-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 180deg)' + } + ], + 'flip-diagonal-1-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, -180deg)' + } + ], + 'flip-diagonal-1-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(-260px) rotate3d(1, 1, 0, -180deg)' + } + ], + 'flip-diagonal-1-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(160px) rotate3d(1, 1, 0, 180deg)' + } + ], + 'flip-diagonal-2-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 180deg)' + } + ], + 'flip-diagonal-2-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, -180deg)' + } + ], + 'flip-diagonal-2-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(-260px) rotate3d(-1, 1, 0, -180deg)' + } + ], + 'flip-diagonal-2-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(0) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateZ(160px) rotate3d(-1, 1, 0, 180deg)' + } + ], + 'flip-2-hor-top-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0)', + transformOrigin: '50% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-100%) rotateX(-180deg)', + transformOrigin: '50% 100%' + } + ], + 'flip-2-hor-top-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0)', + transformOrigin: '50% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-100%) rotateX(180deg)', + transformOrigin: '50% 100%' + } + ], + 'flip-2-hor-top-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0)', + transformOrigin: '50% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-100%) translateZ(-260px) rotateX(180deg)', + transformOrigin: '50% 100%' + } + ], + 'flip-2-hor-top-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0)', + transformOrigin: '50% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-100%) translateZ(160px) rotateX(-180deg)', + transformOrigin: '50% 100%' + } + ], + 'flip-2-ver-right-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)', + transformOrigin: '100% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(100%) rotateY(-180deg)', + transformOrigin: '0% 50%' + } + ], + 'flip-2-ver-right-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)', + transformOrigin: '100% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(100%) rotateY(180deg)', + transformOrigin: '0% 50%' + } + ], + 'flip-2-ver-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: '100% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(100%) translateZ(-260px) rotateY(180deg)', + transformOrigin: '0% 50%' + } + ], + 'flip-2-ver-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: '100% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(100%) translateZ(160px) rotateY(-180deg)', + transformOrigin: '0% 50%' + } + ], + 'flip-2-hor-bottom-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0)', + transformOrigin: '50% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(100%) rotateX(180deg)', + transformOrigin: '50% 0%' + } + ], + 'flip-2-hor-bottom-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0)', + transformOrigin: '50% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(100%) rotateX(-180deg)', + transformOrigin: '50% 0%' + } + ], + 'flip-2-hor-bottom-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0)', + transformOrigin: '50% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(100%) translateZ(-260px) rotateX(-180deg)', + transformOrigin: '50% 0%' + } + ], + 'flip-2-hor-bottom-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0)', + transformOrigin: '50% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(100%) translateZ(160px) rotateX(180deg)', + transformOrigin: '50% 0%' + } + ], + 'flip-2-ver-left-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)', + transformOrigin: '0% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-100%) rotateY(180deg)', + transformOrigin: '100% 0%' + } + ], + 'flip-2-ver-left-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)', + transformOrigin: '0% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-100%) rotateY(-180deg)', + transformOrigin: '100% 0%' + } + ], + 'flip-2-ver-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: '0% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-100%) translateZ(-260px) rotateY(-180deg)', + transformOrigin: '100% 0%' + } + ], + 'flip-2-ver-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: '0% 50%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-100%) translateZ(160px) rotateY(180deg)', + transformOrigin: '100% 0%' + } + ], + 'flip-scale-up-hor': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2.5) rotateX(-90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(-180deg)' + } + ], + 'flip-scale-down-hor': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.4) rotateX(90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateX(180deg)' + } + ], + 'flip-scale-up-ver': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2.5) rotateY(90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(180deg)' + } + ], + 'flip-scale-down-ver': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(0)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.4) rotateY(-90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotateY(-180deg)' + } + ], + 'flip-scale-up-diag-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2.5) rotate3d(1, 1, 0, 90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, 180deg)' + } + ], + 'flip-scale-down-diag-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.4) rotate3d(1, 1, 0, -90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(1, 1, 0, -180deg)' + } + ], + 'flip-scale-up-diag-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(2.5) rotate3d(-1, 1, 0, 90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 180deg)' + } + ], + 'flip-scale-down-diag-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'scale(0.4) rotate3d(-1, 1, 0, -90deg)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'scale(1) rotate3d(-1, 1, 0, -180deg)' + } + ], + 'flip-scale-2-hor-top': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% 0%' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(-50%) rotateX(-90deg) scale(2)', + transformOrigin: '50% 50%' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(-100%) rotateX(-180deg) scale(1)', + transformOrigin: '50% 100%' + } + ], + 'flip-scale-2-ver-right': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '100% 50%' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(50%) rotateY(-90deg) scale(2)', + transformOrigin: '50% 50%' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(100%) rotateY(-180deg) scale(1)', + transformOrigin: '0% 50%' + } + ], + 'flip-scale-2-hor-bottom': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% 100%' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(50%) rotateX(90deg) scale(2)', + transformOrigin: '50% 50%' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translateY(100%) rotateX(180deg) scale(1)', + transformOrigin: '50% 0%' + } + ], + 'flip-scale-2-ver-left': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '0% 50%' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(-50%) rotateY(90deg) scale(2)', + transformOrigin: '50% 50%' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translateX(-100%) rotateY(180deg) scale(1)', + transformOrigin: '100% 50%' + } + ], + 'swing-top-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'top' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(180deg)', + transformOrigin: 'top' + } + ], + 'swing-top-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'top' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(-180deg)', + transformOrigin: 'top' + } + ], + 'swing-top-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)', + transformOrigin: '100% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 180deg)', + transformOrigin: '100% 0%' + } + ], + 'swing-top-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)', + transformOrigin: '100% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, -180deg)', + transformOrigin: '100% 0%' + } + ], + 'swing-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'right' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(180deg)', + transformOrigin: 'right' + } + ], + 'swing-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'right' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-180deg)', + transformOrigin: 'right' + } + ], + 'swing-bottom-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)', + transformOrigin: '100% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 180deg)', + transformOrigin: '100% 100%' + } + ], + 'swing-bottom-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)', + transformOrigin: '100% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, -180deg)', + transformOrigin: '100% 100%' + } + ], + 'swing-bottom-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'bottom' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(-180deg)', + transformOrigin: 'bottom' + } + ], + 'swing-bottom-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'bottom' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(180deg)', + transformOrigin: 'bottom' + } + ], + 'swing-bottom-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)', + transformOrigin: '0% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, -180deg)', + transformOrigin: '0% 100%' + } + ], + 'swing-bottom-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 0deg)', + transformOrigin: '0% 100%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(1, 1, 0, 180deg)', + transformOrigin: '0% 100%' + } + ], + 'swing-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-180deg)', + transformOrigin: 'left bottom' + } + ], + 'swing-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'left bottom' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(180deg)', + transformOrigin: 'left bottom' + } + ], + 'swing-top-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)', + transformOrigin: '0% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, -180deg)', + transformOrigin: '0% 0%' + } + ], + 'swing-top-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 0deg)', + transformOrigin: '0% 0%' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotate3d(-1, 1, 0, 180deg)', + transformOrigin: '0% 0%' + } + ], + 'slide-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100px)' + } + ], + 'slide-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100px) translateX(100px)' + } + ], + 'slide-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(100px)' + } + ], + 'slide-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100px) translateX(100px)' + } + ], + 'slide-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100px)' + } + ], + 'slide-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100px) translateX(-100px)' + } + ], + 'slide-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-100px)' + } + ], + 'slide-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100px) translateX(-100px)' + } + ], + 'slide-bck-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px)' + } + ], + 'slide-bck-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(-200px)' + } + ], + 'slide-bck-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(-200px) translateX(200px)' + } + ], + 'slide-bck-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateX(200px)' + } + ], + 'slide-bck-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(200px) translateX(200px)' + } + ], + 'slide-bck-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(200px)' + } + ], + 'slide-bck-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(200px) translateX(-200px)' + } + ], + 'slide-bck-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateX(-200px)' + } + ], + 'slide-bck-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'translateZ(-400px) translateY(-200px) translateX(-200px)' + } + ], + 'slide-fwd-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px)' + } + ], + 'slide-fwd-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(-100px)' + } + ], + 'slide-fwd-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(-100px) translateX(100px)' + } + ], + 'slide-fwd-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateX(100px)' + } + ], + 'slide-fwd-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(100px) translateX(100px)' + } + ], + 'slide-fwd-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(100px)' + } + ], + 'slide-fwd-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(100px) translateX(-100px)' + } + ], + 'slide-fwd-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateX(-100px)' + } + ], + 'slide-fwd-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(160px) translateY(-100px) translateX(-100px)' + } + ], + 'slide-rotate-hor-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-150px) rotateX(-90deg)' + } + ], + 'slide-rotate-hor-t-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0deg)', + transformOrigin: 'top center' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-150px) translateZ(-230px) rotateX(-90deg)', + transformOrigin: 'top center' + } + ], + 'slide-rotate-hor-t-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0deg)', + transformOrigin: 'bottom center' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-150px) translateZ(130px) rotateX(-90deg)', + transformOrigin: 'bottom center' + } + ], + 'slide-rotate-ver-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(150px) rotateY(-90deg)' + } + ], + 'slide-rotate-ver-r-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: 'center right' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(150px) translateZ(-230px) rotateY(-90deg)', + transformOrigin: 'center right' + } + ], + 'slide-rotate-ver-r-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: 'center left' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(150px) translateZ(130px) rotateY(-90deg)', + transformOrigin: 'center left' + } + ], + 'slide-rotate-hor-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(150px) rotateX(90deg)' + } + ], + 'slide-rotate-hor-b-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0deg)', + transformOrigin: 'bottom center' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(150px) translateZ(-230px) rotateX(90deg)', + transformOrigin: 'bottom center' + } + ], + 'slide-rotate-hor-b-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateZ(0) rotateX(0deg)', + transformOrigin: 'top center' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(150px) translateZ(130px) rotateX(90deg)', + transformOrigin: 'top center' + } + ], + 'slide-rotate-ver-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-150px) rotateY(90deg)' + } + ], + 'slide-rotate-ver-l-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: 'center left' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-150px) translateZ(-230px) rotateY(90deg)', + transformOrigin: 'center left' + } + ], + 'slide-rotate-ver-l-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) translateZ(0) rotateY(0)', + transformOrigin: 'center right' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-150px) translateZ(130px) rotateY(90deg)', + transformOrigin: 'center right' + } + ], + 'shadow-drop-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 20px 0px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px 0 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-lr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-tb': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px -12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px 12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px -12px 20px -12px rgba(0, 0, 0, 0.35)' + } + ], + 'shadow-drop-2-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 20px 0px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px)' + } + ], + 'shadow-drop-2-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateY(12px)' + } + ], + 'shadow-drop-2-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px 0 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(-12px)' + } + ], + 'shadow-drop-2-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateY(-12px)' + } + ], + 'shadow-drop-2-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateX(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(12px)' + } + ], + 'shadow-drop-2-lr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px)' + } + ], + 'shadow-drop-2-tb': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px)' + } + ], + 'shadow-drop-2-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px -12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(-12px) translateY(12px)' + } + ], + 'shadow-drop-2-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '12px 12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(-12px) translateY(-12px)' + } + ], + 'shadow-drop-2-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px 12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(12px) translateY(-12px)' + } + ], + 'shadow-drop-2-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', + transform: 'translateZ(0) translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: '-12px -12px 20px -12px rgba(0, 0, 0, 0.35)', + transform: 'translateZ(50px) translateX(12px) translateY(12px)' + } + ], + 'shadow-pop-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', + transform: 'translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e', + transform: 'translateX(-8px) translateY(8px)' + } + ], + 'shadow-pop-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', + transform: 'translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e', + transform: 'translateX(-8px) translateY(-8px)' + } + ], + 'shadow-pop-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', + transform: 'translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '-1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e', + transform: 'translateX(8px) translateY(-8px)' + } + ], + 'shadow-pop-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', + transform: 'translateX(0) translateY(0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + boxShadow: + '-1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e', + transform: 'translateX(8px) translateY(8px)' + } + ], + 'shadow-inset-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 14px 0px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset -6px 0 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 6px 0 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-lr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset -6px 0 14px -6px rgba(0, 0, 0, 0.5), inset 6px 0 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-tb': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5), inset 0 6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset -6px 6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset -6px -6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 6px -6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'shadow-inset-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + boxShadow: 'inset 6px 6px 14px -6px rgba(0, 0, 0, 0.5)' + } + ], + 'scale-in-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: 'center center', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: 'center center', + opacity: 1 + } + ], + 'scale-in-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '50% 0%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '50% 0%', + opacity: 1 + } + ], + 'scale-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '100% 0%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 0%', + opacity: 1 + } + ], + 'scale-in-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '100% 50%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 50%', + opacity: 1 + } + ], + 'scale-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '100% 100%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 100%', + opacity: 1 + } + ], + 'scale-in-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '50% 100%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '50% 100%', + opacity: 1 + } + ], + 'scale-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '0% 100%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 100%', + opacity: 1 + } + ], + 'scale-in-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '0% 50%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 50%', + opacity: 1 + } + ], + 'scale-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(0)', + transformOrigin: '0% 0%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 0%', + opacity: 1 + } + ], + 'scale-in-hor-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(0)', + transformOrigin: 'center center', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(1)', + transformOrigin: 'center center', + opacity: 1 + } + ], + 'scale-in-hor-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(0)', + transformOrigin: '0% 0%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(1)', + transformOrigin: '0% 0%', + opacity: 1 + } + ], + 'scale-in-hor-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(0)', + transformOrigin: '100% 100%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleX(1)', + transformOrigin: '100% 100%', + opacity: 1 + } + ], + 'scale-in-ver-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(0)', + transformOrigin: 'center center', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(1)', + transformOrigin: 'center center', + opacity: 1 + } + ], + 'scale-in-ver-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(0)', + transformOrigin: '100% 0%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(1)', + transformOrigin: '100% 0%', + opacity: 1 + } + ], + 'scale-in-ver-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(0)', + transformOrigin: '0% 100%', + opacity: 1 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'scaleY(1)', + transformOrigin: '0% 100%', + opacity: 1 + } + ], + 'rotate-in-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top right', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'right', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom right', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom right', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom left', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'bottom left', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'left', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top left', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'top left', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-hor': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-ver': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(-360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-diag-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, -360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'rotate-in-diag-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, -360deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'rotate-in-2-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-fwd-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-200px) rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-fwd-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-200px) rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-bck-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(200px) rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-bck-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(200px) rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-tr-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-tr-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-br-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-br-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-bl-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 100%', + transform: 'rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 100%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-bl-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 100%', + transform: 'rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 100%', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-tl-cw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(-45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'rotate-in-2-tl-ccw': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(45deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(0)', + opacity: 1 + } + ], + 'swirl-in-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-top-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 0', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 0', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-top-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 0', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 0', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-tr-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-tr-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 0%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-right-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-right-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 50%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-br-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-br-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '100% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-bottom-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-bottom-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '50% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-bl-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-bl-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0% 100%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-left-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 50%', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 50%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-left-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 50%', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 50%', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-tl-fwd': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(-540deg) scale(0)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'swirl-in-tl-bck': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(540deg) scale(5)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: '0 0', + transform: 'rotate(0) scale(1)', + opacity: 1 + } + ], + 'flip-in-hor-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(0)', + opacity: 1 + } + ], + 'flip-in-hor-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(-80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateX(0)', + opacity: 1 + } + ], + 'flip-in-ver-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(-80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(0)', + opacity: 1 + } + ], + 'flip-in-ver-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotateY(0)', + opacity: 1 + } + ], + 'flip-in-diag-1-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, -80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'flip-in-diag-1-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'flip-in-diag-2-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, 80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'flip-in-diag-2-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(-1, 1, 0, -80deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'rotate3d(1, 1, 0, 0deg)', + opacity: 1 + } + ], + 'slit-in-vertical': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-800px) rotateY(90deg)', + opacity: 0 + }, + { + offset: 0.54, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-160px) rotateY(87deg)', + opacity: 1 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotateY(0)', + opacity: 1 + } + ], + 'slit-in-horizontal': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-800px) rotateX(90deg)', + opacity: 0 + }, + { + offset: 0.54, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-160px) rotateX(87deg)', + opacity: 1 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotateX(0)', + opacity: 1 + } + ], + 'slit-in-diagonal-1': [ + { + offset: 0, + easing: 'ease-in', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-800px) rotate3d(1, 1, 0, 90deg)', + opacity: 0 + }, + { + offset: 0.54, + easing: 'ease-in-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-160px) rotate3d(1, 1, 0, 87deg)', + opacity: 1 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate3d(1, 1, 0, 0)', + opacity: 1 + } + ], + 'slit-in-diagonal-2': [ + { + offset: 0, + easing: 'ease-in', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-800px) rotate3d(-1, 1, 0, -90deg)', + opacity: 0 + }, + { + offset: 0.54, + easing: 'ease-in-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(-160px) rotate3d(-1, 1, 0, -87deg)', + opacity: 1 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transformOrigin: 'center center', + transform: 'translateZ(0) rotate3d(-1, 1, 0, 0)', + opacity: 1 + } + ], + 'slide-in-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100vh)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)', + opacity: 1 + } + ], + 'slide-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100vh) translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100vh) translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100vh)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)', + opacity: 1 + } + ], + 'slide-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(100vh) translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-100vh) translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'slide-in-fwd-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(-100vh)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'slide-in-fwd-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(-100vh) translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(100vh) translateX(100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(100vh)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'slide-in-fwd-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(100vh) translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-fwd-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(-1400px) translateY(-100vh) translateX(-100vw)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(600px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'slide-in-bck-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(-300px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'slide-in-bck-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(-300px) translateX(400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateX(400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(300px) translateX(400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(300px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'slide-in-bck-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(300px) translateX(-400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateX(-400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-bck-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(700px) translateY(-300px) translateX(-400px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateZ(0) translateY(0) translateX(0)', + opacity: 1 + } + ], + 'slide-in-blurred-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(-100vh) scaleY(2.5) scaleX(0.2)', + transformOrigin: '50% 0%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(0) scaleY(1) scaleX(1)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(100vw, -100vh) skew(-80deg, -10deg)', + transformOrigin: '0% 0%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(0, 0) skew(0deg, 0deg)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(100vw) scaleX(2.5) scaleY(0.2)', + transformOrigin: '0% 50%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(0) scaleY(1) scaleX(1)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(100vw, 100vh) skew(80deg, 10deg)', + transformOrigin: '0% 100%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(0, 0) skew(0deg, 0deg)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(100vh) scaleY(2.5) scaleX(0.2)', + transformOrigin: '50% 100%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(0) scaleY(1) scaleX(1)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(-100vw, 100vh) skew(-80deg, -10deg)', + transformOrigin: '100% 100%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(0, 0) skew(0deg, 0deg)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(-100vw) scaleX(2.5) scaleY(0.2)', + transformOrigin: '100% 50%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(0) scaleY(1) scaleX(1)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-blurred-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(-100vw, -100vh) skew(80deg, 10deg)', + transformOrigin: '100% 0%', + filter: 'blur(40px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translate(0, 0) skew(0deg, 0deg)', + transformOrigin: '50% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'slide-in-elliptic-top-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-600px) rotateX(-30deg) scale(0)', + transformOrigin: '50% 100%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% 100vh', + opacity: 1 + } + ], + 'slide-in-elliptic-top-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-600px) rotateX(30deg) scale(6.5)', + transformOrigin: '50% 200%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% -500px', + opacity: 1 + } + ], + 'slide-in-elliptic-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(800px) rotateY(-30deg) scale(0)', + transformOrigin: '100% 50%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '-100vw 50%', + opacity: 1 + } + ], + 'slide-in-elliptic-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(800px) rotateY(30deg) scale(6.5)', + transformOrigin: '-100% 50%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '600px 50%', + opacity: 1 + } + ], + 'slide-in-elliptic-bottom-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(600px) rotateX(30deg) scale(0)', + transformOrigin: '50% 100%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% -100vh', + opacity: 1 + } + ], + 'slide-in-elliptic-bottom-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(600px) rotateX(-30deg) scale(6.5)', + transformOrigin: '50% -100%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) rotateX(0) scale(1)', + transformOrigin: '50% 500px', + opacity: 1 + } + ], + 'slide-in-elliptic-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-800px) rotateY(30deg) scale(0)', + transformOrigin: '-100% 50%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '100vw 50%', + opacity: 1 + } + ], + 'slide-in-elliptic-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-800px) rotateY(-30deg) scale(6.5)', + transformOrigin: '200% 50%', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0) rotateY(0) scale(1)', + transformOrigin: '-600px 50%', + opacity: 1 + } + ], + 'bounce-in-top': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(-500px)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateY(-65px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'translateY(-28px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.9, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'translateY(-8px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-in-bottom': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(500px)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateY(65px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'translateY(28px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.9, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'translateY(8px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-in-fwd': [ + { + offset: 0, + fillMode: 'both', + transform: 'scale(0)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'scale(0.7)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'scale(0.84)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.89, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'scale(0.95)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-in-bck': [ + { + offset: 0, + fillMode: 'both', + transform: 'scale(7)', + easing: 'ease-in', + opacity: 0 + }, + { + offset: 0.38, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'scale(1.5)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.72, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.81, + fillMode: 'both', + transform: 'scale(1.24)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.89, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + }, + { + offset: 0.95, + fillMode: 'both', + transform: 'scale(1.04)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 1, + fillMode: 'both', + transform: 'scale(1)', + easing: 'ease-out', + opacity: 1 + } + ], + 'roll-in-left': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateX(-800px) rotate(-540deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateX(0) rotate(0deg)', + opacity: 1 + } + ], + 'roll-in-top': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateY(-800px) rotate(-540deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateY(0) rotate(0deg)', + opacity: 1 + } + ], + 'roll-in-right': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateX(800px) rotate(540deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateX(0) rotate(0deg)', + opacity: 1 + } + ], + 'roll-in-bottom': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateY(800px) rotate(540deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'translateY(0) rotate(0deg)', + opacity: 1 + } + ], + 'roll-in-blurred-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(-100vw) rotate(-540deg)', + filter: 'blur(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(0) rotate(0deg)', + filter: 'blur(0)', + opacity: 1 + } + ], + 'roll-in-blurred-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(-100vh) rotate(-720deg)', + filter: 'blur(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(0) rotate(0deg)', + filter: 'blur(0)', + opacity: 1 + } + ], + 'roll-in-blurred-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(100vw) rotate(720deg)', + filter: 'blur(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateX(0) rotate(0deg)', + filter: 'blur(0)', + opacity: 1 + } + ], + 'roll-in-blurred-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(800px) rotate(720deg)', + filter: 'blur(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', + fillMode: 'both', + transform: 'translateY(0) rotate(0deg)', + filter: 'blur(0)', + opacity: 1 + } + ], + 'tilt-in-top-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(30deg) translateY(-300px) skewY(-30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0deg) translateY(0) skewY(0deg)', + opacity: 1 + } + ], + 'tilt-in-top-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-30deg) translateY(-300px) skewY(30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0deg) translateY(0) skewY(0deg)', + opacity: 1 + } + ], + 'tilt-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-right-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(-30deg) translateX(300px) skewX(30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0deg) translateX(0) skewX(0deg)', + opacity: 1 + } + ], + 'tilt-in-right-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(30deg) translateX(300px) skewX(-30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0deg) translateX(0) skewX(0deg)', + opacity: 1 + } + ], + 'tilt-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-bottom-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(30deg) translateY(300px) skewY(-30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0deg) translateY(0) skewY(0deg)', + opacity: 1 + } + ], + 'tilt-in-bottom-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-30deg) translateY(300px) skewY(30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0deg) translateY(0) skewY(0deg)', + opacity: 1 + } + ], + 'tilt-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-left-1': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(-30deg) translateX(-300px) skewX(-30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0deg) translateX(0) skewX(0deg)', + opacity: 1 + } + ], + 'tilt-in-left-2': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(30deg) translateX(-300px) skewX(30deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateX(0deg) translateX(0) skewX(0deg)', + opacity: 1 + } + ], + 'tilt-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-fwd-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-fwd-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-fwd-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'tilt-in-fwd-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', + opacity: 1 + } + ], + 'swing-in-top-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(-100deg)', + transformOrigin: 'top', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(0deg)', + transformOrigin: 'top', + opacity: 1 + } + ], + 'swing-in-top-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(70deg)', + transformOrigin: 'top', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(0deg)', + transformOrigin: 'top', + opacity: 1 + } + ], + 'swing-in-right-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(-100deg)', + transformOrigin: 'right', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'right', + opacity: 1 + } + ], + 'swing-in-right-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(70deg)', + transformOrigin: 'right', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'right', + opacity: 1 + } + ], + 'swing-in-bottom-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(100deg)', + transformOrigin: 'bottom', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'bottom', + opacity: 1 + } + ], + 'swing-in-bottom-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(-70deg)', + transformOrigin: 'bottom', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateX(0)', + transformOrigin: 'bottom', + opacity: 1 + } + ], + 'swing-in-left-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(100deg)', + transformOrigin: 'left', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'left', + opacity: 1 + } + ], + 'swing-in-left-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(-70deg)', + transformOrigin: 'left', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', + fillMode: 'both', + transform: 'rotateY(0)', + transformOrigin: 'left', + opacity: 1 + } + ], + 'fade-in-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateZ(-80px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'fade-in-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateZ(80px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'fade-in-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateY(-50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateY(0)', + opacity: 1 + } + ], + 'fade-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(50px) translateY(-50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + opacity: 1 + } + ], + 'fade-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(50px) translateY(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + opacity: 1 + } + ], + 'fade-in-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateY(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateY(0)', + opacity: 1 + } + ], + 'fade-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(-50px) translateY(50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + opacity: 1 + } + ], + 'fade-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(-50px) translateY(-50px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + opacity: 1 + } + ], + 'puff-in-center': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '50% 0%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '50% 0%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '100% 0%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 0%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '100% 50%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '100% 100%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '100% 100%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '50% 100%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '50% 100%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '0% 100%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 100%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '0% 50%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 50%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(2)', + transformOrigin: '0% 0%', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scale(1)', + transformOrigin: '0% 0%', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-hor': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scaleX(2)', + transformOrigin: 'center center', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scaleX(1)', + transformOrigin: 'center center', + filter: 'blur(0)', + opacity: 1 + } + ], + 'puff-in-ver': [ + { + offset: 0, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scaleY(2)', + transformOrigin: 'center center', + filter: 'blur(4px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', + fillMode: 'both', + transform: 'scaleY(1)', + transformOrigin: 'center center', + filter: 'blur(0)', + opacity: 1 + } + ], + 'flicker-in-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.1, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.101, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.102, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.2, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.201, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.206, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.3, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.301, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.305, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.306, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.45, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.451, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.55, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.551, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.57, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.571, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.6, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.601, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.65, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.651, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.75, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.751, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.77, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.771, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.85, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.851, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.86, + easing: 'linear', + fillMode: 'both', + opacity: 0 + }, + { + offset: 0.861, + easing: 'linear', + fillMode: 'both', + opacity: 1 + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + opacity: 1 + } + ], + 'flicker-in-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'initial' + }, + { + offset: 0.1, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.101, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: 'none' + }, + { + offset: 0.102, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.2, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.201, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.206, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.3, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.301, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.305, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.306, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.45, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.451, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.55, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25)' + }, + { + offset: 0.551, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.57, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.571, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3)' + }, + { + offset: 0.6, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3)' + }, + { + offset: 0.601, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.65, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.651, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1)' + }, + { + offset: 0.75, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1)' + }, + { + offset: 0.751, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.77, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.771, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1)' + }, + { + offset: 0.85, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1)' + }, + { + offset: 0.851, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.86, + easing: 'linear', + fillMode: 'both', + opacity: 0, + boxShadow: 'none' + }, + { + offset: 0.861, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + opacity: 1, + boxShadow: + '0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1)' + } + ], + 'tracking-in-expand': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '-0.5em', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 1 + } + ], + 'tracking-in-expand-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '-0.5em', + transform: 'translateZ(-700px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'tracking-in-expand-fwd-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '-0.5em', + transform: 'translateZ(-700px) translateY(-500px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'tracking-in-expand-fwd-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '-0.5em', + transform: 'translateZ(-700px) translateY(500px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'tracking-in-contract': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '1em', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 1 + } + ], + 'tracking-in-contract-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '1em', + transform: 'translateZ(400px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0)', + opacity: 1 + } + ], + 'tracking-in-contract-bck-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '1em', + transform: 'translateZ(400px) translateY(-300px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'tracking-in-contract-bck-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: '1em', + transform: 'translateZ(400px) translateY(300px)', + opacity: 0 + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + opacity: 0.6 + }, + { + offset: 1, + easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0) translateY(0)', + opacity: 1 + } + ], + 'text-focus-in': [ + { + offset: 0, + easing: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)', + filter: 'blur(12px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)', + filter: 'blur(0px)', + opacity: 1 + } + ], + 'focus-in-expand': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: '-0.5em', + filter: 'blur(12px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: 'normal', + filter: 'blur(0px)', + opacity: 1 + } + ], + 'focus-in-expand-fwd': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: '-0.5em', + transform: 'translateZ(-800px)', + filter: 'blur(12px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(0)', + filter: 'blur(0px)', + opacity: 1 + } + ], + 'focus-in-contract': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: '1em', + filter: 'blur(12px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: 'normal', + filter: 'blur(0px)', + opacity: 1 + } + ], + 'focus-in-contract-bck': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: '1em', + transform: 'translateZ(300px)', + filter: 'blur(12px)', + opacity: 0 + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + letterSpacing: 'normal', + transform: 'translateZ(12px)', + filter: 'blur(0px)', + opacity: 1 + } + ], + 'text-shadow-drop-center': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '0 0 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-top': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '0 -6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-tr': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '6px -6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-right': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '6px 0 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-br': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '6px 6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-bottom': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '0 6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-bl': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '-6px 6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-left': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '-6px 0 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-drop-tl': [ + { + offset: 0, + fillMode: 'both', + textShadow: '0 0 0 rgba(0, 0, 0, 0)' + }, + { + offset: 1, + fillMode: 'both', + textShadow: '-6px -6px 18px rgba(0, 0, 0, 0.35)' + } + ], + 'text-shadow-pop-top': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(8px)', + textShadow: + '0 -1px #555555, 0 -2px #555555, 0 -3px #555555, 0 -4px #555555, 0 -5px #555555, 0 -6px #555555, 0 -7px #555555, 0 -8px #555555' + } + ], + 'text-shadow-pop-tr': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(-8px) translateY(8px)', + textShadow: + '1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555' + } + ], + 'text-shadow-pop-right': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(-8px)', + textShadow: + '1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555' + } + ], + 'text-shadow-pop-br': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(-8px) translateY(-8px)', + textShadow: + '1px 1px #555555, 2px 2px #555555, 3px 3px #555555, 4px 4px #555555, 5px 5px #555555, 6px 6px #555555, 7px 7px #555555, 8px 8px #555555' + } + ], + 'text-shadow-pop-bottom': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(-8px)', + textShadow: + '0 1px #555555, 0 2px #555555, 0 3px #555555, 0 4px #555555, 0 5px #555555, 0 6px #555555, 0 7px #555555, 0 8px #555555' + } + ], + 'text-shadow-pop-bl': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(8px) translateY(-8px)', + textShadow: + '-1px 1px #555555, -2px 2px #555555, -3px 3px #555555, -4px 4px #555555, -5px 5px #555555, -6px 6px #555555, -7px 7px #555555, -8px 8px #555555' + } + ], + 'text-shadow-pop-left': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(8px)', + textShadow: + '-1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555' + } + ], + 'text-shadow-pop-tl': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0) translateY(0)', + textShadow: + '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(8px) translateY(8px)', + textShadow: + '-1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555' + } + ], + 'text-pop-up-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-50px) translateX(50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(50px) translateX(50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(50px) translateX(-50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateX(-50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'text-pop-up-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(0) translateX(0)', + transformOrigin: '50% 50%', + textShadow: 'none' + }, + { + offset: 1, + easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', + fillMode: 'both', + transform: 'translateY(-50px) translateX(-50px)', + transformOrigin: '50% 50%', + textShadow: + '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' + } + ], + 'vibrate-1': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translate(0)' + }, + { + offset: 0.2, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, 2px)' + }, + { + offset: 0.4, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, -2px)' + }, + { + offset: 0.6, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, 2px)' + }, + { + offset: 0.8, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, -2px)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translate(0)' + } + ], + 'vibrate-2': [ + { + offset: 0, + easing: 'linear', + fillMode: 'both', + transform: 'translate(0)' + }, + { + offset: 0.1, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, -2px)' + }, + { + offset: 0.2, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, -2px)' + }, + { + offset: 0.3, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, 2px)' + }, + { + offset: 0.4, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, 2px)' + }, + { + offset: 0.5, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, -2px)' + }, + { + offset: 0.6, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, -2px)' + }, + { + offset: 0.7, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, 2px)' + }, + { + offset: 0.8, + easing: 'linear', + fillMode: 'both', + transform: 'translate(-2px, -2px)' + }, + { + offset: 0.9, + easing: 'linear', + fillMode: 'both', + transform: 'translate(2px, -2px)' + }, + { + offset: 1, + easing: 'linear', + fillMode: 'both', + transform: 'translate(0)' + } + ], + 'shake-horizontal': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0)' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-10px)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(10px)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-10px)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(10px)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-10px)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(10px)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-10px)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(8px)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(-8px)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateX(0)' + } + ], + 'shake-vertical': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0)' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-8px)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(8px)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-8px)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(8px)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-8px)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(8px)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-8px)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(6.4px)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(-6.4px)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'translateY(0)' + } + ], + 'shake-lr': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 50%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(8deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-10deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(10deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-10deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(10deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-10deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(10deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-8deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(8deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 50%' + } + ], + 'shake-top': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 0' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 0' + } + ], + 'shake-tr': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 0' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 0' + } + ], + 'shake-right': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 50%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 50%' + } + ], + 'shake-br': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 100%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '100% 100%' + } + ], + 'shake-bottom': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 100%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '50% 100%' + } + ], + 'shake-bl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 100%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 100%' + } + ], + 'shake-left': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 50%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 50%' + } + ], + 'shake-tl': [ + { + offset: 0, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 0%' + }, + { + offset: 0.1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 0.2, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.3, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.4, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.5, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.6, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-4deg)' + }, + { + offset: 0.7, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(4deg)' + }, + { + offset: 0.8, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(-2deg)' + }, + { + offset: 0.9, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(2deg)' + }, + { + offset: 1, + easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', + fillMode: 'both', + transform: 'rotate(0deg)', + transformOrigin: '0% 0%' + } + ], + 'jello-horizontal': [ + { + offset: 0, + fillMode: 'both', + transform: 'scale3d(1, 1, 1)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'scale3d(1.25, 0.75, 1)' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'scale3d(0.75, 1.25, 1)' + }, + { + offset: 0.5, + fillMode: 'both', + transform: 'scale3d(1.15, 0.85, 1)' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'scale3d(0.95, 1.05, 1)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'scale3d(1.05, 0.95, 1)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'scale3d(1, 1, 1)' + } + ], + 'jello-vertical': [ + { + offset: 0, + fillMode: 'both', + transform: 'scale3d(1, 1, 1)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'scale3d(0.75, 1.25, 1)' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'scale3d(1.25, 0.75, 1)' + }, + { + offset: 0.5, + fillMode: 'both', + transform: 'scale3d(0.85, 1.15, 1)' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'scale3d(1.05, 0.95, 1)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'scale3d(0.95, 1.05, 1)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'scale3d(1, 1, 1)' + } + ], + 'jello-diagonal-1': [ + { + offset: 0, + fillMode: 'both', + transform: 'skew(0deg, 0deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: ' skew(25deg, 25deg)' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'skew(-15deg, -15deg)' + }, + { + offset: 0.5, + fillMode: 'both', + transform: 'skew(15deg, 15deg)' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'skew(-5deg, -5deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'skew(5deg, 5deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'skew(0deg, 0deg)' + } + ], + 'jello-diagonal-2': [ + { + offset: 0, + fillMode: 'both', + transform: 'skew(0deg, 0deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'skew(-25deg, -25deg)' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'skew(15deg, 15deg)' + }, + { + offset: 0.5, + fillMode: 'both', + transform: 'skew(-15deg, -15deg)' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'skew(5deg, 5deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'skew(-5deg, -5deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'skew(0deg, 0deg)' + } + ], + 'wobble-hor-bottom': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%' + }, + { + offset: 0.15, + fillMode: 'both', + transform: 'translateX(-30px) rotate(-6deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'translateX(15px) rotate(6deg)' + }, + { + offset: 0.45, + fillMode: 'both', + transform: 'translateX(-15px) rotate(-3.6deg)' + }, + { + offset: 0.6, + fillMode: 'both', + transform: 'translateX(9px) rotate(2.4deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateX(-6px) rotate(-1.2deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%' + } + ], + 'wobble-hor-top': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%' + }, + { + offset: 0.15, + fillMode: 'both', + transform: 'translateX(-30px) rotate(6deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'translateX(15px) rotate(-6deg)' + }, + { + offset: 0.45, + fillMode: 'both', + transform: 'translateX(-15px) rotate(3.6deg)' + }, + { + offset: 0.6, + fillMode: 'both', + transform: 'translateX(9px) rotate(-2.4deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateX(-6px) rotate(1.2deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0)', + transformOrigin: '50% 50%' + } + ], + 'wobble-ver-left': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(0) rotate(0)', + transformOrigin: '50% 50%' + }, + { + offset: 0.15, + fillMode: 'both', + transform: 'translateY(-30px) rotate(-6deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'translateY(15px) rotate(6deg)' + }, + { + offset: 0.45, + fillMode: 'both', + transform: 'translateY(-15px) rotate(-3.6deg)' + }, + { + offset: 0.6, + fillMode: 'both', + transform: 'translateY(9px) rotate(2.4deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateY(-6px) rotate(-1.2deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0) rotate(0)', + transformOrigin: '50% 50%' + } + ], + 'wobble-ver-right': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(0) rotate(0)', + transformOrigin: '50% 50%' + }, + { + offset: 0.15, + fillMode: 'both', + transform: 'translateY(-30px) rotate(6deg)' + }, + { + offset: 0.3, + fillMode: 'both', + transform: 'translateY(15px) rotate(-6deg)' + }, + { + offset: 0.45, + fillMode: 'both', + transform: 'translateY(-15px) rotate(3.6deg)' + }, + { + offset: 0.6, + fillMode: 'both', + transform: 'translateY(9px) rotate(-2.4deg)' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateY(-6px) rotate(1.2deg)' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0) rotate(0)', + transformOrigin: '50% 50%' + } + ], + 'bounce-top': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(-45px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.24, + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.25, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'translateY(-24px)', + easing: 'ease-in' + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'translateY(-12px)', + easing: 'ease-in' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.82, + fillMode: 'both', + transform: 'translateY(-6px)', + easing: 'ease-in' + }, + { + offset: 0.87, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.93, + fillMode: 'both', + transform: 'translateY(-4px)', + easing: 'ease-in' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-bottom': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateY(45px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.24, + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.25, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'translateY(24px)', + easing: 'ease-in' + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'translateY(12px)', + easing: 'ease-in' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.82, + fillMode: 'both', + transform: 'translateY(6px)', + easing: 'ease-in' + }, + { + offset: 0.87, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out' + }, + { + offset: 0.93, + fillMode: 'both', + transform: 'translateY(4px)', + easing: 'ease-in' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateY(0px)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-left': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(-48px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.24, + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.25, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'translateX(-26px)', + easing: 'ease-in' + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'translateX(-13px)', + easing: 'ease-in' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.82, + fillMode: 'both', + transform: 'translateX(-6.5px)', + easing: 'ease-in' + }, + { + offset: 0.87, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.93, + fillMode: 'both', + transform: 'translateX(-4px)', + easing: 'ease-in' + }, + { + offset: 0.98, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out', + opacity: 1 + } + ], + 'bounce-right': [ + { + offset: 0, + fillMode: 'both', + transform: 'translateX(48px)', + easing: 'ease-in', + opacity: 1 + }, + { + offset: 0.24, + fillMode: 'both', + opacity: 1 + }, + { + offset: 0.25, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.4, + fillMode: 'both', + transform: 'translateX(26px)', + easing: 'ease-in' + }, + { + offset: 0.55, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.65, + fillMode: 'both', + transform: 'translateX(13px)', + easing: 'ease-in' + }, + { + offset: 0.75, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.82, + fillMode: 'both', + transform: 'translateX(6.5px)', + easing: 'ease-in' + }, + { + offset: 0.87, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 0.93, + fillMode: 'both', + transform: 'translateX(4px)', + easing: 'ease-in' + }, + { + offset: 0.98, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out' + }, + { + offset: 1, + fillMode: 'both', + transform: 'translateX(0px)', + easing: 'ease-out', + opacity: 1 + } + ], + 'pulsate-bck': [ + { + offset: 0, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1)' + }, + { + offset: 0.5, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(0.9)' + }, + { + offset: 1, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1)' + } + ], + 'pulsate-fwd': [ + { + offset: 0, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1)' + }, + { + offset: 0.5, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1.1)' + }, + { + offset: 1, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1)' + } + ], + ping: [ + { + offset: 0, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(0.2)', + opacity: 0.8 + }, + { + offset: 0.8, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(1.2)', + opacity: 0 + }, + { + offset: 1, + easing: 'ease-in-out', + fillMode: 'both', + transform: 'scale(2.2)', + opacity: 0 + } + ], + 'ken-burns-top': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translateY(0)', + transformOrigin: '50% 16%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translateY(-15px)', + transformOrigin: 'top' + } + ], + 'ken-burns-top-right': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '84% 16%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translate(20px, -15px)', + transformOrigin: 'right top' + } + ], + 'ken-burns-right': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '84% 50%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translateX(20px)', + transformOrigin: 'right' + } + ], + 'ken-burns-bottom-right': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '84% 84%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translate(20px, 15px)', + transformOrigin: 'right bottom' + } + ], + 'ken-burns-bottom': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translateY(0)', + transformOrigin: '50% 84%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translateY(15px)', + transformOrigin: 'bottom' + } + ], + 'ken-burns-bottom-left': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '16% 84%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translate(-20px, 15px)', + transformOrigin: 'left bottom' + } + ], + 'ken-burns-left': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '16% 50%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translateX(-20px)', + transformOrigin: 'left' + } + ], + 'ken-burns-top-left': [ + { + offset: 0, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1) translate(0, 0)', + transformOrigin: '16% 16%' + }, + { + offset: 1, + easing: 'ease-out', + fillMode: 'both', + transform: 'scale(1.25) translate(-20px, -15px)', + transformOrigin: 'left top' + } + ] }; diff --git a/src/components/animation/animations/animista/jello.ts b/src/components/animation/animations/animista/jello.ts deleted file mode 100644 index 488353704..000000000 --- a/src/components/animation/animations/animista/jello.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { ANIMATIONS } from './common'; - -const JELLO_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const JELLO_HORIZONTAL: Keyframe[] = [ - { offset: 0, ...JELLO_DEFAULT, transform: 'scale3d(1, 1, 1)' }, - { offset: 0.3, ...JELLO_DEFAULT, transform: 'scale3d(1.25, 0.75, 1)' }, - { offset: 0.4, ...JELLO_DEFAULT, transform: 'scale3d(0.75, 1.25, 1)' }, - { offset: 0.5, ...JELLO_DEFAULT, transform: 'scale3d(1.15, 0.85, 1)' }, - { offset: 0.65, ...JELLO_DEFAULT, transform: 'scale3d(0.95, 1.05, 1)' }, - { offset: 0.75, ...JELLO_DEFAULT, transform: 'scale3d(1.05, 0.95, 1)' }, - { offset: 1, ...JELLO_DEFAULT, transform: 'scale3d(1, 1, 1)' } -]; - -const JELLO_VERTICAL: Keyframe[] = [ - { offset: 0, ...JELLO_DEFAULT, transform: 'scale3d(1, 1, 1)' }, - { offset: 0.3, ...JELLO_DEFAULT, transform: 'scale3d(0.75, 1.25, 1)' }, - { offset: 0.4, ...JELLO_DEFAULT, transform: 'scale3d(1.25, 0.75, 1)' }, - { offset: 0.5, ...JELLO_DEFAULT, transform: 'scale3d(0.85, 1.15, 1)' }, - { offset: 0.65, ...JELLO_DEFAULT, transform: 'scale3d(1.05, 0.95, 1)' }, - { offset: 0.75, ...JELLO_DEFAULT, transform: 'scale3d(0.95, 1.05, 1)' }, - { offset: 1, ...JELLO_DEFAULT, transform: 'scale3d(1, 1, 1)' } -]; - -const JELLO_DIAGONAL_1: Keyframe[] = [ - { offset: 0, ...JELLO_DEFAULT, transform: 'skew(0deg, 0deg)' }, - { offset: 0.3, ...JELLO_DEFAULT, transform: ' skew(25deg, 25deg)' }, - { offset: 0.4, ...JELLO_DEFAULT, transform: 'skew(-15deg, -15deg)' }, - { offset: 0.5, ...JELLO_DEFAULT, transform: 'skew(15deg, 15deg)' }, - { offset: 0.65, ...JELLO_DEFAULT, transform: 'skew(-5deg, -5deg)' }, - { offset: 0.75, ...JELLO_DEFAULT, transform: 'skew(5deg, 5deg)' }, - { offset: 1, ...JELLO_DEFAULT, transform: 'skew(0deg, 0deg)' } -]; - -const JELLO_DIAGONAL_2: Keyframe[] = [ - { offset: 0, ...JELLO_DEFAULT, transform: 'skew(0deg, 0deg)' }, - { offset: 0.3, ...JELLO_DEFAULT, transform: 'skew(-25deg, -25deg)' }, - { offset: 0.4, ...JELLO_DEFAULT, transform: 'skew(15deg, 15deg)' }, - { offset: 0.5, ...JELLO_DEFAULT, transform: 'skew(-15deg, -15deg)' }, - { offset: 0.65, ...JELLO_DEFAULT, transform: 'skew(5deg, 5deg)' }, - { offset: 0.75, ...JELLO_DEFAULT, transform: 'skew(-5deg, -5deg)' }, - { offset: 1, ...JELLO_DEFAULT, transform: 'skew(0deg, 0deg)' } -]; - -export default { - [ANIMATIONS.JELLO_HORIZONTAL]: JELLO_HORIZONTAL, - [ANIMATIONS.JELLO_VERTICAL]: JELLO_VERTICAL, - [ANIMATIONS.JELLO_DIAGONAL_1]: JELLO_DIAGONAL_1, - [ANIMATIONS.JELLO_DIAGONAL_2]: JELLO_DIAGONAL_2 -}; diff --git a/src/components/animation/animations/animista/ken-burns.ts b/src/components/animation/animations/animista/ken-burns.ts deleted file mode 100644 index b6429b66f..000000000 --- a/src/components/animation/animations/animista/ken-burns.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { ANIMATIONS } from './common'; - -const KEN_BURNS_DEFAULT: Keyframe = { - easing: 'ease-out', - fillMode: 'both' -}; - -const KEN_BURNS_TOP: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translateY(0)', transformOrigin: '50% 16%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translateY(-15px)', transformOrigin: 'top' } -]; - -const KEN_BURNS_TOP_RIGHT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '84% 16%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translate(20px, -15px)', transformOrigin: 'right top' } -]; - -const KEN_BURNS_RIGHT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '84% 50%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translateX(20px)', transformOrigin: 'right' } -]; - -const KEN_BURNS_BOTTOM_RIGHT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '84% 84%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translate(20px, 15px)', transformOrigin: 'right bottom' } -]; - -const KEN_BURNS_BOTTOM: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translateY(0)', transformOrigin: '50% 84%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translateY(15px)', transformOrigin: 'bottom' } -]; - -const KEN_BURNS_BOTTOM_LEFT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '16% 84%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translate(-20px, 15px)', transformOrigin: 'left bottom' } -]; - -const KEN_BURNS_LEFT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '16% 50%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translateX(-20px)', transformOrigin: 'left' } -]; - -const KEN_BURNS_TOP_LEFT: Keyframe[] = [ - { offset: 0, ...KEN_BURNS_DEFAULT, transform: 'scale(1) translate(0, 0)', transformOrigin: '16% 16%' }, - { offset: 1, ...KEN_BURNS_DEFAULT, transform: 'scale(1.25) translate(-20px, -15px)', transformOrigin: 'left top' } -]; - -export default { - [ANIMATIONS.KEN_BURNS_TOP]: KEN_BURNS_TOP, - [ANIMATIONS.KEN_BURNS_TOP_RIGHT]: KEN_BURNS_TOP_RIGHT, - [ANIMATIONS.KEN_BURNS_RIGHT]: KEN_BURNS_RIGHT, - [ANIMATIONS.KEN_BURNS_BOTTOM_RIGHT]: KEN_BURNS_BOTTOM_RIGHT, - [ANIMATIONS.KEN_BURNS_BOTTOM]: KEN_BURNS_BOTTOM, - [ANIMATIONS.KEN_BURNS_BOTTOM_LEFT]: KEN_BURNS_BOTTOM_LEFT, - [ANIMATIONS.KEN_BURNS_LEFT]: KEN_BURNS_LEFT, - [ANIMATIONS.KEN_BURNS_TOP_LEFT]: KEN_BURNS_TOP_LEFT -}; diff --git a/src/components/animation/animations/animista/puff-in.ts b/src/components/animation/animations/animista/puff-in.ts deleted file mode 100644 index 9b7d67df3..000000000 --- a/src/components/animation/animations/animista/puff-in.ts +++ /dev/null @@ -1,227 +0,0 @@ -import { ANIMATIONS } from './common'; - -const PUFF_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', - fillMode: 'both' -}; - -const PUFF_IN_CENTER: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_TOP: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '50% 0%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '50% 0%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_TR: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '100% 0%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 0%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '100% 50%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_BR: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '100% 100%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 100%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '50% 100%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '50% 100%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_BL: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '0% 100%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 100%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_LEFT: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '0% 50%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_TL: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scale(2)', - transformOrigin: '0% 0%', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 0%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_HOR: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scaleX(2)', - transformOrigin: 'center center', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scaleX(1)', - transformOrigin: 'center center', - filter: 'blur(0)', - opacity: 1 - } -]; - -const PUFF_IN_VER: Keyframe[] = [ - { - offset: 0, - ...PUFF_IN_DEFAULT, - transform: 'scaleY(2)', - transformOrigin: 'center center', - filter: 'blur(4px)', - opacity: 0 - }, - { - offset: 1, - ...PUFF_IN_DEFAULT, - transform: 'scaleY(1)', - transformOrigin: 'center center', - filter: 'blur(0)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.PUFF_IN_CENTER]: PUFF_IN_CENTER, - [ANIMATIONS.PUFF_IN_TOP]: PUFF_IN_TOP, - [ANIMATIONS.PUFF_IN_TR]: PUFF_IN_TR, - [ANIMATIONS.PUFF_IN_RIGHT]: PUFF_IN_RIGHT, - [ANIMATIONS.PUFF_IN_BR]: PUFF_IN_BR, - [ANIMATIONS.PUFF_IN_BOTTOM]: PUFF_IN_BOTTOM, - [ANIMATIONS.PUFF_IN_BL]: PUFF_IN_BL, - [ANIMATIONS.PUFF_IN_LEFT]: PUFF_IN_LEFT, - [ANIMATIONS.PUFF_IN_TL]: PUFF_IN_TL, - [ANIMATIONS.PUFF_IN_HOR]: PUFF_IN_HOR, - [ANIMATIONS.PUFF_IN_VER]: PUFF_IN_VER -}; diff --git a/src/components/animation/animations/animista/pulsate.ts b/src/components/animation/animations/animista/pulsate.ts deleted file mode 100644 index b4d6b66c7..000000000 --- a/src/components/animation/animations/animista/pulsate.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { ANIMATIONS } from './common'; - -const PULSATE_DEFAULT: Keyframe = { - easing: 'ease-in-out', - fillMode: 'both' -}; - -const PULSATE_BCK: Keyframe[] = [ - { offset: 0, ...PULSATE_DEFAULT, transform: 'scale(1)' }, - { offset: 0.5, ...PULSATE_DEFAULT, transform: 'scale(0.9)' }, - { offset: 1, ...PULSATE_DEFAULT, transform: 'scale(1)' } -]; - -const PULSATE_FWD: Keyframe[] = [ - { offset: 0, ...PULSATE_DEFAULT, transform: 'scale(1)' }, - { offset: 0.5, ...PULSATE_DEFAULT, transform: 'scale(1.1)' }, - { offset: 1, ...PULSATE_DEFAULT, transform: 'scale(1)' } -]; - -const PING: Keyframe[] = [ - { offset: 0, ...PULSATE_DEFAULT, transform: 'scale(0.2)', opacity: 0.8 }, - { offset: 0.8, ...PULSATE_DEFAULT, transform: 'scale(1.2)', opacity: 0 }, - { offset: 1, ...PULSATE_DEFAULT, transform: 'scale(2.2)', opacity: 0 } -]; - -export default { - [ANIMATIONS.PULSATE_BCK]: PULSATE_BCK, - [ANIMATIONS.PULSATE_FWD]: PULSATE_FWD, - [ANIMATIONS.PING]: PING -}; diff --git a/src/components/animation/animations/animista/roll-in-blurred.ts b/src/components/animation/animations/animista/roll-in-blurred.ts deleted file mode 100644 index 1022a0b30..000000000 --- a/src/components/animation/animations/animista/roll-in-blurred.ts +++ /dev/null @@ -1,81 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROLL_IN_BLURRED_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', - fillMode: 'both' -}; - -const ROLL_IN_BLURRED_LEFT: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateX(-100vw) rotate(-540deg)', - filter: 'blur(50px)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateX(0) rotate(0deg)', - filter: 'blur(0)', - opacity: 1 - } -]; - -const ROLL_IN_BLURRED_TOP: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateY(-100vh) rotate(-720deg)', - filter: 'blur(50px)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateY(0) rotate(0deg)', - filter: 'blur(0)', - opacity: 1 - } -]; - -const ROLL_IN_BLURRED_RIGHT: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateX(100vw) rotate(720deg)', - filter: 'blur(50px)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateX(0) rotate(0deg)', - filter: 'blur(0)', - opacity: 1 - } -]; - -const ROLL_IN_BLURRED_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateY(800px) rotate(720deg)', - filter: 'blur(50px)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_BLURRED_DEFAULT, - transform: 'translateY(0) rotate(0deg)', - filter: 'blur(0)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.ROLL_IN_BLURRED_LEFT]: ROLL_IN_BLURRED_LEFT, - [ANIMATIONS.ROLL_IN_BLURRED_TOP]: ROLL_IN_BLURRED_TOP, - [ANIMATIONS.ROLL_IN_BLURRED_RIGHT]: ROLL_IN_BLURRED_RIGHT, - [ANIMATIONS.ROLL_IN_BLURRED_BOTTOM]: ROLL_IN_BLURRED_BOTTOM -}; diff --git a/src/components/animation/animations/animista/roll-in.ts b/src/components/animation/animations/animista/roll-in.ts deleted file mode 100644 index 5201a3ce1..000000000 --- a/src/components/animation/animations/animista/roll-in.ts +++ /dev/null @@ -1,73 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROLL_IN_DEFAULT: Keyframe = { - easing: 'ease-out', - fillMode: 'both' -}; - -const ROLL_IN_LEFT: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_DEFAULT, - transform: 'translateX(-800px) rotate(-540deg)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_DEFAULT, - transform: 'translateX(0) rotate(0deg)', - opacity: 1 - } -]; - -const ROLL_IN_TOP: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_DEFAULT, - transform: 'translateY(-800px) rotate(-540deg)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_DEFAULT, - transform: 'translateY(0) rotate(0deg)', - opacity: 1 - } -]; - -const ROLL_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_DEFAULT, - transform: 'translateX(800px) rotate(540deg)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_DEFAULT, - transform: 'translateX(0) rotate(0deg)', - opacity: 1 - } -]; - -const ROLL_IN_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...ROLL_IN_DEFAULT, - transform: 'translateY(800px) rotate(540deg)', - opacity: 0 - }, - { - offset: 1, - ...ROLL_IN_DEFAULT, - transform: 'translateY(0) rotate(0deg)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.ROLL_IN_LEFT]: ROLL_IN_LEFT, - [ANIMATIONS.ROLL_IN_TOP]: ROLL_IN_TOP, - [ANIMATIONS.ROLL_IN_RIGHT]: ROLL_IN_RIGHT, - [ANIMATIONS.ROLL_IN_BOTTOM]: ROLL_IN_BOTTOM -}; diff --git a/src/components/animation/animations/animista/rotate-90.ts b/src/components/animation/animations/animista/rotate-90.ts deleted file mode 100644 index 38b4a78a9..000000000 --- a/src/components/animation/animations/animista/rotate-90.ts +++ /dev/null @@ -1,142 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_90_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const ROTATE_90_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)' } -]; - -const ROTATE_90_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)' } -]; - -const ROTATE_90_TOP_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: 'top' } -]; - -const ROTATE_90_TOP_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: 'top' } -]; - -const ROTATE_90_TR_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top right' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: 'top right' } -]; - -const ROTATE_90_TR_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top right' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: 'top right' } -]; - -const ROTATE_90_RIGHT_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'right' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: 'right' } -]; - -const ROTATE_90_RIGHT_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'right' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: 'right' } -]; - -const ROTATE_90_BR_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 100%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: '100% 100%' } -]; - -const ROTATE_90_BR_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 100%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: '100% 100%' } -]; - -const ROTATE_90_BOTTOM_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'bottom' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: 'bottom' } -]; - -const ROTATE_90_BOTTOM_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'bottom' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: 'bottom' } -]; - -const ROTATE_90_BL_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '0% 100%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: '0% 100%' } -]; - -const ROTATE_90_BL_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '0% 100%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: '0% 100%' } -]; - -const ROTATE_90_LEFT_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'left' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: 'left' } -]; - -const ROTATE_90_LEFT_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: 'left' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: 'left' } -]; - -const ROTATE_90_TL_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '0% 0%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(90deg)', transformOrigin: '0% 0%' } -]; - -const ROTATE_90_TL_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotate(0)', transformOrigin: '0% 0%' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotate(-90deg)', transformOrigin: '0% 0%' } -]; - -const ROTATE_90_HORIZONTAL_FWD: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotateX(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotateX(90deg)' } -]; - -const ROTATE_90_HORIZONTAL_BCK: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotateX(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotateX(-90deg)' } -]; - -const ROTATE_90_VERTICAL_FWD: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotateY(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotateY(90deg)' } -]; - -const ROTATE_90_VERTICAL_BCK: Keyframe[] = [ - { offset: 0, ...ROTATE_90_DEFAULT, transform: 'rotateY(0)' }, - { offset: 1, ...ROTATE_90_DEFAULT, transform: 'rotateY(-90deg)' } -]; - -export default { - [ANIMATIONS.ROTATE_90_CW]: ROTATE_90_CW, - [ANIMATIONS.ROTATE_90_CCW]: ROTATE_90_CCW, - [ANIMATIONS.ROTATE_90_TOP_CW]: ROTATE_90_TOP_CW, - [ANIMATIONS.ROTATE_90_TOP_CCW]: ROTATE_90_TOP_CCW, - [ANIMATIONS.ROTATE_90_TR_CW]: ROTATE_90_TR_CW, - [ANIMATIONS.ROTATE_90_TR_CCW]: ROTATE_90_TR_CCW, - [ANIMATIONS.ROTATE_90_RIGHT_CW]: ROTATE_90_RIGHT_CW, - [ANIMATIONS.ROTATE_90_RIGHT_CCW]: ROTATE_90_RIGHT_CCW, - [ANIMATIONS.ROTATE_90_BR_CW]: ROTATE_90_BR_CW, - [ANIMATIONS.ROTATE_90_BR_CCW]: ROTATE_90_BR_CCW, - [ANIMATIONS.ROTATE_90_BOTTOM_CW]: ROTATE_90_BOTTOM_CW, - [ANIMATIONS.ROTATE_90_BOTTOM_CCW]: ROTATE_90_BOTTOM_CCW, - [ANIMATIONS.ROTATE_90_BL_CW]: ROTATE_90_BL_CW, - [ANIMATIONS.ROTATE_90_BL_CCW]: ROTATE_90_BL_CCW, - [ANIMATIONS.ROTATE_90_LEFT_CW]: ROTATE_90_LEFT_CW, - [ANIMATIONS.ROTATE_90_LEFT_CCW]: ROTATE_90_LEFT_CCW, - [ANIMATIONS.ROTATE_90_TL_CW]: ROTATE_90_TL_CW, - [ANIMATIONS.ROTATE_90_TL_CCW]: ROTATE_90_TL_CCW, - [ANIMATIONS.ROTATE_90_HORIZONTAL_FWD]: ROTATE_90_HORIZONTAL_FWD, - [ANIMATIONS.ROTATE_90_HORIZONTAL_BCK]: ROTATE_90_HORIZONTAL_BCK, - [ANIMATIONS.ROTATE_90_VERTICAL_FWD]: ROTATE_90_VERTICAL_FWD, - [ANIMATIONS.ROTATE_90_VERTICAL_BCK]: ROTATE_90_VERTICAL_BCK -}; diff --git a/src/components/animation/animations/animista/rotate-in-2.ts b/src/components/animation/animations/animista/rotate-in-2.ts deleted file mode 100644 index 8b45940c7..000000000 --- a/src/components/animation/animations/animista/rotate-in-2.ts +++ /dev/null @@ -1,94 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_IN_2_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const ROTATE_IN_2_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(-45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_FWD_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(-200px) rotate(-45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(0) rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_FWD_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(-200px) rotate(45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(0) rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_BCK_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(200px) rotate(-45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(0) rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_BCK_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(200px) rotate(45deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'translateZ(0) rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_2_TR_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(-45deg)', transformOrigin: '100% 0%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 0%', opacity: 1 } -]; - -const ROTATE_IN_2_TR_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(45deg)', transformOrigin: '100% 0%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 0%', opacity: 1 } -]; - -const ROTATE_IN_2_BR_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(-45deg)', transformOrigin: '100% 100%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 100%', opacity: 1 } -]; - -const ROTATE_IN_2_BR_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(45deg)', transformOrigin: '100% 100%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '100% 100%', opacity: 1 } -]; - -const ROTATE_IN_2_BL_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(-45deg)', transformOrigin: '0 100%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '0 100%', opacity: 1 } -]; - -const ROTATE_IN_2_BL_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(45deg)', transformOrigin: '0 100%', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '0 100%', opacity: 1 } -]; - -const ROTATE_IN_2_TL_CW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(-45deg)', transformOrigin: '0 0', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '0 0', opacity: 1 } -]; - -const ROTATE_IN_2_TL_CCW: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(45deg)', transformOrigin: '0 0', opacity: 0 }, - { offset: 1, ...ROTATE_IN_2_DEFAULT, transform: 'rotate(0)', transformOrigin: '0 0', opacity: 1 } -]; - -export default { - [ANIMATIONS.ROTATE_IN_2_CW]: ROTATE_IN_2_CW, - [ANIMATIONS.ROTATE_IN_2_CCW]: ROTATE_IN_2_CCW, - [ANIMATIONS.ROTATE_IN_2_FWD_CW]: ROTATE_IN_2_FWD_CW, - [ANIMATIONS.ROTATE_IN_2_FWD_CCW]: ROTATE_IN_2_FWD_CCW, - [ANIMATIONS.ROTATE_IN_2_BCK_CW]: ROTATE_IN_2_BCK_CW, - [ANIMATIONS.ROTATE_IN_2_BCK_CCW]: ROTATE_IN_2_BCK_CCW, - [ANIMATIONS.ROTATE_IN_2_TR_CW]: ROTATE_IN_2_TR_CW, - [ANIMATIONS.ROTATE_IN_2_TR_CCW]: ROTATE_IN_2_TR_CCW, - [ANIMATIONS.ROTATE_IN_2_BR_CW]: ROTATE_IN_2_BR_CW, - [ANIMATIONS.ROTATE_IN_2_BR_CCW]: ROTATE_IN_2_BR_CCW, - [ANIMATIONS.ROTATE_IN_2_BL_CW]: ROTATE_IN_2_BL_CW, - [ANIMATIONS.ROTATE_IN_2_BL_CCW]: ROTATE_IN_2_BL_CCW, - [ANIMATIONS.ROTATE_IN_2_TL_CW]: ROTATE_IN_2_TL_CW, - [ANIMATIONS.ROTATE_IN_2_TL_CCW]: ROTATE_IN_2_TL_CCW -}; diff --git a/src/components/animation/animations/animista/rotate-in.ts b/src/components/animation/animations/animista/rotate-in.ts deleted file mode 100644 index bf3bc0819..000000000 --- a/src/components/animation/animations/animista/rotate-in.ts +++ /dev/null @@ -1,88 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const ROTATE_IN_CENTER: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_TOP: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'top', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top', opacity: 1 } -]; - -const ROTATE_IN_TR: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'top right', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top right', opacity: 1 } -]; - -const ROTATE_IN_RIGHT: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'right', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'right', opacity: 1 } -]; - -const ROTATE_IN_BR: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'bottom right', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'bottom right', opacity: 1 } -]; - -const ROTATE_IN_BOTTOM: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'bottom', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'bottom', opacity: 1 } -]; - -const ROTATE_IN_BL: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'bottom left', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'bottom left', opacity: 1 } -]; - -const ROTATE_IN_LEFT: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'left', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'left', opacity: 1 } -]; - -const ROTATE_IN_TL: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', transformOrigin: 'top left', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', transformOrigin: 'top left', opacity: 1 } -]; - -const ROTATE_IN_HOR: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(360deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_VER: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate(-360deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate(0)', opacity: 1 } -]; - -const ROTATE_IN_DIAG_1: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, -360deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', opacity: 1 } -]; - -const ROTATE_IN_DIAG_2: Keyframe[] = [ - { offset: 0, ...ROTATE_IN_DEFAULT, transform: 'rotate3d(-1, 1, 0, -360deg)', opacity: 0 }, - { offset: 1, ...ROTATE_IN_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)', opacity: 1 } -]; - -export default { - [ANIMATIONS.ROTATE_IN_CENTER]: ROTATE_IN_CENTER, - [ANIMATIONS.ROTATE_IN_TOP]: ROTATE_IN_TOP, - [ANIMATIONS.ROTATE_IN_TR]: ROTATE_IN_TR, - [ANIMATIONS.ROTATE_IN_RIGHT]: ROTATE_IN_RIGHT, - [ANIMATIONS.ROTATE_IN_BR]: ROTATE_IN_BR, - [ANIMATIONS.ROTATE_IN_BOTTOM]: ROTATE_IN_BOTTOM, - [ANIMATIONS.ROTATE_IN_BL]: ROTATE_IN_BL, - [ANIMATIONS.ROTATE_IN_LEFT]: ROTATE_IN_LEFT, - [ANIMATIONS.ROTATE_IN_TL]: ROTATE_IN_TL, - [ANIMATIONS.ROTATE_IN_HOR]: ROTATE_IN_HOR, - [ANIMATIONS.ROTATE_IN_VER]: ROTATE_IN_VER, - [ANIMATIONS.ROTATE_IN_DIAG_1]: ROTATE_IN_DIAG_1, - [ANIMATIONS.ROTATE_IN_DIAG_2]: ROTATE_IN_DIAG_2 -}; diff --git a/src/components/animation/animations/animista/rotate-scale.ts b/src/components/animation/animations/animista/rotate-scale.ts deleted file mode 100644 index 7c2cc34b2..000000000 --- a/src/components/animation/animations/animista/rotate-scale.ts +++ /dev/null @@ -1,79 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_SCALE_DEFAULT: Keyframe = { - easing: 'linear', - fillMode: 'both' -}; - -const ROTATE_SCALE_UP: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateZ(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(2) rotateZ(180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateZ(360deg)' } -]; - -const ROTATE_SCALE_DOWN: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateZ(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(0.5) rotateZ(180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateZ(360deg)' } -]; - -const ROTATE_SCALE_UP_HOR: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateX(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(2) rotateX(-180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateX(-360deg)' } -]; - -const ROTATE_SCALE_DOWN_HOR: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateX(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(0.5) rotateX(-180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateX(-360deg)' } -]; - -const ROTATE_SCALE_UP_VER: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateY(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(2) rotateY(180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateY(360deg)' } -]; - -const ROTATE_SCALE_DOWN_VER: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateY(0)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(0.5) rotateY(180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotateY(360deg)' } -]; - -const ROTATE_SCALE_UP_DIAG_1: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(2) rotate3d(1, 1, 0, -180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, -360deg)' } -]; - -const ROTATE_SCALE_DOWN_DIAG_1: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(0.5) rotate3d(1, 1, 0, -180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(1, 1, 0, -360deg)' } -]; - -const ROTATE_SCALE_UP_DIAG_2: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(2) rotate3d(-1, 1, 0, 180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 360deg)' } -]; - -const ROTATE_SCALE_DOWN_DIAG_2: Keyframe[] = [ - { offset: 0, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_SCALE_DEFAULT, transform: 'scale(0.5) rotate3d(-1, 1, 0, 180deg)' }, - { offset: 1, ...ROTATE_SCALE_DEFAULT, transform: 'scale(1) rotate3d(-1, 1, 0, 360deg)' } -]; - -export default { - [ANIMATIONS.ROTATE_SCALE_UP]: ROTATE_SCALE_UP, - [ANIMATIONS.ROTATE_SCALE_DOWN]: ROTATE_SCALE_DOWN, - [ANIMATIONS.ROTATE_SCALE_UP_HOR]: ROTATE_SCALE_UP_HOR, - [ANIMATIONS.ROTATE_SCALE_DOWN_HOR]: ROTATE_SCALE_DOWN_HOR, - [ANIMATIONS.ROTATE_SCALE_UP_VER]: ROTATE_SCALE_UP_VER, - [ANIMATIONS.ROTATE_SCALE_DOWN_VER]: ROTATE_SCALE_DOWN_VER, - [ANIMATIONS.ROTATE_SCALE_UP_DIAG_1]: ROTATE_SCALE_UP_DIAG_1, - [ANIMATIONS.ROTATE_SCALE_DOWN_DIAG_1]: ROTATE_SCALE_DOWN_DIAG_1, - [ANIMATIONS.ROTATE_SCALE_UP_DIAG_2]: ROTATE_SCALE_UP_DIAG_2, - [ANIMATIONS.ROTATE_SCALE_DOWN_DIAG_2]: ROTATE_SCALE_DOWN_DIAG_2 -}; diff --git a/src/components/animation/animations/animista/rotate.ts b/src/components/animation/animations/animista/rotate.ts deleted file mode 100644 index 72f114524..000000000 --- a/src/components/animation/animations/animista/rotate.ts +++ /dev/null @@ -1,328 +0,0 @@ -import { ANIMATIONS } from './common'; - -const ROTATE_DEFAULT: Keyframe = { - easing: 'ease-in-out', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const ROTATE_CENTER: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, transform: 'rotate(0)' }, - { offset: 1, ...ROTATE_DEFAULT, transform: 'rotate(360deg)' } -]; - -const ROTATE_TOP: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'top' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'top' - } -]; - -const ROTATE_TR: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'top right' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'top right' - } -]; - -const ROTATE_RIGHT: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'right' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'right' - } -]; - -const ROTATE_BR: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'bottom right' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'bottom right' - } -]; - -const ROTATE_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'bottom' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'bottom' - } -]; - -const ROTATE_BL: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'bottom left' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'bottom left' - } -]; - -const ROTATE_LEFT: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'left' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'left' - } -]; - -const ROTATE_TL: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(0)', - transformOrigin: 'top left' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - transform: 'rotate(360deg)', - transformOrigin: 'top left' - } -]; - -const ROTATE_HOR_CENTER: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', transform: 'rotateX(0)' }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', transform: 'rotateX(-360deg)' } -]; - -const ROTATE_HOR_TOP: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateX(0)', - transformOrigin: 'top' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateX(-360deg)', - transformOrigin: 'top' - } -]; - -const ROTATE_HOR_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateX(0)', - transformOrigin: 'bottom' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateX(360deg)', - transformOrigin: 'bottom' - } -]; - -const ROTATE_VERT_CENTER: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', transform: 'rotateY(0)' }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', transform: 'rotateY(360deg)' } -]; - -const ROTATE_VERT_LEFT: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateY(0)', - transformOrigin: 'left' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateY(360deg)', - transformOrigin: 'left' - } -]; - -const ROTATE_VERT_RIGHT: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateY(0)', - transformOrigin: 'right' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)', - transform: 'rotateY(-360deg)', - transformOrigin: 'right' - } -]; - -const ROTATE_DIAGONAL_1: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, -180deg)' }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, -360deg)' } -]; - -const ROTATE_DIAGONAL_2: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(-1, 1, 0, 0deg)' }, - { offset: 0.5, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(-1, 1, 0, 180deg)' }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(-1, 1, 0, 360deg)' } -]; - -const ROTATE_DIAGONAL_TR: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '100% 0%' }, - { - offset: 0.5, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(1, 1, 0, -180deg)', - transformOrigin: '100% 0%' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(1, 1, 0, -360deg)', - transformOrigin: '100% 0%' - } -]; - -const ROTATE_DIAGONAL_BR: Keyframe[] = [ - { - offset: 0, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(-1, 1, 0, 0deg)', - transformOrigin: '100% 100%' - }, - { - offset: 0.5, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(-1, 1, 0, -180deg)', - transformOrigin: '100% 100%' - }, - { - offset: 1, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(-1, 1, 0, -360deg)', - transformOrigin: '100% 100%' - } -]; - -const ROTATE_DIAGONAL_BL: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '0% 100%' }, - { - offset: 0.5, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(1, 1, 0, 180deg)', - transformOrigin: '0% 100%' - }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(1, 1, 0, 360deg)', transformOrigin: '0% 100%' } -]; - -const ROTATE_DIAGONAL_TL: Keyframe[] = [ - { offset: 0, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(-1, 1, 0, 0deg)', transformOrigin: '0% 0%' }, - { - offset: 0.5, - ...ROTATE_DEFAULT, - easing: 'linear', - transform: 'rotate3d(-1, 1, 0, 180deg)', - transformOrigin: '0% 0%' - }, - { offset: 1, ...ROTATE_DEFAULT, easing: 'linear', transform: 'rotate3d(-1, 1, 0, 360deg)', transformOrigin: '0% 0%' } -]; - -export default { - [ANIMATIONS.ROTATE_CENTER]: ROTATE_CENTER, - [ANIMATIONS.ROTATE_TOP]: ROTATE_TOP, - [ANIMATIONS.ROTATE_TR]: ROTATE_TR, - [ANIMATIONS.ROTATE_RIGHT]: ROTATE_RIGHT, - [ANIMATIONS.ROTATE_BR]: ROTATE_BR, - [ANIMATIONS.ROTATE_BOTTOM]: ROTATE_BOTTOM, - [ANIMATIONS.ROTATE_BL]: ROTATE_BL, - [ANIMATIONS.ROTATE_LEFT]: ROTATE_LEFT, - [ANIMATIONS.ROTATE_TL]: ROTATE_TL, - [ANIMATIONS.ROTATE_HOR_CENTER]: ROTATE_HOR_CENTER, - [ANIMATIONS.ROTATE_HOR_TOP]: ROTATE_HOR_TOP, - [ANIMATIONS.ROTATE_HOR_BOTTOM]: ROTATE_HOR_BOTTOM, - [ANIMATIONS.ROTATE_VERT_CENTER]: ROTATE_VERT_CENTER, - [ANIMATIONS.ROTATE_VERT_LEFT]: ROTATE_VERT_LEFT, - [ANIMATIONS.ROTATE_VERT_RIGHT]: ROTATE_VERT_RIGHT, - [ANIMATIONS.ROTATE_DIAGONAL_1]: ROTATE_DIAGONAL_1, - [ANIMATIONS.ROTATE_DIAGONAL_2]: ROTATE_DIAGONAL_2, - [ANIMATIONS.ROTATE_DIAGONAL_TR]: ROTATE_DIAGONAL_TR, - [ANIMATIONS.ROTATE_DIAGONAL_BR]: ROTATE_DIAGONAL_BR, - [ANIMATIONS.ROTATE_DIAGONAL_BL]: ROTATE_DIAGONAL_BL, - [ANIMATIONS.ROTATE_DIAGONAL_TL]: ROTATE_DIAGONAL_TL -}; diff --git a/src/components/animation/animations/animista/scale-down.ts b/src/components/animation/animations/animista/scale-down.ts deleted file mode 100644 index 5e57a3cbf..000000000 --- a/src/components/animation/animations/animista/scale-down.ts +++ /dev/null @@ -1,100 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SCALE_DOWN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const SCALE_DOWN_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)' } -]; - -const SCALE_DOWN_TOP: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '50% 0%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '50% 0%' } -]; - -const SCALE_DOWN_TR: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 0%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 0%' } -]; - -const SCALE_DOWN_RIGHT: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 50%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 50%' } -]; - -const SCALE_DOWN_BR: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 100%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 100%' } -]; - -const SCALE_DOWN_BOTTOM: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '50% 100%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '50% 100%' } -]; - -const SCALE_DOWN_BL: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 100%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 100%' } -]; - -const SCALE_DOWN_LEFT: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 50%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 50%' } -]; - -const SCALE_DOWN_TL: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 0%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 0%' } -]; - -const SCALE_DOWN_HOR_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(1)' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(0.3)' } -]; - -const SCALE_DOWN_HOR_LEFT: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(1)', transformOrigin: '0% 0%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(0.3)', transformOrigin: '0% 0%' } -]; - -const SCALE_DOWN_HOR_RIGHT: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(1)', transformOrigin: '100% 100%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleX(0.3)', transformOrigin: '100% 100%' } -]; - -const SCALE_DOWN_VER_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(1)' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(0.3)' } -]; - -const SCALE_DOWN_VER_TOP: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(1)', transformOrigin: '100% 0%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(0.3)', transformOrigin: '100% 0%' } -]; - -const SCALE_DOWN_VER_BOTTOM: Keyframe[] = [ - { offset: 0, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(1)', transformOrigin: '0% 100%' }, - { offset: 1, ...SCALE_DOWN_DEFAULT, transform: 'scaleY(0.3)', transformOrigin: '0% 100%' } -]; - -export default { - [ANIMATIONS.SCALE_DOWN_CENTER]: SCALE_DOWN_CENTER, - [ANIMATIONS.SCALE_DOWN_TOP]: SCALE_DOWN_TOP, - [ANIMATIONS.SCALE_DOWN_TR]: SCALE_DOWN_TR, - [ANIMATIONS.SCALE_DOWN_RIGHT]: SCALE_DOWN_RIGHT, - [ANIMATIONS.SCALE_DOWN_BR]: SCALE_DOWN_BR, - [ANIMATIONS.SCALE_DOWN_BOTTOM]: SCALE_DOWN_BOTTOM, - [ANIMATIONS.SCALE_DOWN_BL]: SCALE_DOWN_BL, - [ANIMATIONS.SCALE_DOWN_LEFT]: SCALE_DOWN_LEFT, - [ANIMATIONS.SCALE_DOWN_TL]: SCALE_DOWN_TL, - [ANIMATIONS.SCALE_DOWN_HOR_CENTER]: SCALE_DOWN_HOR_CENTER, - [ANIMATIONS.SCALE_DOWN_HOR_LEFT]: SCALE_DOWN_HOR_LEFT, - [ANIMATIONS.SCALE_DOWN_HOR_RIGHT]: SCALE_DOWN_HOR_RIGHT, - [ANIMATIONS.SCALE_DOWN_VER_CENTER]: SCALE_DOWN_VER_CENTER, - [ANIMATIONS.SCALE_DOWN_VER_TOP]: SCALE_DOWN_VER_TOP, - [ANIMATIONS.SCALE_DOWN_VER_BOTTOM]: SCALE_DOWN_VER_BOTTOM -}; diff --git a/src/components/animation/animations/animista/scale-in.ts b/src/components/animation/animations/animista/scale-in.ts deleted file mode 100644 index 935296a4e..000000000 --- a/src/components/animation/animations/animista/scale-in.ts +++ /dev/null @@ -1,279 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SCALE_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SCALE_IN_CENTER: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: 'center center', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: 'center center', - opacity: 1 - } -]; - -const SCALE_IN_TOP: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '50% 0%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '50% 0%', - opacity: 1 - } -]; - -const SCALE_IN_TR: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '100% 0%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 0%', - opacity: 1 - } -]; - -const SCALE_IN_RIGHT: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '100% 50%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 50%', - opacity: 1 - } -]; - -const SCALE_IN_BR: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '100% 100%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '100% 100%', - opacity: 1 - } -]; - -const SCALE_IN_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '50% 100%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '50% 100%', - opacity: 1 - } -]; - -const SCALE_IN_BL: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '0% 100%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 100%', - opacity: 1 - } -]; - -const SCALE_IN_LEFT: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '0% 50%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 50%', - opacity: 1 - } -]; - -const SCALE_IN_TL: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scale(0)', - transformOrigin: '0% 0%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scale(1)', - transformOrigin: '0% 0%', - opacity: 1 - } -]; - -const SCALE_IN_HOR_CENTER: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(0)', - transformOrigin: 'center center', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(1)', - transformOrigin: 'center center', - opacity: 1 - } -]; - -const SCALE_IN_HOR_LEFT: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(0)', - transformOrigin: '0% 0%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(1)', - transformOrigin: '0% 0%', - opacity: 1 - } -]; - -const SCALE_IN_HOR_RIGHT: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(0)', - transformOrigin: '100% 100%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleX(1)', - transformOrigin: '100% 100%', - opacity: 1 - } -]; - -const SCALE_IN_VER_CENTER: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(0)', - transformOrigin: 'center center', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(1)', - transformOrigin: 'center center', - opacity: 1 - } -]; - -const SCALE_IN_VER_TOP: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(0)', - transformOrigin: '100% 0%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(1)', - transformOrigin: '100% 0%', - opacity: 1 - } -]; - -const SCALE_IN_VER_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(0)', - transformOrigin: '0% 100%', - opacity: 1 - }, - { - offset: 1, - ...SCALE_IN_DEFAULT, - transform: 'scaleY(1)', - transformOrigin: '0% 100%', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.SCALE_IN_CENTER]: SCALE_IN_CENTER, - [ANIMATIONS.SCALE_IN_TOP]: SCALE_IN_TOP, - [ANIMATIONS.SCALE_IN_TR]: SCALE_IN_TR, - [ANIMATIONS.SCALE_IN_RIGHT]: SCALE_IN_RIGHT, - [ANIMATIONS.SCALE_IN_BR]: SCALE_IN_BR, - [ANIMATIONS.SCALE_IN_BOTTOM]: SCALE_IN_BOTTOM, - [ANIMATIONS.SCALE_IN_BL]: SCALE_IN_BL, - [ANIMATIONS.SCALE_IN_LEFT]: SCALE_IN_LEFT, - [ANIMATIONS.SCALE_IN_TL]: SCALE_IN_TL, - [ANIMATIONS.SCALE_IN_HOR_CENTER]: SCALE_IN_HOR_CENTER, - [ANIMATIONS.SCALE_IN_HOR_LEFT]: SCALE_IN_HOR_LEFT, - [ANIMATIONS.SCALE_IN_HOR_RIGHT]: SCALE_IN_HOR_RIGHT, - [ANIMATIONS.SCALE_IN_VER_CENTER]: SCALE_IN_VER_CENTER, - [ANIMATIONS.SCALE_IN_VER_TOP]: SCALE_IN_VER_TOP, - [ANIMATIONS.SCALE_IN_VER_BOTTOM]: SCALE_IN_VER_BOTTOM -}; diff --git a/src/components/animation/animations/animista/scale-up.ts b/src/components/animation/animations/animista/scale-up.ts deleted file mode 100644 index e28eb553b..000000000 --- a/src/components/animation/animations/animista/scale-up.ts +++ /dev/null @@ -1,100 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SCALE_UP_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const SCALE_UP_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)' } -]; - -const SCALE_UP_TOP: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '50% 0%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '50% 0%' } -]; - -const SCALE_UP_TR: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 0%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 0%' } -]; - -const SCALE_UP_RIGHT: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 50%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 50%' } -]; - -const SCALE_UP_BR: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '100% 100%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '100% 100%' } -]; - -const SCALE_UP_BOTTOM: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '50% 100%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '50% 100%' } -]; - -const SCALE_UP_BL: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 100%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 100%' } -]; - -const SCALE_UP_LEFT: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 50%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 50%' } -]; - -const SCALE_UP_TL: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scale(0.5)', transformOrigin: '0% 0%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scale(1)', transformOrigin: '0% 0%' } -]; - -const SCALE_UP_HOR_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleX(0.4)' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleX(1)' } -]; - -const SCALE_UP_HOR_LEFT: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleX(0.4)', transformOrigin: '0% 0%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleX(1)', transformOrigin: '0% 0%' } -]; - -const SCALE_UP_HOR_RIGHT: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleX(0.4)', transformOrigin: '100% 100%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleX(1)', transformOrigin: '100% 100%' } -]; - -const SCALE_UP_VER_CENTER: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleY(0.4)' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleY(1)' } -]; - -const SCALE_UP_VER_TOP: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleY(0.4)', transformOrigin: '100% 0%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleY(1)', transformOrigin: '100% 0%' } -]; - -const SCALE_UP_VER_BOTTOM: Keyframe[] = [ - { offset: 0, ...SCALE_UP_DEFAULT, transform: 'scaleY(0.4)', transformOrigin: '0% 100%' }, - { offset: 1, ...SCALE_UP_DEFAULT, transform: 'scaleY(1)', transformOrigin: '0% 100%' } -]; - -export default { - [ANIMATIONS.SCALE_UP_CENTER]: SCALE_UP_CENTER, - [ANIMATIONS.SCALE_UP_TOP]: SCALE_UP_TOP, - [ANIMATIONS.SCALE_UP_TR]: SCALE_UP_TR, - [ANIMATIONS.SCALE_UP_RIGHT]: SCALE_UP_RIGHT, - [ANIMATIONS.SCALE_UP_BR]: SCALE_UP_BR, - [ANIMATIONS.SCALE_UP_BOTTOM]: SCALE_UP_BOTTOM, - [ANIMATIONS.SCALE_UP_BL]: SCALE_UP_BL, - [ANIMATIONS.SCALE_UP_LEFT]: SCALE_UP_LEFT, - [ANIMATIONS.SCALE_UP_TL]: SCALE_UP_TL, - [ANIMATIONS.SCALE_UP_HOR_CENTER]: SCALE_UP_HOR_CENTER, - [ANIMATIONS.SCALE_UP_HOR_LEFT]: SCALE_UP_HOR_LEFT, - [ANIMATIONS.SCALE_UP_HOR_RIGHT]: SCALE_UP_HOR_RIGHT, - [ANIMATIONS.SCALE_UP_VER_CENTER]: SCALE_UP_VER_CENTER, - [ANIMATIONS.SCALE_UP_VER_TOP]: SCALE_UP_VER_TOP, - [ANIMATIONS.SCALE_UP_VER_BOTTOM]: SCALE_UP_VER_BOTTOM -}; diff --git a/src/components/animation/animations/animista/shadow-drop-2.ts b/src/components/animation/animations/animista/shadow-drop-2.ts deleted file mode 100644 index cdafdc1f5..000000000 --- a/src/components/animation/animations/animista/shadow-drop-2.ts +++ /dev/null @@ -1,175 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SHADOW_DROP_2_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SHADOW_DROP_2_CENTER: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_2_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', transform: 'translateZ(0)' }, - { offset: 1, ...SHADOW_DROP_2_DEFAULT, boxShadow: '0 0 20px 0px rgba(0, 0, 0, 0.35)', transform: 'translateZ(50px)' } -]; - -const SHADOW_DROP_2_TOP: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateY(12px)' - } -]; - -const SHADOW_DROP_2_RIGHT: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '12px 0 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(-12px)' - } -]; - -const SHADOW_DROP_2_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateY(-12px)' - } -]; - -const SHADOW_DROP_2_LEFT: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateX(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(12px)' - } -]; - -const SHADOW_DROP_2_LR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px)' - } -]; - -const SHADOW_DROP_2_TB: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px)' - } -]; - -const SHADOW_DROP_2_TR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '12px -12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(-12px) translateY(12px)' - } -]; - -const SHADOW_DROP_2_BR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '12px 12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(-12px) translateY(-12px)' - } -]; - -const SHADOW_DROP_2_BL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '-12px 12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(12px) translateY(-12px)' - } -]; - -const SHADOW_DROP_2_TL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)', - transform: 'translateZ(0) translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_DROP_2_DEFAULT, - boxShadow: '-12px -12px 20px -12px rgba(0, 0, 0, 0.35)', - transform: 'translateZ(50px) translateX(12px) translateY(12px)' - } -]; - -export default { - [ANIMATIONS.SHADOW_DROP_2_CENTER]: SHADOW_DROP_2_CENTER, - [ANIMATIONS.SHADOW_DROP_2_TOP]: SHADOW_DROP_2_TOP, - [ANIMATIONS.SHADOW_DROP_2_RIGHT]: SHADOW_DROP_2_RIGHT, - [ANIMATIONS.SHADOW_DROP_2_BOTTOM]: SHADOW_DROP_2_BOTTOM, - [ANIMATIONS.SHADOW_DROP_2_LEFT]: SHADOW_DROP_2_LEFT, - [ANIMATIONS.SHADOW_DROP_2_LR]: SHADOW_DROP_2_LR, - [ANIMATIONS.SHADOW_DROP_2_TB]: SHADOW_DROP_2_TB, - [ANIMATIONS.SHADOW_DROP_2_TR]: SHADOW_DROP_2_TR, - [ANIMATIONS.SHADOW_DROP_2_BR]: SHADOW_DROP_2_BR, - [ANIMATIONS.SHADOW_DROP_2_BL]: SHADOW_DROP_2_BL, - [ANIMATIONS.SHADOW_DROP_2_TL]: SHADOW_DROP_2_TL -}; diff --git a/src/components/animation/animations/animista/shadow-drop.ts b/src/components/animation/animations/animista/shadow-drop.ts deleted file mode 100644 index 352623336..000000000 --- a/src/components/animation/animations/animista/shadow-drop.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SHADOW_DROP_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SHADOW_DROP_CENTER: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 20px 0px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_TOP: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_RIGHT: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '12px 0 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_BOTTOM: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '0 12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_LEFT: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_LR: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)' }, - { - offset: 1, - ...SHADOW_DROP_DEFAULT, - boxShadow: '-12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35)' - } -]; - -const SHADOW_DROP_TB: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0)' }, - { - offset: 1, - ...SHADOW_DROP_DEFAULT, - boxShadow: '0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35)' - } -]; - -const SHADOW_DROP_TR: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '12px -12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_BR: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '12px 12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_BL: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '-12px 12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -const SHADOW_DROP_TL: Keyframe[] = [ - { offset: 0, ...SHADOW_DROP_DEFAULT, boxShadow: '0 0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...SHADOW_DROP_DEFAULT, boxShadow: '-12px -12px 20px -12px rgba(0, 0, 0, 0.35)' } -]; - -export default { - [ANIMATIONS.SHADOW_DROP_CENTER]: SHADOW_DROP_CENTER, - [ANIMATIONS.SHADOW_DROP_TOP]: SHADOW_DROP_TOP, - [ANIMATIONS.SHADOW_DROP_RIGHT]: SHADOW_DROP_RIGHT, - [ANIMATIONS.SHADOW_DROP_BOTTOM]: SHADOW_DROP_BOTTOM, - [ANIMATIONS.SHADOW_DROP_LEFT]: SHADOW_DROP_LEFT, - [ANIMATIONS.SHADOW_DROP_LR]: SHADOW_DROP_LR, - [ANIMATIONS.SHADOW_DROP_TB]: SHADOW_DROP_TB, - [ANIMATIONS.SHADOW_DROP_TR]: SHADOW_DROP_TR, - [ANIMATIONS.SHADOW_DROP_BR]: SHADOW_DROP_BR, - [ANIMATIONS.SHADOW_DROP_BL]: SHADOW_DROP_BL, - [ANIMATIONS.SHADOW_DROP_TL]: SHADOW_DROP_TL -}; diff --git a/src/components/animation/animations/animista/shadow-inset.ts b/src/components/animation/animations/animista/shadow-inset.ts deleted file mode 100644 index bc201abf0..000000000 --- a/src/components/animation/animations/animista/shadow-inset.ts +++ /dev/null @@ -1,163 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SHADOW_INSET_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SHADOW_INSET_CENTER: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 14px 0px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_TOP: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_RIGHT: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset -6px 0 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_LEFT: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 6px 0 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_LR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset -6px 0 14px -6px rgba(0, 0, 0, 0.5), inset 6px 0 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_TB: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5), inset 0 6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_TR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset -6px 6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_BR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset -6px -6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_BL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 6px -6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -const SHADOW_INSET_TL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 0 0 0 0 rgba(0, 0, 0, 0)' - }, - { - offset: 1, - ...SHADOW_INSET_DEFAULT, - boxShadow: 'inset 6px 6px 14px -6px rgba(0, 0, 0, 0.5)' - } -]; - -export default { - [ANIMATIONS.SHADOW_INSET_CENTER]: SHADOW_INSET_CENTER, - [ANIMATIONS.SHADOW_INSET_TOP]: SHADOW_INSET_TOP, - [ANIMATIONS.SHADOW_INSET_RIGHT]: SHADOW_INSET_RIGHT, - [ANIMATIONS.SHADOW_INSET_BOTTOM]: SHADOW_INSET_BOTTOM, - [ANIMATIONS.SHADOW_INSET_LEFT]: SHADOW_INSET_LEFT, - [ANIMATIONS.SHADOW_INSET_LR]: SHADOW_INSET_LR, - [ANIMATIONS.SHADOW_INSET_TB]: SHADOW_INSET_TB, - [ANIMATIONS.SHADOW_INSET_TR]: SHADOW_INSET_TR, - [ANIMATIONS.SHADOW_INSET_BR]: SHADOW_INSET_BR, - [ANIMATIONS.SHADOW_INSET_BL]: SHADOW_INSET_BL, - [ANIMATIONS.SHADOW_INSET_TL]: SHADOW_INSET_TL -}; diff --git a/src/components/animation/animations/animista/shadow-pop.ts b/src/components/animation/animations/animista/shadow-pop.ts deleted file mode 100644 index 1c02452a1..000000000 --- a/src/components/animation/animations/animista/shadow-pop.ts +++ /dev/null @@ -1,77 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SHADOW_POP_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', - fillMode: 'both' -}; - -const SHADOW_POP_TR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_POP_DEFAULT, - boxShadow: '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', - transform: 'translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_POP_DEFAULT, - boxShadow: - '1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e', - transform: 'translateX(-8px) translateY(8px)' - } -]; - -const SHADOW_POP_BR: Keyframe[] = [ - { - offset: 0, - ...SHADOW_POP_DEFAULT, - boxShadow: '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', - transform: 'translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_POP_DEFAULT, - boxShadow: - '1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e', - transform: 'translateX(-8px) translateY(-8px)' - } -]; - -const SHADOW_POP_BL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_POP_DEFAULT, - boxShadow: '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', - transform: 'translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_POP_DEFAULT, - boxShadow: - '-1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e', - transform: 'translateX(8px) translateY(-8px)' - } -]; - -const SHADOW_POP_TL: Keyframe[] = [ - { - offset: 0, - ...SHADOW_POP_DEFAULT, - boxShadow: '0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e', - transform: 'translateX(0) translateY(0)' - }, - { - offset: 1, - ...SHADOW_POP_DEFAULT, - boxShadow: - '-1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e', - transform: 'translateX(8px) translateY(8px)' - } -]; - -export default { - [ANIMATIONS.SHADOW_POP_TR]: SHADOW_POP_TR, - [ANIMATIONS.SHADOW_POP_BR]: SHADOW_POP_BR, - [ANIMATIONS.SHADOW_POP_BL]: SHADOW_POP_BL, - [ANIMATIONS.SHADOW_POP_TL]: SHADOW_POP_TL -}; diff --git a/src/components/animation/animations/animista/shake.ts b/src/components/animation/animations/animista/shake.ts deleted file mode 100644 index 46319f424..000000000 --- a/src/components/animation/animations/animista/shake.ts +++ /dev/null @@ -1,174 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SHAKE_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', - fillMode: 'both' -}; - -const SHAKE_HORIZONTAL: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'translateX(0)' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'translateX(-10px)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'translateX(10px)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'translateX(-10px)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'translateX(10px)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'translateX(-10px)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'translateX(10px)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'translateX(-10px)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'translateX(8px)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'translateX(-8px)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'translateX(0)' } -]; - -const SHAKE_VERTICAL: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'translateY(0)' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'translateY(-8px)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'translateY(8px)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'translateY(-8px)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'translateY(8px)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'translateY(-8px)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'translateY(8px)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'translateY(-8px)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'translateY(6.4px)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'translateY(-6.4px)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'translateY(0)' } -]; - -const SHAKE_LR: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 50%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(8deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-10deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(10deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-10deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(10deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-10deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(10deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-8deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(8deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 50%' } -]; - -const SHAKE_TOP: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 0' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 0' } -]; - -const SHAKE_TR: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 0' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 0' } -]; - -const SHAKE_RIGHT: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 50%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 50%' } -]; - -const SHAKE_BR: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 100%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '100% 100%' } -]; - -const SHAKE_BOTTOM: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 100%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '50% 100%' } -]; - -const SHAKE_BL: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 100%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 100%' } -]; - -const SHAKE_LEFT: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 50%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 50%' } -]; - -const SHAKE_TL: Keyframe[] = [ - { offset: 0, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 0%' }, - { offset: 0.1, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 0.2, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.3, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.4, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.5, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.6, ...SHAKE_DEFAULT, transform: 'rotate(-4deg)' }, - { offset: 0.7, ...SHAKE_DEFAULT, transform: 'rotate(4deg)' }, - { offset: 0.8, ...SHAKE_DEFAULT, transform: 'rotate(-2deg)' }, - { offset: 0.9, ...SHAKE_DEFAULT, transform: 'rotate(2deg)' }, - { offset: 1, ...SHAKE_DEFAULT, transform: 'rotate(0deg)', transformOrigin: '0% 0%' } -]; - -export default { - [ANIMATIONS.SHAKE_HORIZONTAL]: SHAKE_HORIZONTAL, - [ANIMATIONS.SHAKE_VERTICAL]: SHAKE_VERTICAL, - [ANIMATIONS.SHAKE_LR]: SHAKE_LR, - [ANIMATIONS.SHAKE_TOP]: SHAKE_TOP, - [ANIMATIONS.SHAKE_TR]: SHAKE_TR, - [ANIMATIONS.SHAKE_RIGHT]: SHAKE_RIGHT, - [ANIMATIONS.SHAKE_BR]: SHAKE_BR, - [ANIMATIONS.SHAKE_BOTTOM]: SHAKE_BOTTOM, - [ANIMATIONS.SHAKE_BL]: SHAKE_BL, - [ANIMATIONS.SHAKE_LEFT]: SHAKE_LEFT, - [ANIMATIONS.SHAKE_TL]: SHAKE_TL -}; diff --git a/src/components/animation/animations/animista/slide-bck.ts b/src/components/animation/animations/animista/slide-bck.ts deleted file mode 100644 index 48f39dd45..000000000 --- a/src/components/animation/animations/animista/slide-bck.ts +++ /dev/null @@ -1,63 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_BCK_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)', - fillMode: 'both' -}; - -const SLIDE_BCK_CENTER: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px)' } -]; - -const SLIDE_BCK_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(-200px)' } -]; - -const SLIDE_BCK_TR: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(-200px) translateX(200px)' } -]; - -const SLIDE_BCK_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateX(200px)' } -]; - -const SLIDE_BCK_BR: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(200px) translateX(200px)' } -]; - -const SLIDE_BCK_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(200px)' } -]; - -const SLIDE_BCK_BL: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(200px) translateX(-200px)' } -]; - -const SLIDE_BCK_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateX(-200px)' } -]; - -const SLIDE_BCK_TL: Keyframe[] = [ - { offset: 0, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_BCK_DEFAULT, transform: 'translateZ(-400px) translateY(-200px) translateX(-200px)' } -]; - -export default { - [ANIMATIONS.SLIDE_BCK_CENTER]: SLIDE_BCK_CENTER, - [ANIMATIONS.SLIDE_BCK_TOP]: SLIDE_BCK_TOP, - [ANIMATIONS.SLIDE_BCK_TR]: SLIDE_BCK_TR, - [ANIMATIONS.SLIDE_BCK_RIGHT]: SLIDE_BCK_RIGHT, - [ANIMATIONS.SLIDE_BCK_BR]: SLIDE_BCK_BR, - [ANIMATIONS.SLIDE_BCK_BOTTOM]: SLIDE_BCK_BOTTOM, - [ANIMATIONS.SLIDE_BCK_BL]: SLIDE_BCK_BL, - [ANIMATIONS.SLIDE_BCK_LEFT]: SLIDE_BCK_LEFT, - [ANIMATIONS.SLIDE_BCK_TL]: SLIDE_BCK_TL -}; diff --git a/src/components/animation/animations/animista/slide-fwd.ts b/src/components/animation/animations/animista/slide-fwd.ts deleted file mode 100644 index 89fd93373..000000000 --- a/src/components/animation/animations/animista/slide-fwd.ts +++ /dev/null @@ -1,63 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_FWD_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_FWD_CENTER: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px)' } -]; - -const SLIDE_FWD_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(-100px)' } -]; - -const SLIDE_FWD_TR: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(-100px) translateX(100px)' } -]; - -const SLIDE_FWD_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateX(100px)' } -]; - -const SLIDE_FWD_BR: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(100px) translateX(100px)' } -]; - -const SLIDE_FWD_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(100px)' } -]; - -const SLIDE_FWD_BL: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(100px) translateX(-100px)' } -]; - -const SLIDE_FWD_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateX(-100px)' } -]; - -const SLIDE_FWD_TL: Keyframe[] = [ - { offset: 0, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_FWD_DEFAULT, transform: 'translateZ(160px) translateY(-100px) translateX(-100px)' } -]; - -export default { - [ANIMATIONS.SLIDE_FWD_CENTER]: SLIDE_FWD_CENTER, - [ANIMATIONS.SLIDE_FWD_TOP]: SLIDE_FWD_TOP, - [ANIMATIONS.SLIDE_FWD_TR]: SLIDE_FWD_TR, - [ANIMATIONS.SLIDE_FWD_RIGHT]: SLIDE_FWD_RIGHT, - [ANIMATIONS.SLIDE_FWD_BR]: SLIDE_FWD_BR, - [ANIMATIONS.SLIDE_FWD_BOTTOM]: SLIDE_FWD_BOTTOM, - [ANIMATIONS.SLIDE_FWD_BL]: SLIDE_FWD_BL, - [ANIMATIONS.SLIDE_FWD_LEFT]: SLIDE_FWD_LEFT, - [ANIMATIONS.SLIDE_FWD_TL]: SLIDE_FWD_TL -}; diff --git a/src/components/animation/animations/animista/slide-in-bck.ts b/src/components/animation/animations/animista/slide-in-bck.ts deleted file mode 100644 index def82e3c8..000000000 --- a/src/components/animation/animations/animista/slide-in-bck.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_BCK_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_IN_BCK_CENTER: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(600px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(700px) translateY(-300px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_TR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BCK_DEFAULT, - transform: 'translateZ(700px) translateY(-300px) translateX(400px)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(700px) translateX(400px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_BR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BCK_DEFAULT, - transform: 'translateZ(700px) translateY(300px) translateX(400px)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(700px) translateY(300px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_BL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BCK_DEFAULT, - transform: 'translateZ(700px) translateY(300px) translateX(-400px)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(700px) translateX(-400px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BCK_TL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BCK_DEFAULT, - transform: 'translateZ(700px) translateY(-300px) translateX(-400px)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_BCK_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -export default { - [ANIMATIONS.SLIDE_IN_BCK_CENTER]: SLIDE_IN_BCK_CENTER, - [ANIMATIONS.SLIDE_IN_BCK_TOP]: SLIDE_IN_BCK_TOP, - [ANIMATIONS.SLIDE_IN_BCK_TR]: SLIDE_IN_BCK_TR, - [ANIMATIONS.SLIDE_IN_BCK_RIGHT]: SLIDE_IN_BCK_RIGHT, - [ANIMATIONS.SLIDE_IN_BCK_BR]: SLIDE_IN_BCK_BR, - [ANIMATIONS.SLIDE_IN_BCK_BOTTOM]: SLIDE_IN_BCK_BOTTOM, - [ANIMATIONS.SLIDE_IN_BCK_BL]: SLIDE_IN_BCK_BL, - [ANIMATIONS.SLIDE_IN_BCK_LEFT]: SLIDE_IN_BCK_LEFT, - [ANIMATIONS.SLIDE_IN_BCK_TL]: SLIDE_IN_BCK_TL -}; diff --git a/src/components/animation/animations/animista/slide-in-blurred.ts b/src/components/animation/animations/animista/slide-in-blurred.ts deleted file mode 100644 index 676e587f7..000000000 --- a/src/components/animation/animations/animista/slide-in-blurred.ts +++ /dev/null @@ -1,169 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_BLURRED_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)', - fillMode: 'both' -}; - -const SLIDE_IN_BLURRED_TOP: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateY(-100vh) scaleY(2.5) scaleX(0.2)', - transformOrigin: '50% 0%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateY(0) scaleY(1) scaleX(1)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_TR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(100vw, -100vh) skew(-80deg, -10deg)', - transformOrigin: '0% 0%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(0, 0) skew(0deg, 0deg)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_RIGHT: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateX(100vw) scaleX(2.5) scaleY(0.2)', - transformOrigin: '0% 50%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateX(0) scaleY(1) scaleX(1)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_BR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(100vw, 100vh) skew(80deg, 10deg)', - transformOrigin: '0% 100%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(0, 0) skew(0deg, 0deg)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateY(100vh) scaleY(2.5) scaleX(0.2)', - transformOrigin: '50% 100%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateY(0) scaleY(1) scaleX(1)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_BL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(-100vw, 100vh) skew(-80deg, -10deg)', - transformOrigin: '100% 100%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(0, 0) skew(0deg, 0deg)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_LEFT: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateX(-100vw) scaleX(2.5) scaleY(0.2)', - transformOrigin: '100% 50%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translateX(0) scaleY(1) scaleX(1)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -const SLIDE_IN_BLURRED_TL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(-100vw, -100vh) skew(80deg, 10deg)', - transformOrigin: '100% 0%', - filter: 'blur(40px)', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_BLURRED_DEFAULT, - transform: 'translate(0, 0) skew(0deg, 0deg)', - transformOrigin: '50% 50%', - filter: 'blur(0)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.SLIDE_IN_BLURRED_TOP]: SLIDE_IN_BLURRED_TOP, - [ANIMATIONS.SLIDE_IN_BLURRED_TR]: SLIDE_IN_BLURRED_TR, - [ANIMATIONS.SLIDE_IN_BLURRED_RIGHT]: SLIDE_IN_BLURRED_RIGHT, - [ANIMATIONS.SLIDE_IN_BLURRED_BR]: SLIDE_IN_BLURRED_BR, - [ANIMATIONS.SLIDE_IN_BLURRED_BOTTOM]: SLIDE_IN_BLURRED_BOTTOM, - [ANIMATIONS.SLIDE_IN_BLURRED_BL]: SLIDE_IN_BLURRED_BL, - [ANIMATIONS.SLIDE_IN_BLURRED_LEFT]: SLIDE_IN_BLURRED_LEFT, - [ANIMATIONS.SLIDE_IN_BLURRED_TL]: SLIDE_IN_BLURRED_TL -}; diff --git a/src/components/animation/animations/animista/slide-in-elliptic.ts b/src/components/animation/animations/animista/slide-in-elliptic.ts deleted file mode 100644 index 50000bdaf..000000000 --- a/src/components/animation/animations/animista/slide-in-elliptic.ts +++ /dev/null @@ -1,153 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_ELLIPTIC_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_IN_ELLIPTIC_TOP_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(-600px) rotateX(-30deg) scale(0)', - transformOrigin: '50% 100%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(0) rotateX(0) scale(1)', - transformOrigin: '50% 100vh', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_TOP_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(-600px) rotateX(30deg) scale(6.5)', - transformOrigin: '50% 200%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(0) rotateX(0) scale(1)', - transformOrigin: '50% -500px', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_RIGHT_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(800px) rotateY(-30deg) scale(0)', - transformOrigin: '100% 50%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(0) rotateY(0) scale(1)', - transformOrigin: '-100vw 50%', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_RIGHT_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(800px) rotateY(30deg) scale(6.5)', - transformOrigin: '-100% 50%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(0) rotateY(0) scale(1)', - transformOrigin: '600px 50%', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_BOTTOM_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(600px) rotateX(30deg) scale(0)', - transformOrigin: '50% 100%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(0) rotateX(0) scale(1)', - transformOrigin: '50% -100vh', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_BOTTOM_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(600px) rotateX(-30deg) scale(6.5)', - transformOrigin: '50% -100%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateY(0) rotateX(0) scale(1)', - transformOrigin: '50% 500px', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_LEFT_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(-800px) rotateY(30deg) scale(0)', - transformOrigin: '-100% 50%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(0) rotateY(0) scale(1)', - transformOrigin: '100vw 50%', - opacity: 1 - } -]; - -const SLIDE_IN_ELLIPTIC_LEFT_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(-800px) rotateY(-30deg) scale(6.5)', - transformOrigin: '200% 50%', - opacity: 0 - }, - { - offset: 1, - ...SLIDE_IN_ELLIPTIC_DEFAULT, - transform: 'translateX(0) rotateY(0) scale(1)', - transformOrigin: '-600px 50%', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.SLIDE_IN_ELLIPTIC_TOP_FWD]: SLIDE_IN_ELLIPTIC_TOP_FWD, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_TOP_BCK]: SLIDE_IN_ELLIPTIC_TOP_BCK, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_RIGHT_FWD]: SLIDE_IN_ELLIPTIC_RIGHT_FWD, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_RIGHT_BCK]: SLIDE_IN_ELLIPTIC_RIGHT_BCK, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_BOTTOM_FWD]: SLIDE_IN_ELLIPTIC_BOTTOM_FWD, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_BOTTOM_BCK]: SLIDE_IN_ELLIPTIC_BOTTOM_BCK, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_LEFT_FWD]: SLIDE_IN_ELLIPTIC_LEFT_FWD, - [ANIMATIONS.SLIDE_IN_ELLIPTIC_LEFT_BCK]: SLIDE_IN_ELLIPTIC_LEFT_BCK -}; diff --git a/src/components/animation/animations/animista/slide-in-fwd.ts b/src/components/animation/animations/animista/slide-in-fwd.ts deleted file mode 100644 index eb469ef4e..000000000 --- a/src/components/animation/animations/animista/slide-in-fwd.ts +++ /dev/null @@ -1,83 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_FWD_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_IN_FWD_CENTER: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(-1400px)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(-1400px) translateY(-100vh)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_TR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_FWD_DEFAULT, - transform: 'translateZ(-1400px) translateY(-100vh) translateX(100vw)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(-1400px) translateX(100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_BR: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_FWD_DEFAULT, - transform: 'translateZ(-1400px) translateY(100vh) translateX(100vw)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(-1400px) translateY(100vh)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_BL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_FWD_DEFAULT, - transform: 'translateZ(-1400px) translateY(100vh) translateX(-100vw)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(-1400px) translateX(-100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_FWD_TL: Keyframe[] = [ - { - offset: 0, - ...SLIDE_IN_FWD_DEFAULT, - transform: 'translateZ(-1400px) translateY(-100vh) translateX(-100vw)', - opacity: 0 - }, - { offset: 1, ...SLIDE_IN_FWD_DEFAULT, transform: 'translateZ(0) translateY(0) translateX(0)', opacity: 1 } -]; - -export default { - [ANIMATIONS.SLIDE_IN_FWD_CENTER]: SLIDE_IN_FWD_CENTER, - [ANIMATIONS.SLIDE_IN_FWD_TOP]: SLIDE_IN_FWD_TOP, - [ANIMATIONS.SLIDE_IN_FWD_TR]: SLIDE_IN_FWD_TR, - [ANIMATIONS.SLIDE_IN_FWD_RIGHT]: SLIDE_IN_FWD_RIGHT, - [ANIMATIONS.SLIDE_IN_FWD_BR]: SLIDE_IN_FWD_BR, - [ANIMATIONS.SLIDE_IN_FWD_BOTTOM]: SLIDE_IN_FWD_BOTTOM, - [ANIMATIONS.SLIDE_IN_FWD_BL]: SLIDE_IN_FWD_BL, - [ANIMATIONS.SLIDE_IN_FWD_LEFT]: SLIDE_IN_FWD_LEFT, - [ANIMATIONS.SLIDE_IN_FWD_TL]: SLIDE_IN_FWD_TL -}; diff --git a/src/components/animation/animations/animista/slide-in.ts b/src/components/animation/animations/animista/slide-in.ts deleted file mode 100644 index 6d0fb7d88..000000000 --- a/src/components/animation/animations/animista/slide-in.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_IN_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(-100vh)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_TR: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(-100vh) translateX(100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateX(100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BR: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(100vh) translateX(100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(100vh)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0)', opacity: 1 } -]; - -const SLIDE_IN_BL: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(100vh) translateX(-100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0) translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateX(-100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateX(0)', opacity: 1 } -]; - -const SLIDE_IN_TL: Keyframe[] = [ - { offset: 0, ...SLIDE_IN_DEFAULT, transform: 'translateY(-100vh) translateX(-100vw)', opacity: 0 }, - { offset: 1, ...SLIDE_IN_DEFAULT, transform: 'translateY(0) translateX(0)', opacity: 1 } -]; - -export default { - [ANIMATIONS.SLIDE_IN_TOP]: SLIDE_IN_TOP, - [ANIMATIONS.SLIDE_IN_TR]: SLIDE_IN_TR, - [ANIMATIONS.SLIDE_IN_RIGHT]: SLIDE_IN_RIGHT, - [ANIMATIONS.SLIDE_IN_BR]: SLIDE_IN_BR, - [ANIMATIONS.SLIDE_IN_BOTTOM]: SLIDE_IN_BOTTOM, - [ANIMATIONS.SLIDE_IN_BL]: SLIDE_IN_BL, - [ANIMATIONS.SLIDE_IN_LEFT]: SLIDE_IN_LEFT, - [ANIMATIONS.SLIDE_IN_TL]: SLIDE_IN_TL -}; diff --git a/src/components/animation/animations/animista/slide-rotate.ts b/src/components/animation/animations/animista/slide-rotate.ts deleted file mode 100644 index 32eea92b9..000000000 --- a/src/components/animation/animations/animista/slide-rotate.ts +++ /dev/null @@ -1,161 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_ROTATE_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_ROTATE_HOR_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_ROTATE_DEFAULT, transform: 'translateY(0) rotateX(0deg)' }, - { offset: 1, ...SLIDE_ROTATE_DEFAULT, transform: 'translateY(-150px) rotateX(-90deg)' } -]; - -const SLIDE_ROTATE_HOR_T_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(0) translateZ(0) rotateX(0deg)', - transformOrigin: 'top center' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(-150px) translateZ(-230px) rotateX(-90deg)', - transformOrigin: 'top center' - } -]; - -const SLIDE_ROTATE_HOR_T_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(0) translateZ(0) rotateX(0deg)', - transformOrigin: 'bottom center' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(-150px) translateZ(130px) rotateX(-90deg)', - transformOrigin: 'bottom center' - } -]; - -const SLIDE_ROTATE_VER_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_ROTATE_DEFAULT, transform: 'translateX(0) rotateY(0)' }, - { offset: 1, ...SLIDE_ROTATE_DEFAULT, transform: 'translateX(150px) rotateY(-90deg)' } -]; - -const SLIDE_ROTATE_VER_R_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(0) translateZ(0) rotateY(0)', - transformOrigin: 'center right' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(150px) translateZ(-230px) rotateY(-90deg)', - transformOrigin: 'center right' - } -]; - -const SLIDE_ROTATE_VER_R_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(0) translateZ(0) rotateY(0)', - transformOrigin: 'center left' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(150px) translateZ(130px) rotateY(-90deg)', - transformOrigin: 'center left' - } -]; - -const SLIDE_ROTATE_HOR_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_ROTATE_DEFAULT, transform: 'translateY(0) rotateX(0deg)' }, - { offset: 1, ...SLIDE_ROTATE_DEFAULT, transform: 'translateY(150px) rotateX(90deg)' } -]; - -const SLIDE_ROTATE_HOR_B_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(0) translateZ(0) rotateX(0deg)', - transformOrigin: 'bottom center' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(150px) translateZ(-230px) rotateX(90deg)', - transformOrigin: 'bottom center' - } -]; - -const SLIDE_ROTATE_HOR_B_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(0) translateZ(0) rotateX(0deg)', - transformOrigin: 'top center' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateY(150px) translateZ(130px) rotateX(90deg)', - transformOrigin: 'top center' - } -]; - -const SLIDE_ROTATE_VER_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_ROTATE_DEFAULT, transform: 'translateX(0) rotateY(0)' }, - { offset: 1, ...SLIDE_ROTATE_DEFAULT, transform: 'translateX(-150px) rotateY(90deg)' } -]; - -const SLIDE_ROTATE_VER_L_BCK: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(0) translateZ(0) rotateY(0)', - transformOrigin: 'center left' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(-150px) translateZ(-230px) rotateY(90deg)', - transformOrigin: 'center left' - } -]; - -const SLIDE_ROTATE_VER_L_FWD: Keyframe[] = [ - { - offset: 0, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(0) translateZ(0) rotateY(0)', - transformOrigin: 'center right' - }, - { - offset: 1, - ...SLIDE_ROTATE_DEFAULT, - transform: 'translateX(-150px) translateZ(130px) rotateY(90deg)', - transformOrigin: 'center right' - } -]; - -export default { - [ANIMATIONS.SLIDE_ROTATE_HOR_TOP]: SLIDE_ROTATE_HOR_TOP, - [ANIMATIONS.SLIDE_ROTATE_HOR_T_BCK]: SLIDE_ROTATE_HOR_T_BCK, - [ANIMATIONS.SLIDE_ROTATE_HOR_T_FWD]: SLIDE_ROTATE_HOR_T_FWD, - [ANIMATIONS.SLIDE_ROTATE_VER_RIGHT]: SLIDE_ROTATE_VER_RIGHT, - [ANIMATIONS.SLIDE_ROTATE_VER_R_BCK]: SLIDE_ROTATE_VER_R_BCK, - [ANIMATIONS.SLIDE_ROTATE_VER_R_FWD]: SLIDE_ROTATE_VER_R_FWD, - [ANIMATIONS.SLIDE_ROTATE_HOR_BOTTOM]: SLIDE_ROTATE_HOR_BOTTOM, - [ANIMATIONS.SLIDE_ROTATE_HOR_B_BCK]: SLIDE_ROTATE_HOR_B_BCK, - [ANIMATIONS.SLIDE_ROTATE_HOR_B_FWD]: SLIDE_ROTATE_HOR_B_FWD, - [ANIMATIONS.SLIDE_ROTATE_VER_LEFT]: SLIDE_ROTATE_VER_LEFT, - [ANIMATIONS.SLIDE_ROTATE_VER_L_BCK]: SLIDE_ROTATE_VER_L_BCK, - [ANIMATIONS.SLIDE_ROTATE_VER_L_FWD]: SLIDE_ROTATE_VER_L_FWD -}; diff --git a/src/components/animation/animations/animista/slide.ts b/src/components/animation/animations/animista/slide.ts deleted file mode 100644 index c9695cc1b..000000000 --- a/src/components/animation/animations/animista/slide.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIDE_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SLIDE_TOP: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(-100px)' } -]; - -const SLIDE_TR: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(-100px) translateX(100px)' } -]; - -const SLIDE_RIGHT: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateX(100px)' } -]; - -const SLIDE_BR: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(100px) translateX(100px)' } -]; - -const SLIDE_BOTTOM: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(100px)' } -]; - -const SLIDE_BL: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(100px) translateX(-100px)' } -]; - -const SLIDE_LEFT: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateX(-100px)' } -]; - -const SLIDE_TL: Keyframe[] = [ - { offset: 0, ...SLIDE_DEFAULT, transform: 'translateY(0) translateX(0)' }, - { offset: 1, ...SLIDE_DEFAULT, transform: 'translateY(-100px) translateX(-100px)' } -]; - -export default { - [ANIMATIONS.SLIDE_TOP]: SLIDE_TOP, - [ANIMATIONS.SLIDE_TR]: SLIDE_TR, - [ANIMATIONS.SLIDE_RIGHT]: SLIDE_RIGHT, - [ANIMATIONS.SLIDE_BR]: SLIDE_BR, - [ANIMATIONS.SLIDE_BOTTOM]: SLIDE_BOTTOM, - [ANIMATIONS.SLIDE_BL]: SLIDE_BL, - [ANIMATIONS.SLIDE_LEFT]: SLIDE_LEFT, - [ANIMATIONS.SLIDE_TL]: SLIDE_TL -}; diff --git a/src/components/animation/animations/animista/slit-in.ts b/src/components/animation/animations/animista/slit-in.ts deleted file mode 100644 index d618cedfb..000000000 --- a/src/components/animation/animations/animista/slit-in.ts +++ /dev/null @@ -1,74 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SLIT_IN_DEFAULT: Keyframe = { - easing: 'ease-out', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const SLIT_IN_VERTICAL: Keyframe[] = [ - { offset: 0, ...SLIT_IN_DEFAULT, transform: 'translateZ(-800px) rotateY(90deg)', opacity: 0 }, - { offset: 0.54, ...SLIT_IN_DEFAULT, transform: 'translateZ(-160px) rotateY(87deg)', opacity: 1 }, - { offset: 1, ...SLIT_IN_DEFAULT, transform: 'translateZ(0) rotateY(0)', opacity: 1 } -]; - -const SLIT_IN_HORIZONTAL: Keyframe[] = [ - { offset: 0, ...SLIT_IN_DEFAULT, transform: 'translateZ(-800px) rotateX(90deg)', opacity: 0 }, - { offset: 0.54, ...SLIT_IN_DEFAULT, transform: 'translateZ(-160px) rotateX(87deg)', opacity: 1 }, - { offset: 1, ...SLIT_IN_DEFAULT, transform: 'translateZ(0) rotateX(0)', opacity: 1 } -]; - -const SLIT_IN_DIAGONAL_1: Keyframe[] = [ - { - offset: 0, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(-800px) rotate3d(1, 1, 0, 90deg)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.54, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(-160px) rotate3d(1, 1, 0, 87deg)', - easing: 'ease-in-out', - opacity: 1 - }, - { - offset: 1, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(0) rotate3d(1, 1, 0, 0)', - easing: 'ease-out', - opacity: 1 - } -]; - -const SLIT_IN_DIAGONAL_2: Keyframe[] = [ - { - offset: 0, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(-800px) rotate3d(-1, 1, 0, -90deg)', - easing: 'ease-in', - opacity: 0 - }, - { - offset: 0.54, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(-160px) rotate3d(-1, 1, 0, -87deg)', - easing: 'ease-in-out', - opacity: 1 - }, - { - offset: 1, - ...SLIT_IN_DEFAULT, - transform: 'translateZ(0) rotate3d(-1, 1, 0, 0)', - easing: 'ease-out', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.SLIT_IN_VERTICAL]: SLIT_IN_VERTICAL, - [ANIMATIONS.SLIT_IN_HORIZONTAL]: SLIT_IN_HORIZONTAL, - [ANIMATIONS.SLIT_IN_DIAGONAL_1]: SLIT_IN_DIAGONAL_1, - [ANIMATIONS.SLIT_IN_DIAGONAL_2]: SLIT_IN_DIAGONAL_2 -}; diff --git a/src/components/animation/animations/animista/swing-in.ts b/src/components/animation/animations/animista/swing-in.ts deleted file mode 100644 index 24b2fa0dd..000000000 --- a/src/components/animation/animations/animista/swing-in.ts +++ /dev/null @@ -1,153 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SWING_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)', - fillMode: 'both' -}; - -const SWING_IN_TOP_FWD: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateX(-100deg)', - transformOrigin: 'top', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateX(0deg)', - transformOrigin: 'top', - opacity: 1 - } -]; - -const SWING_IN_TOP_BCK: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateX(70deg)', - transformOrigin: 'top', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateX(0deg)', - transformOrigin: 'top', - opacity: 1 - } -]; - -const SWING_IN_RIGHT_FWD: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateY(-100deg)', - transformOrigin: 'right', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateY(0)', - transformOrigin: 'right', - opacity: 1 - } -]; - -const SWING_IN_RIGHT_BCK: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateY(70deg)', - transformOrigin: 'right', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateY(0)', - transformOrigin: 'right', - opacity: 1 - } -]; - -const SWING_IN_BOTTOM_FWD: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateX(100deg)', - transformOrigin: 'bottom', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateX(0)', - transformOrigin: 'bottom', - opacity: 1 - } -]; - -const SWING_IN_BOTTOM_BCK: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateX(-70deg)', - transformOrigin: 'bottom', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateX(0)', - transformOrigin: 'bottom', - opacity: 1 - } -]; - -const SWING_IN_LEFT_FWD: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateY(100deg)', - transformOrigin: 'left', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateY(0)', - transformOrigin: 'left', - opacity: 1 - } -]; - -const SWING_IN_LEFT_BCK: Keyframe[] = [ - { - offset: 0, - ...SWING_IN_DEFAULT, - transform: 'rotateY(-70deg)', - transformOrigin: 'left', - opacity: 0 - }, - { - offset: 1, - ...SWING_IN_DEFAULT, - transform: 'rotateY(0)', - transformOrigin: 'left', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.SWING_IN_TOP_FWD]: SWING_IN_TOP_FWD, - [ANIMATIONS.SWING_IN_TOP_BCK]: SWING_IN_TOP_BCK, - [ANIMATIONS.SWING_IN_RIGHT_FWD]: SWING_IN_RIGHT_FWD, - [ANIMATIONS.SWING_IN_RIGHT_BCK]: SWING_IN_RIGHT_BCK, - [ANIMATIONS.SWING_IN_BOTTOM_FWD]: SWING_IN_BOTTOM_FWD, - [ANIMATIONS.SWING_IN_BOTTOM_BCK]: SWING_IN_BOTTOM_BCK, - [ANIMATIONS.SWING_IN_LEFT_FWD]: SWING_IN_LEFT_FWD, - [ANIMATIONS.SWING_IN_LEFT_BCK]: SWING_IN_LEFT_BCK -}; diff --git a/src/components/animation/animations/animista/swing.ts b/src/components/animation/animations/animista/swing.ts deleted file mode 100644 index 489acf782..000000000 --- a/src/components/animation/animations/animista/swing.ts +++ /dev/null @@ -1,105 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SWING_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const SWING_TOP_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateX(0)', transformOrigin: 'top' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateX(180deg)', transformOrigin: 'top' } -]; - -const SWING_TOP_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateX(0)', transformOrigin: 'top' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateX(-180deg)', transformOrigin: 'top' } -]; - -const SWING_TOP_RIGHT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '100% 0%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 180deg)', transformOrigin: '100% 0%' } -]; - -const SWING_TOP_RIGHT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '100% 0%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, -180deg)', transformOrigin: '100% 0%' } -]; - -const SWING_RIGHT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateY(0)', transformOrigin: 'right' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateY(180deg)', transformOrigin: 'right' } -]; - -const SWING_RIGHT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateY(0)', transformOrigin: 'right' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateY(-180deg)', transformOrigin: 'right' } -]; - -const SWING_BOTTOM_RIGHT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)', transformOrigin: '100% 100%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 180deg)', transformOrigin: '100% 100%' } -]; - -const SWING_BOTTOM_RIGHT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)', transformOrigin: '100% 100%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, -180deg)', transformOrigin: '100% 100%' } -]; - -const SWING_BOTTOM_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateX(0)', transformOrigin: 'bottom' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateX(-180deg)', transformOrigin: 'bottom' } -]; - -const SWING_BOTTOM_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateX(0)', transformOrigin: 'bottom' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateX(180deg)', transformOrigin: 'bottom' } -]; - -const SWING_BOTTOM_LEFT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '0% 100%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, -180deg)', transformOrigin: '0% 100%' } -]; - -const SWING_BOTTOM_LEFT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 0deg)', transformOrigin: '0% 100%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(1, 1, 0, 180deg)', transformOrigin: '0% 100%' } -]; - -const SWING_LEFT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateY(0)', transformOrigin: 'left bottom' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateY(-180deg)', transformOrigin: 'left bottom' } -]; - -const SWING_LEFT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotateY(0)', transformOrigin: 'left bottom' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotateY(180deg)', transformOrigin: 'left bottom' } -]; - -const SWING_TOP_LEFT_FWD: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)', transformOrigin: '0% 0%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, -180deg)', transformOrigin: '0% 0%' } -]; - -const SWING_TOP_LEFT_BCK: Keyframe[] = [ - { offset: 0, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 0deg)', transformOrigin: '0% 0%' }, - { offset: 1, ...SWING_DEFAULT, transform: 'rotate3d(-1, 1, 0, 180deg)', transformOrigin: '0% 0%' } -]; - -export default { - [ANIMATIONS.SWING_TOP_FWD]: SWING_TOP_FWD, - [ANIMATIONS.SWING_TOP_BCK]: SWING_TOP_BCK, - [ANIMATIONS.SWING_TOP_RIGHT_FWD]: SWING_TOP_RIGHT_FWD, - [ANIMATIONS.SWING_TOP_RIGHT_BCK]: SWING_TOP_RIGHT_BCK, - [ANIMATIONS.SWING_RIGHT_FWD]: SWING_RIGHT_FWD, - [ANIMATIONS.SWING_RIGHT_BCK]: SWING_RIGHT_BCK, - [ANIMATIONS.SWING_BOTTOM_RIGHT_FWD]: SWING_BOTTOM_RIGHT_FWD, - [ANIMATIONS.SWING_BOTTOM_RIGHT_BCK]: SWING_BOTTOM_RIGHT_BCK, - [ANIMATIONS.SWING_BOTTOM_FWD]: SWING_BOTTOM_FWD, - [ANIMATIONS.SWING_BOTTOM_BCK]: SWING_BOTTOM_BCK, - [ANIMATIONS.SWING_BOTTOM_LEFT_FWD]: SWING_BOTTOM_LEFT_FWD, - [ANIMATIONS.SWING_BOTTOM_LEFT_BCK]: SWING_BOTTOM_LEFT_BCK, - [ANIMATIONS.SWING_LEFT_FWD]: SWING_LEFT_FWD, - [ANIMATIONS.SWING_LEFT_BCK]: SWING_LEFT_BCK, - [ANIMATIONS.SWING_TOP_LEFT_FWD]: SWING_TOP_LEFT_FWD, - [ANIMATIONS.SWING_TOP_LEFT_BCK]: SWING_TOP_LEFT_BCK -}; diff --git a/src/components/animation/animations/animista/swirl-in.ts b/src/components/animation/animations/animista/swirl-in.ts deleted file mode 100644 index d5c8788ae..000000000 --- a/src/components/animation/animations/animista/swirl-in.ts +++ /dev/null @@ -1,118 +0,0 @@ -import { ANIMATIONS } from './common'; - -const SWIRL_IN_DEFAULT: Keyframe = { - easing: 'ease-out', - fillMode: 'both', - transformOrigin: 'center center' -}; - -const SWIRL_IN_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', opacity: 1 } -]; - -const SWIRL_IN_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', opacity: 1 } -]; - -const SWIRL_IN_TOP_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '50% 0', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '50% 0', opacity: 1 } -]; - -const SWIRL_IN_TOP_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '50% 0', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '50% 0', opacity: 1 } -]; - -const SWIRL_IN_TR_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '100% 0%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 0%', opacity: 1 } -]; - -const SWIRL_IN_TR_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '100% 0%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 0%', opacity: 1 } -]; - -const SWIRL_IN_RIGHT_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '100% 50%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 50%', opacity: 1 } -]; - -const SWIRL_IN_RIGHT_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '100% 50%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 50%', opacity: 1 } -]; - -const SWIRL_IN_BR_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '100% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 100%', opacity: 1 } -]; - -const SWIRL_IN_BR_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '100% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '100% 100%', opacity: 1 } -]; - -const SWIRL_IN_BOTTOM_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '50% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '50% 100%', opacity: 1 } -]; - -const SWIRL_IN_BOTTOM_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '50% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '50% 100%', opacity: 1 } -]; - -const SWIRL_IN_BL_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '0% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0% 100%', opacity: 1 } -]; - -const SWIRL_IN_BL_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '0% 100%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0% 100%', opacity: 1 } -]; - -const SWIRL_IN_LEFT_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '0 50%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0 50%', opacity: 1 } -]; - -const SWIRL_IN_LEFT_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '0 50%', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0 50%', opacity: 1 } -]; - -const SWIRL_IN_TL_FWD: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(-540deg) scale(0)', transformOrigin: '0 0', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0 0', opacity: 1 } -]; - -const SWIRL_IN_TL_BCK: Keyframe[] = [ - { offset: 0, ...SWIRL_IN_DEFAULT, transform: 'rotate(540deg) scale(5)', transformOrigin: '0 0', opacity: 0 }, - { offset: 1, ...SWIRL_IN_DEFAULT, transform: 'rotate(0) scale(1)', transformOrigin: '0 0', opacity: 1 } -]; - -export default { - [ANIMATIONS.SWIRL_IN_FWD]: SWIRL_IN_FWD, - [ANIMATIONS.SWIRL_IN_BCK]: SWIRL_IN_BCK, - [ANIMATIONS.SWIRL_IN_TOP_FWD]: SWIRL_IN_TOP_FWD, - [ANIMATIONS.SWIRL_IN_TOP_BCK]: SWIRL_IN_TOP_BCK, - [ANIMATIONS.SWIRL_IN_TR_FWD]: SWIRL_IN_TR_FWD, - [ANIMATIONS.SWIRL_IN_TR_BCK]: SWIRL_IN_TR_BCK, - [ANIMATIONS.SWIRL_IN_RIGHT_FWD]: SWIRL_IN_RIGHT_FWD, - [ANIMATIONS.SWIRL_IN_RIGHT_BCK]: SWIRL_IN_RIGHT_BCK, - [ANIMATIONS.SWIRL_IN_BR_FWD]: SWIRL_IN_BR_FWD, - [ANIMATIONS.SWIRL_IN_BR_BCK]: SWIRL_IN_BR_BCK, - [ANIMATIONS.SWIRL_IN_BOTTOM_FWD]: SWIRL_IN_BOTTOM_FWD, - [ANIMATIONS.SWIRL_IN_BOTTOM_BCK]: SWIRL_IN_BOTTOM_BCK, - [ANIMATIONS.SWIRL_IN_BL_FWD]: SWIRL_IN_BL_FWD, - [ANIMATIONS.SWIRL_IN_BL_BCK]: SWIRL_IN_BL_BCK, - [ANIMATIONS.SWIRL_IN_LEFT_FWD]: SWIRL_IN_LEFT_FWD, - [ANIMATIONS.SWIRL_IN_LEFT_BCK]: SWIRL_IN_LEFT_BCK, - [ANIMATIONS.SWIRL_IN_TL_FWD]: SWIRL_IN_TL_FWD, - [ANIMATIONS.SWIRL_IN_TL_BCK]: SWIRL_IN_TL_BCK -}; diff --git a/src/components/animation/animations/animista/text-pop-up.ts b/src/components/animation/animations/animista/text-pop-up.ts deleted file mode 100644 index 42356c48a..000000000 --- a/src/components/animation/animations/animista/text-pop-up.ts +++ /dev/null @@ -1,161 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TEXT_POP_UP_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const TEXT_POP_UP_TOP: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(-50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_TR: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0) translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(-50px) translateX(50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_RIGHT: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateX(50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_BR: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0) translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(50px) translateX(50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_BL: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0) translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(50px) translateX(-50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_LEFT: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateX(-50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -const TEXT_POP_UP_TL: Keyframe[] = [ - { - offset: 0, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(0) translateX(0)', - transformOrigin: '50% 50%', - textShadow: 'none' - }, - { - offset: 1, - ...TEXT_POP_UP_DEFAULT, - transform: 'translateY(-50px) translateX(-50px)', - transformOrigin: '50% 50%', - textShadow: - '0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3)' - } -]; - -export default { - [ANIMATIONS.TEXT_POP_UP_TOP]: TEXT_POP_UP_TOP, - [ANIMATIONS.TEXT_POP_UP_TR]: TEXT_POP_UP_TR, - [ANIMATIONS.TEXT_POP_UP_RIGHT]: TEXT_POP_UP_RIGHT, - [ANIMATIONS.TEXT_POP_UP_BR]: TEXT_POP_UP_BR, - [ANIMATIONS.TEXT_POP_UP_BOTTOM]: TEXT_POP_UP_BOTTOM, - [ANIMATIONS.TEXT_POP_UP_BL]: TEXT_POP_UP_BL, - [ANIMATIONS.TEXT_POP_UP_LEFT]: TEXT_POP_UP_LEFT, - [ANIMATIONS.TEXT_POP_UP_TL]: TEXT_POP_UP_TL -}; diff --git a/src/components/animation/animations/animista/text-shadow-drop.ts b/src/components/animation/animations/animista/text-shadow-drop.ts deleted file mode 100644 index dd2e00b4e..000000000 --- a/src/components/animation/animations/animista/text-shadow-drop.ts +++ /dev/null @@ -1,62 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TEXT_SHADOW_DROP_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const TEXT_SHADOW_DROP_CENTER: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_TOP: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 -6px 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_TR: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '6px -6px 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_RIGHT: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '6px 0 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_BR: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '6px 6px 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_BOTTOM: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 6px 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_BL: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '-6px 6px 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_LEFT: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '-6px 0 18px rgba(0, 0, 0, 0.35)' } -]; - -const TEXT_SHADOW_DROP_TL: Keyframe[] = [ - { offset: 0, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '0 0 0 rgba(0, 0, 0, 0)' }, - { offset: 1, ...TEXT_SHADOW_DROP_DEFAULT, textShadow: '-6px -6px 18px rgba(0, 0, 0, 0.35)' } -]; - -export default { - [ANIMATIONS.TEXT_SHADOW_DROP_CENTER]: TEXT_SHADOW_DROP_CENTER, - [ANIMATIONS.TEXT_SHADOW_DROP_TOP]: TEXT_SHADOW_DROP_TOP, - [ANIMATIONS.TEXT_SHADOW_DROP_TR]: TEXT_SHADOW_DROP_TR, - [ANIMATIONS.TEXT_SHADOW_DROP_RIGHT]: TEXT_SHADOW_DROP_RIGHT, - [ANIMATIONS.TEXT_SHADOW_DROP_BR]: TEXT_SHADOW_DROP_BR, - [ANIMATIONS.TEXT_SHADOW_DROP_BOTTOM]: TEXT_SHADOW_DROP_BOTTOM, - [ANIMATIONS.TEXT_SHADOW_DROP_BL]: TEXT_SHADOW_DROP_BL, - [ANIMATIONS.TEXT_SHADOW_DROP_LEFT]: TEXT_SHADOW_DROP_LEFT, - [ANIMATIONS.TEXT_SHADOW_DROP_TL]: TEXT_SHADOW_DROP_TL -}; diff --git a/src/components/animation/animations/animista/text-shadow-pop.ts b/src/components/animation/animations/animista/text-shadow-pop.ts deleted file mode 100644 index 061835d97..000000000 --- a/src/components/animation/animations/animista/text-shadow-pop.ts +++ /dev/null @@ -1,144 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TEXT_SHADOW_POP_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const TEXT_SHADOW_POP_TOP: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateY(8px)', - textShadow: - '0 -1px #555555, 0 -2px #555555, 0 -3px #555555, 0 -4px #555555, 0 -5px #555555, 0 -6px #555555, 0 -7px #555555, 0 -8px #555555' - } -]; - -const TEXT_SHADOW_POP_TR: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0) translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(-8px) translateY(8px)', - textShadow: - '1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555' - } -]; - -const TEXT_SHADOW_POP_RIGHT: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(-8px)', - textShadow: - '1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555' - } -]; - -const TEXT_SHADOW_POP_BR: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0) translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(-8px) translateY(-8px)', - textShadow: - '1px 1px #555555, 2px 2px #555555, 3px 3px #555555, 4px 4px #555555, 5px 5px #555555, 6px 6px #555555, 7px 7px #555555, 8px 8px #555555' - } -]; - -const TEXT_SHADOW_POP_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateY(-8px)', - textShadow: - '0 1px #555555, 0 2px #555555, 0 3px #555555, 0 4px #555555, 0 5px #555555, 0 6px #555555, 0 7px #555555, 0 8px #555555' - } -]; - -const TEXT_SHADOW_POP_BL: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0) translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(8px) translateY(-8px)', - textShadow: - '-1px 1px #555555, -2px 2px #555555, -3px 3px #555555, -4px 4px #555555, -5px 5px #555555, -6px 6px #555555, -7px 7px #555555, -8px 8px #555555' - } -]; - -const TEXT_SHADOW_POP_LEFT: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(8px)', - textShadow: - '-1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555' - } -]; - -const TEXT_SHADOW_POP_TL: Keyframe[] = [ - { - offset: 0, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(0) translateY(0)', - textShadow: '0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555' - }, - { - offset: 1, - ...TEXT_SHADOW_POP_DEFAULT, - transform: 'translateX(8px) translateY(8px)', - textShadow: - '-1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555' - } -]; - -export default { - [ANIMATIONS.TEXT_SHADOW_POP_TOP]: TEXT_SHADOW_POP_TOP, - [ANIMATIONS.TEXT_SHADOW_POP_TR]: TEXT_SHADOW_POP_TR, - [ANIMATIONS.TEXT_SHADOW_POP_RIGHT]: TEXT_SHADOW_POP_RIGHT, - [ANIMATIONS.TEXT_SHADOW_POP_BR]: TEXT_SHADOW_POP_BR, - [ANIMATIONS.TEXT_SHADOW_POP_BOTTOM]: TEXT_SHADOW_POP_BOTTOM, - [ANIMATIONS.TEXT_SHADOW_POP_BL]: TEXT_SHADOW_POP_BL, - [ANIMATIONS.TEXT_SHADOW_POP_LEFT]: TEXT_SHADOW_POP_LEFT, - [ANIMATIONS.TEXT_SHADOW_POP_TL]: TEXT_SHADOW_POP_TL -}; diff --git a/src/components/animation/animations/animista/tilt-in-fwd.ts b/src/components/animation/animations/animista/tilt-in-fwd.ts deleted file mode 100644 index 3804f5822..000000000 --- a/src/components/animation/animations/animista/tilt-in-fwd.ts +++ /dev/null @@ -1,73 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TILT_IN_FWD_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const TILT_IN_FWD_TR: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_FWD_BR: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_FWD_BL: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_FWD_TL: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_FWD_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.TILT_IN_FWD_TR]: TILT_IN_FWD_TR, - [ANIMATIONS.TILT_IN_FWD_BR]: TILT_IN_FWD_BR, - [ANIMATIONS.TILT_IN_FWD_BL]: TILT_IN_FWD_BL, - [ANIMATIONS.TILT_IN_FWD_TL]: TILT_IN_FWD_TL -}; diff --git a/src/components/animation/animations/animista/tilt-in.ts b/src/components/animation/animations/animista/tilt-in.ts deleted file mode 100644 index d3abd5ab9..000000000 --- a/src/components/animation/animations/animista/tilt-in.ts +++ /dev/null @@ -1,201 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TILT_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)', - fillMode: 'both' -}; - -const TILT_IN_TOP_1: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(30deg) translateY(-300px) skewY(-30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0deg) translateY(0) skewY(0deg)', - opacity: 1 - } -]; - -const TILT_IN_TOP_2: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(-30deg) translateY(-300px) skewY(30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0deg) translateY(0) skewY(0deg)', - opacity: 1 - } -]; - -const TILT_IN_TR: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_RIGHT_1: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateX(-30deg) translateX(300px) skewX(30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateX(0deg) translateX(0) skewX(0deg)', - opacity: 1 - } -]; - -const TILT_IN_RIGHT_2: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateX(30deg) translateX(300px) skewX(-30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateX(0deg) translateX(0) skewX(0deg)', - opacity: 1 - } -]; - -const TILT_IN_BR: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_BOTTOM_1: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(30deg) translateY(300px) skewY(-30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0deg) translateY(0) skewY(0deg)', - opacity: 1 - } -]; - -const TILT_IN_BOTTOM_2: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(-30deg) translateY(300px) skewY(30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0deg) translateY(0) skewY(0deg)', - opacity: 1 - } -]; - -const TILT_IN_BL: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -const TILT_IN_LEFT_1: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateX(-30deg) translateX(-300px) skewX(-30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateX(0deg) translateX(0) skewX(0deg)', - opacity: 1 - } -]; - -const TILT_IN_LEFT_2: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateX(30deg) translateX(-300px) skewX(30deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateX(0deg) translateX(0) skewX(0deg)', - opacity: 1 - } -]; - -const TILT_IN_TL: Keyframe[] = [ - { - offset: 0, - ...TILT_IN_DEFAULT, - transform: 'rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg)', - opacity: 0 - }, - { - offset: 1, - ...TILT_IN_DEFAULT, - transform: 'rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg)', - opacity: 1 - } -]; - -export default { - [ANIMATIONS.TILT_IN_TOP_1]: TILT_IN_TOP_1, - [ANIMATIONS.TILT_IN_TOP_2]: TILT_IN_TOP_2, - [ANIMATIONS.TILT_IN_TR]: TILT_IN_TR, - [ANIMATIONS.TILT_IN_RIGHT_1]: TILT_IN_RIGHT_1, - [ANIMATIONS.TILT_IN_RIGHT_2]: TILT_IN_RIGHT_2, - [ANIMATIONS.TILT_IN_BR]: TILT_IN_BR, - [ANIMATIONS.TILT_IN_BOTTOM_1]: TILT_IN_BOTTOM_1, - [ANIMATIONS.TILT_IN_BOTTOM_2]: TILT_IN_BOTTOM_2, - [ANIMATIONS.TILT_IN_BL]: TILT_IN_BL, - [ANIMATIONS.TILT_IN_LEFT_1]: TILT_IN_LEFT_1, - [ANIMATIONS.TILT_IN_LEFT_2]: TILT_IN_LEFT_2, - [ANIMATIONS.TILT_IN_TL]: TILT_IN_TL -}; diff --git a/src/components/animation/animations/animista/tracking-in.ts b/src/components/animation/animations/animista/tracking-in.ts deleted file mode 100644 index 0dc91eb64..000000000 --- a/src/components/animation/animations/animista/tracking-in.ts +++ /dev/null @@ -1,89 +0,0 @@ -import { ANIMATIONS } from './common'; - -const TRACKING_IN_DEFAULT: Keyframe = { - easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)', - fillMode: 'both' -}; - -const TRACKING_IN_EXPAND: Keyframe[] = [ - { offset: 0, ...TRACKING_IN_DEFAULT, letterSpacing: '-0.5em', opacity: 0 }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 1 } -]; - -const TRACKING_IN_EXPAND_FWD: Keyframe[] = [ - { offset: 0, ...TRACKING_IN_DEFAULT, letterSpacing: '-0.5em', transform: 'translateZ(-700px)', opacity: 0 }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0)', opacity: 1 } -]; - -const TRACKING_IN_EXPAND_FWD_TOP: Keyframe[] = [ - { - offset: 0, - ...TRACKING_IN_DEFAULT, - letterSpacing: '-0.5em', - transform: 'translateZ(-700px) translateY(-500px)', - opacity: 0 - }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const TRACKING_IN_EXPAND_FWD_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...TRACKING_IN_DEFAULT, - letterSpacing: '-0.5em', - transform: 'translateZ(-700px) translateY(500px)', - opacity: 0 - }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const TRACKING_IN_CONTRACT: Keyframe[] = [ - { offset: 0, ...TRACKING_IN_DEFAULT, letterSpacing: '1em', opacity: 0 }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 1 } -]; - -const TRACKING_IN_CONTRACT_BCK: Keyframe[] = [ - { offset: 0, ...TRACKING_IN_DEFAULT, letterSpacing: '1em', transform: 'translateZ(400px)', opacity: 0 }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0)', opacity: 1 } -]; - -const TRACKING_IN_CONTRACT_BCK_TOP: Keyframe[] = [ - { - offset: 0, - ...TRACKING_IN_DEFAULT, - letterSpacing: '1em', - transform: 'translateZ(400px) translateY(-300px)', - opacity: 0 - }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -const TRACKING_IN_CONTRACT_BCK_BOTTOM: Keyframe[] = [ - { - offset: 0, - ...TRACKING_IN_DEFAULT, - letterSpacing: '1em', - transform: 'translateZ(400px) translateY(300px)', - opacity: 0 - }, - { offset: 0.4, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', opacity: 0.6 }, - { offset: 1, ...TRACKING_IN_DEFAULT, letterSpacing: 'normal', transform: 'translateZ(0) translateY(0)', opacity: 1 } -]; - -export default { - [ANIMATIONS.TRACKING_IN_EXPAND]: TRACKING_IN_EXPAND, - [ANIMATIONS.TRACKING_IN_EXPAND_FWD]: TRACKING_IN_EXPAND_FWD, - [ANIMATIONS.TRACKING_IN_EXPAND_FWD_TOP]: TRACKING_IN_EXPAND_FWD_TOP, - [ANIMATIONS.TRACKING_IN_EXPAND_FWD_BOTTOM]: TRACKING_IN_EXPAND_FWD_BOTTOM, - [ANIMATIONS.TRACKING_IN_CONTRACT]: TRACKING_IN_CONTRACT, - [ANIMATIONS.TRACKING_IN_CONTRACT_BCK]: TRACKING_IN_CONTRACT_BCK, - [ANIMATIONS.TRACKING_IN_CONTRACT_BCK_TOP]: TRACKING_IN_CONTRACT_BCK_TOP, - [ANIMATIONS.TRACKING_IN_CONTRACT_BCK_BOTTOM]: TRACKING_IN_CONTRACT_BCK_BOTTOM -}; diff --git a/src/components/animation/animations/animista/vibrate.ts b/src/components/animation/animations/animista/vibrate.ts deleted file mode 100644 index 99d9216da..000000000 --- a/src/components/animation/animations/animista/vibrate.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { ANIMATIONS } from './common'; - -const VIBRATE_DEFAULT: Keyframe = { - easing: 'linear', - fillMode: 'both' -}; - -const VIBRATE_1: Keyframe[] = [ - { offset: 0, ...VIBRATE_DEFAULT, transform: 'translate(0)' }, - { offset: 0.2, ...VIBRATE_DEFAULT, transform: 'translate(-2px, 2px)' }, - { offset: 0.4, ...VIBRATE_DEFAULT, transform: 'translate(-2px, -2px)' }, - { offset: 0.6, ...VIBRATE_DEFAULT, transform: 'translate(2px, 2px)' }, - { offset: 0.8, ...VIBRATE_DEFAULT, transform: 'translate(2px, -2px)' }, - { offset: 1, ...VIBRATE_DEFAULT, transform: 'translate(0)' } -]; - -const VIBRATE_2: Keyframe[] = [ - { offset: 0, ...VIBRATE_DEFAULT, transform: 'translate(0)' }, - { offset: 0.1, ...VIBRATE_DEFAULT, transform: 'translate(-2px, -2px)' }, - { offset: 0.2, ...VIBRATE_DEFAULT, transform: 'translate(2px, -2px)' }, - { offset: 0.3, ...VIBRATE_DEFAULT, transform: 'translate(-2px, 2px)' }, - { offset: 0.4, ...VIBRATE_DEFAULT, transform: 'translate(2px, 2px)' }, - { offset: 0.5, ...VIBRATE_DEFAULT, transform: 'translate(-2px, -2px)' }, - { offset: 0.6, ...VIBRATE_DEFAULT, transform: 'translate(2px, -2px)' }, - { offset: 0.7, ...VIBRATE_DEFAULT, transform: 'translate(-2px, 2px)' }, - { offset: 0.8, ...VIBRATE_DEFAULT, transform: 'translate(-2px, -2px)' }, - { offset: 0.9, ...VIBRATE_DEFAULT, transform: 'translate(2px, -2px)' }, - { offset: 1, ...VIBRATE_DEFAULT, transform: 'translate(0)' } -]; - -export default { - [ANIMATIONS.VIBRATE_1]: VIBRATE_1, - [ANIMATIONS.VIBRATE_2]: VIBRATE_2 -}; diff --git a/src/components/animation/animations/animista/wobble.ts b/src/components/animation/animations/animista/wobble.ts deleted file mode 100644 index 20dd88c5a..000000000 --- a/src/components/animation/animations/animista/wobble.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { ANIMATIONS } from './common'; - -const WOBBLE_DEFAULT: Keyframe = { - fillMode: 'both' -}; - -const WOBBLE_HOR_BOTTOM: Keyframe[] = [ - { offset: 0, ...WOBBLE_DEFAULT, transform: 'translateX(0)', transformOrigin: '50% 50%' }, - { offset: 0.15, ...WOBBLE_DEFAULT, transform: 'translateX(-30px) rotate(-6deg)' }, - { offset: 0.3, ...WOBBLE_DEFAULT, transform: 'translateX(15px) rotate(6deg)' }, - { offset: 0.45, ...WOBBLE_DEFAULT, transform: 'translateX(-15px) rotate(-3.6deg)' }, - { offset: 0.6, ...WOBBLE_DEFAULT, transform: 'translateX(9px) rotate(2.4deg)' }, - { offset: 0.75, ...WOBBLE_DEFAULT, transform: 'translateX(-6px) rotate(-1.2deg)' }, - { offset: 1, ...WOBBLE_DEFAULT, transform: 'translateX(0)', transformOrigin: '50% 50%' } -]; - -const WOBBLE_HOR_TOP: Keyframe[] = [ - { offset: 0, ...WOBBLE_DEFAULT, transform: 'translateX(0)', transformOrigin: '50% 50%' }, - { offset: 0.15, ...WOBBLE_DEFAULT, transform: 'translateX(-30px) rotate(6deg)' }, - { offset: 0.3, ...WOBBLE_DEFAULT, transform: 'translateX(15px) rotate(-6deg)' }, - { offset: 0.45, ...WOBBLE_DEFAULT, transform: 'translateX(-15px) rotate(3.6deg)' }, - { offset: 0.6, ...WOBBLE_DEFAULT, transform: 'translateX(9px) rotate(-2.4deg)' }, - { offset: 0.75, ...WOBBLE_DEFAULT, transform: 'translateX(-6px) rotate(1.2deg)' }, - { offset: 1, ...WOBBLE_DEFAULT, transform: 'translateX(0)', transformOrigin: '50% 50%' } -]; - -const WOBBLE_VER_LEFT: Keyframe[] = [ - { offset: 0, ...WOBBLE_DEFAULT, transform: 'translateY(0) rotate(0)', transformOrigin: '50% 50%' }, - { offset: 0.15, ...WOBBLE_DEFAULT, transform: 'translateY(-30px) rotate(-6deg)' }, - { offset: 0.3, ...WOBBLE_DEFAULT, transform: 'translateY(15px) rotate(6deg)' }, - { offset: 0.45, ...WOBBLE_DEFAULT, transform: 'translateY(-15px) rotate(-3.6deg)' }, - { offset: 0.6, ...WOBBLE_DEFAULT, transform: 'translateY(9px) rotate(2.4deg)' }, - { offset: 0.75, ...WOBBLE_DEFAULT, transform: 'translateY(-6px) rotate(-1.2deg)' }, - { offset: 1, ...WOBBLE_DEFAULT, transform: 'translateY(0) rotate(0)', transformOrigin: '50% 50%' } -]; - -const WOBBLE_VER_RIGHT: Keyframe[] = [ - { offset: 0, ...WOBBLE_DEFAULT, transform: 'translateY(0) rotate(0)', transformOrigin: '50% 50%' }, - { offset: 0.15, ...WOBBLE_DEFAULT, transform: 'translateY(-30px) rotate(6deg)' }, - { offset: 0.3, ...WOBBLE_DEFAULT, transform: 'translateY(15px) rotate(-6deg)' }, - { offset: 0.45, ...WOBBLE_DEFAULT, transform: 'translateY(-15px) rotate(3.6deg)' }, - { offset: 0.6, ...WOBBLE_DEFAULT, transform: 'translateY(9px) rotate(-2.4deg)' }, - { offset: 0.75, ...WOBBLE_DEFAULT, transform: 'translateY(-6px) rotate(1.2deg)' }, - { offset: 1, ...WOBBLE_DEFAULT, transform: 'translateY(0) rotate(0)', transformOrigin: '50% 50%' } -]; - -export default { - [ANIMATIONS.WOBBLE_HOR_BOTTOM]: WOBBLE_HOR_BOTTOM, - [ANIMATIONS.WOBBLE_HOR_TOP]: WOBBLE_HOR_TOP, - [ANIMATIONS.WOBBLE_VER_LEFT]: WOBBLE_VER_LEFT, - [ANIMATIONS.WOBBLE_VER_RIGHT]: WOBBLE_VER_RIGHT -}; diff --git a/src/components/animation/animations/common.ts b/src/components/animation/animations/common.ts deleted file mode 100644 index 0d9faa993..000000000 --- a/src/components/animation/animations/common.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Animate.css Animations - */ -import { ANIMATIONS as ANIMATIONS_ANIMATE_CSS } from './animate/common'; - -/** - * Animista Animations - */ -import { ANIMATIONS as ANIMATIONS_ANIMISTA } from './animista/common'; - -export const ANIMATIONS = { - /** - * DEFAULT ANIMATION - */ - NONE: 'none', - ...ANIMATIONS_ANIMATE_CSS, - ...ANIMATIONS_ANIMISTA -} as const; - -export type AnimationsType = typeof ANIMATIONS[keyof typeof ANIMATIONS]; diff --git a/src/components/animation/animations/index.ts b/src/components/animation/animations/index.ts index 540a577f9..d48ffdcde 100644 --- a/src/components/animation/animations/index.ts +++ b/src/components/animation/animations/index.ts @@ -1,20 +1,12 @@ -import { ANIMATIONS, AnimationsType } from './common'; -import ANIMATE from './animate'; -import ANIMISTA from './animista'; +import animatecss from './animatecss'; +import animista from './animista'; -export const ANIMATION_KEY_ERROR = 'Animation not supported'; -export { ANIMATIONS, AnimationsType }; -export const KEYFRAMES = { - [ANIMATIONS.NONE]: [] as Keyframe[], - ...ANIMATE, - ...ANIMISTA -} as const; +const sortObject = (o: any) => + Object.keys(o) + .sort() + .reduce((r, k) => ((r[k] = o[k]), r), {}); -export function getKeyFramesByAnimation(animation: AnimationsType) { - const keyFrames = KEYFRAMES[animation]; - if (keyFrames !== undefined) { - return keyFrames; - } else { - throw new Error(ANIMATION_KEY_ERROR); - } -} +export default { + none: [], + ...sortObject({ ...animatecss, ...animista }) +}; diff --git a/src/components/animation/easing/easing.ts b/src/components/animation/easing/easing.ts deleted file mode 100644 index a5532b01b..000000000 --- a/src/components/animation/easing/easing.ts +++ /dev/null @@ -1,65 +0,0 @@ -export const EASING = { - LINEAR: 'linear', - EASE: 'ease', - EASE_IN: 'ease-in', - EASE_OUT: 'ease-out', - EASE_IN_OUT: 'ease-in-out', - EASE_IN_CUBIC: 'ease-in-cubic', - EASE_OUT_CUBIC: 'ease-out-cubic', - EASE_IN_OUT_CUBIC: 'ease-in-out-cubic', - EASE_IN_CIRC: 'ease-in-circ', - EASE_OUT_CIRC: 'ease-out-circ', - EASE_IN_OUT_CIRC: 'ease-in-out-circ', - EASE_IN_EXPO: 'ease-in-expo', - EASE_OUT_EXPO: 'ease-out-expo', - EASE_IN_OUT_EXPO: 'ease-in-out-expo', - EASE_IN_QUAD: 'ease-in-quad', - EASE_OUT_QUAD: 'ease-out-quad', - EASE_IN_OUT_QUAD: 'ease-in-out-quad', - EASE_IN_QUART: 'ease-in-quart', - EASE_OUT_QUART: 'ease-out-quart', - EASE_IN_OUT_QUART: 'ease-in-out-quart', - EASE_IN_QUINT: 'ease-in-quint', - EASE_OUT_QUINT: 'ease-out-quint', - EASE_IN_OUT_QUINT: 'ease-in-out-quint', - EASE_IN_SINE: 'ease-in-sine', - EASE_OUT_SINE: 'ease-out-sine', - EASE_IN_OUT_SINE: 'ease-in-out-sine', - EASE_IN_BACK: 'ease-in-back', - EASE_OUT_BACK: 'ease-out-back', - EASE_IN_OUT_BACK: 'ease-in-out-back' -} as const; - -export const EASING_FUNCTIONS = { - [EASING.LINEAR]: 'linear', - [EASING.EASE]: 'cubic-bezier(0.25, 0.1, 0.25, 1)', - [EASING.EASE_IN]: 'cubic-bezier(0.42, 0, 1, 1)', - [EASING.EASE_OUT]: 'cubic-bezier(0, 0, 0.58, 1)', - [EASING.EASE_IN_OUT]: 'cubic-bezier(0.42, 0, 0.58, 1)', - [EASING.EASE_IN_CUBIC]: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', - [EASING.EASE_OUT_CUBIC]: 'cubic-bezier(0.215, 0.61, 0.355, 1.0)', - [EASING.EASE_IN_OUT_CUBIC]: 'cubic-bezier(0.645, 0.045, 0.355, 1.0)', - [EASING.EASE_IN_CIRC]: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)', - [EASING.EASE_OUT_CIRC]: 'cubic-bezier(0.075, 0.82, 0.165, 1.0)', - [EASING.EASE_IN_OUT_CIRC]: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)', - [EASING.EASE_IN_EXPO]: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)', - [EASING.EASE_OUT_EXPO]: 'cubic-bezier(0.19, 1.0, 0.22, 1.0)', - [EASING.EASE_IN_OUT_EXPO]: 'cubic-bezier(1.0, 0.0, 0.0, 1.0)', - [EASING.EASE_IN_QUAD]: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)', - [EASING.EASE_OUT_QUAD]: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', - [EASING.EASE_IN_OUT_QUAD]: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)', - [EASING.EASE_IN_QUART]: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)', - [EASING.EASE_OUT_QUART]: 'cubic-bezier(0.165, 0.84, 0.44, 1.0)', - [EASING.EASE_IN_OUT_QUART]: 'cubic-bezier(0.77, 0.0, 0.175, 1.0)', - [EASING.EASE_IN_QUINT]: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', - [EASING.EASE_OUT_QUINT]: 'cubic-bezier(0.23, 1.0, 0.32, 1.0)', - [EASING.EASE_IN_OUT_QUINT]: 'cubic-bezier(0.86, 0.0, 0.07, 1.0)', - [EASING.EASE_IN_SINE]: 'cubic-bezier(0.47, 0.0, 0.745, 0.715)', - [EASING.EASE_OUT_SINE]: 'cubic-bezier(0.39, 0.575, 0.565, 1.0)', - [EASING.EASE_IN_OUT_SINE]: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)', - [EASING.EASE_IN_BACK]: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)', - [EASING.EASE_OUT_BACK]: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)', - [EASING.EASE_IN_OUT_BACK]: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)' -}; - -export type EasingType = typeof EASING[keyof typeof EASING]; diff --git a/src/components/animation/easings/index.ts b/src/components/animation/easings/index.ts new file mode 100644 index 000000000..2f2db35fb --- /dev/null +++ b/src/components/animation/easings/index.ts @@ -0,0 +1,31 @@ +export default { + linear: 'linear', + ease: 'cubic-bezier(0.25, 0.1, 0.25, 1)', + 'ease-in': 'cubic-bezier(0.42, 0, 1, 1)', + 'ease-out': 'cubic-bezier(0, 0, 0.58, 1)', + 'ease-in-out': 'cubic-bezier(0.42, 0, 0.58, 1)', + 'ease-in-cubic': 'cubic-bezier(0.55, 0.055, 0.675, 0.19)', + 'ease-out-cubic': 'cubic-bezier(0.215, 0.61, 0.355, 1.0)', + 'ease-in-out-cubic': 'cubic-bezier(0.645, 0.045, 0.355, 1.0)', + 'ease-in-circ': 'cubic-bezier(0.6, 0.04, 0.98, 0.335)', + 'ease-out-circ': 'cubic-bezier(0.075, 0.82, 0.165, 1.0)', + 'ease-in-out-circ': 'cubic-bezier(0.785, 0.135, 0.15, 0.86)', + 'ease-in-expo': 'cubic-bezier(0.95, 0.05, 0.795, 0.035)', + 'ease-out-expo': 'cubic-bezier(0.19, 1.0, 0.22, 1.0)', + 'ease-in-out-expo': 'cubic-bezier(1.0, 0.0, 0.0, 1.0)', + 'ease-in-quad': 'cubic-bezier(0.55, 0.085, 0.68, 0.53)', + 'ease-out-quad': 'cubic-bezier(0.25, 0.46, 0.45, 0.94)', + 'ease-in-out-quad': 'cubic-bezier(0.455, 0.03, 0.515, 0.955)', + 'ease-in-quart': 'cubic-bezier(0.895, 0.03, 0.685, 0.22)', + 'ease-out-quart': 'cubic-bezier(0.165, 0.84, 0.44, 1.0)', + 'ease-in-out-quart': 'cubic-bezier(0.77, 0.0, 0.175, 1.0)', + 'ease-in-quint': 'cubic-bezier(0.755, 0.05, 0.855, 0.06)', + 'ease-out-quint': 'cubic-bezier(0.23, 1.0, 0.32, 1.0)', + 'ease-in-out-quint': 'cubic-bezier(0.86, 0.0, 0.07, 1.0)', + 'ease-in-sine': 'cubic-bezier(0.47, 0.0, 0.745, 0.715)', + 'ease-out-sine': 'cubic-bezier(0.39, 0.575, 0.565, 1.0)', + 'ease-in-out-sine': 'cubic-bezier(0.445, 0.05, 0.55, 0.95)', + 'ease-in-back': 'cubic-bezier(0.6, -0.28, 0.735, 0.045)', + 'ease-out-back': 'cubic-bezier(0.175, 0.885, 0.32, 1.275)', + 'ease-in-out-back': 'cubic-bezier(0.68, -0.55, 0.265, 1.55)' +}; diff --git a/src/components/animation/manager.ts b/src/components/animation/manager.ts deleted file mode 100644 index db973218b..000000000 --- a/src/components/animation/manager.ts +++ /dev/null @@ -1,116 +0,0 @@ -import { IAnimatable } from './models/animatable'; -import { KEYFRAMES } from './animations'; -import { EasingType, EASING_FUNCTIONS } from './easing/easing'; - -function createAnimation(element: HTMLElement, context: IAnimatable): Animation { - const newKeyFrames = context.keyFrames || (context.name && KEYFRAMES[context.name]) || []; - const options = getAnimationOptions(context); - const newAnimation = element.animate(newKeyFrames, options); - newAnimation.pause(); - if (context.currentTime !== undefined) newAnimation.currentTime = context.currentTime; - if (context.startTime !== undefined) newAnimation.startTime = context.startTime; - - return newAnimation; -} - -function getAnimationOptions(context: IAnimatable): KeyframeAnimationOptions { - const animationOptions: KeyframeAnimationOptions = context.options || {}; - if (context.delay !== undefined) animationOptions.delay = context.delay; - if (context.duration !== undefined) animationOptions.duration = context.duration; - if (context.direction !== undefined) animationOptions.direction = context.direction; - if (context.composite !== undefined) animationOptions.composite = context.composite; - const easingType = (context.easing || animationOptions.easing) as EasingType; - animationOptions.easing = EASING_FUNCTIONS[easingType] || easingType; - if (context.endDelay !== undefined) animationOptions.endDelay = context.endDelay; - if (context.fill !== undefined) animationOptions.fill = context.fill; - if (context.iterations !== undefined) animationOptions.iterations = context.iterations; - if (context.iterationStart !== undefined) animationOptions.iterationStart = context.iterationStart; - if (context.iterationComposite !== undefined) animationOptions.iterationComposite = context.iterationComposite; - - return animationOptions; -} - -export class AnimationManager { - private element: HTMLElement; - private state: IAnimatable; - private name: Animation = null; - private isUpdatingState: boolean; - - constructor(initState: IAnimatable) { - this.state = initState; - } - - get currentAnimation(): Animation { - return this.name || this.loadAnimation(); - } - - set currentAnimation(value: Animation) { - this.name = value; - } - - loadAnimation() { - const { element, state } = this; - const newAnimation = createAnimation(element, state); - - newAnimation.addEventListener('finish', this.onFinishAnimation); - newAnimation.addEventListener('cancel', this.onCancelAnimation); - - return (this.name = newAnimation); - } - - clearAnimation() { - if (this.name === null) return; - this.name.removeEventListener('finish', this.onFinishAnimation); - this.name.removeEventListener('cancel', this.onCancelAnimation); - this.name = null; - } - - destroyAnimation() { - if (this.name === null) return; - const currentAnimation = this.name; - this.clearAnimation(); - currentAnimation.cancel(); - } - - playAnimation() { - // If the animation is playing, do nothing - if (this.currentAnimation.playState === 'running' && !this.isUpdatingState) { - return; - } - - // Cancel current animation before creating another one - if (this.isUpdatingState) { - this.destroyAnimation(); - } - - this.currentAnimation.play(); - this.onStartAnimation(); - } - - setState(element: HTMLElement, newState: IAnimatable) { - this.isUpdatingState = true; - this.element = element; - this.state = newState; - } - - savedState() { - // Check if `autoPlay` is enabled to play a new animation and emit the event. - if (this.state.autoPlay) { - this.playAnimation(); - } - this.isUpdatingState = false; - } - - onStartAnimation = () => { - this.state.slStart.emit(this.element); - }; - - onCancelAnimation = () => { - this.state.slCancel.emit(this.element); - }; - - onFinishAnimation = () => { - const { element, state } = this; - state.slFinish.emit(element); - }; -} diff --git a/src/components/animation/models/animatable.ts b/src/components/animation/models/animatable.ts deleted file mode 100644 index efff026fb..000000000 --- a/src/components/animation/models/animatable.ts +++ /dev/null @@ -1,27 +0,0 @@ -import { EventEmitter, ComponentInterface } from '@stencil/core'; -import { AnimationsType } from '../animations'; - -export interface IAnimatable { - name?: AnimationsType; - keyFrames?: Keyframe[]; - options?: KeyframeAnimationOptions; - delay?: number; - endDelay?: number; - duration?: number; - direction?: PlaybackDirection; - composite?: CompositeOperation; - easing?: string; - fill?: FillMode; - iterations?: number; - iterationStart?: number; - iterationComposite?: IterationCompositeOperation; - autoPlay?: boolean; - currentTime?: number; - startTime?: number; - playbackRate?: number; - slStart: EventEmitter; - slFinish: EventEmitter; - slCancel: EventEmitter; -} - -export type IAnimatableComponent = IAnimatable & ComponentInterface;