{"_id":"flip-toolkit","_rev":"56-1024bc8011245963d09f68c87ffe2193","name":"flip-toolkit","description":"Configurable FLIP animation helpers","dist-tags":{"alpha":"7.0.0-alpha-4.2.0","beta":"7.2.5-2","latest":"7.2.6"},"versions":{"0.0.0":{"name":"flip-toolkit","version":"0.0.0","keywords":["vanillajs","FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@0.0.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"dist":{"shasum":"c653163531587c15142ae6d94c9308184088f60c","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-0.0.0.tgz","fileCount":2,"integrity":"sha512-jAcl1EVgdSHLhEFRWekBLu0CrEVfH4AjBogHSFCaw8wkMkxUxErv8BXnmg/EyOr9yNpSKKZkdG7DvfGhdnDGyw==","signatures":[{"sig":"MEUCIQCQPoLkxQEukV7w9RDQfs5bW493QAGkyf1GQTh1IUOp0QIgVXEmQO+R/8nmowWA/GXstnLAqhuUXP2iET5J6ZLB5D0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIK4sCRA9TVsSAnZWagAAAu4P/i0mdkT4ggPH8IW6mKr2\nCPv2JLGKJXpICoQJjVVNSgiSDBzo86TO5vSlx8DrDshsiBdv23prCAVy3/a3\nmul+ZRrMx9kmuQk1iAABOSocRxgYq0LrTfWb0ZArltkIFTcPHkNCjk5HTFtR\n1DTOOFdbw3gREz152baOHQVHy0MXjiqUgPzWb4L1wYL7xmY107kx+4L4AqRP\n3VyAPr/WecE9nCrOp0szWxjoGCJQuPlFXNmlPUiLJHcO1eKfMgP2bUaav1ug\n9TK7eWm+RifJRzW7+SNdIk+AzB1xnRV1fnXh4nf3j4LPOgprbeVXKjfsvkl5\nsTgP69J+ZCEvuMxnUOguOcB7MVVH7GHPujR/sZJ9kUmE/d4ppZjCPcxpXzZp\n+uDEnUjvCSzgPEGndawMwiMtVIC+fs3iTCwEwXpsp/JIdopxAazS6gCAFVRI\nUc+jNTld2ELdaeHCCA0wYQWd0IFdnfovcj4sz29Mjzo2ouPyo5MuSUKd2/VK\n8TyHbCTAe/+7OmCKv8r0kjhKmRsUO7XTZcyU1FWxcamHUUK/HZ5qhmQEMWkV\nfSg/q5HOPCns/wKInlBJZ5Mx7ZzBwpJ3GWFu3s2Dn39AVkNFaDJ4pKigOAix\nO076yHtIZo9BpnGsi6PlcF5R+bv4zMo2PZSwm9wTIWG2GqAifWKr49yLugfQ\n7DoY\r\n=GzDi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","source":"src/index.ts","amdName":"FlipToolkit","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","demo":"parcel --no-cache demo/src/index.html","lint":"eslint src/**/*.ts","test":"jest","build":"microbundle --name=FlipToolkit --globals rematrix=Rematrix","start":"yarn run demo","format":"prettier --write 'src/**/*.{ts,tsx}","inspect":"npx source-map-explorer umd/react-flip-toolkit.min.*","prepare":"yarn run build","version":"npm run build","test:all":"npm-run-all test test:dom","test:dom":"parcel mocha/testrunner.html","predeploy":"cd example && yarn install && yarn run build","test:core":"parcel 'src/__tests__/core-test/index.html'","preversion":"npm test","test:watch":"react-scripts-ts test --env=jsdom","check-types":"tsc --noEmit","deploy-demo":"parcel build demo/src/index.html --out-dir demo/dist; cp demo/dist/index.html demo/dist/200.html; surge demo/dist --domain react-flip-toolkit-demos.surge.sh","postpublish":"git push origin master; git push origin --tags","format-and-fix":"npm-run-all format eslint-fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.4.1","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","browserslist":["IE 11"],"dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","jest":"^24.8.0","mocha":"^6.1.4","sinon":"^7.3.2","eslint":"^5.16.0","parcel":"^1.12.3","animejs":"^3.0.1","ts-jest":"^24.0.2","prettier":"1.18.2","babel-jest":"^24.8.0","typescript":"^3.5.2","@babel/core":"^7.4.5","@types/jest":"^24.0.15","microbundle":"^0.11.0","npm-run-all":"^4.1.5","@babel/runtime":"^7.4.5","babel-polyfill":"^6.26.0","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","regenerator-runtime":"^0.13.2","babel-preset-react-app":"^9.0.0","@babel/preset-typescript":"7.3.3","@typescript-eslint/parser":"^1.10.2","@typescript-eslint/eslint-plugin":"^1.10.2","@babel/plugin-transform-typescript":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_0.0.0_1562422828080_0.6080597038920461","host":"s3://npm-registry-packages"}},"6.6.8":{"name":"flip-toolkit","version":"6.6.8","keywords":["vanillajs","FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@6.6.8","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"dist":{"shasum":"b95ef695dfc80887669d5d1f81fc1349998119f6","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-6.6.8.tgz","fileCount":35,"integrity":"sha512-t3ducSFSOGfLMjGUVjq40edG6ZxtNFoeBndkokFvvCBeqMIbQzIjItNVv07Bpy6e6k70EhHOKeui56YZnYKnxA==","signatures":[{"sig":"MEUCIGNzch9JdXZoJl/BnoLLN4bJdx8wJsd1QPhq0zGLaIGVAiEAh4Q4N8zRiH3l5wWXvjGohbpKWhmThe6ExQsuCQbKpBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":353762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIhjtCRA9TVsSAnZWagAA5ugP/2mYAD3LbccDdoexHA1i\ncxifU1/P0sA45SWsQLmMz6nOsEnvE7qSVwEQsQtGCdy8kYak9olu15Lzsa3w\neFeFpqLp58DNhlXNff4qEkXW8bYq9zgFM6qYPeqvapWg5wrGf6Ty3atrjjFY\nTDZPrIKfDh4mEiD/Xyor0hnOjpU9RGSn+1qGFCzXWHVVe3WIlCVTC94jnYrf\nLoAnSY33KQVVoo+PridKvQEgiN+Nkc+PwBpokIWbrjbJt/PODAXSe5/35XpG\n0i9QSgngi1IdbiHiFlt50F/sznqTLzwjolXhffrMhpIEi1oa2bDE9WHNfTDk\noMDaN+mXLE3jGsgdJnk9Bfja3Fjs9lX5GuyBt2NvzKcsr7YLfqRjtDcTfZyY\nBXKBUdKTfUIMkQfApxVcfRFOEmXwc0L0r4cmzHR+XflFIVkw1AMDpX9sE37t\njmo7Wq2svhWhYJLTMiAJBi2ZU6ROz4XiwOwNZTJm96sYVbdRh9Z4pdCNO7Ed\nrMP8u5ms+biPx7Qca1wfWjt7GeYYpTjT0jez7r0+3nhDOe6zLzoG/Rq0UHVu\nVpLsd+iFxChtSsEEKHOcQSdCarW0Oak/BSIkLQAw6vnflx6G/lr8kOPJE9c2\ntvK0iTIQxQIeJCHxpf8tEucRNM7HzRepXhh8cY5UlIzNQL5AG/mOLktH/aKu\nhZXs\r\n=LfUR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","source":"index.ts","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"eslint src/**/*.ts","test":"jest","build":"microbundle --name=FlipToolkit --globals rematrix=Rematrix","start":"parcel 'core-test/index.html' --out-dir build","format":"prettier --write 'src/**/*.{ts,tsx}","inspect":"npx source-map-explorer dist/index.es.*","prepare":"yarn run build","version":"npm run build","test:all":"npm-run-all test test:dom","test:dom":"parcel mocha/testrunner.html --out-dir build","predeploy":"cd example && yarn install && yarn run build","preversion":"npm test","test:watch":"react-scripts-ts test --env=jsdom","check-types":"tsc --noEmit","postpublish":"git push origin master; git push origin --tags","format-and-fix":"npm-run-all format eslint-fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.4.1","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","browserslist":["> 1%","last 2 versions","IE 11"],"dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","jest":"^24.8.0","mocha":"^6.1.4","sinon":"^7.3.2","eslint":"^5.16.0","parcel":"^1.12.3","animejs":"^3.0.1","ts-jest":"^24.0.2","prettier":"1.18.2","babel-jest":"^24.8.0","typescript":"^3.5.2","@babel/core":"^7.4.5","@types/jest":"^24.0.15","microbundle":"^0.11.0","npm-run-all":"^4.1.5","@babel/runtime":"^7.4.5","babel-polyfill":"^6.26.0","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","regenerator-runtime":"^0.13.2","babel-preset-react-app":"^9.0.0","@babel/preset-typescript":"7.3.3","@typescript-eslint/parser":"^1.10.2","@typescript-eslint/eslint-plugin":"^1.10.2","@babel/plugin-transform-typescript":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.4.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_6.6.8_1562515692908_0.6038408058369729","host":"s3://npm-registry-packages"}},"7.0.0-alpha.1":{"name":"flip-toolkit","version":"7.0.0-alpha.1","keywords":["vanillajs","FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha.1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"dist":{"shasum":"b48905c0072913b772a4dca0c68476e6433221c8","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha.1.tgz","fileCount":36,"integrity":"sha512-V1EEKxchxepimeqDMZJ1azm0Y3HequvfLVLGCW/xFaMvmxa1UqHmln1RgqMXHnrSonh55iBaniVrWFZpZKw4zA==","signatures":[{"sig":"MEUCIQCLyqXGPaFF7Q+nE9hjrk6GyIJ4HIwSaLJZaqM6ez99VwIgPeAUOHvv2uhRblhOrmaXr7nBUuBeI8qGEB/jwcox1VU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":436981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTMm+CRA9TVsSAnZWagAAjc0P/jEv3MHh+xLWD9cSJPwE\n6kh/QAhBRc0LMFAVagk165EXoXyNhvP08B+S0tlGHrT+OkqyPeUy4TPJ0zS3\nXWIC61DWMoy8bdWg9RwqTYr4O7NfDMW5xOLxDfcx202b9/0uSeBPoXmcXBe5\nbgMqp9p6u3EiK1hiywVCh37/QVD+eRqlznXolMTqHprbw/7e5Dy0bmwC/KLj\n07td6H/65A+6Nl4O1awgNSd4vzOYp5b25sQzZoZGEcAPNJ0XqvXOEyNnDY7X\nasQiMrZDM/b+rg8sAPzfSf0vYYKIe6brSdzl41ggQOyanhKXmbIGQcRJZ/AA\nyH50jl6VcACUaAW3O5P+hgaxBVEZjjo/98pQ/0PTwF0UuF5pNny7AG0fYM6O\nhNKnwZ6+MidVvc3eV9/a9O76XJ9XzNcr4fOdXBBgwXwq5YTWMNKX1bwayTho\nzMMOshfVFpYdVwmMSj4D5H2R7iCsBDnsyQCPC3Q9UlmtqmOxzXnyeGKikVVa\nQ/v3uZgBB2ghj04es3twNFGUBGBR4KAS73cfOn2jMZJ7TQrjqoM+A0suvOcE\nkEZZuoOlp2sLHVhK+XjRr1ldBuKWUQfKLd+5dcpHt4lnVeoYguHswMc280X+\naUKeGCEJb+amdDy6vTDuPFvgAKBeoS9tppgvEX6rUL1HA1iEKEteEHGPJXUX\n1p54\r\n=Fksb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)\n[![npm version](http://img.shields.io/npm/v/flip-toolkit.svg?style=flat)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nThis library is suitable for use with Vanilla JS can be made to work with any JS framework. Try these framework-readyalternatives if you're using React or Vue:\n\n- [React-Flip-Toolkit](../../)\n- [Vue-Flip-Toolkit](https://github.com/mattrothenberg/vue-flip-toolkit)\n\n### Example 1: Expanding Div ([Fork on Code Sandbox](https://codesandbox.io/s/5v1k1nwz8l))\n\n```js\nimport { Flipper } from 'react-flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\nflipper.addFlipped({\n  element: square,\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child, use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions and begin animations\n  flipper.update()\n})\n```\n","source":"src/index.ts","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"eslint src/**/*.ts","test":"jest --testPathIgnorePatterns \"(dist|domtest)\"","build":"microbundle --name=FlipToolkit --globals rematrix=Rematrix","start":"parcel 'core-test/index.html' --out-dir build","watch":"microbundle watch --no-compress","format":"prettier --write src/**/*.{ts,tsx}","inspect":"npx source-map-explorer dist/index.es.*","prepare":"yarn run build","version":"npm run build","test:all":"npm-run-all test test:dom","test:dom":"parcel mocha/testrunner.html --out-dir build","predeploy":"cd example && yarn install && yarn run build","preversion":"npm test","check-types":"tsc --noEmit","postpublish":"git push origin master; git push origin --tags","format-and-fix":"npm-run-all format eslint-fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"dist/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.4.1","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","browserslist":["> 1%","last 2 versions","IE 11"],"dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.2.0","jest":"^24.7.1","mocha":"^6.1.4","sinon":"^7.3.2","eslint":"^5.16.0","parcel":"^1.12.3","ts-jest":"^24.0.2","prettier":"1.18.2","babel-jest":"^24.8.0","typescript":"^3.5.2","@babel/core":"^7.4.5","@types/jest":"^24.0.15","microbundle":"^0.11.0","npm-run-all":"^4.1.5","@babel/runtime":"^7.4.5","babel-polyfill":"^6.26.0","@babel/preset-env":"^7.5.0","@babel/preset-react":"^7.0.0","eslint-plugin-react":"^7.13.0","regenerator-runtime":"^0.13.2","babel-preset-react-app":"^9.0.0","@babel/preset-typescript":"^7.3.3","@typescript-eslint/parser":"^1.10.2","@typescript-eslint/eslint-plugin":"^1.10.2","@babel/plugin-transform-typescript":"^7.4.5","@babel/plugin-proposal-class-properties":"^7.5.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha.1_1565313469900_0.2472999295067715","host":"s3://npm-registry-packages"}},"7.0.0-7.0.0-alpha.2.0":{"name":"flip-toolkit","version":"7.0.0-7.0.0-alpha.2.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-7.0.0-alpha.2.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"73c93dcd02672bf69ddafbc9e0d7b231ddadc2b3","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-7.0.0-alpha.2.0.tgz","fileCount":9,"integrity":"sha512-dj6FK3ziFk0ilWNqd6op1U+8oNRCN1yy82M/s1DDML6fv1/AktK/SByp8gQUOndUFENuvs4qQ/aEQA2HDKrmQg==","signatures":[{"sig":"MEUCIQDPdH0DOJuisd6UhZkj9cPGHpkuQ5TxEPVdS7IIgjYXfgIgPyXivzD5M+w3OZ7z2BnR66zTNy55WPLXx+++yyrLwN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUgTLCRA9TVsSAnZWagAAXvwP/RQ7QgiFv0lxfYidQcy/\ny0QMgq1pVHf9HKgHx61TCODdfHEp/cn18Nalp1lQ3pNCYKExDNqyV8D3sH0j\nJq3nRo3LJqyrvlKFfR67R75Rq7OLkPlVPLaNECkzF0GzOiliefbumO/k+Ggt\nQ8fXf7Ysr/9PrfdpUA9I99J7kWl5AUfRAUsARWnJotKUUploLpRWS+fXxSNX\n53nUj/B2wHuCX37bxMi1nFOX7LNb5aZKaHTuZvmnXtpiqyTs1RvsQAYjcSec\nKaS5vsuxX4eqFyDSYuCV7Bv25kovsr1QAgFOBuZ8eqzu2No1QcSuXVGHhou4\n+t5XJ8JRJGosioNpnehZRVWsxPCSGopfcO3GNShQLGj9zoKw32aVrRE44W1F\n1RkPZqW+kN9rrj79KwVW54ziiLekwhkNG4ouQj20lPjdi5Whuhe2Bb6HQTVZ\nQMUYFW9o8VAoeAPq9eGxkX8g+xpZN8YxOQy25wjbBy9Q1mXUzsMgnPo68mlf\nol1a+U+ELeAZimwScr62IZ9sEbLuHU4QcmD4w0/K6V9558ECJxtk40OvdMz1\n2Wh+LShGssCs4cwX90ONtn+rw/RDI0oa9KtdEFRwjDrug9FhIPZDcOmOCKkl\n5OQ2Ci/5tL0S3J2OsA99BsPR8ZBt/38thzZnrwrGTp/EA7vnDO25Zz1wwZMU\nt8tr\r\n=iYuk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"ERROR: No README data found!","engines":{"npm":">=5","node":">=8"},"gitHead":"69b0e120058de11256627e739dfb5d76cd07a673","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.16.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-7.0.0-alpha.2.0"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-7.0.0-alpha.2.0_1565656266991_0.17186335411892806","host":"s3://npm-registry-packages"}},"7.0.0-alpha.2.0":{"name":"flip-toolkit","version":"7.0.0-alpha.2.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha.2.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"eb5dc87a31c810687c16e4dcc200db750149cbbc","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha.2.0.tgz","fileCount":8,"integrity":"sha512-JlRWxBBHCgrSJn7QDRO1euirOvhRrqd3IJCP6MIHNy7qisX8/fyewa8JLNQTBjQUOy6SkyL2ApPt+AjrfW0lCA==","signatures":[{"sig":"MEQCIGuHgRX3mD3FkyFQZ7PevSZIBnqTmh5SlZkZYEB0mVeaAiAR8aGM5fWZyDUR1/0jchuQG7kBgLakTgIExs3FoBRr9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUga6CRA9TVsSAnZWagAAgH4QAJxnYJWQNAZ43nTxovhp\nOqoIlEbAV0LbpamNn4EAexiz/UO7b3cAwhC6lSX6aubiYMbDwnKwBrzOk3OS\nXRbxijFH4W4vA4ye19r1Vf0LYiHGm5RfINcMxLwEMyH9g7lFfxrIBGIURK7c\nRnq3Ns/HjFYjy+MUfmNBCO0kCgIWpOy2E71aBUkU/aog4UKgZBoSZRE3ZFCP\nUEeW9nZZn67QouXKWZconiskSEEy6KurYtIcrhKgEWFhyEeMhnpuP9YrVKRb\n0MVWZtTWtoNHJ8GE1Xn13RpQNy8JJ5vRHTqGX0CDMDVGuI13oosYdcpdW8xQ\ntjNERLbYweaNGhVhvChgZgYCpkU9pIisW45dM3C3S7EuHcSl1tBbaq55sXkZ\nmcEFSaUU0zh+9pFiLviwfCA5GJmbEtelc4w+wHjnd0fl6m/mOoUI03UzAhdo\npsZ/AaWfrg2VzhtFk0v2WagGB9jBZBmVn1lC4c2gxywS3vZdqcOMvzuGhU8p\n0Mjf2fOirolqR0u5W9tldmsffRX3uCMvSxn0LzR11osDFe+11Tb7CsTkNBLv\nF9BDqFuVFelAvH7pSXgXfo0JtIvuJxvwj5PHMqFlkH/WnWQMk2H/4Fbg0tay\nDqMKaBlZp9ciOKbN6XfmFwyLlmj9Z8fS3FOEJ9Zq3nzkAX16EknRHIBmCj+Q\nzPgB\r\n=WamT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"ERROR: No README data found!","engines":{"npm":">=5","node":">=8"},"scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.9.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-7.0.0-alpha.2.0"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha.2.0_1565656761782_0.4411969920431529","host":"s3://npm-registry-packages"}},"7.0.0-alpha.3":{"name":"flip-toolkit","version":"7.0.0-alpha.3","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha.3","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"6767c8fb1e2332d29a4115eb261178d98e37a723","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha.3.tgz","fileCount":8,"integrity":"sha512-rhMwt7LY+dVVUt2ccJtDK/kdxPqvDg5f2szehYAqT4/cZVgsRCUBvyzeBEzeNbTqEUu1TnJ2getPM3stIQliPA==","signatures":[{"sig":"MEUCIEbqWe+6z8piZGW9ypZu6JVTqRd+RwhITdMGFkxnlSXOAiEAhvRz6Ipj2cBsnfZcBdzBe+ORbuG4Tq0q1xDZD7g4ySw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUhdDCRA9TVsSAnZWagAAZJMP/AqiHvlJF+IsQZkAounS\nW0+wvHUd6sob5HOBaqJlbpaJJ2Zjno5lrdUVduogcvGoRHaNbh5eH0fuhEL6\n36QWW9CWXvlRgGu8d1WoWsxqVJUeAshfL+BYZYeCXhPifHZVVB8TS4blyzO+\n2KD4V2RnYu1m23KKq+hIlTLv1cpmWcixd2eP64dcXZdPDDXvIr4+4b9Lc4Ti\n6HbcDAy1/9b67jTaH5ZFQVwCwW/e/RAL8bcJ4Y24VuQ7UeW++H3Y436Z82xX\nv2WSVpOZ9FCw3SMN6zXnOcR0qJMfDblhSadBB0vLLMjIO2m2MEuOQYY0U4Ym\n7TeJx871QGnh+xr18ipcQOjYBPMa+lDQ1ArzPI9HzaiYGMj04f1qYoM1ta9H\n6kIT9BQiv/qbPo40BZ2mMA8HahVcuaFftBXxsfMMFie3zqTUFtgE69N6WLOc\nR6DSwOgqsX56l2UuyvM+A5M1OxVNS/XAJnic3KD8D9YRMglitGDa0zFaiM5a\n8PoNwRJyeiYDDezkTiw6tMQvw2q4hVhrFhPThCAjh7iwimBl8IkW6zDWDmwX\n5fFG3fDMAc+CFMaUltZ6jNfJxQByRmzLkKBj5r9Y7G41E+Q/5oh9TqWGh7jl\nl/ASNU8nuDON5HKLJQb+4yZ0HHl0L9zh0QjuCkjWj5p9z33xyLX0MSgVEWnj\nQVNu\r\n=cZ2p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"ERROR: No README data found!","engines":{"npm":">=5","node":">=8"},"gitHead":"ff5161e2866f9b1509d16ca63f6406bcfe9864f4","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.9.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-alpha.3"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha.3_1565660994528_0.3606316167420647","host":"s3://npm-registry-packages"}},"7.0.0-alpha.4":{"name":"flip-toolkit","version":"7.0.0-alpha.4","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha.4","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"95b5017aea68f389de08e4532e9bba4aa4e5fb7e","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha.4.tgz","fileCount":8,"integrity":"sha512-jocQFPpTfrvdjBdNj++IZMH0Z/JEl7NATTsIps3/hthYgLp1bSsKheKvC2w7TwWBLo/DbfcVoEldG0P+vGM6iA==","signatures":[{"sig":"MEQCIHgB3+7kX2B8+41jJxLZOVenN5K9B54oiBxWSJr3zj4SAiAFtTlH8MtcyV9DWrphqIxiacgmIedyIyjxUZ6Z0gLonQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUiPDCRA9TVsSAnZWagAAxWwQAIZTgDLwz4kav459CCUM\nhmBKV778vPWnrkoEHhmD1zmCb7gAFu4RdnPnm1AscYT7kyEdD+umiCu2ZYzX\nbNcWv0Dy4bQkkdJVKxLJOM/tbrveQ0eBIOXi1kHdRPc71i/KEc5mgczKBPTk\nkrFmH4B7D5D8Rg0JerHeGpUk3j0EIo2xq36MEPygxtvSS9LgDEATqX99WBwi\nMVNcbNBBCpr3SI19efL17T3cbHftGIbff6TqiOBUou7XvJyFtgan/KPzzsrv\n+nS9Dpvag7o4j5rvnyO+bZkT8FH6dTQIrXt5mxZb0SKjs6ur8lwsQyi+fQgs\nGg0RhgpHQdg3eouWsp4CftbnnwIZcpgkdYpCSA9Rq+gsrHLTsOifAHMVn2yR\n8svQVLSRm26HU5TTlLQMurJNLeJIBJINfMce13FOGIeTvHZo+Xd48mfIPkEO\nveLADbezaVI6e5lyEXWObA3n7NbKZlf+igMDlAO9U0VimKgJTDCUb6cUhxDL\n4tsnUZJapudQYEiFQZcoJuxHwrdhCyxMqqAD7HU3JYMFzUAUdYRgxuKyfRTt\nAz7VjqiifiC9yedpvZC5Tx0hfudgBZTNTDX9ArG6M8zj+2wnBKpfAjTV4ZKO\npHgKet7gYKuk5N8n3FCK2kP3RVlB1/5vMVsNe3M3MoG46lw1VMp8EsA2T4cd\nNOMf\r\n=EdMQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"ERROR: No README data found!","engines":{"npm":">=5","node":">=8"},"scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.9.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-alpha.3"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha.4_1565664194971_0.35032423434424853","host":"s3://npm-registry-packages"}},"7.0.0-beta.0":{"name":"flip-toolkit","version":"7.0.0-beta.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-beta.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"371ea3e56d6a9faa3417989c29eb55294c02b94e","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-beta.0.tgz","fileCount":9,"integrity":"sha512-a68SLTFLMTwbC3aEuKXynIc1rYwCWY8rie5yhoqXDTB2utqyu3Xt5ZgGHogZr6A9+Gtn81A+I9wG9WF3DEa98Q==","signatures":[{"sig":"MEQCIC1hb5tHXOdOf4LKy/KVs+btZdY4GemGW5ahz+14q76pAiAgF7Z1utToYhQkZhgs7CYzxf2YOR/oNllwUVCCVi0jlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUpZzCRA9TVsSAnZWagAAcdsP/ikO3VxTc2MRno5WY2CZ\nOrpT3Jq280vv3p3lFCRo6ZTzy0SdIl1IIEmCdvCsLfJk1R5S2z9ReFl3iTJU\n2rGPBA7h1PefAubZeX2ZsNpfKhxBG+eHkzklLVvrx3WqCduOLc6BXBRxpf4i\nn2hlZca6Euslhg5MKT/WnUDCirr37Sb/dJyI/EnKhymnSDag8lpLABQIURdK\n2CaAMasywK19A4mSGm9fE6yHr7tevM5MhX7dV//DHjiWQSVfHNh+9cqSmYOe\nsEE+dHYzHe5X5JyTTNg1K3nvvgjN1jJG29TRXJKKdfBv5rW4hSxssUFs2dFY\nxo1adfw11a+9Th2yFWbmOetQLUoMMtaCXxyUySUAsekgO//U2pcqRlwPTBum\nRwSqLTiQtoYt0AVxRm9gbwjiG02bhIsHmHFWPIlNvZTxVWwVtU0g6waGvMy2\nqVJvd9231WfMbXv2jvIorNdFGbxZWhndo1CLb8zh2ODzPKao1pvB1lP/xh+V\nmCFMARGpSlX9JYHKY+NShHkHCysqEgR/yRJPBxsfRY/foOxdQOHjorvBElEu\ngEPtAOI+fyeUd1umm6uLMH546Ela4YQOeEYZYYC9t83mEzVk8t+2UUl2zjZh\nz+gcLeT/JuU4jUM+x+Nnu2WJyTGQ+gHcUG7VwACeAeZJ/oqCi1O/H4GBl0mP\nw3ke\r\n=csgG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"ERROR: No README data found!","engines":{"npm":">=5","node":">=8"},"gitHead":"c5bade8a38db984e973fd437a69fa558d1e43298","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.16.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-alpha.3"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-beta.0_1565693555170_0.5481009215108879","host":"s3://npm-registry-packages"}},"7.0.0-beta.1":{"name":"flip-toolkit","version":"7.0.0-beta.1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-beta.1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"48b0ddf8ca5235854df67f685e4c98c99277ea51","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-beta.1.tgz","fileCount":10,"integrity":"sha512-0orrC2aXAnHD6dF4eMNBQF5gIp5aunSzCnDjiWvD+dj789VRh44RW2ZDzv/Pb6xMEmR8CFp5xlknUp7xd0qgzA==","signatures":[{"sig":"MEUCIBhc4eK3pfhDDIdd2T2YhrXEwjT1DNHhTqOBE4JI0iKwAiEA4XCsVYNAjtymRf43lVMAe69gFbif+/3o3NE8weWu2vc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUruyCRA9TVsSAnZWagAArt0P/juESUqiBGP+e2M2cccA\n8znO1AbJPaz0DGETVelVmOtJz9FFxWVCl4ekp9lPMz70nNFtDocisqjzFLLJ\n6Ikq0J+luNu3sBDb3GA/LQg6WLo2fanY2h93MyqGpW4gIA8Qxcdh2RO1IpuJ\n+hbCzVKvw3D65BjFdMlRF+T4xnBwZwiVr+ajSPpLIo5S/L1E7KtBSxCuLIW1\nbHSVi+DowHDJtu1LThGa5TXwBITkmnYGIZ4mi5r0uk77DpfWgMdQBeB3t8bZ\noaj+bhmkF+c7nEdqOFGG6oC/C+1TP2T0hRD7qHP3vagt5239VTXeeMadRCj1\n/w9iz8dzFXNpT076yelhQTaschsT3vkNlc1x34W92CUzeAvcZQura2zXkT+G\nYLGKSDCekJyRG0pcMew5E9/b5xsfDdQodDsLkfQtQpmFRXOT07FpBQKK33fJ\nnMUYYGGJMAMd/GN3V4cwlvxZW5CWy8UNKY+Vnt9vw1NeGa7czyv3/MHiOL22\nAzaVZcHKMa7bKMJ96nYx7lJNj6wEPJE2C7NK+CajO0Mm9F5Ntt+j+5F0JoNL\ndP9iSLiYP8S+v6GW398F3wVi725MKc7WE+UfG8BCygTs9np7X2XTvOcyAQ0M\n4ATcGTPenxECVaWaPPixCmyPgzGmiKK8JNFNnOZw6EHSjzzojKze9wjC4xBt\ngCsG\r\n=UsZ2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n### [Fork this example on CodeSandbox](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `Spring`, that can be used to orchestrate non-FLIP animations.\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst fadeInElements = [...this.el.querySelectorAll('*[data-fade-in]')]\n\nfadeInElements.forEach((el, i) => {\n  spring({\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity\n      el.style.transform = `translateY(${translateY}px)`\n    },\n    delay: i * 75,\n    onComplete: ()=>{\n      console.log('animation completed!')\n    }\n  })\n})\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"c677dbee6e48d29e457300be421b935f2e838a12","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0-beta.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-beta.1_1565703090444_0.3623303790577004","host":"s3://npm-registry-packages"}},"7.0.0-beta.2":{"name":"flip-toolkit","version":"7.0.0-beta.2","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-beta.2","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"12ccebb8799f8d5e7d6dbec91123eb582229e44a","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-beta.2.tgz","fileCount":85,"integrity":"sha512-QG0XFd7kl2IOTtMDk7qEzsjLgbq5dbKMPD9aALj1a1TjvMUTu6uF6tXI0rohSYxp8qn2mmb0J0PBgFfOLRmg6A==","signatures":[{"sig":"MEQCIBHROzLbxM/ZG+lLzcGAdDPBR/Xwm4T4qwRmbfMk15AGAiARuBp1gnGjeNbpbufPxT1KFbfj0v+LGjP2zp/nw/VA4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUr4LCRA9TVsSAnZWagAAyVkP/ROYNyFPPWlX8SjumNIg\nuFM9dmoR/fB6iqd8cUgi3Djv5qrKl+KpL1/ZZG5xTY3iDqD2wSRvbkjdzb1j\n1UD6XaQmVujQzrrh8i+J5erUF5W8DpTfUOo2l06G/AoKInHlRKk0U6G28swY\n2TrVzearIygWhNMhMsG24P1WyzEbjBF7xOBXlWVIN8ULn8r3joQHh4k6PWrE\nDNbbeXzkl/oZn9K2IO2BxYOnhCSiE9IOIOaa5hh5SiaN73VUnVi6C0Yw0Y8c\n9ZIwGLny1n34ZiHaWBjolSJVUGQ5FzPkKkoHv/+twYLLBsIqE89tPXdunKIc\nqZdGeS+8QhMCKgZkk2oP1io6qLjwMfEY4IOxdCxrZpu0XTg8TgT3DDSA0ZuL\nmh/DHsUNv1ChWblD7ofZ9NvYy4Wq4DHVs4vOOeDolPRqgAbz0C8J1Wnyt5JS\nbaPRzHPOxwwzU4ICKdq6mpMf9S8dQi/htTN2a4b9GaLPVQF7ROeZD37mR9nh\nfXYZLx8fzZmHdDnkUAMJxXMx/e6bdTj4PMt0g8US3Yka0+LLEuOaU8jF//MV\n2PJKhjjQNDsJvk3v/cAA92b9CgU85K3YSjATcq5jLrzeeFWi25OJTY4tx+qP\nntbIGeF3/z4hj70IMCFr5VfoZsP4Fv/oF9EK7Zk2KDSVNbtbAJsq+FfSeF3z\nZFvU\r\n=8qfd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n### [Fork this example on CodeSandbox](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst fadeInElements = [...this.el.querySelectorAll('*[data-fade-in]')]\n\nfadeInElements.forEach((el, i) => {\n  spring({\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity\n      el.style.transform = `translateY(${translateY}px)`\n    },\n    delay: i * 75,\n    onComplete: ()=>{\n      console.log('animation completed!')\n    }\n  })\n})\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"bffcf81dbf8f6b6e9b758c412fff59ef4ae8e56b","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0-beta.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-beta.2_1565703691293_0.49848989414668887","host":"s3://npm-registry-packages"}},"7.0.0-beta.3":{"name":"flip-toolkit","version":"7.0.0-beta.3","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-beta.3","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"cd21cc6d39dbb563a935f82caae31a79db3072b3","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-beta.3.tgz","fileCount":160,"integrity":"sha512-PEtHUX9MoVk0afekEuo49vAbxKyvgNE0V6drVZSFdvEY834zt2o+uonQhM2pI2P2iaIllYyULYaHI4FX3FuJMg==","signatures":[{"sig":"MEUCIAb+vcKUGS5wkVa3hVSJzaFiCpl6baVjBdHEFP9vXtLwAiEAnCTm+wvDJL1mEMEBY5unQK5CVfYlBiMK/cZL3TeqKBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUr+VCRA9TVsSAnZWagAASLsP/jbRUJEw1nLbdUOs1Cuj\n20ZujzeMnQGGjk3DPOJL02t13fo20/3O0h5TWl/TMJptB6bO3S4jZIAWoHnv\nyYIxlz757W8V3JC9IIhDDxhXbbA41ryavL+fUqzOwTG1lmFMvdinZWe4VSNj\nXOHlMkZqLrKNjS8Csn1TFu5pB92cDsPyNjPaOQ9EDEiD7lxVFGdEqlANaUuU\nkzS05B0V26yGYFy/lRfmuJWyTVAINY+VjZFtuGIyj05X3KK7T6hg3V3cS5eC\n6Mf7DHdZri6E7irsv9EfopiCLUlMVjAXSvL/SPJo6GzyWmhQklnO61DM6FFK\nY/5WvkaZqng8SlRj3tkkqstbrgY4UDPHy3hDIMo4qASvkkwsQM3r/hXeBXa7\npRAKOXjdM7ZZd3brJnhUoZREj6/gyODQKh9HZtTj5/pLf2xU6Z0aMYJBtZZQ\nYT5oHJCVdzpn1ucnczRiI5FoTJtcnKAdrhPjDdO/6fSAMy1Z3sr3hPjNMZJh\n9nWEabp41sV45EWqVJI3fvC4lgjBVkskiuwx0Gen/W+PFLEBQz/qEMrZczuH\njNL5pe4+yY8urNmhsWSQX86o1rE71b4f0S3Sfr/uyzAP23cRBr24jevV+WVw\nVpQk+07LBWVza8ArLxU8M+VKhGPAt9x1fJr0ht+5RqipjzrdxbXTp0dSxa/X\n4Miw\r\n=H2yi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n### [Fork this example on CodeSandbox](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst fadeInElements = [...this.el.querySelectorAll('*[data-fade-in]')]\n\nfadeInElements.forEach((el, i) => {\n  spring({\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity\n      el.style.transform = `translateY(${translateY}px)`\n    },\n    delay: i * 75,\n    onComplete: ()=>{\n      console.log('animation completed!')\n    }\n  })\n})\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"5dcdef64e9b4d0aabf95322c9275481f682ad664","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0-beta.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-beta.3_1565704084577_0.825900023073306","host":"s3://npm-registry-packages"}},"7.0.0-7.0.0-alpha.4.0":{"name":"flip-toolkit","version":"7.0.0-7.0.0-alpha.4.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-7.0.0-alpha.4.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"ef1e3872c2fae0fb90886ae60de42fe8cc76e12f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-7.0.0-alpha.4.0.tgz","fileCount":160,"integrity":"sha512-OufKpu6Mw6qUz67znOXh9NJT9Onif0sE36roPa/K65Em0hNiMuZNMct8IRJ7NlHktamINtsoXBR/CnbP8ptxiw==","signatures":[{"sig":"MEUCIDhVXrOCQnYAAzZk+hYgYSJ8xREhumtb/V/b79HMGWm5AiEAnMP9sbC7VMNS/iqacul+HIAac6yPvXXLdU9A2Hms6Y0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6442,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUt3RCRA9TVsSAnZWagAA7rkP/0oiL/Mgm+BiZKyjl3Nl\nBB6GAUCCoYQrK82PK/N4R6+nD3uY/cPxT5D2+gahsW9a4xKCSWaBHTrNa7xa\nPBw2DQFi7/TPYufm6CQtd5kPcjtBSHDdcTZfOoGzZYRjI8aW1yVCFZhLtVW8\nli7ktHApkooXTwlDiZ/pyH3tUlJwQ7tyii2IpEibCLxMneCl6tTHCIZpGfa1\ncr7JvptpW8g4z4224U+ghSD4vDMGVVUyZuxjoUWiGlmT8kc6or/UaxalofEO\nWrB/0f7rH4nizxxD2j85Lz60jcytuovkOEHs6cSnkIIT4xgwbk4IwCc4Yxit\nS/C6kcnPgs7l39eWMewdYXwV6qNMA2D8E8u8ZNLoZ9pcbVe+o2wZGNzqnIi9\nx4OUtIvshtMnm2GOehal9yyJys4O4C9LU/3ytaXnOG6jVgt9xie7x1D0+j1g\nbdjNAh43DNdW+53e5LITVioJy89SCcaIwDshmXcQys/5O4e20ve7J6nao2x4\nMSDKfKdsdl0W8J+djMRl0U57PDS/Ff8WAaK92IvsruCwkr8ut9J9tg92Yaxa\n45U7Lu3iV+QcJri6TxN4aWQ+HdFSafIFb/gxmlczQ6lUXgaulECZH5/8S/wW\nrTyMVtwvQvJqc+3Re/ZuB5kFj275Hsz8jVGwcgSJB7laoKPFP6Zt0O6N7dlH\nw+u8\r\n=jt+j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"60187ae6b1b366b40f06c6d98adf134a3d91235f","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0-7.0.0-alpha.4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-7.0.0-alpha.4.0_1565711824747_0.016830047122828207","host":"s3://npm-registry-packages"}},"7.0.0-alpha-4.1.0":{"name":"flip-toolkit","version":"7.0.0-alpha-4.1.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha-4.1.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"5fb45d0d13ba2e86ac52c282e84cb9a44110cdc1","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha-4.1.0.tgz","fileCount":160,"integrity":"sha512-0AgYoNOS61F1mzIliX8IzFPlrvkOCu61+6XA8P1M6AWjRto3ela/jPLNWNvmDiMMe58JMay2Zt++uLx6ttrJ4A==","signatures":[{"sig":"MEUCIQDmRdh5XHlrgXE8kwdaMPdS5jdtOwhbU+Un5aISBuSdpQIgQVwz0Oa9TnRZ2/F+9V3LkZxjGjGqU1lSvyWWk8lUwqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUvv2CRA9TVsSAnZWagAAjBoP+wT3uVGVnsbyoOZr4zoZ\n/sKH9jf/PZk/aS2Gg+rWR+m7jG6dF/cuvZUPd6F+yeoU7j/lscrV/aJ9BRiM\nTiUKuR7n36ktpAufOK77pB0rbj1qmSkk7ZvfbECADiZ1Yb5NTDS2m5s1wJHM\nYaKISVg05VnOWvuSvPyQePOEgUO4vy8duXneBSPyUVftt93OY7yeJhNEXlaK\n2tqhy1SG9zndSI+JU91+2DhHSJK6mNDYaFgIE+CHV2T3xdlNuaoX71N4ykcK\nGeqxtHzzLp+PY1tF2Kbib9FQH88zyW8LyePVgrHp05RIl0HhENIJAJacUUzb\nLuTVc+0aWuTQONrVAhBNwA+WSuEeSxnL0+XjVB89kkS3BDb3TR2HjAn7Zp+a\nYgvX7/hvbWkT5llXweGGHsPu0qYHdYONn/BsC0qG7/ZDoBN1fCb3Rc4HFaf+\nf0NtzIIssb6aOG5EbKZuxFD+Nzb1V8nP5paqsWyzZc52t13wFjMwnd/K6wDc\nUhJ68wIw5B0eILUdDSE09M69RYiOoE3e0dIq12lVgmUQjqk/uRfQ5udaj7Om\ndqZSl79RfPlPAVu9WgeaU6fiaepcioNrK7rEyuLwVPzq56H1HdxL0oEw4JIP\nGJ5WzGUPxkusFujyLNBXlQ+KDJoHSYZFzsLrU0Ttv2bjzEAoT9KX+qGq1N4U\nag74\r\n=ApWJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"67518665a8e8b67aaa31546d572fffa53e302947","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.16.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.16.0","dependencies":{"react-flip-toolkit":"^7.0.0-alpha-4.1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha-4.1.0_1565719542091_0.9723885124937","host":"s3://npm-registry-packages"}},"7.0.0-alpha-4.2.0":{"name":"flip-toolkit","version":"7.0.0-alpha-4.2.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0-alpha-4.2.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"ccbc0d92602f2c434cbbc8c2597eb77e7c55222f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0-alpha-4.2.0.tgz","fileCount":160,"integrity":"sha512-PAnfPKIDia8jDyXTimcnsx2eJu+5lE5+lYinCp7uaCR++xJM8WOd25A/qHHFdAz+VdChSGhU7GtittrLJ5Kssw==","signatures":[{"sig":"MEUCIQDRv64Gyr2cfOUM/QL6KQD+rBbifeeauvgecLj7x9ZqTgIgQA7cBdrJc/7NHvqrQcimlqinbhYIwMbPjLV8vpRIaRs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVKoECRA9TVsSAnZWagAAdK4P/0N8dOO6yr5daR2ABxN+\nrqBugI8CiZlLkbdrN9p37UtsBqwdrvz4VnsokFr4LaZGogxLhfsvCN2/4sUk\nI71W84GKE5RnOLdy310uy6riC3kzypTxAET/yJpvJeGaFcn5X4NtISVPLQKb\nuHjVNBqYGLRp6e5M8ijN2zbam9CDMgp/X50TKjlVsj7enpr8rH3eRbbOHlW8\nSLMYwX7a/nPxhwxWhfETvtekMTTtLdcv+Lx087YVqgCPQ7R3X2JBFOq2nAA/\nCpOgBAV/yaStJWbq80W9CyeIuNrU4XABb6jSkTghr9RFILgnL+4jwvQApauk\nkxSV/LBwC0g9H5jh7m00xKVbMFNtajrVBSFDIdYxPmcy0nNwHK92iMct4Cgk\nYY/wWSszDrErr+RLu3lg4uOHGAUBOKhCPOXZc1ZzDPuWeOpv2Iv8kVI16Tz/\nUHt0n7BSVgj8knaXTvY05w//r7KucRONGBy+ERF6YpArN5JjCT+vWPKrsSrT\nWjyCM+PMFk5hbQJfYuqYqzoRvbpxJMCNUfod5QIfs0f2qRChKFrzNLj640t6\nLZz/5hzt3DmdutwIMnoGuDsKZz+sAQCaIn/GIXZAntf9WkrwQXNpmp8ao3wB\nTrCc8DIHP8R3UzQPFOYNERn8vWBETVjwLkRpkS+arSLlZCt0Y4aPkIYYn1hb\nXuIs\r\n=z2P7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts).\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"fd38e9194202227b08ef7ee78655897026a4e18f","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0-alpha-4.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0-alpha-4.2.0_1565829635362_0.6445423314205738","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"flip-toolkit","version":"7.0.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"0a664cf51cdf703a3fc8195881a455afd06ce1b8","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.0.tgz","fileCount":208,"integrity":"sha512-hAkmJrcu5PyWd64mw133KKFxyLPW6ef3egQyZDb2R/Q4GE83puqnSeeQFEvZzl64Vr2FYY43Ee/MxzKXt5Ua9g==","signatures":[{"sig":"MEUCIQCZayFydZVAzkzdruw+lBDnOdfkDvf7LLtnZGailG3CBAIgZ3Wn8YCe6n+oXfanJcj5KgeoLdUU1iFBpc3n7Qtjeo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVgVICRA9TVsSAnZWagAA+/kP/jlOn+Ix4hnRhUtY/wjD\ntxWd3GGTX3PoaFED/2fSVtDMxFPyXUo4zNzqxfe0ir5afv0ZpfXJzqilLEsO\nGXcw47qo2+TybpmAOV7B8+FvxnFWsKQRubttqi0p/r8JnecXzjzt84RPhdoG\nNBv4uW3Cim53fuEKKBBQ9jddSx1GvzGgJ7RjHrb88O+9OiPav9tno02Gte5K\nSnmA9dbx4MKYRW1uQZP+zi44oma/CEUgOOpOKuz0y3RTO26iXd9g+fEu5Por\nECSYzf0IvCjY7ekAQYq/xtOt5O07IuTsMYGObU3zXDlQ0rIxuEp+cHCDMpVU\nOBhtaskEn9Baf3/K+/wKxJm89Ac5ilF9xmXYBoa5+wP/7Y1b9GM+bB4JYV9S\nIt7hQrRLB0sYtr3COY5GHv+kL30SQySGGDEsLPGL8/Xkao9S7tYv+x95qMQC\nusw6KQF4Hn20VYkotNJk5nGb87WnL6SxsPVQuwwCES76w/CgfjnxzaPCpAjF\nm+ZRyQDceG8FZyNXvoN8p/XHIJ81DiUkfNoFCLpTFKlnOXfLUiKiqAC43730\nsXmZMWviadDt9cOBHBqVEa4nKDYah3Lg/aW96mAbPfnJw1h32COAvuQ1SCXR\nD2onAPUCEJn1fMiKwCHk6AGt7w2gCQWB6iKESTa2Fj3MtCMHkCXgP4oQO969\njojN\r\n=5HWg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"59e50ec9668d2dba1225de8a5d950c7ad28cc12d","scripts":{"build":"microbundle"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.0_1565918535369_0.3365769400962504","host":"s3://npm-registry-packages"}},"7.0.1":{"name":"flip-toolkit","version":"7.0.1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"a87db1a1213891f2703faad58d3c7707fb0f682b","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.1.tgz","fileCount":208,"integrity":"sha512-vGDZDtyqJIAFJffX+sQMVexgDWzuk/EjW3OubfEUTuG7EMlPEObRz13LqbX+JqV6tF8B5DpdesefZvdRxJ2KBw==","signatures":[{"sig":"MEYCIQDpokka4nclPPdPOG4brXKBCqnH1QHJ4+eMcgkYr7Y7mwIhANAcZxJYtj4W/ybatqt953xB3CfTT8u0S0RgFei9e+OC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVqSmCRA9TVsSAnZWagAASwoP/RFP72cRYmb6JX4aUOr/\nkYXcTZv1fhhLUu3wBsj0ybA3WHFoaGoGKMMV6tVF6lQOudb6vl8rG9RzrLKH\n5+yvCMPYZp2GNJqDmBZqX4fiXaw+6VKDC83/0W0/4vizw85hNcNVKjq7xnyf\nJgBalpfzD28t+Als1vFQYnwTe9qn2zaxhZj9nkx0/ep65R88ocJgxi4dR8Q8\nt3y1Dm22KlweDWZD6rm4DR+ON1Awq/YdBRdnXmbuM4a4RfxPLS1EPwjWCZRI\nJBI4GSfRlLzuzF/Uqe0cNS25snBCuVNmEiSQ8b8v7L+5RbTsVDmoyryFfyb3\nAYgB51WJ4YBves1UDwsNVEIms6vSc7EOiH1jPNDivpbTQ1JAIPTTIIrh+VeY\nluSw/xC6stZWQxMrEK1PRv7rWD/Q/hpeQyvUirLizYmXB2V7lIA2GEoH09AY\nn9/pmt2yRJl9g/zaiLplYuGtgP6CI3QCr92ZZFMiZC8rxNgc06gS9JuOKYG1\n3+zcQ9Qd0bk95fUpj20KIRRKW9xh9nBa9EPYquUn0qBOKhRdAeln4SvMKMw1\nPZ7yGJskbvLx6MEMxuBmLmuWlTBVEbTbbr34WuXA6Kv7rdfDHyOYggxBlme6\nKDvjnaZ1XgRUZ32SFToriIyII1zFmz4JJW0ZC73cK/TWleZwZQ53iAM2bT0x\nEscv\r\n=CJEc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"b77631608b0cef47ed7ec3e07b689d70f7d287f1","scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.1"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.1_1565959334132_0.815917340056491","host":"s3://npm-registry-packages"}},"7.0.2":{"name":"flip-toolkit","version":"7.0.2","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.2","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"13e014cbf5f5b41e8b0b39646e9792a5cdc3362f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.2.tgz","fileCount":208,"integrity":"sha512-BghsM8om/gojStUHsie1VCpECK/mGunBDFh8LWU5OxiIh+9miQuLn55KuiLEymgZk8kVOdNjKWyvxcqba4TONw==","signatures":[{"sig":"MEYCIQCLTJV4+MbHtQwgrPa2MfgK3m+0GSIMooFWtjlPPjpreQIhALDf9bV6bzTnYKK5oFevnFP2lfD5d9Iy2a8iISwO0PPI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVqpKCRA9TVsSAnZWagAAZl8QAIhpYM0YrZFLkdx5j8gJ\nU5oymfp3kat6AZjDbyDTkEap6j2bD0fZZZZYbfCyazGHlkgmNUAHQMc/FC2a\nH9Gc7f1SbmP4QtCoNHRWqC1LnNOa8F3up1NIw05kPwKz2J5+hGnFe2y/Q/E4\nT4EAlUEIm3Q1blmvZRBBkhiI/DP+bQ2Eyqt0Hfssy7YDTLwZUK37nBfeY+zM\nQTYGTmy2GQv4ETZjlpRZHS+JN+j/TJ4vpyBOfejtcerK+WGJmYP2fesiugXu\n+2nR7PV5PXmCCrDP1p0BEsgJczxm5v26rMa2xGe4ryw2CLs1hxTXfi2mEYnY\nRVvFekit4xCjx5yoFVrbbOtI0qfuOEriqKMxZ2bNgQxZu7lDkR8yEkMJA/M6\nCzKeK9g+mPphZgwYEfNbit/SvDffcD+MJ8QwyHXugRtmsnvIGrTtamJUUEpw\nQyOnjoEe8gXO9qIMmjcph6DQL4TT37mlGAIGVcmHU+4UzqDEGK573DTmw/Il\niLG2PdMAYjK6k3ocW/oSupaT7KuRf4B/wDNUW+PoyZDk6iE/gqw88pKqXXB7\nbN3QVJjqWAm96lmsTgwPpYUPrVvmTh3FHDuWjkoS0ABVXViwrEg+Ej/5LVdC\nX3n4EKa7k9nkHmTF9WdsTZgZ2khA1lxGSCAXkKuwBMVfd8c/e+9bElbu+iVL\nrk+B\r\n=0Azc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"e0b097056b04ccfb1af86d620004a1eb30df6f56","scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.2"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.2_1565960777930_0.5429857198738262","host":"s3://npm-registry-packages"}},"7.0.3":{"name":"flip-toolkit","version":"7.0.3","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.3","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"380747cc9156fd8ab365cfb37e7473f72d45fdc6","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.3.tgz","fileCount":208,"integrity":"sha512-Go/jNzj++JI0cVxfTDf15M3l5uUmhsTi5UvCVaALEjKFnmMkv1aZlEFV7KUXy/ZJcMAiA6/+mb2/99flcQ6gZQ==","signatures":[{"sig":"MEQCIC0t4dhGreiIqwRyXFf8DX9HZ/oTFZFaaT5XMZsTd+1uAiBY5scXLgol+lxy3sEhmGp5wpYDYsibjkbvNZuu37oKTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXoBcCRA9TVsSAnZWagAAz48QAI0WcafS4JhrGEDHkPZJ\nt2wkGe1P/PpikKOsTf85HbDizAz4TzqUkYfCDDiVQAMjKbSBy5+6mKiBkh7f\nOTrzmuumrpyuRH8i+Tt2ShQ9HpzmQ9bMYE8MNAYpeZx90F4ES72WhgPw1oFi\nWdvwfWMtjW3I1PQOieYe1jl2U1An1O2r80H4wIdtOJIG5DlrwFwBu8zJenq3\nEyS3Cb1dHNBEUFs6h35P6ktuKkmsId4DoH8wELuQ6vqBrJplWkvescVXwF9x\nI5tSo0SMwTikEAuqwYYw08cc7evMOURDBYtSTGbLOiGxUI8FqiAXm4Z/HiAt\n9quDKUdUCOn9PoHL93sPsVbM4eYa2ciLDVi8n16hY3H54DiVh+lGDVah9fyx\n1RmducVu0kw8xpgxV3w2i1j1bo+h0rHw7OrBq4DuzTQTDyrSVPnDQfioTeLd\ng6nZ8ZEmN1ovapqqkbRTilc4S0Q2ItA+Z7NIO7mM0q13rR1JTnY+TxR56PTD\nK8iwxH4b15WAG19noPWSzXxOcbSNuMrZP+4dWMhhrc/unwq6+Pu0a5hd8k4n\nKv0pznF6J1JbmxAZUiY+kyEPQFrstxzD0NnYIcte9jA5/Hs+0v2nmZOFSxy4\nAFjtRQUNau6tkxDOE64pnr2ly8BM3vJ216xSxwHRAVmcr3k19g2X+2ek9HTU\nnRon\r\n=2/3k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"647e3662f55b87997cd41970cc24aeff18cb36ea","scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.3"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.3_1566474331720_0.864669944626062","host":"s3://npm-registry-packages"}},"7.0.4-beta.0":{"name":"flip-toolkit","version":"7.0.4-beta.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.4-beta.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"fd0dc6dee07143ef90c63740ab05bfefdc3e7363","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.4-beta.0.tgz","fileCount":445,"integrity":"sha512-TAYCSK7PcOmdA+cjQ3dwJxQbOCQVRnzyDxwM+TPAULgoHzRZe1honrxi7rvCUpzdIiEf4bEPSanMec6ELLRluQ==","signatures":[{"sig":"MEYCIQCOo7yhWa0Ug4bBSUfJOm0ebuyQ27oWVCUVf5b4RtEvSAIhAPA6z3XWNNwS9sAvDllBzaIbEJeCSDTaxUZButT+B7AI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":309616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdan27CRA9TVsSAnZWagAAtUwP/1GLnESM1BHy0KUPiHrt\nGxHryxsrzB8e1cKsNtsLpf3Arx8/Cq1xBZweCSg6CL7XN3+qdJqbffEM7l3S\njQDhbVCaeUITiGQRgXRmftWqF6lPH79LHRltQzePmKPr4UMiBLqaCR3J2cre\ntGIGCh9HoDzFyDXAIv5U8jPj74YreZ6tJcov/9r+Wdhjc2On40RtZrYkrFra\n6vWjKj69Pn4gQOvAzWGctVtskJDsfS+3xkLoJlF53kaTVq1eZNXgFfxWys66\nLGAVGZIiNRmuufCipWn3sx2Oxzl8qKSxwCI5woHI3TUgJnwAnDErle1rDXL5\n2PXFDm/YjLhyb3ge2ygpiiI5xWO7EbzhdyFR1oqwU55alSOq1jfnaocGMaRl\nlIbe3FyDrbAOupWqKD9M2UyUVw+WeG1rePtE4LVAqo5AQUEezemKOv4YUhFS\nADRtf8RsSJSNzL9CS5wwTt7etSq9/q3/Hb+PQF/3du6KMh9V9X+WttDttbWM\n/zFciypxx58d0o8g5z5+Hdx3iR+ItStGAlGQc3fG9zJFIT96NNOPUIVWdSuq\nBYCXCdsjjvPVrOw9+Sv/IlyBfAaQwoZ/lkcqR9YAn9l4cZUTsFmCrLeifMRi\n8nMzLLGEViTH+FtWZmDpHMlewuIicfN7Z/M7MUSMzETXpbvMdEFE5Y4xRTj8\nZmuw\r\n=3Jlb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"978368a327a048c2b94bf2fe90f8ea1c63ace07c","scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"lerna/3.15.0/node@v10.14.0+x64 (darwin)","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.4-beta.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.4-beta.0_1567260091307_0.9143821727747243","host":"s3://npm-registry-packages"}},"7.0.4":{"name":"flip-toolkit","version":"7.0.4","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.4","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"f6d7720abd88848699d50ec95419341f58f99c74","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.4.tgz","fileCount":444,"integrity":"sha512-lHdgefm581/q0T9LMwSR+cpx7bKe7Aw9HO87pyle0U+q+A1rvamdXNmmz4dkbLuChiAbcW7OnW4zSI37yJktQQ==","signatures":[{"sig":"MEUCICbZ0O8Z83v7y+G4JM20uc/XnzhLwTBdAq459F/lV/ZfAiEAunWd/+D/lh415panEmoIiUsgnRH6jeyHtQkOzhRcGqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdaotCCRA9TVsSAnZWagAARRkP/32MWv/W0IVGE4U813Tk\nJUiWM9sJ8oTtXyxZ/fPwYVY8Wu4ixcegsC6sNmab8x1wSwraVm8AjS40JCWD\n8Fu1H1e/ZfUxwzOcDk0B7R7hssDDMfnZ4rd+qIDNPmKa2j2WOlKDdA5QjRdt\n9NYWaaSBhNSVAzbEKGhsNRdW8SI3qKoOQrYipml7QCJgTpJvPNqaV05cpdwu\nTfsMpjRRH5DTVhiz/DcVkVPnMXdGjP9Ku5YeI8IynJmZMgFspD5jnz1I97LH\nKnwo/P8PfUfqe9yuIIADTE80pun+6GBgpALWtF2b6glnnRtRKPLPTO7hPHcl\ndHFkmMKx94KnfEfQpzrI21do6+d4qFnzCZzK1+FytL/9Q+eIlvLpFN5N6UiE\nvw274cufpwzJv6UBOOkRhMif0U1TQoYzJQMc7K9d4rK1ruufF7ittuyjCeSA\n/xU5RDnsfzRex5sHYCgmCYv0ZkPLcC/3BGIXr/auyeysI7dn/5gYq4sQ23Ih\n5Pq0jnmS1Vux3J73mwoTznKuBks70txKRS382wB8mLl6dsbvZTh5phUHU0N9\n0eBwn4xeckyOE2Kow9wsakDN3EUv/KH/o92Mr3HFrfYK/htiXPdzwcO9mAAd\nFQXXaBMKWMG0lirroyh/7kaSb4Z42oPSzdRpiBJjNwAgz/WCZWi3c055GvI9\ny0vn\r\n=i38p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.4.1","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.4-beta.0"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.4_1567263554034_0.7172705318704309","host":"s3://npm-registry-packages"}},"7.0.5":{"name":"flip-toolkit","version":"7.0.5","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.5","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"72a0278615247ff832af607ad9c3841ec98e9aa8","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.5.tgz","fileCount":444,"integrity":"sha512-gwtMsk1c+zGFKUqQCo6fxtA8PMM9JstlAdnRKfjQsDpWGZRN7tRQUDAOoZtnW+jA+xQPZMmYWcrmrdgGFwHY+g==","signatures":[{"sig":"MEUCIEYAo9PZKKyfXUW+6YAx+GaFgLzV4wOHv0V/bBlWpPxMAiEAgY1J9zOwt2Y/9bI+VqasuWIFeu6tKeRYqchqUxvfbWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcUuPCRA9TVsSAnZWagAAVcgP/iu1viygah9KHHiRWxL0\n4m9XxLoYDQGl2FW6rxGG0/hHNsUQadOzljFXaM1oAUfsUY1QdIA5UMOBldfq\n/rF6g2hClFNq0y5ZsSvEZndTVOxHIgN/iFNUflVWJo3KM4w+Q3fcqKHkCPNs\nmEcIxx2k9O4X2rX3OWpQDt83Pcu/uyGyWXhefnIY/mBi7bUvJhO/V1vdlFrT\n0+7qYvvFJhPXtkAmDkjjVQp6fr5TLDIJzQLDqa3q/5VI/CBRlxOxW/E0g21x\nK3DcY+cKQjbRsRjXvMbsg4ctQD+B15dwkYxatRbqmQaIwVnrQ/wn23FOr2c2\nevzw5FohofX18kb2hqx4sMaPFKYuZjK78UjxgBbz8oVFNPwQZ+o7MwCx+QFO\nLBn0jxYwuEVDEktPeS89k7n+/iacW7IwsZorec5fOdd4qWUssn+tsUgC5qAw\nlv1IcGQdInd5LHhRVct+Q5KzIZdpJotWVG2XtvJdPuOw3zcnEqID6PnY12S7\nb8ZXznJjSj7R2zL4/1rzVerQbgmTOZEH82ZO09f4HE6bLKo7SrTRHtMV8TbU\n3S1EokngBzXo5YVCJNRJMPCT66vqNseZzJlw6NawBP7cwxz9DKx0P3hg4KRg\nEtMbP2bJOmdbhltUsYXx1H0QKYzFTuzH+JeWr+DUHlLHEticFbaoqq4YR81k\n+pqc\r\n=jPKJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.4.1","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.5"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.5_1567705998555_0.7760084056479948","host":"s3://npm-registry-packages"}},"7.0.6":{"name":"flip-toolkit","version":"7.0.6","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.6","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"eec6fe8003334879dc7b129d1d9b557e407c8d21","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.6.tgz","fileCount":444,"integrity":"sha512-BtL9dm4a0Oh+Q9a5JBfI+VaasjHjDdkuexV5Q6bAnFqnQU3KQrhgT2QLIAlVGf0xOMzsfGudOutTQgHOS2QyKA==","signatures":[{"sig":"MEQCICzDq71PEKTIy4GzghEhNVYryJ3QnxAmEAc0g8861GTrAiAQmTrgD/Oa19kgEdWwyxY95Psl71o+szg6W2bQQxctjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":308475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkKI2CRA9TVsSAnZWagAAG2AP/REPpqwlqw6BZpZW5Xxc\nPPaFkDpyLRa+fH0sDsj+ckrg4Eg925FO4QoVEQ3LskvnFoaWLDlIXLIP63OX\nLuuX7z2dV43T7YZawTnefSMyPI2Y4W9LctrSrtrXDgDPMSoKO6ObWY4a1CBh\nYJdHaImzXmJFVzaoHgBcxFR85zVAb2d7URu6viPnOHxaawsxVrYrMrLagkuZ\nHagxB7rI+JtykMk0rjWWQSchUbN/Q7fs4g7oTduVRqIXlombIx6q7UjZQeJx\nQTsKi3qeI8XncPx6mak1bbR9KRpUu0Iq8PYAD8kzWODk4OCk4NUbkgeoac/O\n9E1i0WA71gKG8qVGPT6nBd571zlWPQEfSPdTpKJRswua8UxPYQpvwnJausLz\ntMuzUlSAd9CesMeBgCPmrPkD/GgCycq8StW7U+ROCq9FulWwRqTd5D/Q/Lva\nWilDuTiSItyPuK9/+xWhh7LHI+sXnMkqks0s4J5ZEor+W1m5F7XRuQzM6aer\n4tStl/kLI8buFb/zF6lsy2wZMp9gurU6n7NhRWu5te/nrMhBLxRdb+0l5a3x\nZk03nRKvCcHl3PQ1B4QnKHMrewPK0vDdBND2st9nmSWCPOPNdSmt5MjuSjAy\noyz5zL4miFX7AndPazkjIRe7ifgOE33QkAdZntaZFYTkn3KwNO5eA5DkAeJj\nZrwF\r\n=MElN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.11.3","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.6"},"_hasShrinkwrap":false,"devDependencies":{"microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.6_1569759798065_0.9262755966922704","host":"s3://npm-registry-packages"}},"7.0.7":{"name":"flip-toolkit","version":"7.0.7","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.7","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"5cd71c0375ce189294b5ace0d7ec3569a1577b35","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.7.tgz","fileCount":456,"integrity":"sha512-jqAqiJPlD0SqSFdnk0fhM4EMOt/JLCkyWaxv6aaDTGtnDioL3QwXPq0wQ4clxHLp2euOjCbegeGxbgsr3j/kXg==","signatures":[{"sig":"MEUCIC8mMbDZZQktjD5Dy8xXYYcbmzOQmf8+s5/FFuH8GxJOAiEAkvkwsk7jc2+2Eft0Ao4OXtTYYLJ19cEISie+H0tX2MA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2344268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxwkxCRA9TVsSAnZWagAAPGoP/RtVu7DW+OgNDPId9oXS\n0EmUr6Xb73CJ8Ie81VGklRbYbsNV56BmavwO+r4QgmVV/F2b93WMYXz/RsYP\nWWSIHjS4CqSFVUZXa9bnu9R0gZEP2mOsvi9A5hjMOuMRgYK0pyhL/S+Fa/yD\nTEtsQ8t/nnLeqeQTyGgO0cvDeqXUSBv4qOHxffeyhuW3FKGsUf6TIa4zdLCE\nOgDy4jx2d5u1PARQ96OTIDmiMHAuEBMfTe8i45TiyQjD9wo8NjAyptiWQkx8\nopb4v2Gz40oqe8U4EMYoLWTxJ4MRunFmdLPMTbopwdXfror4pWknjDyR7yCg\nCualOr0LMXfUOLzkO2ZiYhRDxKZwDpFVD5Ali1bsjO7M3fDR00GQwBvVP0iF\nHcTKclCc9GHRMRj94A30MDSBjKD69a9dG5bcbLMKyhDftmILaX6szA2DDpOf\nXCmEopHqVT3bhUhMAmZ83ovDpR6Uy4nQ7yGWCrpUdoTnX0chbgVK3GhCdn1D\nra3KKnXJnd4xEZHuV2gEfVv+Ouopmc/en43EpZuBdHdyLqzHB/j4efxX8uFs\nd7XbDFLcvsEWcBEOsEkx0tECvgqqBuf0OUm+5JifeoGuX3wGGscSOFHdhhEk\nqa+JgQRj+3SU0z2xL8RvGVUPQ+VjeJq2kSJdusSpeh1tGdAsMzBNkn2dCB/2\nQc1U\r\n=efUF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.11.3","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"10.14.0","dependencies":{"react-flip-toolkit":"^7.0.7"},"_hasShrinkwrap":false,"devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.7_1573325105402_0.6789516889006708","host":"s3://npm-registry-packages"}},"7.0.8":{"name":"flip-toolkit","version":"7.0.8","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.8","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"067cb15280df5bfc2e53a3c26e36c04b007cb7dc","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.8.tgz","fileCount":456,"integrity":"sha512-dD3BNzNdyuAX+zw/Om4UsO89Eny6kVqIxBNZoVYeq2C9dojKNLHVZcBVlWURcMqYNrGUv5Zx+eolZ5Hf9IiTGA==","signatures":[{"sig":"MEUCIQDEZkpA82RlntPqKZiiOrLRy5gSH1s0Qe95Uoko/H58GQIgf+ePJO4J+8RMatysEdvYm0XAixrgG7I0Io1CsKOwM/Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2344268,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeSrrfCRA9TVsSAnZWagAAm4QP/jXZoDv+g3DMCbzd0SKj\ngjwxQiysMnmiPG+D5nUuOIhSb3PCdr62GISWwZ1GFO/Vcp/dX/R5RPXsPIzS\n/K9WhLPrrOpSXACeiZGpzvqjS3DCz+AXyhkRgKkMFZ5oEHFILRcMUw7Ypb+c\nF0i1EJNPLxG2Wfgyh4rcUUQSIcCDVPn3iI/C6Ql2kwZSaX7BOefb6rkzukAq\nCV0oH2cXymvdUSZ/eow9gUV9V3L5maBCcVg5ZfuaJat2SA9YRxe2KGGeYP15\nrZeddWIWoZes2sB2yiXvthe31H5HPuI07ODlNixQhoYjqj0e67S5bcgfS+sT\n6B7+i0YD/LFNsRRDqrHoH822ZRpvqnSKuTlv0qZAgbzI42N7CD8qbcwUb3uz\nNe5zm9ZaQQkfL+6Jcd8myOMTEiaNBpl4DNTB4JOTo4sNMrnHEiDY3S+uyNvK\n3itpJ3GJdToGi2cSWPLhCJNrFvPyyrX3Fp5hgESvjqebnqLgkHiCBKnwIRxd\ndBKcCMXj5kwTEBGSlFtukkrH0x/dmc3L1GDqaHmK0Sk0uU+V4zP6MLBoRjkg\nBnwyi95uRnVF5DHz7HxwNBy6jbDkOX4sUp7C4v9LXOX08pzJu0wDQa1dM9hL\n9xX3daO9uXNOmmTuL2j5sO/MgrxJkMLS0iqqBis4orGRB8SpRWYvY5i9TTK2\n+9de\r\n=bjqu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"react-flip-toolkit":"^7.0.7"},"_hasShrinkwrap":false,"devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.8_1581955807322_0.9710294000150181","host":"s3://npm-registry-packages"}},"7.0.9":{"name":"flip-toolkit","version":"7.0.9","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.9","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"0f2e7f1334b92c382b53f9fefd988c492eed2a4b","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.9.tgz","fileCount":462,"integrity":"sha512-SrLgkmYVjBujmnL1JGmnduFKRygkZxDTTBknxbQV75lk4niZAE57OI1Siw9HRmylKsmzLgIZfAK7gm2AHIG+qQ==","signatures":[{"sig":"MEUCIQCY0++HU+Lb9t0e6GWtzEP6I2NSOhvF4FImgBl/bha1BgIge9jRdgoSM46H3C5deU750O8VnXZw3XOiGjNbVlmCQiQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2577062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeStDeCRA9TVsSAnZWagAAMJIP/RtLCA4+3y7RZ3b/14qb\nGfzTntsItbmAeNg8N9Mac1kG6Vpfj/3TTCTI1vcGLNV/cDiBwUp7Uh+HEKzx\niQuMB5bKa7GGCcFyAWsNaYMjyv6iVe+Ctr3OSDddbRoi+Ixfw+qCfUmJtns7\nd42OQ+Q8m0JmC99tb4PCctMpI9wqj7Hjk/M8zhErycumlZhnNnTGfyZDFYX7\ndoMWTz6rW7QzFCS/UZ5DiDzO0ykM5+QImIRRQcc/tnT0wIEWoIwc9eO5YnMq\nyEZcxJTGX3tn9lotXUfCDnDAlBfdoshE0taEuRdMKnzhC+60EbwaNMsxWXTw\nvwTWjyrrME/23/Yn8fTC1cl/oRDr0k8XUa5+aQLh4njtzqy1Gsx6W4/35Z8H\nakJNwd59qbMYzlys6RmDcUpXt/0p5fPLTXuQgziSw2uydhEufIBkllogux5/\n67zs0DN5kGlc6I4GOoAZ8qd1qYJUXz+kv12n5ju9u+uz2JureGFpxYgrXVEg\nSAykBn+T5eOYi+5fWSkPnu8uvblQyyNdgqY0qJYVldl/73K1LDUM/jalLTl7\nZ+mlrlF1gonYjMn7V62lViP0YMsfVUeOxIgMY7OumXxodRpLre8ctU149QYp\nkCfNiEtIoYcN5LwpZs1eAjNEaqTKh7k7B67gMQLpHfyI77vS8MSLdANT6w0r\nLgmV\r\n=Jw9s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"react-flip-toolkit":"^7.0.8"},"_hasShrinkwrap":false,"devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.9_1581961437861_0.2114103834424952","host":"s3://npm-registry-packages"}},"7.0.10":{"name":"flip-toolkit","version":"7.0.10","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.10","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"index.js","dist":{"shasum":"c76cb6e129c9ddf512c1d7cf2c7b57001bb16019","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.10.tgz","fileCount":459,"integrity":"sha512-BlFsIN38x4D+yKn8dMVd4d3KpK0OUkZQMPP1WyoGXEV5faVXVwTEefHTqqJJVWlC6lZDVQpLtEcYhvEKi8yt4w==","signatures":[{"sig":"MEUCIQClnBe69ni9uqRg70xRT0GwWHk15P3bNRTSgMwRVNKymwIgVryxmuiDGrWMW44K2m6c8pU209pfcyTbzkOdpm5Me0s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2577064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0oBzCRA9TVsSAnZWagAA+A8P/ju70i9VWWBQU5HRk0EQ\nc9RWcq9iABV0A3TprLJMyuSC+37g0yb7Fg50LJ9NBWJAu7N5Dpynh5ol1Chq\nB9qOc7h2R6SQcvZnSJT/BF6rM1qHoQUT+r6vL/sj+W+v5JAJWw5mPhsKA+rJ\nFtRJ5uEz9I4ovRaLlQ6hz/FZls8KRzZIrpDMCHgGhqssz4i6PzaDRWPg0CH7\ncxCWZlnnrd7uVgd8gLc/0SENBB/ytcqFwPTgwOUGtwM9tRsvVIYXtZs1Zht5\ni0RPPbxkfj/CT7orW3NCp+A09WktUp2aRQHxHTe0L6GovLmIYJZrEFU/FWoz\nFORm6utAiS2O3q35Dn2tD6io8N82TX175IuG6CzJNNY1eZRKInfzUbn1/i11\nkmwQQ7CtQl24BBS7Pq7PBNFSwfZbEDAn7r4UUwzLkGQucGB4dq7338SzKxU0\n1hnzSt3nFoQ0gou2xeB1xAAcajWP5Pm4qqR8OlIvIHEmRzas9u+myeuPN7kn\nkh/Gz43DKwbEk9csnrs35ztC+wOtV+K/qCtVu7D3afsfsBDuaESzqbYcLbiY\n5ZX+Au6H679DAKiACdYD716bV7kEmWnZE3EaLXvrMikwL2DmvkWB0KGYC62+\njUlSZx/F26k2Mt62Gi8lS+oDRUOmw1m0Rn5B/WzFKYPuhyzesikeSWjH8ebP\n3/Lm\r\n=naed\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=ReactFlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"react-flip-toolkit":"^7.0.10"},"_hasShrinkwrap":false,"devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.10_1590853746419_0.7855349794173401","host":"s3://npm-registry-packages"}},"7.0.11-0":{"name":"flip-toolkit","version":"7.0.11-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.11-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"b30a51839b92d8d9cc1acd112af6eac1e258dce4","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.11-0.tgz","fileCount":935,"integrity":"sha512-8pxtqqZMln1Fabmh4xtTkuqUCP8WCr0HLFVA9+3HhfwXQvkQZ1pi0p9PGvzXDdEFKyAn5Zhz7897fiI6P4yhCg==","signatures":[{"sig":"MEYCIQCQEhci6t9hKSzqAzhSKL0Iy2u9/LGfSfCMZfOatejZfQIhAJHFkAHQgvlx6i5pok8WrE9XRLRCFg19ZHv4hnLDkcTI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3218230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4YQeCRA9TVsSAnZWagAAXpEP/1/8tgCUoMikEquULnH0\ni6wJx+OTRv1dDRxjl30DHutdnBVAQa5rDAmT1vgqb4fPNXOBcTfctB0XfXVs\nrd3qEpapLjGo+AvgcZOC81uQk9WcrBOWuoqZbNap9hzB+x1A5g6kGT3rok1g\nfZSWQdzEEb183BRvGPfg7NbK9xvIPcOlPVRMH4jgSdPg7pv6unYMfEyTpW4O\nsHZCSkMTjf238rEukXtJnu2pQyZum98WdDJ09OTURb2fHcTDdB0fAVzQ8AZr\nMlNHf3Q7RPfzEUKdrZvVJIATi99Vk8ggU+Y+OPiZawj06NZdKDa/qUirCgoV\nECMdUtLaEh0I2k368SuDavejKqOabygqBnbkGveRO7tEKHbTkEq2CfjW6mCK\nTZpB40cUW2DG4pPTAfRjyCgp5OzlbdH8w+SiMjVp4oX1XD5oI1b8RoXYH117\neycOBuiRH0S4hU+JTFlULYbtKDO+cvEpUNpfDdBI979+QFDdVPBhAorroSwc\nUb5n0Qn4kwjOYO/Hw9mvroPNgR/t/zgzLv0edba1DWW4/5grgJVhz+WkYOAu\n2ezgtThrme7c0tLwvbcAgiNJ1DZS3/l1QtDojCHPOorgYTA9dAPIlvCkVsoR\njjYMfEf4HSnO4w9hjVPRsU8JdgssWndsrNjDoYzlojfo7JknMbu97kJmOtYP\ncqlY\r\n=v54H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.11-0_1591837725714_0.9005747673518809","host":"s3://npm-registry-packages"}},"7.0.11-1":{"name":"flip-toolkit","version":"7.0.11-1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.11-1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"5f70ca54d242469efcc018ca3c08276a0307f672","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.11-1.tgz","fileCount":1088,"integrity":"sha512-w6ZDFc4u4bhaIK5vaqzUvizJsUJubEELtCPNQCiKXR3TqM+2ilEj6syZ5LMuw6IGt+Tiq9dEQw1vzMSZL9gFqg==","signatures":[{"sig":"MEQCIF1LKkiUpf7tZQWtadTm0hKQ4v7zKEZY4omPayh2ylDmAiAOM2CIjz5cWyfCVfpFrYkir1KPYEjlpW+RuuptnEL4/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3218521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4ZW9CRA9TVsSAnZWagAAQtkP/Am9UQ/2ZBXqPiYeImy2\nGq8pfOj9u+M9Wyy5e0pvf5B0fAGWQFxCkeFA5LYADNIXFizmNO+p/dV+qB9u\nJ8biuz3hGeWm+ZYKNWOTocplRqE1g0GOtglC4jlAkBzXh1YBz8CacFJTIMMP\nlFT5h03YHaL/DhNLVuX17iPnT3rIF0sM0wh1lTmPLcMBEbRBO8exHyqDu1Gl\nOBpiIsH7sS+OYuHMe382T9pg1RxmFrWGXVQ77eWKpAnfBahr3qt7dQo5e1/m\ndCMMLdhSIAL1b+iJvPX9ZXA7iybVmNu39icD3dSPpu5cpgEr7ZMZ5Of2Fc23\nHejZL4d9awedxw9qZc9qsB1zxM6J57pvBa83hCsuujvJ0q4v4dybwLc5s2Se\nWkjKynV6hJ48dDvatWNKA+vrP7LpRCp3SJHOx4jzd2zJcH/VQd64L1GqJcCN\nIeX4iRURYpJuc+4WG1EVcl6O9VN41faOVVV/VfrjCGK4hLO1eCBJxkFJQEQ3\nh2FjrjIjukvFr8AlTvSaPvfvgPScNC0ScuMP9gy5fC111/Wp+LIln/hVR3rR\nf6QiLd2G12xVaPODPqsa3U7jzD8b/6np5o8QqvTIN8eDPt+MLFuDu3V5RIkm\nGWhNxxSTGZskPYrC8UhV2Xp2RtDe+RTaojjK+E5WlgxSNh14wWhyKrUzS+v0\nDjy8\r\n=chw6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.11-1_1591842237431_0.4655194810034391","host":"s3://npm-registry-packages"}},"7.0.11":{"name":"flip-toolkit","version":"7.0.11","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.11","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"b7a1a7e97fd4fa2f3d0cf088f77c422278c9e915","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.11.tgz","fileCount":1158,"integrity":"sha512-T3iMFg9Rk2WdR+G4mbIljQWs+oRYTQZjox35Wr1JRIVDGFy48Ad7CYv/FKJb6RTVtAB4bSFLi2vDpxSgKWdPYQ==","signatures":[{"sig":"MEYCIQDESrdpWUewHonHl0ISqgXeSJRBY4X3p+TxrhrUzwq3YwIhALOKjJ8jN1OnzENFGZ4fAPQdKLDVC5MdsXpI07sfe2cA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4673905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4kDYCRA9TVsSAnZWagAAntsP+gJpzZXDIp7zh9hhPBO2\nAC0RfqWiqZprattIfcNde2Q8Wym5K5lqVJPNikzQM5QfnsBZRtD7+FK+jGYH\nvlnkMkqRLqQHUZco2/lFEkXHLJZ6nrWibHxpsP+zfZn4Z9LRSdKJNGknaIO9\nj4BGQVmroMEMR89vcEnBEZEJxS+7x1Nq7MEzFDcd0DyhvuJqdJ+59H3Py1BF\nz4c2i4V4pjPMGUJfVCMV8NvzhDb5soXk69/dg/I7i44ZHeM9I9PK299TNe0E\nVDPR3bY8pvCoaSlo+yuZq3OnSB316fMMDdUUdsWHgrtiTbIrSRlGjLD1MT9C\nvRot31Qu004DrS4thXkxK1L4rR5+Vlycbg5tclirs7wrFZxY2OtMMzby2jcK\ntYdF6TX6znz9C1c6FQMd+XJWAvvvf9DSLxidvlHSteTBsbCFoLeW7oeFnC2y\nwzDEd4uAtLSCAwqTRUuNbFMWrILpke0H9SIQ2M7JrKj+5KjugltTnrTpoGVp\njjnWWPf6JjOkyehwlI/0yZ5t4R7lk+FoK0Fnho8BByoJD4eoftPSS11z7DJD\neKHHERfYm78MOgmQSxmFr/fFu9dIJRCX5zk6PJxio7giDinQFHm3swoqgcyX\n2N/JsjPnRq7dih1rakyLiYeDA7GIk4sAvkW60vwfqJ6YeN+oeZvphcW+WVSr\n9oSf\r\n=A+F1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","prepublish":"npm run build"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.12.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"12.13.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"parcel":"^1.12.4","microbundle":"^0.11.0"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.11_1591886040016_0.1186140459934708","host":"s3://npm-registry-packages"}},"7.0.12-0":{"name":"flip-toolkit","version":"7.0.12-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.12-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"26cf027ed43ba833444c01896faa2c8190b2a75f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.12-0.tgz","fileCount":1744,"integrity":"sha512-N2rZrKGHtRyf90Pu6TEEzuRz2sFqkx0fHXDcreULhtaRebTwDKIzSaqsZuV286agqE1NmZDDAoHQ0qWfKcJkLg==","signatures":[{"sig":"MEYCIQCok1G8lV6ASyAwAglpp0wkiglGtlnUqp7S9A2b3OhHXAIhAJeZakP3ioilS91EsxC3YNnaGwxGvj6RNo1ocmYeDQYj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58223164,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoX8CCRA9TVsSAnZWagAA82gP+wWRcHsiqeO88dh/J2yN\nqk3ImQuYmMjsoeyQL+/We+WRUv1k3bBfD9qBtudEvEunf/2EbffruxKB9pm7\noDS2cUivKDC294y7SGeh757Q0PQf4YrUL6MlXfALNq1NZmlvLVKY06orkKmK\n/4UQ5X2D9qENS9frcrienJCnnzfSYrZ6YzS2vG5l6Va9E9Y7V0bKed/usEUd\nPfUeeD+CVBFtcYrc364niCTiFZDFm0BB8U1RLxr2oLcfs5sboBRp67FbRCVz\nrIqnn6HlFNBe1VCM9ZnMQ+IigryTWJdK04m8Vdy4x4d/syeF4e3JNi9fZU4U\nsWzPPkfwNSavpmUujY40BbvzVKX/OLhBcXbbJGCkdNLq0owxup9AdolPvwI0\n7rs+/rviPQHFdsz8qNDeAS6akc/vyUVCOu3xt9ZYGKw5BxdlC6Hu87jLEt4P\nqzfi2aWGYnYApASdaO3SH0DZNnnWDkPIBRy1IzP1NRGSWG0e3/q8DER3ZKhq\nSB4y2uYYt7K6Wt5Z/42nFAXyY+T3zA846I18PSkqt5xV657FHaiJDXdD1jW+\nSgDBZ3pOGVwl9C9F8V71wJSTFuYuOgZdhzluLSOE7DICU8Cb3ILlNwLNds6q\nPTbzQYmnVY23wiothl2Fc5yHEv4YfwCpb98kvvnESIsBYETU3XTWmJaknJAP\n1mWs\r\n=OJGV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.14.5","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"14.5.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.12-0_1604419329836_0.5291706290687674","host":"s3://npm-registry-packages"}},"7.0.12-1":{"name":"flip-toolkit","version":"7.0.12-1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.12-1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"b3754b7b64261bd1c398254f1e680a0342e1d82f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.12-1.tgz","fileCount":2001,"integrity":"sha512-Ir6zSOr7e/FrjS5KMan11fKROZNjar09nlXAhDI6L8tkb15L5ycGkrgIr8SKR/fPT/SryYjG+7Fe6KYjDPli9w==","signatures":[{"sig":"MEYCIQCH8fz4KeamXamC3NbBE30FIqjcdeH0g41N7Ig5dWEYpwIhAMEQE5ev6pXVSCrclfshfsr/0yff8yiRooGbMadv9inV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58750315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpDZLCRA9TVsSAnZWagAA+Z8P/ixdKDQNDmMhT7EQYIZz\nh88g90+lW0tyQmDl//ItQ31oyTgU5Y1Y3obYtd+DIMvalS0Rhhp4KScAbnk/\nRSQ9raUCvkvnyNvsYMJKdXjnedL2l6+/IgWfCOrV4GBmbRR2KpgJEjOwGNg+\nMpFU3+9oSkD/LBInxiS/kklyV494CperbfWoOH6YOLfGMqlq+H4TE0a6SPLL\nKm5gIiY6BqUaLxZ15ExovU/cw4C4rJfY+COqXvZCP+SllRY4Bmwc/MzqUa/O\nb9CR+eo3C3KIJ5oeiZ8UG71bFSAemUW+vnMqLeiLOolWHxVF1v3osGdjHAiQ\nSOcvmsokoM1LDtcNravqBHm8LGOlFTVGrxKi20W7RWimLSXRLtTWec9Arwhu\nIevI6GboWe09lQpMLNSiEfgHrjfJypaYLRG6qoG1nhxqNx+nFnxhs1TIkxvL\nlHw5Zc6R3H/TPS4dochT3wDFIzMBWvyUpgIcrOz13X+vQ08Gtv3sIV2lGOAR\nPUW6ZPyCt84qzKqNQ9TSBrLLcBELFsP1PejfdGY1ng12CC5zh2S7ZXLV+vOY\n6W0DrcEFNFGhr8bmA7pC7tHAPiw3UBW0X5MpCpYI3cUXdK3svZ7Qwa9F2q5x\nPBbnR6wbgKphBDrUCPVp+GunnPUhYbiJu0QHLW0jP+YLdDviAFmyBKmiDTte\n9tx3\r\n=5fix\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.14.5","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"14.5.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.12-1_1604597322433_0.8681265129963731","host":"s3://npm-registry-packages"}},"7.0.13-0":{"name":"flip-toolkit","version":"7.0.13-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.13-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"bb895c958f55a6b113d7e3f4fb99636c2406bb73","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.13-0.tgz","fileCount":2001,"integrity":"sha512-c19srHdpewi2HTs3LXoNdFCbzAVSaPvW8JNdZ1MR3czKvjuHXKhXGxfMhI4yCuzrfpTgIHAdpShgnHSqOYyeGQ==","signatures":[{"sig":"MEUCIAp7vcax6MJn/w5fbe37O6zeet0AUCwJLt5Mj+Zvg+LUAiEAnV7jWB3wlI8bL+N3yOoaMaNnMs8XiXQbJaIbH8CNNcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58750315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpDiyCRA9TVsSAnZWagAAT04P/jpYQVlYByBHrPXdQKE2\nW0D6Jhsht9+RCwainBwdtmdW/7oKLYQ6InPchfUWMOMB0QdDkK8sZlpc00Fd\nHHRdNqPGGYoSIWLflQi2WFdnmNyJ9KFl4mcwj687Z2iIkbFSI2euP+zwMzJM\nPQlE7LELZfhpKl6TFWHd0vqt9qSuc9n2X2h00JHAQGPI3/Wv4+jN7vGG9d5K\nyG9RXKYZQZdDCeW5kXiq8/a+5E8SYyzAoNOFIkyQ5QQVUFsvsQam81TuWGUN\nnGyFYFZ7fDvCCSlLpKAQiJnJoXS8aPw1XNSKiahCd4yxEVy55UX1GjbPlDyi\nFCMvX6drVQw/MGzKFjByvYhMZOKt8Ia0vpJa66+MIXpX5ueu9zx/I8vD/8mK\nZd1mlf9pfRLbPbfJpI7E5FOmRVMaK9TcfUE/FsVou4usDIhQXYEqZRwoPV22\nhupVEcn9AzAZJ3jG5BM3FwZf0cNbMoGN1kI7uHXyyi3W5FUOTO3JFLDfFU9s\n1ZjmH6cQBCDBVJByzvnCcQrxQrifhaqHROsdto6ckmQ/KIVobDtinIufj6gA\nLybcd3VJDWoByAnNNzxP0LbN5Ei3C/AorSxEvGVoE80wIrrKAzMq+iblM2Pj\nn8Q5yixrA68NsUHBgHDaDykV69Nd5Hq6uzub5YaAcDCU7YwOGhbMY8DFh1N+\nPJ/7\r\n=efqx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.14.5","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"14.5.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.13-0_1604597937395_0.6109498744649606","host":"s3://npm-registry-packages"}},"7.0.13":{"name":"flip-toolkit","version":"7.0.13","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.13","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"015d2d7ae4ef0abe3d1adff45fd98d4b63ef0202","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.13.tgz","fileCount":2001,"integrity":"sha512-9rj4mPk2FeKu/FW8Rvl3YrU8Hc7uSUYpzk3ZBeVF0xaaZsoVMLrfmffrDsrQgASvbTbd5kEf9yjfSwEZ+30cKg==","signatures":[{"sig":"MEUCIA1Rzr5gsm31en9g0bVxaoFImDUH4WVN2i7A52STO15oAiEA8Qh1V4fEjAXz4llvUupT6Hr3SB46d3eqQ2lMCzCPhw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":58748958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpGQZCRA9TVsSAnZWagAA1CIP/jh9rm1snB17aIRDM4lU\nrYrmB9tyNN50lrjRCCB4BD+qnZiZD3XQDeWbyr8CK24ZxDO2AUtl4+60Ad/N\ns3hCCOC3xOJBwCYcc4OcNYKvZsVpdWkdNKCstA/o3n056ZF27giXbS4S9YEU\nmEYlyo32oHtO/+XhaigZLVoSw5/VuHDIwMPoo1CDjrCzDhQwEWmxCZ1GQyUr\nEsyNiLfMnDAipfRiV+mraRtiAMkcwHPRxlyL54RB2gj3ACq5r9mwXtGKBqB8\nZ8cevIK4dgz88OzLpxU/OLmr8FfcV9umqZ0Eb6Gm9N8T54SfcVT3RV3SNp+5\nd9YwboEy2L7toVTUWaw2S7xSQ6QPYRiRvI4ZAC5zAU2iiuSCavfLTYglSlMM\ni/zod2mdTrNe/6vocOTAAWZzLNNZjnGQA1gWI0HuegtJBuCcZj1HFiQheojc\nuOBAIuoAfjppGJNDS/NXLKfGTLhEhvR5frLOMpPUx+tSo2H2WFyFIFajxQdB\nCGWCMtB1WVBHUWEjNk6ovPqu5JBdZ+iz8WRorerAX9V5mwA/hhdMmfiw5DJz\npIdMLym8XJv/CRX18GDgRh5PoTeHh5XsIXVJMop0H9vVz7Lo1jz4+nCy7pIa\nGiOzitiyTqKFLgZuZvBx4caeNhC5DOELodzZcFeT726YpXRgY0aukKt/OYKw\nafPp\r\n=GSIc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"6.14.5","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"14.5.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.13_1604609048940_0.20407256837327847","host":"s3://npm-registry-packages"}},"7.0.14-0":{"name":"flip-toolkit","version":"7.0.14-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.14-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"d88afbaa78675011a65ee93b402faced58a5f19c","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.14-0.tgz","fileCount":50,"integrity":"sha512-5bRwcBY26Y5hCtEbVPn56X51SXiGa4vShV3EReiH2VIyp0pAJuBymQpu8DtfHNHlkK+X4xo7C4zWG1RQkbARvA==","signatures":[{"sig":"MEUCIQC7oAvHZJOdEcpkY1ZsjiXlXum5D3K0fJq1YAdrIA/bTAIgY9GC0JQpawvZd/7WEERju+6Ub/A1Pq4epYnNvbuKg0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":483723,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifnDMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKtQ/9GlL3RxFQNGULVFisvmb01delWZl+FWH/bi3KCtBRP13Jnkhv\r\nqASYjrdi7i/o5slBm1++K764CPxaeEFw3gzk/5DVmwj+zPPNFyna3sbqDGu3\r\nAYImRAVjhPgIU3/OLGzZgxlVo64AKpGaBc/BaP3o1FOHUcxxHzHo4P9c14Ul\r\n2jupGWkyj0/MLu0dJ8PDwxzRxPpDuUm/sPFZgh7hgBtKQvXRSJ9WDBPvZEWS\r\nlseQkYds5xMhTsCp91bYgUOsNwf5CW7RAPhipiVv+fPprH4ct7vcdq0Q3dLI\r\nOSt911xlsZ3FY3GamKF6ZI+LwPTOKOl5Uk3SWkhMYHRirhf+3fMBmeOhTSS8\r\n9bLnSeFaMHAngs0mIe+4eIuUz5bTlINVzK0VVzF0TmRZ3eY/Nt37gsdPG1rF\r\nrNuba8y0SIP0sqPqvYxYqA3/cO9PPGGum6HUawZTytm2xzd3IJ+a1ZaJ92d+\r\nicfFtqFra/KXuou+UEr1IWe1fzaJa/9x5otIX7tBDugTPvpAhU5ZbOQE6+t7\r\n54fxcVkX7/4U+b8JO1RTzYHED/xdLhwZds/VE5jKimXZEs5uzfLzCa3NB75i\r\nkn3E0qVW7xYYNjufLWpw/sw55ZIYvzDuEs890zG6jJ3DC5Tfd812zKkceSIq\r\nZXW7hGxZ2JJZQsBGBLGFe7N64gMBJC/eagw=\r\n=H5qt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"c212dc76c96813b1ff501532c723182a0814bb6c","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.5.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.14.2","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.14-0_1652453580580_0.28741934715735384","host":"s3://npm-registry-packages"}},"7.0.14":{"name":"flip-toolkit","version":"7.0.14","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.14","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"7767de06f1df004e0ca2ba18367841c74fb2ab73","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.14.tgz","fileCount":50,"integrity":"sha512-mV3fwJuFxXU0tSiUL79NEfykwjEABV7I4gdx7S83GrQ0eJC/TIS1R8TW0u2qdDAtd5yhTcrm9IVfqyjJdGqrqQ==","signatures":[{"sig":"MEUCIQDbOr2DyG5Oxry45j7XYP0f/mDveDJBr5dH9uFZchJg+wIgZEW6aJK5b7FLjWoHC6p2s2UX7cEHtaJBDoGUhA+a820=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":483721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifndhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpipA//bZ9pasy2o/BvvthbkFj7Xa+JU0YsIHCV1FNnW9VqZNdVU4j4\r\n3yKmX4JfouEQNn/FXnrXCk7OA4Jdr9WfkcXCogdUaM6oJqag40U2MnKoASg4\r\nug4Sknmy0/bl/xzl10PGq9RlIL6yw/uE/BB+5eqhaoU5+W75mvm8kYLje707\r\n3LKWt93hAEJB62LoUR4kVffJjmiFIN9lR7/e9/Akz2C7tDneAdkggUSpahYM\r\nSukKM7CqrFMcZX/7t2M6pu8vJ2ZaM/pUkRNPCN2atpJyiwQg9r5r2Znr5EY6\r\nWG2hlmbefigC3bgZOzorsiAUsKSL0KUG95fgh1lbQouqT87bBP2GpbZcJPst\r\n/i/XQP+/2zJDzCPZM8mUyO3TAWRracCg7zPF7AcX4UnKBvzcuobUN15KAHSM\r\n4G8qvyXR+kp4+VkeCoqmJZuzaO5LqyoBGpHZSLEIlROmmTIf89qXiu+ShVo7\r\nvlUjB04E0f50YOb+y7c8HEzaKK3ze0ctHsQZOvYkwcOvd7yTLrR7DtC4WzZO\r\nclYbplKUhWxX800ZL8bDWyA93YNdjc+6nn2qEIEWTQndMyAwqTqpQJnBf9OA\r\ncSe6vyQpKUPQPeVufYr4SUU2AaBVpLZtrx0O1uFZidQ1qcK2wS8mpYoqYFKD\r\nF0Btwx+NFbTSbdcOXqzaYprOi1qLUDtnbso=\r\n=ZPih\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"62a7b0d114a3e84aec6ada4d4412ffae05f400aa","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/${bundleName}/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.5.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.14.2","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.14_1652455265221_0.033558011763925144","host":"s3://npm-registry-packages"}},"7.0.15":{"name":"flip-toolkit","version":"7.0.15","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.15","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"204ca7bb1b90951f996d9134cfcc2e3cff0243c1","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.15.tgz","fileCount":2,"integrity":"sha512-ePPBzC6jIG5UH5TWoPBKqoyXTgcFc5v7pfwPwhtC6WP4tBn+ArNwG4ASD2G0VOXc74mV66LjcI2mYRgyKcOQ9w==","signatures":[{"sig":"MEUCIGDaLSm4duevM2VhV+8AFB9APZD4Z/yQxBdVXV9/aPFCAiEA3JNAcKv1AGCb9QLWYifBc4qiv8bszCd4dyPqQALt03Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFAZTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPLhAAlTVuHWsIKNp9B07qrcGNBpBS0xinKLtildeeb5N/xjtSCPTE\r\nmg8t9FUYN0JDsAxy5g3PQMeJLFic2Fqe7mkuU5I6gqYlpDMWdW6j/v6vDBIw\r\nfNn1sjHAW4hMtqLD0cCFbJJyWTTOGWXyOmsmI1ujPglnn5LAMOse+mhPAkQR\r\n3QiJbtj/E+vr85jtz9MXvhk+x3NPfFnCljG+fgXD/CsgiWPlpNs1SOYkLl0J\r\nPXApaFwnd5/RUMgXXLsTLgRs/kMQ7a3gBgoyqw3caT8Wf6bz4WQMWkOhfalH\r\nM20rIglj8VlGvLExFt9QIImNbLXotScAdnDCwTw58BFlSGp5C6IEB/ekTscy\r\nUU0vc5MiGWzLghiHeAupkXGxkUV0Z2K0MahC++ne6ZjqaJqJbUC0QHjSfUjL\r\neZFa3B180f5eNWuvdevJ9mS9tDv11fLu5fz28I++S2xJ4wJlqPjOQSpdYmWZ\r\n2Trgy3Stqg6LMgTjKOU2tdW48XwzB51zQvw5zUvCQP2ZAk0prj3YCh2lWf+Y\r\nXqFJRAMg4tKLhhVGDjevJwxUxx4rfi0tsNEHaXcee2nAB4jHOfmL1IGfo9vM\r\nQIK7VfNXi562TTeZPlCncw8dgBj1VeXecO7iNCMDhRVPXqDhQMlBwvoYpXlS\r\n/Cvp41jZbyVabkWm5alczY0QuYJ0K1W9RCc=\r\n=49KL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"abc322de4bd985f4dfe8cab97fbf3b184997bb5e","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","test:dom":"parcel mocha/testrunner.html","prepublish":"npm run build","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.5.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.14.2","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.15_1662256723683_0.1958563388788357","host":"s3://npm-registry-packages"}},"7.0.16":{"name":"flip-toolkit","version":"7.0.16","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.16","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"9d83ca1ddeb3098571f1d7074c801f30fb03f3a9","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.16.tgz","fileCount":46,"integrity":"sha512-MeoLilutfKSGtN8kdUsIU3x0y+84RnnK2rgUcQ6CgVTeIsWxmEAmLBq+p3YGT0lNIZf6bqqUyyKLo0jkBTgRvg==","signatures":[{"sig":"MEUCIQD5niIOG8wPbOq8VEeChgV+Fo314h07rSetnL9CT1AuGwIgPOZ4ZGyl2R06UsTsul7cG2tI1yBKZdsE19eAbk6QkXQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":483684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjFA5tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6TRAAkuBv4CoF0Pufkff0Fzil1SEGCoghG0RV2d0MAGz1PHA3RGDJ\r\nZ2gDkrTbZjWLGP4nVBQFIYBLmUR1Z9cCJnWrMuSvUGh9xwoDMatFJdqpfN1K\r\nCzdaqkHdXUp0yk/qORdfya3kxtOfTSlBMuWJsmFgs/CfaF1t4LyktB2WHWo5\r\nfy7MCi3iSXfssX/NL9/dWgxbXjnxuSfRfJtG6wnSebTnk2/JQCwvTSmsX65Z\r\nWBF3/h+fHHrlMjiGcV7cGEwoluxlgXP/nB3O2EKMfa2YhZ2JVZsWU9L/fqcW\r\nAVGaGBYEczcCgaC1LV0YYqPULyWSSlPJHwf0H5XpNI+7vhnIgHPsMGpYn/ho\r\nmU8+sRVwdidDlJlet9Cjy5RU+yYAQoe3csStVRDcvVTHU3nF9GCySng28cta\r\niFpFBUoH2sxbzymhQdbfhRTC/QzIX6vGkf80tNwGbJdzw7OrHypGV2DGhL5N\r\nPRG+N6nOoaZfu47m69fzcrR+MvNTCl5SErIyO09ca3tlNnon1dbKl5ywf7KS\r\nxUq2D59pZDzKd0arZiyvxUxc7yX6UwqKtGn7ijQXK0cqvUlcbSZZjHj2/RKX\r\njeDugHC31OgAgGGNwRxSVOSYnr3cYLdFDNJ1cUVngI1jfOSChLuKeOA9DgGM\r\n534TMidL0bgIuUDcZXKX1GZ9BT6D6w46SGY=\r\n=z88w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"ca98788dd566254e6eb45e1122fb3eb06d64c189","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.5.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.14.2","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.16_1662258797138_0.009843975743397015","host":"s3://npm-registry-packages"}},"7.0.17":{"name":"flip-toolkit","version":"7.0.17","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.0.17","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"e9bae94f2c4501c0b3e979920ac40205a72b8fc3","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.0.17.tgz","fileCount":46,"integrity":"sha512-bybUdLNbC80F0+v+t3TBfxEAMVGhvXLi3pZ+qTtr4aCu/Y/5YQimMij0xJKT1qtz4SO31V4zftIgaTJdCCFiHA==","signatures":[{"sig":"MEUCIQCn/sxbMZyPj/3uW5NZxiO5m8jD7724mW1ifhwl8FxXQAIgEZs5+6kSe31eJ5DZSLzRygl2PJLuP9WbQBKa3Beq8+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":483859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjN2HeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMIg/7B5wNPvPaiIKWos754JjZc+xV+OlAyVyLhYFl+Z9ELrscqjR0\r\nnRzGxjvYjWIEzJ0aAz+fOfGKBsbud7yPGXHTjqLuEGgDTDYTGJ4/NdP9iZAW\r\nuPFOyVcE6p957cY0jUoPCYrmLTqx+rGQ/w3pYJRZMkIhTQmMK3NjqFslt43u\r\ngBimeDKJhBImwx/dtekxN15VYPjhPz2P0k1bafLCdt3TF2y6kBJFHV49Fpq4\r\n5nT7cC1cfOfFzS7pGNJGa71IS5Rexr2t/Zp9+30pbiXS9EzYNPVfCD6K6xgT\r\n9wcBfCXNb5cIaAyZfiu19H4XoqLMEKWzIoBKAU6JnQ71pam4sc4tCG68LsKv\r\nE+qtzfLWVtF+QrH0RXqby1w0kVofQsyAeU/9fZR+FLyJ86g58rJ7xmlWUAxV\r\npQ2gWEdAuKELt9wEM5wOwJoI2OQ+xjIDoW1XfiPSGjgOF5W1hEaAPGtLSMQV\r\nbD+lPsvAwMXjxkkDD8lULXX67S0rXDEKhTAbFqvD6eDEx01PZIjnEb2GPosD\r\nUg8FdCQYs0zO157WrpintEOa8klcjx4uaZFenMtvnTPS4s/RNoqX6vNomQfj\r\nsHcOBN+n03Pxr8NCoaZG2wDzsTdcl8MIt+PBFbbU+19sFeIR1QWJCYFYqrWc\r\nkEjxDXYA8rsIYrfiPkgL+Riiv0FCx0jckr4=\r\n=rohH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"5744025bb9f9d657b1999c32ef9871703c5d6ab7","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.15.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.17.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.2.0","mocha":"^8.2.1","parcel":"^1.12.4","prettier":"2.1.2","@babel/core":"^7.12.3","microbundle":"^0.12.4"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.0.17_1664573917984_0.04931041125092128","host":"s3://npm-registry-packages"}},"7.1.0-0":{"name":"flip-toolkit","version":"7.1.0-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.1.0-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"ffe41da398b04bbbfb9fb95d664870686b670a60","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.1.0-0.tgz","fileCount":46,"integrity":"sha512-UdzcgqTTrN/CaMZVd6DpGb+Tf4nOmQqFqLlDDrY4LOWTOPHYoKCRUWxt3VC8pvEOlEFLnbAIYer6MQq3eOZc+Q==","signatures":[{"sig":"MEYCIQC4fdwcvPYfgceaY+ZvTw2V/xjoOwY/Dp46wDfVODTeEAIhAMFe/OBfrfDP04lwpomk0vNwlGJtDlrRzbelymFEFENX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500453},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"3046160909b6b000b37398603c46db0b0338a67f","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.15.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.17.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.3.7","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.21.8","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.1.0-0_1684097919034_0.96336055298117","host":"s3://npm-registry-packages"}},"7.1.0":{"name":"flip-toolkit","version":"7.1.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.1.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"36b96058ea96a27bd8cf2dba2fab4cd59ff1d83c","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.1.0.tgz","fileCount":46,"integrity":"sha512-tvids+uibr8gVFUp1xHMkNSIFvM4++Xr4jAJouUVsId2hv3YvhvC4Ht2FJzdxBZHhI4AeULPFAF6z9fhc20XWQ==","signatures":[{"sig":"MEQCIGnu2LRja1e2UW6/gsaYo/x5jfssus7l9v7sXp2q/QorAiBDAB564dn9RvK1m5EKgrNntRyJxcjWWne1k+CrzYjlGg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":500451},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"3046160909b6b000b37398603c46db0b0338a67f","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"8.15.0","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"16.17.0","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.3.7","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.21.8","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.1.0_1684098242075_0.7688014272276222","host":"s3://npm-registry-packages"}},"7.2.0":{"name":"flip-toolkit","version":"7.2.0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"da38322b740d1fbfbee8ef2a9656aa32dad72f3a","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.0.tgz","fileCount":48,"integrity":"sha512-Fq7Cz/5A/c4xDsYYRgSeeer7+6hpKJDX8Wbr0iVkptvWvKhe6aCZy0QVBXrWSCA0zXl/Yl+HaQtWHWPyGLv5rA==","signatures":[{"sig":"MEYCIQDJ77KaOtXub6OnlRKZTgcLXNUxoA2QsS3Rov0VHSOlHwIhAOd+Z7COvoPR0FS74BaDWExT996QChWviZuOZAwr6LmY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":611685},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.modern.mjs","gitHead":"f8d54a1f40d65388f3ed5090e30c4097fc1ca31e","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.0_1720146312228_0.32115005880081293","host":"s3://npm-registry-packages"}},"7.2.1-0":{"name":"flip-toolkit","version":"7.2.1-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.1-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"998259b800a1a1a39f581cd177b00a685f0be39b","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.1-0.tgz","fileCount":48,"integrity":"sha512-d/gF9v59qqRYHGNmJRuMK1hasOHIl4kvC/DkHynnZ+bCWH3V4Ztya6nHTzbYDbbOyI3E/5oLPzjTpC5c9CqkoQ==","signatures":[{"sig":"MEUCIAeOhUIq2IfqyPA2yAkD+VsVx/z+/ckZXrGIg9BjZbAbAiEAkfrVcugayQDx4ndexx6oRCSJ1jYFdWX5YGYrridfECY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":611772},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":{"types":"./lib/index.d.ts","default":"./lib/index.modern.mjs"},"gitHead":"39302bbdf73fa2a6cb29e21c9d88ecb9456b860e","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.1-0_1720279675694_0.9032733955883303","host":"s3://npm-registry-packages"}},"7.2.1-1":{"name":"flip-toolkit","version":"7.2.1-1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.1-1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"27a66c868a6777a566f5e90b6d9411f398e92a7d","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.1-1.tgz","fileCount":50,"integrity":"sha512-qLQ9/GaT0nDfaK0j3Wr7Oj6bU06KSgaB94pXZ/8I+3ue0VbkuzryQjWFACH6YDLXciUeOANFvPRd4vGjm3GbSQ==","signatures":[{"sig":"MEQCIQCjc2kYOhS8U6ryQxWpkcMpXkF9U7ndNKYDDVnT+GcrDgIfYS+6ryD1gyEYakKtmnT/zMvZAKH5Dr+m8lazzXwQeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704637},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.d.ts","gitHead":"4265e1cad8e2e79c3e230a2070834ea813b6f6c0","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.1-1_1720281040161_0.46411833963971105","host":"s3://npm-registry-packages"}},"7.2.1":{"name":"flip-toolkit","version":"7.2.1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"344b6743d36f45e851a7cc0ed5ea02b8a8776311","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.1.tgz","fileCount":50,"integrity":"sha512-zXPyoJf58r0al+jm1PV2G2tSWE4TjkxGxmO2pYPYFSOTmtH0vhz/LbkxA7VEr4XJpxGQ1v5wUvYqecUSncY6Rw==","signatures":[{"sig":"MEYCIQCDa5QzHkjjbRF5ttvxP2pcUTSRRnfoPoex+jTxDLwZ2AIhALqXkaE4EYJOp6ZmZ7UyyedK1rcZ3so9XWGzHhA3J3LK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704635},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.d.ts","gitHead":"9b6e4a0874a56f54eebe03bae06602608dec3199","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.1_1720281143827_0.9538936446153501","host":"s3://npm-registry-packages"}},"7.2.2":{"name":"flip-toolkit","version":"7.2.2","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.2","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"6327f1f3cc0092a57401aa64128aaab14e0abafa","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.2.tgz","fileCount":50,"integrity":"sha512-nVcKz/p2l73fn7pSF2niv1xQVvIgs8mTgSjcUTYimWodxVIV855HyuwOYH/uuVclXNX+94hERJ8Ux82AnlSUcA==","signatures":[{"sig":"MEUCIDXHJhHxjXIo5SrEJQKLKpattSn4E3zIrZwhd0isPxCgAiEAxpikTNBO8cnDYLWDurfEMmYhzchxDuRbVWuE7XCyaAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704641},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.modern.mjs","gitHead":"9b6e4a0874a56f54eebe03bae06602608dec3199","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.2_1720281642072_0.6462425855853504","host":"s3://npm-registry-packages"}},"7.2.3":{"name":"flip-toolkit","version":"7.2.3","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.3","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"7fdf8591d0c3d8bb016a7efbde9c331b63e45876","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.3.tgz","fileCount":50,"integrity":"sha512-EngUSZzqZmhxCgO30H4cXSg/t0cZU2SuX3Sr0sDzCxG9/iIXbzCUOuZwQdG9c8X/CcOopyUHmoU+UuFqqeehKQ==","signatures":[{"sig":"MEQCIDmcpuuGxU9d9tVL/8Bt+iz5KbbEB2dmYeqhxrb2jUgMAiB+TR13iNjStmCSd3hbNHJOGsVZ4tacI2ecUpkuthGLKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704696},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":{"types":"./lib/index.d.mts","default":"./lib/index.modern.mjs"},"gitHead":"9b6e4a0874a56f54eebe03bae06602608dec3199","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.3_1720283094554_0.3295859770163323","host":"s3://npm-registry-packages"}},"7.3.0-0":{"name":"flip-toolkit","version":"7.3.0-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.3.0-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"124064fed7707f401bfbdffadd46d3afbc2b2c9f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.3.0-0.tgz","fileCount":50,"integrity":"sha512-KBoSryLRsvUBVAOwDw07pSDPi48RBADfyqzBnx5LKz+8or5RyIx+S0AWdI6Kzy/XI54xDLg0AM4/bBtDhiqJug==","signatures":[{"sig":"MEYCIQCH9aqg0ClUqBZOvzz5ky+kF+QJZUbq/ZcmPI6WbVnpwAIhAL7jAnA9XdeLH9GfJMX8HUvqfpW8h7H0dTFihZhQmh32","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704749},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"exports":{".":{"import":{"types":"./lib/index.d.mts","default":"./lib/index.modern.mjs"}}},"gitHead":"9b6e4a0874a56f54eebe03bae06602608dec3199","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.3.0-0_1720284288393_0.9036402023770802","host":"s3://npm-registry-packages"}},"7.3.0-1":{"name":"flip-toolkit","version":"7.3.0-1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.3.0-1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"74ca498322a438a246d53a49b55c678cb93c6209","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.3.0-1.tgz","fileCount":50,"integrity":"sha512-4zXwJPbY0EdhMsf3lRxLnnxSugM0KehNN4Tl9EYnZaIETuHNoEl/2lPO0PxHDdisuVPEfaHtsWEHrgVDsW01vA==","signatures":[{"sig":"MEYCIQCVXgdjZrgDFZwwDsINAB+6Sir5B61VTAgkLnOCZ9zJ0AIhAPtEGFsawB7UyPeAvZJwMqV0m9DoSwW9GCCPVaEUI9//","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704604},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"gitHead":"9b6e4a0874a56f54eebe03bae06602608dec3199","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.3.0-1_1720284651165_0.5308736556200819","host":"s3://npm-registry-packages"}},"7.2.4":{"name":"flip-toolkit","version":"7.2.4","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.4","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"405e1e43972b3a3caac5bb8c1a58aa80dd27294f","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.4.tgz","fileCount":50,"integrity":"sha512-NT81ikyHPk72riMe1U01x698YIMSypMF5mQBhRklWVgf2xgWH3EPfrrVRAkz/+TSCq0rLPsr/uKIYkwHrowKZQ==","signatures":[{"sig":"MEQCICG5K2tWiu7GSh50G37B37RAlY22Nm+iewF+E7eK/S9wAiA8o3JoRBU4ZRShKaKHRPCA+nVDDEtV0skfmQ8PicNFJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704563},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"cd72b6b0cee32b4f4037a0ffa0b3ba5805759480","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.4_1720285016412_0.48669056301807645","host":"s3://npm-registry-packages"}},"7.2.5-0":{"name":"flip-toolkit","version":"7.2.5-0","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.5-0","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"ec679315ada1eeb3d7646b45d24b3c54d373dae6","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.5-0.tgz","fileCount":50,"integrity":"sha512-vnaUGj+hIBRyKu3pjOAjRJnJ22E+7vFkl6HiZeR0YLH7TZgVn+o0V9HRO7N9H16OeDk024c9hR6hQ3Zvrl2Gow==","signatures":[{"sig":"MEYCIQDNy7+8JzbN2ndYHM0mih4bHBceVlmSLYeGAku5xJEfKwIhAKDWmV8WDLE/GMJHCuKLUTYuIyYfzSRGbSym0kF1SVrr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704604},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.modern.mjs","gitHead":"af8be42ce05045495effa687dac73e542db7cd45","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.5-0_1720295203320_0.8777776297879263","host":"s3://npm-registry-packages"}},"7.2.5":{"name":"flip-toolkit","version":"7.2.5","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.5","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"aa9b134cc4d3a032f8c7e19f4fd33ffb78896e09","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.5.tgz","fileCount":50,"integrity":"sha512-UhOmbM+YwhZgj3YD6M0qWAdWm6iVA53fDPMEArJmag6dPFD1a14eRytvcfUvXKvWUH3YhZYDEGkgZTmwLyjvOg==","signatures":[{"sig":"MEYCIQDWgtKx508RvaJePNPb3OOlo5wWzbaNDaIB7brx5SAIwQIhAJOWBwMP3ytjyUuZhouCJl7LY7Pk71dEl1YgstiBZIhp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704602},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"exports":"./lib/index.modern.mjs","gitHead":"7c48f2c373cb899bc72dbb1f2dbcc9e4a7ccbab7","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.5_1720295930657_0.9596404874911078","host":"s3://npm-registry-packages"}},"7.2.5-1":{"name":"flip-toolkit","version":"7.2.5-1","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.5-1","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"fdd3c0561d6320499ec3b2000c5e868f6398c849","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.5-1.tgz","fileCount":50,"integrity":"sha512-4xL82ATjIdSSiR8sXAkDJiKDlJtItmlDgkiXx641NPPr0HxJoLNqgSYRCae6W2OY+XBmADMMtSLQMWcZQ+0knw==","signatures":[{"sig":"MEUCIBaBftpi1xjO3ySJXa9aLFwUcYvWcHfoAf15YCB2gADuAiEAhp56LZkI5GkF/LgPVc2kilwaTVhF1psLOHB/7bhKJ50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704694},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","engines":{"npm":">=5","node":">=8"},"exports":{"types":"./lib/index.d.mts","default":"./lib/index.modern.mjs"},"gitHead":"7c48f2c373cb899bc72dbb1f2dbcc9e4a7ccbab7","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.5-1_1720296446023_0.33138011055307404","host":"s3://npm-registry-packages"}},"7.2.6":{"name":"flip-toolkit","version":"7.2.6","keywords":["FLIP","transition","animation"],"author":{"name":"Alex Holachek"},"license":"MIT","_id":"flip-toolkit@7.2.6","maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"src":"src/index.ts","dist":{"shasum":"738b1ab16e322b0aeb0e04791549b77c1f3c325d","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.6.tgz","fileCount":50,"integrity":"sha512-Sdef++xhYYBdkBwUmR4fwsQC9FGOf1lQYmsqiXpJK/1YDOxT0DPc0aGTltTcQ/ZIoJ7k4cuVxKjpBzolVAYpUg==","signatures":[{"sig":"MEYCIQDaHQn0JqtjRQ1OG42+NUnAtaQMUACzjN31oG34BujHmwIhAJZH4wV8Y/JbWCWRiFZTSuiSy3gbr+zrz541mnF//6+C","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":704563},"main":"lib/index.js","types":"./lib/index.d.ts","module":"lib/index.es.js","engines":{"npm":">=5","node":">=8"},"gitHead":"af8be42ce05045495effa687dac73e542db7cd45","scripts":{"fix":"eslint src/**/*.ts --fix","lint":"echo \"noop\"","test":"echo \"noop\"","build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix","start":"parcel test/index.html","format":"npx prettier --write 'src/**/*.{ts,tsx}'","prepare":"npm run build","test:dom":"parcel mocha/testrunner.html","build:debug":"microbundle --name=FlipToolkit --no-compress","format-and-fix":"npm-run-all format fix"},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"umd:main":"lib/index.umd.js","repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"_npmVersion":"10.5.2","description":"Configurable FLIP animation helpers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"rematrix":"0.2.2"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.4.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8","@babel/core":"^7.24.7","microbundle":"^0.15.1"},"_npmOperationalInternal":{"tmp":"tmp/flip-toolkit_7.2.6_1720297221426_0.24446251982506717","host":"s3://npm-registry-packages"}},"7.2.5-2":{"name":"flip-toolkit","version":"7.2.5-2","description":"Configurable FLIP animation helpers","license":"MIT","src":"src/index.ts","main":"lib/index.js","umd:main":"lib/index.umd.js","module":"lib/index.es.js","types":"./lib/index.d.ts","exports":{"types":"./lib/index.d.mts","import":"./lib/index.modern.mjs"},"repository":{"type":"git","url":"git+https://github.com/aholachek/react-flip-toolkit.git"},"bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"author":{"name":"Alex Holachek"},"keywords":["FLIP","transition","animation"],"engines":{"node":">=8","npm":">=5"},"scripts":{"build":"microbundle --name=FlipToolkit --define process.env.NODE_ENV=production --globals rematrix=Rematrix; cp ./lib/index.d.ts ./lib/index.d.mts","build:debug":"microbundle --name=FlipToolkit --no-compress","lint":"echo \"noop\"","test":"echo \"noop\"","test:dom":"parcel mocha/testrunner.html","start":"parcel test/index.html","prepare":"npm run build","format":"npx prettier --write 'src/**/*.{ts,tsx}'","fix":"eslint src/**/*.ts --fix","format-and-fix":"npm-run-all format fix"},"dependencies":{"rematrix":"0.2.2"},"devDependencies":{"@babel/core":"^7.24.7","chai":"^4.4.1","microbundle":"^0.15.1","mocha":"^8.4.0","parcel":"^1.12.4","prettier":"2.8.8"},"_id":"flip-toolkit@7.2.5-2","readme":"# flip-toolkit\n\n[![Minified & Gzipped size](https://badgen.net/bundlephobia/minzip/flip-toolkit)](https://bundlephobia.com/result?p=flip-toolkit)\n[![MIT license](https://badgen.net/npm/license/react-flip-toolkit)](http://opensource.org/licenses/MIT)\n[![npm version](https://badgen.net/npm/v/flip-toolkit)](https://npmjs.org/package/flip-toolkit 'View this project on npm')\n\nUsing `Vue.js` ? Try [vue-flip-toolkit](https://github.com/mattrothenberg/vue-flip-toolkit).\n\n## Basic Example\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/5v1k1nwz8l)\n\n```js\nimport { Flipper } from 'flip-toolkit'\nconst container = document.querySelector('.container')\nconst square = document.querySelector('.square')\nconst innerSquare = document.querySelector('.inner-square')\n\nconst flipper = new Flipper({ element: container })\n\n// add flipped children to the parent\nflipper.addFlipped({\n  element: square,\n  // assign a unique id to the element\n  flipId: 'square',\n  onStart: () => console.log('animation started!'),\n  onSpringUpdate: springValue =>\n    console.log(`current spring value: ${springValue}`),\n  onComplete: () => console.log('animation completed!')\n})\n\n// to add an inverted child\n// (so that the text doesn't warp)\n// use this method with\n// a reference to the parent element\nflipper.addInverted({\n  element: innerSquare,\n  parent: square\n})\n\nsquare.addEventListener('click', () => {\n  // record positions before they change\n  flipper.recordBeforeUpdate()\n  square.classList.toggle('big-square')\n  // record new positions, and begin animations\n  flipper.update()\n})\n```\n\nTo learn more about which configuration options are available, [check out the code for the `Flipper` class here](../react-flip-toolkit/src/FlipToolkit/Flipper.ts) or [read the docs for `react-flip-toolkit`](../react-flip-toolkit/README.md)\n\n## Spring\n\n`flip-toolkit` also exports a utility function, `spring`, that can be used to orchestrate non-FLIP animations.\n\n[**Fork this example on CodeSandbox**](https://codesandbox.io/s/spring-example-6xw5p)\n\n```js\nimport { spring } from \"flip-toolkit\";\n\nconst container = document.querySelector(\".container\");\nconst squares = [...container.querySelectorAll(\".square\")];\n\nsquares.forEach((el, i) => {\n  spring({\n    config: \"wobbly\",\n    values: {\n      translateY: [-15, 0],\n      opacity: [0, 1]\n    },\n    onUpdate: ({ translateY, opacity }) => {\n      el.style.opacity = opacity;\n      el.style.transform = `translateY(${translateY}px)`;\n    },\n    delay: i * 25,\n    onComplete: () => {\n      // add callback logic here if necessary\n    }\n  });\n});\n```\n","readmeFilename":"README.md","gitHead":"af8be42ce05045495effa687dac73e542db7cd45","homepage":"https://github.com/aholachek/react-flip-toolkit#readme","_nodeVersion":"20.13.1","_npmVersion":"10.5.2","dist":{"integrity":"sha512-ybFU6xmgKlJrKP2IjV3H0lGKFoSSh4pCpZqDBgcIJBstw5jV3DWJF1I9LRVS7FnfVR+1tlgzGRalDH+qlzznPQ==","shasum":"a39699dadf8b4cb540614b8226dd01fd2348254d","tarball":"https://registry.npmjs.org/flip-toolkit/-/flip-toolkit-7.2.5-2.tgz","fileCount":50,"unpackedSize":704697,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJTzu4rmMfQ9Chhfx9JAuAptWEcla9y6vQ9VkuPPwYOQIgSX1wo/gTibcKxlJEV6wVBYqSC6HqJRxlQxKVUMZSG9o="}]},"_npmUser":{"name":"aholachek","email":"aholachek@gmail.com"},"directories":{},"maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flip-toolkit_7.2.5-2_1720303781769_0.004129527549148637"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-06T14:20:28.079Z","modified":"2024-07-06T22:09:42.246Z","0.0.0":"2019-07-06T14:20:28.189Z","6.6.8":"2019-07-07T16:08:13.016Z","7.0.0-alpha.0":"2019-08-09T01:11:22.144Z","7.0.0-alpha.1":"2019-08-09T01:17:50.125Z","7.0.0-7.0.0-alpha.2.0":"2019-08-13T00:31:07.121Z","7.0.0-alpha.2.0":"2019-08-13T00:39:21.919Z","7.0.0-alpha.3":"2019-08-13T01:49:54.632Z","7.0.0-alpha.4":"2019-08-13T02:43:15.125Z","7.0.0-beta.0":"2019-08-13T10:52:35.287Z","7.0.0-beta.1":"2019-08-13T13:31:30.582Z","7.0.0-beta.2":"2019-08-13T13:41:31.480Z","7.0.0-beta.3":"2019-08-13T13:48:04.713Z","7.0.0-7.0.0-alpha.4.0":"2019-08-13T15:57:04.835Z","7.0.0-alpha-4.1.0":"2019-08-13T18:05:42.281Z","7.0.0-alpha-4.2.0":"2019-08-15T00:40:35.490Z","7.0.0":"2019-08-16T01:22:15.502Z","7.0.1":"2019-08-16T12:42:14.253Z","7.0.2":"2019-08-16T13:06:18.087Z","7.0.3":"2019-08-22T11:45:31.882Z","7.0.4-beta.0":"2019-08-31T14:01:31.416Z","7.0.4":"2019-08-31T14:59:14.232Z","7.0.5":"2019-09-05T17:53:18.717Z","7.0.6":"2019-09-29T12:23:18.244Z","7.0.7":"2019-11-09T18:45:05.542Z","7.0.8":"2020-02-17T16:10:07.507Z","7.0.9":"2020-02-17T17:43:57.986Z","7.0.10":"2020-05-30T15:49:06.839Z","7.0.11-0":"2020-06-11T01:08:45.941Z","7.0.11-1":"2020-06-11T02:23:57.615Z","7.0.11":"2020-06-11T14:34:00.286Z","7.0.12-0":"2020-11-03T16:02:10.316Z","7.0.12-1":"2020-11-05T17:28:42.877Z","7.0.13-0":"2020-11-05T17:38:57.764Z","7.0.13":"2020-11-05T20:44:09.527Z","7.0.14-0":"2022-05-13T14:53:00.744Z","7.0.14":"2022-05-13T15:21:05.393Z","7.0.15":"2022-09-04T01:58:43.859Z","7.0.16":"2022-09-04T02:33:17.351Z","7.0.17":"2022-09-30T21:38:38.144Z","7.1.0-0":"2023-05-14T20:58:39.340Z","7.1.0":"2023-05-14T21:04:02.366Z","7.2.0":"2024-07-05T02:25:12.450Z","7.2.1-0":"2024-07-06T15:27:55.891Z","7.2.1-1":"2024-07-06T15:50:40.369Z","7.2.1":"2024-07-06T15:52:24.053Z","7.2.2":"2024-07-06T16:00:42.280Z","7.2.3":"2024-07-06T16:24:54.837Z","7.3.0-0":"2024-07-06T16:44:48.573Z","7.3.0-1":"2024-07-06T16:50:51.432Z","7.2.4":"2024-07-06T16:56:56.694Z","7.2.5-0":"2024-07-06T19:46:43.478Z","7.2.5":"2024-07-06T19:58:50.832Z","7.2.5-1":"2024-07-06T20:07:26.229Z","7.2.6":"2024-07-06T20:20:21.688Z","7.2.5-2":"2024-07-06T22:09:41.984Z"},"maintainers":[{"name":"aholachek","email":"aholachek@gmail.com"}],"author":{"name":"Alex Holachek"},"repository":{"url":"git+https://github.com/aholachek/react-flip-toolkit.git","type":"git"},"keywords":["FLIP","transition","animation"],"license":"MIT","homepage":"https://github.com/aholachek/react-flip-toolkit#readme","bugs":{"url":"https://github.com/aholachek/react-flip-toolkit/issues"},"readme":"","readmeFilename":""}