{"_id":"angular-animations","_rev":"25-0d221ddb7a7925cefb4417b75a54cce0","name":"angular-animations","dist-tags":{"latest":"0.11.0","beta":"0.15.0-beta.0"},"versions":{"0.0.0":{"name":"angular-animations","version":"0.0.0","description":"Angular Animations Utilities","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"author":{"name":"Chris Filipowski"},"license":"ISC","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","gitHead":"2c0b88e3fbb6e47bb9ab873b3fb4ccb5b7ab77f5","_id":"angular-animations@0.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"n45boss@gmail.com"},"dist":{"integrity":"sha512-gHcoparI7BfvJ5j8LqhlPdE4BiSvAzjTCyow+y0B3nvXWHNErqVIb4GLLzWai9FaXyB274fEIL96jtnnwpHErA==","shasum":"054a03e345ff5983ee5182e9e83fb09b0decbff5","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.0.tgz","fileCount":2,"unpackedSize":636,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGiToqFP0HzMZjS9V84hVUFPZH5xHu0CMiTz/7AaM232AiA9UluHv4eW0+wpsliNw0Rl6euHf+Mz7kv69TVyUxzyxA=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.0_1521363715557_0.24529513411303805"},"_hasShrinkwrap":false},"0.0.0-alpha":{"name":"angular-animations","version":"0.0.0-alpha","description":"Angular Animations Utilities","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"start":"npm run demo-app","demo-app":"cd demo-app && ng serve","build":"npx tsc","prepublish":"npm test && npm run build","release":"np","test":"npx tsc --noEmit"},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","np":"^3.0.4","typescript":"^3.1.3"},"peerDependencies":{"@angular/animations":"^6.0.0"},"gitHead":"b9b2202616290ac0681cb3d95ce4174e3d2bb470","_id":"angular-animations@0.0.0-alpha","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-Eru/6B/nxH9eMCDQJPzif7251hJylwtUKCIbnbUE91sy7giBve5y6va/g5gttshhGZTEAosnPbQq7FXxYHaPfw==","shasum":"c5d07ccddaf47be1512105e1d934ee38d363215e","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.0-alpha.tgz","fileCount":27,"unpackedSize":19682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwipGCRA9TVsSAnZWagAAa6EP/iWsLS7zYe5Z1rqnKvbQ\nMZD99bpXffUVaYijHF0xBO+5PAXP+nX6jwzrXGeP1wpEJ3vcWwHqwuedrhzN\nbWzKRjHi8q5mOAW1A6ylcBjQ0mNURQYhizkWiY6XIu/K9Gb5vj9yOFk3s8pS\nBPs5nxqkUbU340TAqdfZllEQDYoMF1lkQDaeEgDe55hFqGKre0fVhaF+z2DY\nOg6G6FTTlu6WqrfaffYczupz/vSdyq+YNzLW5uCIuoqUcDuIr8T8iSrfTzrA\nVVvc+88We9zSvLqlz5CzHEPfUDCqktSKtZtYsehZUzFpXNtnYF47i3I2WpeG\nCiB9emo8iWXDRICFseqKVByHy9TZ/NtRprJKpmHZcVH9mIV2tJRqE/6m45zg\ncpXUKMCJlsbBq4089LSGP/iGQrig2hNcbO0KjIKEdnonL1zf3t2wku1EZDRB\nXM1Sug5lbOakhlNZAb7zOnRNBwT0HAFPS4fB25T+i3jYH6Jg8TEvNB4MD6XJ\n2O8D2wlHFt/UtLikAgHktaZ1ETrn1Juo3ldNo86rDekopqpebAXHUxkW1DxO\nYWBMR0fl7MMVPomFn8tDXAGgYf5x7qTgY30SO+i4XPQozrSw+8pbVSr1/uMm\n7N+6CCuX2u1rVHTn5h6ervAag6TCZvOOdCyIgLVjzm9EDQoy9TV9SKrgcjDl\nI0be\r\n=AARR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBOmo5wc1kCrg+5sCM4DgzBeY3YpSidCc01Zji2OwkRTAiEA8JlDhhAZOplq9U1fx2FfVPF8ZF6gyShPEYAVxHl4fiY="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.0-alpha_1539451462093_0.2783495101919773"},"_hasShrinkwrap":false},"0.0.0-alpha.0":{"name":"angular-animations","version":"0.0.0-alpha.0","description":"Angular Animations Utilities","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"start":"npm run demo-app","demo-app":"cd demo-app && ng serve","build":"npx tsc","prepublish":"npm test && npm run build","release":"np","test":"npx tsc --noEmit"},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","np":"^3.0.4","typescript":"^3.1.3"},"peerDependencies":{"@angular/animations":"^6.0.0"},"gitHead":"a61d4752341d091df4c3f146910ef7baa344f412","_id":"angular-animations@0.0.0-alpha.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-+qPgoYTf1VmUsXVNU/IEM7qVh8hNC/HOTW3Kd4Ih+2M6sv3PL4PhzJQkddzJHCnhOxaD0LSmmdmMR3xrStsaVA==","shasum":"263d4bd123019ac9f3b59e296e74095d8a5d3c81","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.0-alpha.0.tgz","fileCount":27,"unpackedSize":19778,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwjrfCRA9TVsSAnZWagAA4QEP/3SFL3N8R0wMMUFJFPNJ\n55tKoy3nd7+lX3BVmJNp4FkBB/pa91x3y21qfhHriz65nCHO+GPpHh/65Q4w\nOHknLoxKdEIGU0I6a1il7Zf6JMOAXKFJuz6ZNpUBP9jHbt2GgCUD12YVazxb\nu6dScFRbfU/a//FPFLEZ0Zkqq76n4ah3kSRJ8Xhz6zx1uwv5WE10klY8HxM0\nJWZr4jR1txcGULKzMNhXSt/D5wgFkeAu8+/jw9uT9/qa+6SydGJvx+2z37TN\nzfW9xoRyTIJjP4xUrba/M6S39+dTJO8o5HPFAGy1CzAJfzwoudJsRvO2uVUX\nLiP7kRFKklaiY+X34ikF372vxZWPQy60s8a7FVwaJyDhG5agELgf0ByJ2PN0\nRdeUmmu4qRPfgx0fPjQJYmGVrESUQ24YCzWu5MmxXKOs/5kjWh04ScXPSerp\nJwasA7bUoTQlFLac6uPxYMzty6xEm8O1Vk00doIv8MjflCV9fu507IxrRaUK\n9zyj7R+HY+bPsWciRTn+6vFlSXZXzMLvYUmH/JU/C0fuHsjrU2my5CfcffOY\nEdI/Pu/l8lY1xWPVYh3UdOpRvMR2vK4Grqhg6AIpFukNmKUL5cVu8UStmOIV\nw2NVIJy10oJriUdVbCQwDzU7x+gUV1Fd4tmivhF/m9qKHDukCNL03Ue5SfNZ\nybCG\r\n=I9Jd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+d+xrXW8d8nOJoXJlUJlG8ZTyGYtQOJXDOcz/5hySsQIgA94VxANFZadT0148uGszPjYSsG4ao5aufTKrs6kEpzE="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.0-alpha.0_1539455710013_0.2727735701776859"},"_hasShrinkwrap":false},"0.0.1-beta.0":{"name":"angular-animations","version":"0.0.1-beta.0","description":"Angular Animations Utilities","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"start":"npm run demo-app","demo-app":"cd demo-app && ng serve","build":"npx tsc","prepublish":"npm run lint && npm test && npm run build","release":"np","test":"npx tsc --noEmit","prettier":"prettier \"lib/**/*.ts\" --config \"./.prettierrc.json\" -l","prettier-fix":"prettier \"**/*.ts\" --config \"./.prettierrc.json\" --write","tslint":"tslint -p ./tsconfig.json -c tslint.json","tslint-fix":"tslint -p ./tsconfig.json -c tslint.json --fix","tslint-demo-app":"cd demo-app && npm run lint","tslint-demo-app-fix":"cd demo-app && npm run lint-fix","lint-fix":"npm run tslint-fix && npm run prettier-fix","lint":"npm run tslint && npm run tslint-demo-app && npm run prettier"},"husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","husky":"^1.1.2","np":"^3.0.4","prettier":"1.14.3","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^3.1.3"},"peerDependencies":{"@angular/animations":"^6.0.0"},"readme":"# Angular-Animations\n\nAngular Animations utility library for Angular 4.2+\nIt is based on [animate.css](https://daneden.github.io/animate.css/), but can be used in a declarative manner with an angular app\n\n## Prerequisites\n\nMake sure you import `BrowserAnimationModule` in your angular app.\n\n```bash\n npm i @angular/animations@latest --save\n```\n\nImport `BrowserAnimationsModule` from `@angular/platform-browser/animations` in your root NgModule\n\n```ts\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n```\n\n```ts\n@NgModule({\n declarations: [\n ...\n ],\n imports: [\n ...\n BrowserAnimationsModule\n ],\n})\nexport class AppModule { }\n```\n\n## Installation and Usage\n\n```bash\n npm i angular-animations --save\n```\n\n### Animations on enter / on leave\n\nAnimations on enter / on leave are triggered in a moment when element is added to or removed from the dom.\nBasic example would be with using `*ngIf` template directive.\n\nImport animation functions that you want to use and add them to the component `animations` declaration:\n\n```ts\nimport { fadeInOnEnterAnimation, fadeOutOnLeaveAnimation } from 'angular-animations';\n\n@Component({\n selector: '...',\n templateUrl: '...',\n styleUrls: ['...'],\n animations: [\n fadeInOnEnterAnimation(),\n fadeOutOnLeaveAnimation()\n ]\n})\n```\n\nand use them in the template:\n\n```html\n\n```\n\n## Running Demo App\n\n```\nnpm start\n```\n\n## Authors\n\n- **Chris Filipowski** - [filipows](https://github.com/filipows)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","readmeFilename":"README.md","gitHead":"fa06f1226d19258ac0b91554dd6ceaed679c2d6e","_id":"angular-animations@0.0.1-beta.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-KFC1T2erm/NnDPR8hUynRHVLknkQsAmAaPFiksvYBnIuMZuRDtoRq/ERIplUlulTHC4YcRW6EMbkVlGAVhEAqQ==","shasum":"4c0b00818f218669e564e29299d4a9ffb983243a","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.1-beta.0.tgz","fileCount":196,"unpackedSize":173533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyzgECRA9TVsSAnZWagAAZ70P/REPYKDURRm/YKiHM4Xg\n7vrtWwdtNKVfaxX0GmZ5ZDSLQGDAc/9ycEa8UQEeT2EfVTnX0qxMwbE4URNR\nN2iamkjbTJZjwl7qnKV2tSWvgvxjTARd71htBcxL6KngXuTZDJBAN/8NpOgM\n6OZu4FSQqBolbT1J0Vv8dXKHKODOLw7tjWi0KaF80mG/PU0ntH6Nd0aEP0cx\nJDGZH1msQTOtKNpVSQ+x3kuS6JkVVV72v4PId40L4UcFeqvUdCQxRY7XkTEm\nCEj1eG8r/1B0BcouPZLAqj/31dNQGlBqwdJ/zt+CX++FD5waK4WjLd/IYNL6\nR/da1gVmiY5+4ORaSHaUJkOQi8VYVH7s9dmwUUgkGcoAuBnLDxx7zWfmC1bn\nhcl8crATo7Cy4aM/s+YMuaGreLCvC7WKqJ5ra84EimT9CzwL/yBoQCfUtJFl\n3t+tQMUYD4lW1HAwYDhOFmGGUomwZXd+H5uTYv+I/ndkF3Iy7+T2boVkexuA\nY66yGRLZM2okm975mR4eSD9AK+XYZM2jSOA4KeNs2i8aO++R5IE0da7b9+rt\n9FbFNRTfI1GxfdusCjk4oZ3TkBQXTWgT4FFLQyYY/zTJz1RQm3DMphR+91fu\ntXAwaL9Yhg7Tq7K2LISlwaAN9VdExqfPi2m2deszr/HaY82y0TzaJ3Qswjc5\nPi41\r\n=MQJu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAL1fE5/jPpJwT9UyqriizQ9toicHZjonu6eAOJI9CYHAiA2rz0p0m50I10gNtuxLaZj36oWw/wic37uQV39Pfb9mQ=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.1-beta.0_1540044803638_0.08335452948589528"},"_hasShrinkwrap":false},"0.0.1":{"name":"angular-animations","version":"0.0.1","description":"Angular Animations Utilities","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"start":"npm run demo-app","demo-app":"cd demo-app && ng serve","build":"npx tsc","prepublish":"npm run lint && npm test && npm run build","release":"np","test":"npx tsc --noEmit","prettier":"prettier \"lib/**/*.ts\" --config \"./.prettierrc.json\" -l","prettier-fix":"prettier \"**/*.ts\" --config \"./.prettierrc.json\" --write","tslint":"tslint -p ./tsconfig.json -c tslint.json","tslint-fix":"tslint -p ./tsconfig.json -c tslint.json --fix","tslint-demo-app":"cd demo-app && npm run lint","tslint-demo-app-fix":"cd demo-app && npm run lint-fix","lint-fix":"npm run tslint-fix && npm run prettier-fix","lint":"npm run tslint && npm run tslint-demo-app && npm run prettier"},"husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","husky":"^1.1.2","np":"^3.0.4","prettier":"1.14.3","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^3.1.3"},"peerDependencies":{"@angular/animations":"^6.0.0"},"gitHead":"bfbe5ef1835b814594d305ee09110681bdc14d1a","_id":"angular-animations@0.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-VU6XDZ7xQW/Sz6f/eTF6pdGpsrog3BvCkdN26R6kBcbgf4ecfAa09lphvo+1KNX4yN2GJeawkSI+dBKGjk0vNA==","shasum":"eb8031cfd34e90ee06464797bbd861b3c40a88a4","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.1.tgz","fileCount":196,"unpackedSize":173526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyzoQCRA9TVsSAnZWagAAp4kP/0ylGIHsnfUU9qd/Vgg6\ndKwCO/exOWa8uQ+Q6HrFS/wGwojv9FZ1XC7GoPcjNJKwinQhWT0+AbyPgegq\n2TYhPpynwLtI3gufKAaKqd0sR7kdee+tLjCu2GIsqPcdlCYJfdzW8iDLpPHv\n2K43kmQI9YJLIovUV8KmMNXYcuzJuRQojQoPRLzuVksKKQ9iOVCnbPQkHv7b\npo00VKou+hJpYPAzNBF5DicUd+CSWeQ2GmoO1gYDU+575tgqFHOS5KObEms0\n69Y9fYLimvuiGqFco7IggY97VEciZkrSSir8gaAoeDZXMuDymVIrzMOvmp/q\nrJHZK2Uwz17qfD9LCtHhtxHUYzlTDlEcBE0zKgtNw5itmFywmbChvDYNpHw2\nB8x3PWAYcJ6nkYyLoapAZmYYa36NIyMvvUKWgS9xIQRAhqie+FnhchrGhAVU\nQyUGoHTpJxezP9GfGN45ieHKlEUvgyAblxI2+yBTyOJkDGvE2OE9gLqYfaIl\neQpj+6OiqWlf2T9fKsmU4HY0OxOTH3m+CJmRQwKmcK3WdsNanS2aMSfQ6ET/\nP/YZ4WKeSUoREK7Z5OUa3s+nSWPNh6Mit9Y4l20PfedZ20ZkT/oBUYB8s4Ox\nhwYkQDo8h3VZtMHm5DlWTK6LAcB+1VVuPzWsT8bh0WaJyC79354JZKGKC6p1\naazf\r\n=pLaM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHfUyBfJhx9KQ2uo1kMj2ITtnsVh26htJ3Mk9ZHE71SLAiAj93iSciyfzUYYy+igamlJGodgqO+vVsmNmB2ntqJksg=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.1_1540045328106_0.30485545279119663"},"_hasShrinkwrap":false},"0.0.2-beta.0":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.2-beta.0","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"readme":"# Angular-Animations\n\nAngular Animations utility library for Angular 4.2+\nIt is based on [animate.css](https://daneden.github.io/animate.css/), but can be used in a declarative manner with an angular app\n\n## Prerequisites\n\nMake sure you import `BrowserAnimationModule` in your angular app.\n\n```bash\n npm i @angular/animations@latest --save\n```\n\nImport `BrowserAnimationsModule` from `@angular/platform-browser/animations` in your root NgModule\n\n```ts\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n```\n\n```ts\n@NgModule({\n declarations: [\n ...\n ],\n imports: [\n ...\n BrowserAnimationsModule\n ],\n})\nexport class AppModule { }\n```\n\n## Installation and Usage\n\n```bash\n npm i angular-animations --save\n```\n\n### Animations on enter / on leave\n\nAnimations on enter / on leave are triggered in a moment when element is added to or removed from the dom.\nBasic example would be with using `*ngIf` template directive.\n\nImport animation functions that you want to use and add them to the component `animations` declaration:\n\n```ts\nimport { fadeInOnEnterAnimation, fadeOutOnLeaveAnimation } from 'angular-animations';\n\n@Component({\n selector: '...',\n templateUrl: '...',\n styleUrls: ['...'],\n animations: [\n fadeInOnEnterAnimation(),\n fadeOutOnLeaveAnimation()\n ]\n})\n```\n\nand use them in the template:\n\n```html\n\n```\n\n## Running Demo App\n\n```\nnpm start\n```\n\n## Authors\n\n- **Chris Filipowski** - [filipows](https://github.com/filipows)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","readmeFilename":"README.md","_id":"angular-animations@0.0.2-beta.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-UJBgHAa7Z93+zf6mANQV6RvEIxUctUw0aAYj9VH9Cu/VxX/c6RE/B/fPw4jbHQFeMpWVexPgNhjZw5Mln/4oeQ==","shasum":"ce70d611310529b590f897857abaca47b58dff2a","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.2-beta.0.tgz","fileCount":306,"unpackedSize":6752022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1FjkCRA9TVsSAnZWagAAypUP/RPeuoKOdE/IQ352qC8S\ngTClnNjFoESOl4VnV5wNNuIxoVGAVPoWhRKUdDN2dq0dCMiloLDraO/n3zsm\ngdOaoeC4JIqgTreunkJOSai/2vmlVicFF/0VsCd056lxdBErWoKxTGp6UUKk\nn1I7hyP29ZLHslRRATFLavmpT7esSSjXf49oqsD4EhY6eesNYRya3V4a7sG+\n6eEvbj+CPwXiHtus/Ok5lJGD0W8aqqe6yEwhprlo6tnYicmo1BywT2JWRT7K\ncSCPnEzHZUnA339BXUXKrUqOi/ZzhEKxbSAsw4RwC7UjIa7muKJhIEGVR6xn\necdQCc15uVGp7Ej/pCkXtWwhVQPrT5rgZyQlx8MD+Y/MNIXNE9pc0q7MGn6G\nZMUkwCFDAHWjKEcOxlOlwbPaJdBpvu7mBj7WQ2GVcmwrOd6X1pyLIwNI+1YP\nRlDAfGREMPDQhoq2qHOKcjBbpe6ImETdwwfAerOnmHRXSN3ZDolERoLGnWL7\nqU8o2Y+ZdLdWk0XBdsR0LN9uPI2AJAdk+KixywyQbU8bJBPt5/6SSFGqCVYh\n+rI5191zikhWMy1KFUH5IuidCIl/kad9JP7kiel/gUuf94xO2EerngK7ydOU\n/f+PJN3DCsRwTkJ5aWp9jO34BxWy42pdRgYT4LECNIMji9Z0lPJYXVgoWWbw\nZE11\r\n=BFNm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4XLY/6lVLfk00kRyHb8nJ4P2eWdLDaKgkXR7u+D6HCwIgKl2wc03UDfWETmQpEYtlGxoIV3Rq916dkLVnPqWktZE="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.2-beta.0_1540643043414_0.16696596046497247"},"_hasShrinkwrap":false},"0.0.2":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.2","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-paXiMH/e0V8JCDNrrsQ1IWjVr6X+bss1wnfeZsWYrLYZ1tTWQ2TJdufXvxA9//nAfQMrhp+bk1PdBM0613kY3g==","shasum":"947d7edf9707f0fdcff7ebedfc41862c29d9c9ee","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.2.tgz","fileCount":306,"unpackedSize":6752015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb1F9dCRA9TVsSAnZWagAAaAMP/Ah6TCBZ7+Tcs32k3kgR\nwhXT31jaJd2Ywki67lfs6+UGJ94YCPobPfX7g/AiJGmXJCd7ak7sLLdN/vMR\niIUa3qRUrFevugD082FDKYz8+yIh2DU9Z6kUHWCh5OOAVy0yXCwZ0vXKq9Yr\nz7ErUNiiekPYni/qMum+KCH6zmlnnZDISlRUth/Yrjq2vPEQYZRVWG5TPirW\nL/rTYEd4AfQIu0lbTyGSNirWbF6jpHLeD0GiQuY1JwydC4pOhmmnziSzEqNn\nivFg0QEs7sbmIwvTYIS+75ffEeslCfcyTYbkHO8sCnHxfc8e7hM4joXOAkb7\n6mDD69QnAVBMOaNyzRvxswSgyN1hTVCjYa/wI3mAAZvXPnIq5ApwHgwuo4DY\nCSNq0pXBeMfUJzDvP2FXPkD/yDISPAZKGttVyGpOA/oMyPd2gQwILcsTR8ig\n/0oqi60wWqn5iKbXiu/lR6VyZJGq8g9Iz+Z/UHP7gJcaK9gzH3L1MMojyJnv\nfTGJDx5z/I9XWNdw1EEA6vCgGAeks4Ebz/dC5J3bnQDgxAZEQIBUUXC68jrI\n/5C88afqvL0taASXTmnBCmN1WouLOOeisFvvTaZPANZ1wbdBt5APC+XdV9vV\n3lthgRaUi4xMMRNJAyIr4dseCZ9ULxmrAiHPEy9Pa0IEf+yeBARufcdTfSa1\nIOaC\r\n=ZG4i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQPfhnihxrFz621AyLr2xOUtsud/QJxOP/4RrM/E9NQwIhAKqT5YQvZ9+3qo/pChaFu0lE3zeWhOzmylTW7AGN8yKj"}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.2_1540644701106_0.5354021324075133"},"_hasShrinkwrap":false},"0.0.3":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.3","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-27ys52IoSMA1WG8rgr3zfiZ012G3SLVRGQhnb4+dvBUqHZQje+7qfLMo7Cu3axFLzxessyhWKJYUHJB1v0zYQQ==","shasum":"ed1ced4796b8cda3c4c1e009fd645e14071d5311","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.3.tgz","fileCount":306,"unpackedSize":6848439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb2drqCRA9TVsSAnZWagAAhpoP/RAE5PKN/+kNPzjzCyL4\nDGC/eJi71qPTViGMP6obALUsYm/k2r+ycMqCUifpG2vLLBklt6pDj8CNeogG\ne+3gCtQetyruNRZNT9D8lh/3707A/fHbG6as+rv7vy9lCNszfWxTCFaVB4GO\n4zuZsvY33dWR87mrUOaKVczOEm9ayY9xmV/T3ur5keaj/rBj4C6KcvRDvYic\nsWNCBDw2M8va6sbGhIZcMXaKxDgxupOL0+xE1izwWrNgD8wNneTNjGNHLWry\nUQ9dMWCwY6rFcRcicxjQ78tWqOdMJlVhmUR55KDZhErITIoAq2K6yxqRF2x9\nvS2y+iXdfalsfy58PXjDXVFq2rvB3F7l3+yM1D/J50uqAYU4LLhAOOISnerM\niF5lSvcxQQmfb1rbVqq9q1Tr0HcP7yOr5scDdKU1EQHTzBIzZdNOkjxQLQLz\nUrWPgxC67VB0Ql6xofmM8KyEWYJ5048uK2W4jEgNPcDRla5wQ6rzcNrwlKTA\ncKRxhVt5JHQHNt73JNgNeq+bh4o1mtZgCIIDvD/Uag4TgnhszuQNtY7UWXf0\nikMlZOBeWsuW5R9IDkc3Yc/ThRVs/kUeoC2Praz/Y+pNAYQPjCb13WScOkQM\nUttanPuBcqMG3VofjgJHjvMJTEK6xZSBVbeRYh/gSYpGYnZFn27sxKOBq32s\nyapU\r\n=3tdm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDya2g2Ofudi3FW+YWrCkdtdFATyeOal2g80dhX9Aa9GAiEAxBMDjXSqfU59XJaOz4n0d+AnRqCwDaZV2VrEQfrwN9o="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.3_1541004009724_0.1707317914753277"},"_hasShrinkwrap":false},"0.0.4":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.4","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-8tY7myCNaMRWh3td/Q6yWEHm7iJEHTl8aHWij4L7kTVhg4ooSNJvYshdga6Iyts1Sg69FqK6DHjnUgF6G4DYuQ==","shasum":"f898a63f4919485d1383d8504ff428d1e7b38fa9","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.4.tgz","fileCount":306,"unpackedSize":6864185,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8DIOCRA9TVsSAnZWagAA4eAP/1wDwxmImxjKr0Hixc20\nl9Prb2VVMD0ZMI6a07z6YfJGczxq/VR13gwiGDQWeMV94YlKYBtYvpiA8efm\ntI0DzIIMuFen7A6KRTIGw+ow4omym1YmdTbxtyYhjedt4qicrW1PRzM6bWDF\nReEDOrjiC2vZw1w/zGOMmREmyvcPMcZNj2+dc2dW/6vbkIMFj7jZDDVNYdcP\nn2cAFoCw5deM4AckPzByF7n+XbSsDyHllZI3J9mVCpY9Qn5u8RYl6YYiH2vE\nu38xsK9NTGDwvbiQFJnmJSvQM0VTxF50ovgK6jG2AtXExYgocNWqDspvR012\nhD/4a4/VUC+0w/tfGDN7z99llEOX350ywgLdRSLOwr/Toi4F2G0oeOaCT8MM\nplO9rOeDvftVhNTBdbA6DpFH3BBUXfMeaE342HcpXenO7FAaF9uRrFfAw/IN\nSTNNyz9alLS16BC3bV+thJ/jIX1VtBBZvjWw39m9fMkVFfvHb8n3zFm9Nq0U\n0TjfHlFuStyzVUWjEblOMlfnSD1L61sb8a7NNy8R47FWPbp8/GeqLStTeFZF\nabSwjhC2z4WkYgigFc8uspZlmrHxPxRlSpFNMNxYe0SwXk6TjymTtF5R++Y4\nLk4wShgMLHqpjI98MUJENUhtrIgfkRa5022hA52//Gj+OZsLomtr7RdOR7RU\nUKw+\r\n=j7AP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKwppEwsZRS02F7bN063ROyd9eHknBGB3r2lhhzQ6OoAIhAL/AU6k0EzJTYqo+k0G5Cc+MaBBP91gD7602dRNfv/wv"}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.4_1542468109521_0.6083311844953168"},"_hasShrinkwrap":false},"0.0.5":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.5","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.5","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-GYSZpXMgmf7IBAABQeDXN7F5wwJ012CCawSMjGHpKDYfIDCdo78DN1MI415RVsZCs11Le1+5+o2YypdyNWgysw==","shasum":"1c1f800ba570ad681644c7e7257daf983a0c1539","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.5.tgz","fileCount":306,"unpackedSize":6866190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb80FFCRA9TVsSAnZWagAAPMgQAJxovIsV38h66WId0Hku\n76rK4DYHCz+UUPGqBvqcL8qdshGuI9meORDG/Nedw8QlKPpVS2g7W92pa5k+\nQ4CpZ4GBp9SmHPJN85X9R9iqB9yD6lF44aZNJrweE8zS0eDloWcfESCdvqD5\nUdbgZ5VbJwqvA8/329iMeYhom/d1vpOR0EEsLWLDOzk0lFwsnEjz1O5iODis\nfO0Bo9hqMFbJH8Z+V8uca9IGttr/DUSw9EWLbfx2i+FzOPNV0abeZgz1AF1k\no7UMvlgIpdXu+2ROtZK74AVntchUQzM30Cj6Km52Y1YeiSswYPiM94exv7w8\nvW/Q5tXDl8+O3zQXpwH55O4F2WcSBGrYb3yPb5zeECzSQRrZpXwh7j1OQrYi\nCDXtRKVDhlBs4vLIRU6jtG5jwMS8cZSQV6yrq4jCPQPvrhQMGfFuAcl1YzeN\naMUkCtdbA27C/6HFHYBicVckV6k/CgYrF32bpezYcGTtIbEGY8O6OW0Twf/k\nE0mIONOT1uthl/l0kIfe8QD6yyo/1V5Uq2+KH7JNr6ZxnW28CkUHjRUZa8Lj\nwv0YZ0HXz1tgL2bhhIpQZHnlbQTYW9hcB0Fp/1SFNhRyT/1XnM7AXOonOTs6\n9DGWyrvecQfUFA7+trKWRG3iAb5hyMnuZOC3h/+B5t5WvPnBlx+poeHrpcEp\nOMbT\r\n=Ii1/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE3qrDbuyYAB4Mp50BMTfCY3ExiNHC7k2QTH0Zc5alQTAiBMsg43oLD/1j6GuPb9Qpg/4iiUp/XCaDDGI7Yyafrmkg=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.5_1542668612098_0.33377346927490326"},"_hasShrinkwrap":false},"0.0.6-beta.0":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.6-beta.0","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"readme":"# Angular-Animations Utility Library\n\n[](https://www.npmjs.com/package/angular-animations)\n[](https://opensource.org/licenses/mit-license.php)\n\nEasy, Reusable Animation Utility library for Angular Apps.\n\nAngular Animations utility library is a collection of reusable and parametrized animations build for Angular 4.4.6+ that can be used in a declarative manner. It implements all animations from [animate.css](https://daneden.github.io/animate.css/) (and more). Works both with AOT and JIT compilations.\n\n### Quick links\n\n[Demo](https://filipows.github.io/angular-animations/) |\n[StackBlitz Template](https://stackblitz.com/edit/angular-animations-lib-demo)\n\n## Getting Started\n\n### Prerequisites\n\nMake sure you import `BrowserAnimationModule` in your angular app.\n\n```bash\n npm i @angular/animations@latest --save\n```\n\nImport `BrowserAnimationsModule` from `@angular/platform-browser/animations` in your root NgModule\n\n```ts\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n```\n\n```ts\n@NgModule({\n declarations: [\n ...\n ],\n imports: [\n ...\n BrowserAnimationsModule\n ],\n})\nexport class AppModule { }\n```\n\n## Installation\n\n```bash\n npm i angular-animations --save\n```\n\n## Usage\n\n### Animations `on enter` / `on leave`\n\nAnimations on enter / on leave are triggered in a moment when element is added to or removed from the dom.\nBasic example would be with `*ngIf` template directive.\n\nImport animation functions that you want to use and add them to `animations` in a component decorator:\n\n```ts\nimport { fadeInOnEnterAnimation, fadeOutOnLeaveAnimation } from 'angular-animations';\n\n@Component({\n selector: '...',\n templateUrl: '...',\n styleUrls: ['...'],\n animations: [\n fadeInOnEnterAnimation(),\n fadeOutOnLeaveAnimation()\n ]\n})\n```\n\nand use them in the template:\n\n```html\n\n```\n\n### Animations with state or triggered by state changes\n\nThese animations take as an input a boolean value. Some of animations, like Attention Seekers are triggered by any changes of the state, but others like `collapse` or `rotate` animations are displaying default state when the value is `falsy` and transition to end state when the value is `truthy`\n\n```ts\nimport { collapseAnimation, rubberBandAnimation } from 'angular-animations';\n\n@Component({\n ...\n animations: [\n rubberBandAnimation(),\n collapseAnimation(),\n ]\n})\n```\n\n```html\n\n\n```\n\n### Parametrized animations\n\nAll animations are open for customizations. All of them have parameters: `duration` and `delay`, and if it make sense for an animation, additional ones: `translate`, `degrees` or `scale`.\n\nParameters can be used either in a component decorator or dynamically in a template.\n\nIn a decorator:\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter', duration: 1000, delay: 100, translate: '30px' }),\n bounceOutDownOnLeaveAnimation({ anchor: 'leave', duration: 500, delay: 200, translate: '40px' })\n ]\n})\n```\n\n```html\n\n```\n\nIn a template (providing option for dynamic changes):\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter'),\n ]\n})\n```\n\n```html\n\n\n```\n\nWith parameters in a template, we can for ex achieve staggering animations:\n\n```html\n\n```\n\n## Available Animations and Parameters\n\nAll animations have `duration` and `delay` params.\n\n| | Animation | Default Anchor | OnEnter/OnLeave | Additional Params |\n| ------------------ | ------------------ | ----------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |\n| Attention Seekers | | | | |\n| | bounce | `[@bounce]` | `[@bounceOnEnter]` | `scale` (default: 1.05) |\n| | flash | `[@flash]` | `[@flashOnEnter]` | |\n| | pulse | `[@pulse]` | `[@pulseOnEnter]` | |\n| | rubberBand | `[@rubberBand]` | `[@rubberBandOnEnter]` | |\n| | shake | `[@shake]` | `[@shakeOnEnter]` | `translate` (default: '10px') |\n| | swing | `[@swing]` | `[@swingOnEnter]` | |\n| | tada | `[@tada]` | `[@tadaOnEnter]` | |\n| | wobble | `[@wobble]` | `[@wobbleOnEnter]` | |\n| | jello | `[@jello]` | `[@jelloOnEnter]` | |\n| Bouncing entrances | | | | |\n| | bounceIn | `[@bounceIn]` | `[@bounceInOnEnter]` | |\n| | bounceInDown | `[@bounceInDown]` | `[@bounceInDownOnEnter]` | `translate` (default: '3000px') |\n| | bounceInLeft | `[@bounceInLeft]` | `[@bounceInLeftOnEnter]` | `translate` (default: '3000px') |\n| | bounceInRight | `[@bounceInRight]` | `[@bounceInRightOnEnter]` | `translate` (default: '3000px') |\n| | bounceInUp | `[@bounceInUp]` | `[@bounceInUpOnEnter]` | `translate` (default: '3000px') |\n| Bouncing exits | | | | |\n| | bounceOut | `[@bounceOut]` | `[@bounceOutOnLeave]` | |\n| | bounceOutDown | `[@bounceOutDown]` | `[@bounceOutDownOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutLeft | `[@bounceOutLeft]` | `[@bounceOutLeftOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutRight | `[@bounceOutRight]` | `[@bounceOutRightOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutUp | `[@bounceOutUp]` | `[@bounceOutUpOnLeave]` | `translate` (default: '2000px') |\n| Fading entrances | | | | |\n| | fadeIn | `[@fadeIn]` | `[@fadeInOnEnter]` | |\n| | fadeInDown | `[@fadeInDown]` | `[@fadeInDownOnEnter]` | `translate` (default: '100%') |\n| | fadeInDownBig | `[@fadeInDownBig]` | `[@fadeInDownBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInLeft | `[@fadeInLeft]` | `[@fadeInLeftOnEnter]` | `translate` (default: '100%') |\n| | fadeInLeftBig | `[@fadeInLeftBig]` | `[@fadeInLeftBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInRight | `[@fadeInRight]` | `[@fadeInRightOnEnter]` | `translate` (default: '100%') |\n| | fadeInRightBig | `[@fadeInRightBig]` | `[@fadeInRightBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInUp | `[@fadeInUp]` | `[@fadeInUpOnEnter]` | `translate` (default: '100%') |\n| | fadeInUpBig | `[@fadeInUpBig]` | `[@fadeInUpBigOnEnter]` | `translate` (default: '2000px') |\n| Fading exits | | | | |\n| | fadeOut | `[@fadeOut]` | `[@fadeOutOnLeave]` | |\n| | fadeOutDown | `[@fadeOutDown]` | `[@fadeOutDownOnLeave]` | `translate` (default: '100%') |\n| | fadeOutDownBig | `[@fadeOutDownBig]` | `[@fadeOutDownBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutLeft | `[@fadeOutLeft]` | `[@fadeOutLeftOnLeave]` | `translate` (default: '100%') |\n| | fadeOutLeftBig | `[@fadeOutLeftBig]` | `[@fadeOutLeftBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutRight | `[@fadeOutRight]` | `[@fadeOutRightOnLeave]` | `translate` (default: '100%') |\n| | fadeOutRightBig | `[@fadeOutRightBig]` | `[@fadeOutRightBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutUp | `[@fadeOutUp]` | `[@fadeOutUpOnLeave]` | `translate` (default: '100%') |\n| | fadeOutUpBig | `[@fadeOutUpBig]` | `[@fadeOutUpBigOnLeave]` | `translate` (default: '2000px') |\n| Flippers | | | | |\n| | flip | `[@flip]` | `[@flipOnEnter]` | |\n| | flipInX | `[@flipInX]` | `[@flipInXOnEnter]` | `degrees` (default: 90) |\n| | flipInY | `[@flipInY]` | `[@flipInYOnEnter]` | `degrees` (default: 90) |\n| | flipOutX | `[@flipOutX]` | `[@flipOutXOnLeave]` | `degrees` (default: 90) |\n| | flipOutY | `[@flipOutY]` | `[@flipOutYOnLeave]` | `degrees` (default: 90) |\n| Light speed | | | | |\n| | lightSpeedIn | `[@lightSpeedIn]` | `[@lightSpeedInOnEnter]` | `translate` (default: '100%') |\n| | lightSpeedOut | `[@lightSpeedOut]` | `[@lightSpeedOutOnLeave]` | `translate` (default: '100%') |\n| Rotating entrances | | | | |\n| | rotateIn | `[@rotateIn]` | `[@rotateInOnEnter]` | `degrees` (default: -200) |\n| | rotateInDownLeft | `[@rotateInDownLeft]` | `[@rotateInDownLeftOnEnter]` | `degrees` (default: -45) |\n| | rotateInDownRight | `[@rotateInDownRight]` | `[@rotateInDownRightOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpLeft | `[@rotateInUpLeft]` | `[@rotateInUpLeftOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpRight | `[@rotateInUpRight]` | `[@rotateInUpRightOnEnter]` | `degrees` (default: -90) |\n| Rotating exits | | | | |\n| | rotateOut | `[@rotateOut]` | `[@rotateOutOnLeave]` | `degrees` (default: 200) |\n| | rotateOutDownLeft | `[@rotateOutDownLeft]` | `[@rotateOutDownLeftOnLeave]` | `degrees` (default: 45) |\n| | rotateOutDownRight | `[@rotateOutDownRight]` | `[@rotateOutDownRightOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpLeft | `[@rotateOutUpLeft]` | `[@rotateOutUpLeftOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpRight | `[@rotateOutUpRight]` | `[@rotateOutUpRightOnLeave]` | `degrees` (default: -90) |\n| Sliding entrances | | | | |\n| | slideInUp | `[@slideInUp]` | `[@slideInUpOnEnter]` | `translate` (default: '100%') |\n| | slideInDown | `[@slideInDown]` | `[@slideInDownOnEnter]` | `translate` (default: '100%') |\n| | slideInLeft | `[@slideInLeft]` | `[@slideInLeftOnEnter]` | `translate` (default: '100%') |\n| | slideInRight | `[@slideInRight]` | `[@slideInRightOnEnter]` | `translate` (default: '100%') |\n| Sliding exits | | | | |\n| | slideOutUp | `[@slideOutUp]` | `[@slideOutUpOnLeave]` | `translate` (default: '100%') |\n| | slideOutDown | `[@slideOutDown]` | `[@slideOutDownOnLeave]` | `translate` (default: '100%') |\n| | slideOutLeft | `[@slideOutLeft]` | `[@slideOutLeftOnLeave]` | `translate` (default: '100%') |\n| | slideOutRight | `[@slideOutRight]` | `[@slideOutRightOnLeave]` | `translate` (default: '100%') |\n| Zooming entrances | | | | |\n| | zoomIn | `[@zoomIn]` | `[@zoomInOnEnter]` | |\n| | zoomInDown | `[@zoomInDown]` | `[@zoomInDownOnEnter]` | |\n| | zoomInLeft | `[@zoomInLeft]` | `[@zoomInLeftOnEnter]` | |\n| | zoomInRight | `[@zoomInRight]` | `[@zoomInRightOnEnter]` | |\n| | zoomInUp | `[@zoomInUp]` | `[@zoomInUpOnEnter]` | |\n| Zooming exits | | | | |\n| | zoomOut | `[@zoomOut]` | `[@zoomOutOnLeave]` | |\n| | zoomOutDown | `[@zoomOutDown]` | `[@zoomOutDownOnLeave]` | |\n| | zoomOutLeft | `[@zoomOutLeft]` | `[@zoomOutLeftOnLeave]` | |\n| | zoomOutRight | `[@zoomOutRight]` | `[@zoomOutRightOnLeave]` | |\n| | zoomOutUp | `[@zoomOutUp]` | `[@zoomOutUpOnLeave]` | |\n| Specials | | | | |\n| | hinge | `[@hinge]` | `[@hingeOnLeave]` | |\n| | jackInTheBox | `[@jackInTheBox]` | `[@jackInTheBoxOnEnter]` | |\n| | rollIn | `[@rollIn]` | `[@rollInOnEnter]` | `degrees` (default: -120), `translate` (default: '-100%') |\n| | rollOut | `[@rollOut]` | `[@rollOutOnLeave]` | `degrees` (default: 120), `translate` (default: '100%') |\n| Other | | | | |\n| | collapse | `[@collapse]` | `[@expandOnEnter]`
`[@collapseOnLeave]`
`[@fadeInExpandOnEnter]`
`[@fadeOutCollapseOnLeave]` | |\n| | rotate | `[@rotate]` | `-` | `degrees` (default: 90) |\n| | hueRotate | `[@hueRotate]` | `-` | |\n\n## Running Demo App\n\n```\nnpm install\nnpm start\n```\n\n## Authors\n\n- **Chris Filipowski** - [filipows](https://github.com/filipows)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","readmeFilename":"README.md","_id":"angular-animations@0.0.6-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-hi6kq0UM5Y7aITVpk1iSkc8fOHzZiFimY6l+CAMybP0O+Puv49l+YjdRjq1cUH1TpXBc+o2bntrtKz9MJxeIPw==","shasum":"3eb59c42634fd48902547515e79e96f6e9656439","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.6-beta.0.tgz","fileCount":306,"unpackedSize":6876230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb+VozCRA9TVsSAnZWagAAsLIP/2/mCeb2IMHam/MhMHE+\nZnTZSlXErFzkRZVMqbPSS99eAEVlj0O0n0Tx7qrejvlCKhnNXk54tyTdB5Hu\nUrTWri9QAYmQbODmgix5n6vQjq+DcKFmQNLvh5qGr5EGKpVVYESz2ibQHGb3\nFfrtBX2I8e7esYzlK4lyYiyc5a+eoSg0v0AHkZwuMigWMA4wvhv0pO4VHUAt\nrPjhaD7pYot5hHXPJLkjnc+0cIhM4DytC2hZb331HfYhQ7CL+XiTdW1A+h4U\n7AEu5m2/gJWnbKy4WC170cjuaUTIOpsURP2QQFiEleRsa8hm1b5UnEgTCgsF\nJaLnwF9szJGoETf0hDxmgKwKnMikOGwr00ESDJ+V+XnFjTZoGhXwNDsmSP5S\n8SsZtM9Z3UDjO2LRPplbtQfliC9eIE66K1pE3mo8WUmzAICMuD1wbn3JTSA9\nyZLLWIJ/9UBzH5xYLevMiDyJ9WUStQ2fTV0oiAM1yX19DczuujgFUlADVm/+\nmTjYuRlZ2sEiVi3mb/8aJhIZa0c/kBtqe0qyje98BPZXkxWH4a5XkYVltdgW\nI/k+OrbfPcZpm/6cVrZgqNaf5Z9d48NppsZ9iLDsWLqUVeH1JaKbx6wPfWLv\n/TBKD2wqzCA++ssuoF17JwM9pSoFaFOzwWs6BqV22UbX4MErXVTB8krqOUu0\nE6fb\r\n=G+LJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC50GJApLRF8p5Dsufq59cLa4+2arz9sTABluszqRUViAiBDMqadC0P74awGNv0pJ6KPqUSNOU3N7jkvwx4pocFU2w=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.6-beta.0_1543068211143_0.5183314959473717"},"_hasShrinkwrap":false},"0.0.6":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.6","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.6","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-xTlFEpk43fq7hdnIihUD67bDrAMIeP7XHykoKGCJWWYWCsVRomK3dFvsJUTDGTyaCGt3FR27+VS3ItnAsk+psQ==","shasum":"bba7ed949f131fb4c6e00b3848e2fd9097d262c7","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.6.tgz","fileCount":306,"unpackedSize":6876223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb+V2MCRA9TVsSAnZWagAAC5IP/jMMvHhXDhjtjeWU1H2t\nvs6CCOgt+slE8fRwC5pul0v2uTe1NDVFq+XdC2+YBFm0pRxtJchOhDNt8A7b\nATcxb/roQ768wbKHJ/E4tD0FUh+N12zN/tEtRca+xJfmgGs/m7Rq6wKipgmJ\nsResBduWq02sslVRULHpK2iMGbBGndhQZU5hbz8C7s3Uw6rt98ekgqpGR1rE\nWVeMY5RjOlBJZ2F4sNbont45IOmA64R2Afr2dqmNc+SWZsbjdItZ6C5423rs\nc3/eXkAuUHvkRVltlbE2oE2nYrzkPIhYqJbAYxXzpIcqgjMFjzJgzdSvVw1D\nJby1DVVbmuykvskkdioLikg2Pfkf3dLgFuZZB5f8eMf4blv3mQN5jTNWNiwz\ncEeIwUUgc7oe5BW2+trlLLuZGIAAguYJ54IAUGdTaWAcp8tLsS+F6+gS1Brj\nt6zpUHOYKQl8K3F2EHNlDAU7FwxcVZBhcvZLeOMDKIpp/e2VpCrG5xdAcsAI\nxAl52vzLFlUg09csyr3OCnuPuOoh1aE0sLI0+z3Vo91rUqALf3paBK90Zqqi\nUOVb4YATz1ln0TqG+GwkkyPF8S6RK9uhJh7qP+gz9mrM+wZTEZQGbpNtT76P\n2ySYkYcs2bnWgcp2lxkTr9xZBr08ynvvIuH7JPHxawU4+WRYWELGmE7QdU0/\nuJJR\r\n=/kKj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFrclQCZVRvMa5M9BPYTXdGHryWFC73mOFGEEiRLCyfBAiBLKaLGWEtckTt7dG5BoxyftG1tGTR6O/LkEDSbBFRNsA=="}]},"maintainers":[{"name":"filipows","email":"n45boss@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.6_1543069067601_0.8558283224534335"},"_hasShrinkwrap":false},"0.0.7":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.7","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.7","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-mX/s8/csyoFLwf9DGPBK3XnwFnT+ivG7F4Tfy+sQevBNpDS5kf/LfoJvt8y8hzQQU8vTRW7KeX1xEVWp2vJuvQ==","shasum":"04f77da055dc2532528802a423a38947ef3087f4","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.7.tgz","fileCount":306,"unpackedSize":5196993,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcA/WDCRA9TVsSAnZWagAAnbAQAJdtVgcCc7876N+Gk0VC\n7L1EE+fKk5VqN+T8u+/7ssNZlt7/9AtQW0KJLmCDCfJm2/NYotCH9phQhbYl\nY8mWrwGTwvfW2zGnyrUkNUlla5Rxz8j5eedaFSOnWAH5eE661YxhXCzlqchQ\naLfguCc6hDZsbDou2RXQ6Onhc8nl/xe51WDlBPBlXCMaAF+Np4WF8oORMs8b\nyj/o7DC1sExpkwS1r1VaOU0pTtfbawlqj9I4cxJuxr67T1csKz+lOiDfDuxp\nvDlVMt6ITMcOt0m02dhtlPFxdNPni7i3m1+LOZaRxKrUYB+ijbw7EzskoRYb\n3hq8JPElePbh/TwbwXpP36EgntbR+2sg+n8JEJBRxN3coKzu/DydvnzkLugV\ncW0VwkXCINYTInAFrYqIyMgOJg98+JAwoWv0FUNM0wIj46HNYlapAPo+bqHu\nAm11e70YKcBbVl7qZUwVy8Csam0vaiH40HOrhnPbB3YV5GWeStd3F1hyBVPC\n9ebUTU4SOn9HMMyvQRJQfAnaQFknGXwDdlvi08Cgk66SVee0t1Km8dT2J1N6\nTtuEmjAw21xkxnslvkhFFgraT2BAt8xPvop7fy2+PJs2tLket0bSlop64797\nJMdUgBsh8pGvZ7BAbDzZRclptOE6+kgzjF2wezkDzTUs35IBYnod9IuHbm5p\nCX14\r\n=nQ1I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvsdnRNOQWXe9iD2ICltHcmBqDAEcer8FJhWHT0a5qDAIgC4GpU3lMoB99SQ33o283y4PwWKkUw16PtZ8OIGn3hz8="}]},"maintainers":[{"email":"3.3fullpower@gmail.com","name":"filipows"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.7_1543763329993_0.3081357096703423"},"_hasShrinkwrap":false},"0.0.8":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.8","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.8","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-e6jGhBrfrauPp7puwBFjeEY/M1MK+aprMA1N4dAdJGlsAYtlbKdyfQqId8N/HUFxExK55sbCY0RnBoglKhcKAQ==","shasum":"9a10b36b3a2c0a5e4f84f5b63e9372d5bfa013c5","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.8.tgz","fileCount":306,"unpackedSize":5213664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcRQ1HCRA9TVsSAnZWagAAcrsP/iqtWWMMPLe42Esjm1yq\nwqbArZEY0xd6HxUzfLzi79brDWiwYX9VojvWg2FUTnlpEs10q1GR7yNRtGaG\nMIjfUHQw42E3mKvg/F/9xmS6xbikjj4oJ74+LwvHypn1HBy6Bf+MditHoLHx\nen1GSAUCHbgIFUJhdwjdqq1Yc45qxkGvhjUpuFEb57fRkhEaLBa+HQL9UA4I\n9fMqtHFBMeRUzFTYn1rKGn+vhQSlCIKrM9nwjLGqke8j64KbraDetA83nSsM\n+EYMytkqSRaWBTIpPNNWw7zpM9ZBTZ6B86n+P++ayZiu17pjONikdTWViE84\ngmFnaGkdQvfq4fktxsx+HIKsklUtfE8JFcyUIteyeiCpyQtQ7dPKGaPJW7wM\nDCyHMn6IeC4FQiP8gMYgcX2qrS5XqNpuA50wXBsLDXorKoq9maHsJbgftoMG\n/yzkZTiaoAnqJorMB7JCUfpN6vM5vzzfXh/SItYrgJA8vuiO+tvDi9bpHHft\nZUzy64xm0Y1pN0NIECPB+fOODwg//anT9LrMWmZp3KJ25Pyj+BsyySCOStml\nPNADkajDqnFWmcsbWVmhRwdm4KiWiCxpRqelLqi/jC4bYSDUgjh3yLyrtpDO\nyq2GWsYFD8Rbfe2rcswhQeqRioGaozEAohIMaJQpNxxueg+nH/yuGE3mVeB0\n5ogb\r\n=tZiz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/EDW5WS6sbYDZzZl8aTDKKLl8GAJH/A6RL1WtOVf8ZAIgeE0oIaPgg85FHkpCR6D4eXAN8z0t1I8EAVKkj+Um/C8="}]},"maintainers":[{"email":"3.3fullpower@gmail.com","name":"filipows"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.8_1548029254666_0.6139753306614617"},"_hasShrinkwrap":false},"0.0.9":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.9","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^6.0.0","@angular/compiler":"^6.0.0","@angular/compiler-cli":"^6.0.0","@angular/core":"^6.0.0","angular-cli-ghpages":"^0.5.3","husky":"^1.1.2","ng-packagr":"^4.4.0","np":"^3.0.4","prettier":"1.14.3","tsickle":"^0.33.1","tslint":"^5.11.0","tslint-config-prettier":"^1.15.0","typescript":"^2.9.2"},"peerDependencies":{"@angular/animations":"^6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.9","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-JEmF7+M3ruf02lYRdA0NmLzUKABKuID1PxaiH40r7GVhc1uEBuVP3sT8gfxUGbePv/ZzF2j4jQiVK7uEQEd/fg==","shasum":"76e5d3a1272d863f81baf061073b4bb91c662649","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.9.tgz","fileCount":312,"unpackedSize":5347258,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcghNaCRA9TVsSAnZWagAAnQoP/RLDUBEEgO+xxkXs1xza\nJSgbPUNgbgnxXPrYx2u47B4EbEBdXLOldAHq6mjr04F9x5FPbauFFUM50lzX\nlW2O81le4A/baqt+xMufKBVAzotuHfr5Hv8hcY9Wihk2M9KQCVzZlv4VLBLk\nwSioveIXwAvofBeX5Ko9DPMf1ervZCOESMxTiumLHTnbVTeomCqD+VqQJER0\nx/N5Uv7bgTn+PYvRieoqFBdZ3gGqXsu9iQD38QX2xc33zeIDbOCzH37BQgSU\n1BcEGg0+0olOKP9nQgn7euYXYD6HfTMYAzKFSbxZwXwKOFQgRRLGe/YiPhvO\n5/wZ+jfLSa1dhS2oZBYB5244Xzfv5cQO/Q5yvnEE0ZuI7cHiDmYFeb/3ljbi\nAdemA+mNzALgGNpm9a6xj8rRUemtBTdLkGCl2+iXwiC/uAMXF6WKQPr1jmyM\nY6x1gCqWdCkRKqJbh+9/SwmPXGhTMOdS37ly/bA07RQXYA2iangAmoSge3n5\nXRfk/22jhXq74oG0k9nvVnLTVjK+zCT3VgMTVe1xW3shm/VZsEtvX9Auk0ow\nkyUhznjSksVuAM0g2r/ACj2VYi4kl5jxNNNuiUmYYQ1Hsr6c3oW+SGgUbKOQ\nLwjm1RcXhMjHccnOxyRQBKIPRRAULb2jlJ/xJSocVW7WUPP1X9r8EVsPoRIK\nuIZz\r\n=2aMP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH4g8x3IEOUCV1+LgXV1TMiaJVBHXUoorZbs4HNYuT04AiEAjYkvRCuFATxN5deZwOuonGnzlWw+7pffjJgodbTeVWA="}]},"maintainers":[{"email":"3.3fullpower@gmail.com","name":"filipows"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.9_1552028506052_0.5292895545384386"},"_hasShrinkwrap":false},"0.0.10":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.0.10","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","husky":{"hooks":{"pre-commit":"npm run lint","pre-push":"npm run lint"}},"repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","devDependencies":{"@angular/animations":"^8.0.0","@angular/compiler":"^8.0.0","@angular/compiler-cli":"^8.0.0","@angular/core":"^8.0.0","angular-cli-ghpages":"^0.5.3","husky":"^2.4.1","ng-packagr":"^5.3.0","np":"^5.0.3","prettier":"^1.18.2","tsickle":"^0.35.0","tslint":"^5.18.0","tslint-config-prettier":"^1.18.0","typescript":"~3.4.0"},"peerDependencies":{"@angular/animations":">=6.0.0"},"module":"fesm5/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm5":"esm5/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm5":"fesm5/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.9.0"},"_id":"angular-animations@0.0.10","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"dist":{"integrity":"sha512-UKKWRZDDXl3m+bcS1PfW5xZ2WoyM9ixfdLS7OG9lDrWm5KkIYEIrZvC+r5nfU3C5ovltHId5e2BlwYqL18kxOA==","shasum":"88d1bd59430e0636181800527fbf952d4203fbc6","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.0.10.tgz","fileCount":312,"unpackedSize":5174145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDrF/CRA9TVsSAnZWagAAyJQQAI7JWin/o93myewoisvj\nVN3/5pcFSPRT/c2dRui7LHYilXNmk1UC4EE41wP0MDvMGesB4+GndzC3jtEk\nt3NpXPN+jO9j2aYTroeskcPzOD9KQPDW3STnsCjcPReZYCzvgvRW3zAXys5T\n5kInZT9qy7sy86IFkDPs2m4hhvVJQMtoZCBHX3REOcDnSul1/3Mp2iC/dTwM\noxIrie2x8dQMsYiAi0shPnscaY+6skKngm2NU75bsJXfeVpVLIpViYfHUZRw\ngJuWyTQeOh+h6xt8L6De07aXo4qwVqk2QQg3SHy9I3OSh1WEnroS5hDqoOKG\n0fUVe2Z0xW7MBwRYXytfdWZcpjMMXqv5rEwi05Zzmawp+YXgCzKgwHTzs0u5\nvsoFlNg70wC+Dx8WmcgnLOgj/3S2Dvdb8NDLeqBesWGtjfL4LDiDR0YA6Ar2\nzh2WU4TKaaM4zZ4B8xcNaTGFiEwG+NGI39ssB5cIjraw8xFMmtSBXDO9upke\nUlIUhk0wSrv1CImAJyn4cTGTMYRHJs6YmNnhnQHbL8hW7J4YxRMSR6/fLsrb\nWCiR26tyIP7ujtSx+HmE/0KZhmvEfUGJ7Ei9J30c2jdwVM1Jnc4QMyizuS5T\nwrggY91/4weZ4gowhieMzLLETbGIR/bKOReKBq+2Y4pK0IK3pclJM3J6nDDu\n40wk\r\n=syLn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFz5RM0B+mqpcXm8BGsR0uOGP+lzbCzdNZe26TM3ulBzAiBVk7rOEJzXlVMeUfcfJX6IqhWHnK0Sc9fPSDkh64/z+w=="}]},"maintainers":[{"email":"3.3fullpower@gmail.com","name":"filipows"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.0.10_1561244030674_0.6493829960464865"},"_hasShrinkwrap":false},"0.11.0-beta.0":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.11.0-beta.0","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","peerDependencies":{"@angular/animations":">=6.0.0"},"module":"fesm2015/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"readme":"# Angular-Animations Utility Library\n\n[](https://www.npmjs.com/package/angular-animations)\n[](https://opensource.org/licenses/mit-license.php)\n[](https://gitter.im/angular-animations/Lobby)\n\nEasy, Reusable Animation Utility library for Angular Apps.\n\nAngular Animations utility library is a collection of reusable and parametrized animations build for Angular 4.4.6+ that can be used in a declarative manner. It implements all animations from [animate.css](https://daneden.github.io/animate.css/) (and more). Works both with AOT and JIT compilations.\n\n### Quick links\n\n[Demo](https://filipows.github.io/angular-animations/) |\n[StackBlitz Template](https://stackblitz.com/edit/angular-animations-lib-demo)\n\n## Getting Started\n\n### Prerequisites\n\nMake sure you import `BrowserAnimationModule` in your angular app.\n\n```bash\n npm i @angular/animations@latest --save\n```\n\nImport `BrowserAnimationsModule` from `@angular/platform-browser/animations` in your root NgModule\n\n```ts\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n```\n\n```ts\n@NgModule({\n declarations: [\n ...\n ],\n imports: [\n ...\n BrowserAnimationsModule\n ],\n})\nexport class AppModule { }\n```\n\n## Installation\n\n```bash\n npm i angular-animations --save\n```\n\n## Usage\n\n### Animations `on enter` / `on leave`\n\nAnimations on enter / on leave are triggered in a moment when element is added to or removed from the dom.\nBasic example would be with `*ngIf` template directive.\n\nImport animation functions that you want to use and add them to `animations` in a component decorator:\n\n```ts\nimport { fadeInOnEnterAnimation, fadeOutOnLeaveAnimation } from 'angular-animations';\n\n@Component({\n selector: '...',\n templateUrl: '...',\n styleUrls: ['...'],\n animations: [\n fadeInOnEnterAnimation(),\n fadeOutOnLeaveAnimation()\n ]\n})\n```\n\nand use them in the template:\n\n```html\n\n```\n\n### Animations with state or triggered by state changes\n\nThese animations take as an input a boolean value. Some animations, like Attention Seekers are triggered depending on the `direction` parameter; bidirectional (`<=>`) will be triggered by any state change, unidirectional (`=>`) will be triggered only when state changes from false to true.\n\nAll `in` and `out` animations are triggered by changes of state from `false` to `true`. Animations that preserve state, like `collapse` or `rotate` display default state when the value is `false` and transition to end state when the value is `true`\n\n```ts\nimport { collapseAnimation, rubberBandAnimation } from 'angular-animations';\n\n@Component({\n ...\n animations: [\n rubberBandAnimation(),\n collapseAnimation(),\n ]\n})\n```\n\n```html\n\n\n```\n\n### Parametrized animations\n\nAll animations are open for customizations. All of them have parameters: `duration` and `delay`, and if it make sense for an animation, additional ones: `translate`, `degrees` or `scale`.\n\nParameters can be used either in a component decorator or dynamically in a template.\n\nIn a decorator:\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter', duration: 1000, delay: 100, translate: '30px' }),\n bounceOutDownOnLeaveAnimation({ anchor: 'leave', duration: 500, delay: 200, translate: '40px' })\n ]\n})\n```\n\n```html\n\n```\n\nAnimations like Attention Seekers can take a direction parameter (cannot be in template)\n\n```ts\n@Component({\n ...\n animations: [\n // triggers when STATE changes from false to true\n rubberBandAnimation({anchor: 'rubber', direction: '=>', duration: 500})\n ]\n})\n```\n\n```html\n\n```\n\nIn a template (providing option for dynamic changes):\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter'),\n ]\n})\n```\n\n```html\n\n\n```\n\nWith parameters in a template, we can for ex achieve staggering animations:\n\n```html\n\n```\n\n## Available Animations and Parameters\n\nAll animations have `duration` and `delay` params.\n\n| | Animation | Default Anchor | OnEnter/OnLeave | Additional Params |\n| ------------------ | ------------------ | -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |\n| Attention Seekers | | | | |\n| | bounce | `[@bounce]` | `[@bounceOnEnter]` | |\n| | flash | `[@flash]` | `[@flashOnEnter]` | |\n| | pulse | `[@pulse]` | `[@pulseOnEnter]` | `scale` (default: 1.05) |\n| | rubberBand | `[@rubberBand]` | `[@rubberBandOnEnter]` | |\n| | shake | `[@shake]` | `[@shakeOnEnter]` | `translate` (default: '10px') |\n| | swing | `[@swing]` | `[@swingOnEnter]` | |\n| | tada | `[@tada]` | `[@tadaOnEnter]` | |\n| | wobble | `[@wobble]` | `[@wobbleOnEnter]` | |\n| | jello | `[@jello]` | `[@jelloOnEnter]` | |\n| | heartBeat | `[@heartBeat]` | `[@heartBeatOnEnter]` | `scale` (default: 1.3) |\n| | headShake | `[@headShake]` | `[@headShakeOnEnter]` | |\n| Bouncing entrances | | | | |\n| | bounceIn | `[@bounceIn]` | `[@bounceInOnEnter]` | |\n| | bounceInDown | `[@bounceInDown]` | `[@bounceInDownOnEnter]` | `translate` (default: '3000px') |\n| | bounceInLeft | `[@bounceInLeft]` | `[@bounceInLeftOnEnter]` | `translate` (default: '3000px') |\n| | bounceInRight | `[@bounceInRight]` | `[@bounceInRightOnEnter]` | `translate` (default: '3000px') |\n| | bounceInUp | `[@bounceInUp]` | `[@bounceInUpOnEnter]` | `translate` (default: '3000px') |\n| Bouncing exits | | | | |\n| | bounceOut | `[@bounceOut]` | `[@bounceOutOnLeave]` | |\n| | bounceOutDown | `[@bounceOutDown]` | `[@bounceOutDownOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutLeft | `[@bounceOutLeft]` | `[@bounceOutLeftOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutRight | `[@bounceOutRight]` | `[@bounceOutRightOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutUp | `[@bounceOutUp]` | `[@bounceOutUpOnLeave]` | `translate` (default: '2000px') |\n| Fading entrances | | | | |\n| | fadeIn | `[@fadeIn]` | `[@fadeInOnEnter]` | |\n| | fadeInDown | `[@fadeInDown]` | `[@fadeInDownOnEnter]` | `translate` (default: '100%') |\n| | fadeInDownBig | `[@fadeInDownBig]` | `[@fadeInDownBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInLeft | `[@fadeInLeft]` | `[@fadeInLeftOnEnter]` | `translate` (default: '100%') |\n| | fadeInLeftBig | `[@fadeInLeftBig]` | `[@fadeInLeftBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInRight | `[@fadeInRight]` | `[@fadeInRightOnEnter]` | `translate` (default: '100%') |\n| | fadeInRightBig | `[@fadeInRightBig]` | `[@fadeInRightBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInUp | `[@fadeInUp]` | `[@fadeInUpOnEnter]` | `translate` (default: '100%') |\n| | fadeInUpBig | `[@fadeInUpBig]` | `[@fadeInUpBigOnEnter]` | `translate` (default: '2000px') |\n| Fading exits | | | | |\n| | fadeOut | `[@fadeOut]` | `[@fadeOutOnLeave]` | |\n| | fadeOutDown | `[@fadeOutDown]` | `[@fadeOutDownOnLeave]` | `translate` (default: '100%') |\n| | fadeOutDownBig | `[@fadeOutDownBig]` | `[@fadeOutDownBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutLeft | `[@fadeOutLeft]` | `[@fadeOutLeftOnLeave]` | `translate` (default: '100%') |\n| | fadeOutLeftBig | `[@fadeOutLeftBig]` | `[@fadeOutLeftBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutRight | `[@fadeOutRight]` | `[@fadeOutRightOnLeave]` | `translate` (default: '100%') |\n| | fadeOutRightBig | `[@fadeOutRightBig]` | `[@fadeOutRightBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutUp | `[@fadeOutUp]` | `[@fadeOutUpOnLeave]` | `translate` (default: '100%') |\n| | fadeOutUpBig | `[@fadeOutUpBig]` | `[@fadeOutUpBigOnLeave]` | `translate` (default: '2000px') |\n| Flippers | | | | |\n| | flip | `[@flip]` | `[@flipOnEnter]` | |\n| | flipInX | `[@flipInX]` | `[@flipInXOnEnter]` | `degrees` (default: 90) |\n| | flipInY | `[@flipInY]` | `[@flipInYOnEnter]` | `degrees` (default: 90) |\n| | flipOutX | `[@flipOutX]` | `[@flipOutXOnLeave]` | `degrees` (default: 90) |\n| | flipOutY | `[@flipOutY]` | `[@flipOutYOnLeave]` | `degrees` (default: 90) |\n| Light speed | | | | |\n| | lightSpeedIn | `[@lightSpeedIn]` | `[@lightSpeedInOnEnter]` | `translate` (default: '100%') |\n| | lightSpeedOut | `[@lightSpeedOut]` | `[@lightSpeedOutOnLeave]` | `translate` (default: '100%') |\n| Rotating entrances | | | | |\n| | rotateIn | `[@rotateIn]` | `[@rotateInOnEnter]` | `degrees` (default: -200) |\n| | rotateInDownLeft | `[@rotateInDownLeft]` | `[@rotateInDownLeftOnEnter]` | `degrees` (default: -45) |\n| | rotateInDownRight | `[@rotateInDownRight]` | `[@rotateInDownRightOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpLeft | `[@rotateInUpLeft]` | `[@rotateInUpLeftOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpRight | `[@rotateInUpRight]` | `[@rotateInUpRightOnEnter]` | `degrees` (default: -90) |\n| Rotating exits | | | | |\n| | rotateOut | `[@rotateOut]` | `[@rotateOutOnLeave]` | `degrees` (default: 200) |\n| | rotateOutDownLeft | `[@rotateOutDownLeft]` | `[@rotateOutDownLeftOnLeave]` | `degrees` (default: 45) |\n| | rotateOutDownRight | `[@rotateOutDownRight]` | `[@rotateOutDownRightOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpLeft | `[@rotateOutUpLeft]` | `[@rotateOutUpLeftOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpRight | `[@rotateOutUpRight]` | `[@rotateOutUpRightOnLeave]` | `degrees` (default: -90) |\n| Sliding entrances | | | | |\n| | slideInUp | `[@slideInUp]` | `[@slideInUpOnEnter]` | `translate` (default: '100%') |\n| | slideInDown | `[@slideInDown]` | `[@slideInDownOnEnter]` | `translate` (default: '100%') |\n| | slideInLeft | `[@slideInLeft]` | `[@slideInLeftOnEnter]` | `translate` (default: '100%') |\n| | slideInRight | `[@slideInRight]` | `[@slideInRightOnEnter]` | `translate` (default: '100%') |\n| Sliding exits | | | | |\n| | slideOutUp | `[@slideOutUp]` | `[@slideOutUpOnLeave]` | `translate` (default: '100%') |\n| | slideOutDown | `[@slideOutDown]` | `[@slideOutDownOnLeave]` | `translate` (default: '100%') |\n| | slideOutLeft | `[@slideOutLeft]` | `[@slideOutLeftOnLeave]` | `translate` (default: '100%') |\n| | slideOutRight | `[@slideOutRight]` | `[@slideOutRightOnLeave]` | `translate` (default: '100%') |\n| Zooming entrances | | | | |\n| | zoomIn | `[@zoomIn]` | `[@zoomInOnEnter]` | |\n| | zoomInDown | `[@zoomInDown]` | `[@zoomInDownOnEnter]` | |\n| | zoomInLeft | `[@zoomInLeft]` | `[@zoomInLeftOnEnter]` | |\n| | zoomInRight | `[@zoomInRight]` | `[@zoomInRightOnEnter]` | |\n| | zoomInUp | `[@zoomInUp]` | `[@zoomInUpOnEnter]` | |\n| Zooming exits | | | | |\n| | zoomOut | `[@zoomOut]` | `[@zoomOutOnLeave]` | |\n| | zoomOutDown | `[@zoomOutDown]` | `[@zoomOutDownOnLeave]` | |\n| | zoomOutLeft | `[@zoomOutLeft]` | `[@zoomOutLeftOnLeave]` | |\n| | zoomOutRight | `[@zoomOutRight]` | `[@zoomOutRightOnLeave]` | |\n| | zoomOutUp | `[@zoomOutUp]` | `[@zoomOutUpOnLeave]` | |\n| Specials | | | | |\n| | hinge | `[@hinge]` | `[@hingeOnLeave]` | |\n| | jackInTheBox | `[@jackInTheBox]` | `[@jackInTheBoxOnEnter]` | |\n| | rollIn | `[@rollIn]` | `[@rollInOnEnter]` | `degrees` (default: -120), `translate` (default: '-100%') |\n| | rollOut | `[@rollOut]` | `[@rollOutOnLeave]` | `degrees` (default: 120), `translate` (default: '100%') |\n| Other | | | | |\n| | collapse | `[@collapse]`
`[@collapseHorizontally]` | `[@expandOnEnter]`
`[@collapseOnLeave]`
`[@fadeInExpandOnEnter]`
`[@fadeOutCollapseOnLeave]`
`[@expandRightOnEnter]`
`[@collapseLeftOnLeave]`
`[@fadeInExpandRightOnEnter]`
`[@fadeOutCollapseLeftOnLeave]` | |\n| | rotate | `[@rotate]` | `-` | `degrees` (default: 90) |\n| | hueRotate | `[@hueRotate]` | `-` | |\n\n## Running Demo App\n\n```\nnpm install\nnpm start\n```\n\n## Authors\n\n- **Chris Filipowski** - [filipows](https://github.com/filipows)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","readmeFilename":"README.md","_id":"angular-animations@0.11.0-beta.0","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-/53SQEtSau1MrknKkB9Y4JdabfL3t0KE+bLD/kVLMbrp9c101Gxc/Ygbcluk4KLLUESuS24pvxlkJfVwpPh43Q==","shasum":"fa29f0d74ed33d9323d0e6015d9b3c47920e0512","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.11.0-beta.0.tgz","fileCount":214,"unpackedSize":2035571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUiCJCRA9TVsSAnZWagAAIswP/iB0AyMaka0TA5bkk9UB\n+F6SE0owJipGzdor/DoFMP1cCTFV763T/CbVBy824hbM1Yu+XPdg7lwu8DWv\nh9AQ8/p+po6wBo52UDcvFfcbULHz8ipBrY3m59z3kbhn4MTMlrSn9zXGQZBZ\nKcjki5v1UZZsEgGsEpQUngSwSfrV4B+DdkNzQEHrRg8vcOWnDEAtK+aQyJNu\n9jmVHU2GSVgcb1mmaiAroirE0pRww02Hab18y9s+6YEXJ1SwlbSocRRFrAXN\nrzeOvuhSlSrrsIWFZ2kRxEDLy6t2qSDGi16fOvEzUVWsW7LWNg4y7HaDGSw8\nigHb0Q0i66+FnSBt8DNlsmrQB4kQSlk3tFa9LdAYigJ/6MOtJkhCRa2Xvk7u\nZYz4Z79oZrGdItx45PKXS8bd4Utzam9VMpQm7FURwaUwAppgzKOdOb/vI++v\nvsT4t6u0UP8djnxJjywerHC2fCpDJJCaxLdo4OwVtzTopyXL1uFOGxbr5BWa\nqG5b5k5Tzkuz6Yk0b+ukFGzNpW/i24yC2To09mRVWR5N/vDMd3vnY/zlNwxG\nDrl3I34B/l+KGCgkC6vvmRH3tqvopQlB0lGmD8/yvt2JltIU+z451JCRnVny\nPF2l0k1QFLzhrladgGOrkHlKNHlENrEcBCL6u4FHZZ/qlguMRGauCni2cdIo\nAWoU\r\n=Njd4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNYJKbmV7HIQFQ2FOh9sgCM1ptjTJuT40I0gPciFkJKgIhANk68lUFEV0bRAvim7KrkCVHUuG/W1ZXJgs5lSxBCZhF"}]},"maintainers":[{"email":"3.3fullpower@gmail.com","name":"filipows"}],"_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.11.0-beta.0_1599217800479_0.8096312616519383"},"_hasShrinkwrap":false},"0.11.0":{"$schema":"./node_modules/ng-packagr/package.schema.json","name":"angular-animations","version":"0.11.0","description":"Angular Animations Utilities","main":"bundles/angular-animations.umd.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","peerDependencies":{"@angular/animations":">=6.0.0"},"module":"fesm2015/angular-animations.js","es2015":"fesm2015/angular-animations.js","esm2015":"esm2015/angular-animations.js","fesm2015":"fesm2015/angular-animations.js","typings":"angular-animations.d.ts","metadata":"angular-animations.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"_id":"angular-animations@0.11.0","_nodeVersion":"12.13.1","_npmVersion":"6.12.1","dist":{"integrity":"sha512-P2RuOe+T97bhgGDLtOYK9V45QA5y+kFUxoJfRAua8Ymo0bI5lWyw8oiVmBoEIZUU+nooYoJvQXgVKuZJA7/z3g==","shasum":"1c36cad9e280c0d9b4ad5fe61a1ddeee517a6a6e","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.11.0.tgz","fileCount":214,"unpackedSize":2038671,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV3yyCRA9TVsSAnZWagAAhLMP/RAaxUkr/QPoJtMyifYS\n4m1CLojGrWRYIMM0jcSf4+wao1A4NPvTEBoxV8F1di6Um4EjpsL995apNucB\nrwELmUHluk5zd0oT7lmmL2vAnVAcnWHpHg5Hv38mPTXtMaTxN3nOFPY3MqJC\n0O/jZywZDYD1JH1UmsDg1N0wuVWEkbRr1UCMMQKVf7wp3h3nTKu/BVLGpkJc\nJ1UR9ayOtUolyyy1O9ygL9mxsm1RHE+fN2k/SvRvWmUG+EhzWUVT+CNec/HL\nMg5n2kzaS/xytD42RiHJYfWvQPJ+GhKVw7j9aKYTKXfcOu18hfeELkc6hAbA\nuQhnd5mRdoQUWg83YUNG6DbNnVlUCYrXfMvc/7/iYecvwiUd5YYDSftAilJ9\nbAFW5/bzeLe1cOp6Uznm1iiev+VsNsGME5heCW+2diQx9EGKBwtwsrbcNFie\n/ULOsxNxBcgfhmAlwwoDeUPkmrcBKTNt67c7OsKV0uzJoOE5xu7IsNFE5xbS\nsiaPLve4ZlbEsa+8SYk9rFUOU3YZ/Qy3Y68yrUByCiMx02CbmMhDfB3dlCMa\nY3eX8piVr+Hb3HT0AOUEAfMfofmWIwSqP5tNzDZ+vzfcQdZA1sBsNT0kZszl\naoLOWetUilH/6tDEiqgHAb+5IiU+uv8ycvqJbEwhHarTwUSJT6ZTIPYtu3Jk\nCcZt\r\n=DJ6J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8YnCbCxgFP2V1j9Yv68x0tVKb5VFXc5YBeklLr8dVZAiEAzCZRiFMlOCmc3H5R8JMQoGvkXbeW7JxwICI9hCVjno0="}]},"maintainers":[{"name":"filipows","email":"3.3fullpower@gmail.com"}],"_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.11.0_1599569073868_0.9120745748366745"},"_hasShrinkwrap":false},"0.15.0-beta.0":{"name":"angular-animations","version":"0.15.0-beta.0","description":"Angular Animations Utilities","main":"dist/index.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"keywords":["angular","animations","library","untility","animate"],"author":{"name":"Chris Filipowski"},"license":"MIT","bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"homepage":"https://github.com/filipows/angular-animations#readme","peerDependencies":{"@angular/animations":">=15.0.0"},"module":"fesm2015/angular-animations.mjs","es2020":"fesm2020/angular-animations.mjs","esm2020":"esm2020/angular-animations.mjs","fesm2020":"fesm2020/angular-animations.mjs","fesm2015":"fesm2015/angular-animations.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/angular-animations.mjs","es2020":"./fesm2020/angular-animations.mjs","es2015":"./fesm2015/angular-animations.mjs","node":"./fesm2015/angular-animations.mjs","default":"./fesm2020/angular-animations.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"readme":"# Angular-Animations Utility Library\n\n[](https://www.npmjs.com/package/angular-animations)\n[](https://opensource.org/licenses/mit-license.php)\n[](https://gitter.im/angular-animations/Lobby)\n[](https://github.com/prettier/prettier)\n\nEasy, Reusable Animation Utility library for Angular Apps.\n\nAngular Animations utility library is a collection of reusable and parametrized animations build for Angular 15+ that can be used in a declarative manner. It implements all animations from [animate.css](https://daneden.github.io/animate.css/) (and more). Works both with AOT and JIT compilations.\n\n### Quick links\n\n[Demo](https://filipows.github.io/angular-animations/) |\n[StackBlitz Demo](https://stackblitz.com/edit/angular-animations-lib-demo) |\n[StackBlitz Base Template](https://stackblitz.com/edit/angular-animations-lib-base-template)\n\n### Table of Contents\n\n- [Getting Started](#getting-started)\n - [Prerequisites](#prerequisites)\n- [Installation](#installation)\n- [Usage](#usage)\n - [Animations `on enter` / `on leave`](#animations-on-enter--on-leave)\n - [Animations with state or triggered by state changes](#animations-with-state-or-triggered-by-state-changes)\n - [Parametrized animations](#parametrized-animations)\n - [Animation Callbacks](#animation-callbacks)\n - [Loop animation](#loop-animation)\n - [Chain animations](#chain-animations)\n- [Available Animations and Parameters](#available-animations-and-parameters)\n- [Running Demo App](#running-demo-app)\n- [Authors](#authors)\n- [License](#license)\n\n## Getting Started\n\n### Prerequisites\n\nMake sure you import `BrowserAnimationModule` in your angular app.\n\n```bash\n npm i @angular/animations@latest --save\n```\n\nImport `BrowserAnimationsModule` from `@angular/platform-browser/animations` in your root NgModule\n\n```ts\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n```\n\n```ts\n@NgModule({\n declarations: [\n ...\n ],\n imports: [\n ...\n BrowserAnimationsModule\n ],\n})\nexport class AppModule { }\n```\n\n## Installation\n\n```bash\n npm i angular-animations --save\n```\n\n## Usage\n\n### Animations `on enter` / `on leave`\n\nAnimations on enter / on leave are triggered in a moment when element is added to or removed from the dom.\nBasic example would be with `*ngIf` template directive.\n\nImport animation functions that you want to use and add them to `animations` in a component decorator:\n\n```ts\nimport { fadeInOnEnterAnimation, fadeOutOnLeaveAnimation } from 'angular-animations';\n\n@Component({\n selector: '...',\n templateUrl: '...',\n styleUrls: ['...'],\n animations: [\n fadeInOnEnterAnimation(),\n fadeOutOnLeaveAnimation()\n ]\n})\n```\n\nand use them in the template:\n\n```html\n\n```\n\n### Animations with state or triggered by state changes\n\nThese animations take as an input a boolean value. Some animations, like Attention Seekers are triggered depending on the `direction` parameter; bidirectional (`<=>`) will be triggered by any state change, unidirectional (`=>`) will be triggered only when state changes from false to true.\n\nAll `in` and `out` animations are triggered by changes of state from `false` to `true`. Animations that preserve state, like `collapse` or `rotate` display default state when the value is `false` and transition to end state when the value is `true`\n\n```ts\nimport { collapseAnimation, rubberBandAnimation } from 'angular-animations';\n\n@Component({\n ...\n animations: [\n rubberBandAnimation(),\n collapseAnimation(),\n ]\n})\n```\n\n```html\n\n\n```\n\n### Parametrized animations\n\nAll animations are open for customizations. All of them have parameters: `duration` and `delay`, and if it make sense for an animation, additional ones: `translate`, `degrees` or `scale`.\n\nParameters can be used either in a component decorator or dynamically in a template.\n\nIn a decorator:\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter', duration: 1000, delay: 100, translate: '30px' }),\n bounceOutDownOnLeaveAnimation({ anchor: 'leave', duration: 500, delay: 200, translate: '40px' })\n ]\n})\n```\n\n```html\n\n```\n\nAnimations like Attention Seekers can take a direction parameter (cannot be in template)\n\n```ts\n@Component({\n ...\n animations: [\n // triggers when STATE changes from false to true\n rubberBandAnimation({anchor: 'rubber', direction: '=>', duration: 500})\n ]\n})\n```\n\n```html\n\n```\n\nIn a template (providing option for dynamic changes):\n\n```ts\n@Component({\n ...\n animations: [\n fadeInUpOnEnterAnimation({ anchor: 'enter'),\n ]\n})\n```\n\n```html\n\n\n```\n\nWith parameters in a template, we can for example achieve staggering animations:\n\n```html\n\n```\n\n### Animation Callbacks\n\nEach animation supports `start` and `done` callbacks to setup hook methods that get called at the start or end of animations.\nWe can add callbacks with the syntax `(@trigger.start)` or `(@trigger.done)`, where `trigger` is the name of the animation trigger/anchor being used.\n\n```html\n\n```\n\nThe callbacks receive an `AnimationEvent` that contains the following properties: `fromState` `phaseName`(\"start\" or \"done\"), `toState` and `totalTime`\n\n```ts\nimport { AnimationEvent } from '@angular/animations';\n\n//...\n\nanimStart(event: AnimationEvent) {\n console.log('Animation Started', event);\n}\n\nanimDone(event: AnimationEvent) {\n console.log('Animation Ended', event);\n}\n```\n\nYou can find more information about Animation callbacks in the [Angular docs](https://angular.io/guide/transition-and-triggers#animation-callbacks)\n\n#### Loop animation\n\nYou can achieve looped animation by using `done` callback. Define a variable that triggers animation and toggle it when animation done callback is called:\n\n```html\n\n```\n\nand in the component:\n\n```ts\n animState = false;\n\n animDone() {\n this.animState = !this.animState\n }\n```\n\n[Example: simple infinite loop animation](https://stackblitz.com/edit/angular-animations-lib-simple-loop?file=src/app/demo-main/demo-main.component.html)
\n[Example: repeat animation N times after clicking the button](https://stackblitz.com/edit/angular-animations-lib-simple-loop-repeat-n-times?file=src/app/demo-main/demo-main.component.html)
\n[Example: repeat animation until certain event occurs](https://stackblitz.com/edit/angular-animations-lib-simple-loop-repeat-until-btn-click?file=src/app/demo-main/demo-main.component.html)\n\n#### Chain animations\n\nYou can chain animations (e.g. wait for the first animation to finish before the second one starts) by using the `done` callback.\n[Example: OnEnter/OnLeave chained animations](https://stackblitz.com/edit/angular-animations-lib-chained-on-enter?file=src/app/demo-main/demo-main.component.html)\n\n## Available Animations and Parameters\n\nAll animations have `duration` and `delay` params.\n\n| | Animation | Default Anchor | OnEnter/OnLeave | Additional Params |\n| ------------------ | ------------------ | -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |\n| Attention Seekers | | | | |\n| | bounce | `[@bounce]` | `[@bounceOnEnter]` | |\n| | flash | `[@flash]` | `[@flashOnEnter]` | |\n| | pulse | `[@pulse]` | `[@pulseOnEnter]` | `scale` (default: 1.05) |\n| | rubberBand | `[@rubberBand]` | `[@rubberBandOnEnter]` | |\n| | shake | `[@shake]` | `[@shakeOnEnter]` | `translate` (default: '10px') |\n| | swing | `[@swing]` | `[@swingOnEnter]` | |\n| | tada | `[@tada]` | `[@tadaOnEnter]` | |\n| | wobble | `[@wobble]` | `[@wobbleOnEnter]` | |\n| | jello | `[@jello]` | `[@jelloOnEnter]` | |\n| | heartBeat | `[@heartBeat]` | `[@heartBeatOnEnter]` | `scale` (default: 1.3) |\n| | headShake | `[@headShake]` | `[@headShakeOnEnter]` | |\n| Bouncing entrances | | | | |\n| | bounceIn | `[@bounceIn]` | `[@bounceInOnEnter]` | |\n| | bounceInDown | `[@bounceInDown]` | `[@bounceInDownOnEnter]` | `translate` (default: '3000px') |\n| | bounceInLeft | `[@bounceInLeft]` | `[@bounceInLeftOnEnter]` | `translate` (default: '3000px') |\n| | bounceInRight | `[@bounceInRight]` | `[@bounceInRightOnEnter]` | `translate` (default: '3000px') |\n| | bounceInUp | `[@bounceInUp]` | `[@bounceInUpOnEnter]` | `translate` (default: '3000px') |\n| Bouncing exits | | | | |\n| | bounceOut | `[@bounceOut]` | `[@bounceOutOnLeave]` | |\n| | bounceOutDown | `[@bounceOutDown]` | `[@bounceOutDownOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutLeft | `[@bounceOutLeft]` | `[@bounceOutLeftOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutRight | `[@bounceOutRight]` | `[@bounceOutRightOnLeave]` | `translate` (default: '2000px') |\n| | bounceOutUp | `[@bounceOutUp]` | `[@bounceOutUpOnLeave]` | `translate` (default: '2000px') |\n| Fading entrances | | | | |\n| | fadeIn | `[@fadeIn]` | `[@fadeInOnEnter]` | |\n| | fadeInDown | `[@fadeInDown]` | `[@fadeInDownOnEnter]` | `translate` (default: '100%') |\n| | fadeInDownBig | `[@fadeInDownBig]` | `[@fadeInDownBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInLeft | `[@fadeInLeft]` | `[@fadeInLeftOnEnter]` | `translate` (default: '100%') |\n| | fadeInLeftBig | `[@fadeInLeftBig]` | `[@fadeInLeftBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInRight | `[@fadeInRight]` | `[@fadeInRightOnEnter]` | `translate` (default: '100%') |\n| | fadeInRightBig | `[@fadeInRightBig]` | `[@fadeInRightBigOnEnter]` | `translate` (default: '2000px') |\n| | fadeInUp | `[@fadeInUp]` | `[@fadeInUpOnEnter]` | `translate` (default: '100%') |\n| | fadeInUpBig | `[@fadeInUpBig]` | `[@fadeInUpBigOnEnter]` | `translate` (default: '2000px') |\n| Fading exits | | | | |\n| | fadeOut | `[@fadeOut]` | `[@fadeOutOnLeave]` | |\n| | fadeOutDown | `[@fadeOutDown]` | `[@fadeOutDownOnLeave]` | `translate` (default: '100%') |\n| | fadeOutDownBig | `[@fadeOutDownBig]` | `[@fadeOutDownBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutLeft | `[@fadeOutLeft]` | `[@fadeOutLeftOnLeave]` | `translate` (default: '100%') |\n| | fadeOutLeftBig | `[@fadeOutLeftBig]` | `[@fadeOutLeftBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutRight | `[@fadeOutRight]` | `[@fadeOutRightOnLeave]` | `translate` (default: '100%') |\n| | fadeOutRightBig | `[@fadeOutRightBig]` | `[@fadeOutRightBigOnLeave]` | `translate` (default: '2000px') |\n| | fadeOutUp | `[@fadeOutUp]` | `[@fadeOutUpOnLeave]` | `translate` (default: '100%') |\n| | fadeOutUpBig | `[@fadeOutUpBig]` | `[@fadeOutUpBigOnLeave]` | `translate` (default: '2000px') |\n| Flippers | | | | |\n| | flip | `[@flip]` | `[@flipOnEnter]` | |\n| | flipInX | `[@flipInX]` | `[@flipInXOnEnter]` | `degrees` (default: 90) |\n| | flipInY | `[@flipInY]` | `[@flipInYOnEnter]` | `degrees` (default: 90) |\n| | flipOutX | `[@flipOutX]` | `[@flipOutXOnLeave]` | `degrees` (default: 90) |\n| | flipOutY | `[@flipOutY]` | `[@flipOutYOnLeave]` | `degrees` (default: 90) |\n| Light speed | | | | |\n| | lightSpeedIn | `[@lightSpeedIn]` | `[@lightSpeedInOnEnter]` | `translate` (default: '100%') |\n| | lightSpeedOut | `[@lightSpeedOut]` | `[@lightSpeedOutOnLeave]` | `translate` (default: '100%') |\n| Rotating entrances | | | | |\n| | rotateIn | `[@rotateIn]` | `[@rotateInOnEnter]` | `degrees` (default: -200) |\n| | rotateInDownLeft | `[@rotateInDownLeft]` | `[@rotateInDownLeftOnEnter]` | `degrees` (default: -45) |\n| | rotateInDownRight | `[@rotateInDownRight]` | `[@rotateInDownRightOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpLeft | `[@rotateInUpLeft]` | `[@rotateInUpLeftOnEnter]` | `degrees` (default: 45) |\n| | rotateInUpRight | `[@rotateInUpRight]` | `[@rotateInUpRightOnEnter]` | `degrees` (default: -90) |\n| Rotating exits | | | | |\n| | rotateOut | `[@rotateOut]` | `[@rotateOutOnLeave]` | `degrees` (default: 200) |\n| | rotateOutDownLeft | `[@rotateOutDownLeft]` | `[@rotateOutDownLeftOnLeave]` | `degrees` (default: 45) |\n| | rotateOutDownRight | `[@rotateOutDownRight]` | `[@rotateOutDownRightOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpLeft | `[@rotateOutUpLeft]` | `[@rotateOutUpLeftOnLeave]` | `degrees` (default: -45) |\n| | rotateOutUpRight | `[@rotateOutUpRight]` | `[@rotateOutUpRightOnLeave]` | `degrees` (default: -90) |\n| Sliding entrances | | | | |\n| | slideInUp | `[@slideInUp]` | `[@slideInUpOnEnter]` | `translate` (default: '100%') |\n| | slideInDown | `[@slideInDown]` | `[@slideInDownOnEnter]` | `translate` (default: '100%') |\n| | slideInLeft | `[@slideInLeft]` | `[@slideInLeftOnEnter]` | `translate` (default: '100%') |\n| | slideInRight | `[@slideInRight]` | `[@slideInRightOnEnter]` | `translate` (default: '100%') |\n| Sliding exits | | | | |\n| | slideOutUp | `[@slideOutUp]` | `[@slideOutUpOnLeave]` | `translate` (default: '100%') |\n| | slideOutDown | `[@slideOutDown]` | `[@slideOutDownOnLeave]` | `translate` (default: '100%') |\n| | slideOutLeft | `[@slideOutLeft]` | `[@slideOutLeftOnLeave]` | `translate` (default: '100%') |\n| | slideOutRight | `[@slideOutRight]` | `[@slideOutRightOnLeave]` | `translate` (default: '100%') |\n| Zooming entrances | | | | |\n| | zoomIn | `[@zoomIn]` | `[@zoomInOnEnter]` | |\n| | zoomInDown | `[@zoomInDown]` | `[@zoomInDownOnEnter]` | |\n| | zoomInLeft | `[@zoomInLeft]` | `[@zoomInLeftOnEnter]` | |\n| | zoomInRight | `[@zoomInRight]` | `[@zoomInRightOnEnter]` | |\n| | zoomInUp | `[@zoomInUp]` | `[@zoomInUpOnEnter]` | |\n| Zooming exits | | | | |\n| | zoomOut | `[@zoomOut]` | `[@zoomOutOnLeave]` | |\n| | zoomOutDown | `[@zoomOutDown]` | `[@zoomOutDownOnLeave]` | |\n| | zoomOutLeft | `[@zoomOutLeft]` | `[@zoomOutLeftOnLeave]` | |\n| | zoomOutRight | `[@zoomOutRight]` | `[@zoomOutRightOnLeave]` | |\n| | zoomOutUp | `[@zoomOutUp]` | `[@zoomOutUpOnLeave]` | |\n| Specials | | | | |\n| | hinge | `[@hinge]` | `[@hingeOnLeave]` | |\n| | jackInTheBox | `[@jackInTheBox]` | `[@jackInTheBoxOnEnter]` | |\n| | rollIn | `[@rollIn]` | `[@rollInOnEnter]` | `degrees` (default: -120), `translate` (default: '-100%') |\n| | rollOut | `[@rollOut]` | `[@rollOutOnLeave]` | `degrees` (default: 120), `translate` (default: '100%') |\n| Other | | | | |\n| | collapse | `[@collapse]`
`[@collapseHorizontally]` | `[@expandOnEnter]`
`[@collapseOnLeave]`
`[@fadeInExpandOnEnter]`
`[@fadeOutCollapseOnLeave]`
`[@expandRightOnEnter]`
`[@collapseLeftOnLeave]`
`[@fadeInExpandRightOnEnter]`
`[@fadeOutCollapseLeftOnLeave]` | |\n| | rotate | `[@rotate]` | `-` | `degrees` (default: 90) |\n| | hueRotate | `[@hueRotate]` | `-` | |\n\n## Running Demo App\n\n```\nnpm install\nnpm start\n```\n\n## Authors\n\n- **Chris Filipowski** - [filipows](https://github.com/filipows)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n","readmeFilename":"README.md","gitHead":"9804c04dd89e0bd91916f16ba40be53f0479e469","_id":"angular-animations@0.15.0-beta.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-4RmHCwunp1W5f6/mQ/UCKKMRlelgusH2yjfw9PMapahqkvfDHf+5mTFV5wGDKXf63gd3WRAsrw9zLdQhvpooYw==","shasum":"30fd78dfe57bf14f9c1ed854d6a3e212763564e9","tarball":"https://registry.npmjs.org/angular-animations/-/angular-animations-0.15.0-beta.0.tgz","fileCount":210,"unpackedSize":1621449,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF56o833rRQZlNIl62N+xRSB/y5Hrit7QsEhAuaOMHJAIhAOMHuGADArgG6fRu4gkuWYPep0qPQLQYjOpjEnUcKMHQ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkM4HSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTuQ//RKQwjqzYp2Fkp3df4eR9tSIYHocSK5xOpctrAJhFeRMf8AdW\r\nGwV9gzgR+qgipM5zYTZZnlKQ9M/6VThAzvPthsuNYupCIpHyk+KW2I+SYtA3\r\nTXr8ddyzorzP3AJWZYUmu4Kxuqw88kwmcW+dD4OZjuyus3TocyIi/acle701\r\nlcVTHs/eqv1Hp9WTaDOP38qHJOaSjc+FyEaQQXpC13Ba9dMKDu80IPcTD0Tn\r\nOnb7Yga5ft132zjwV3eX6b3n8kweZYxvY+FOE8N5JiNY3gd0Zqs1FDAlEdDM\r\nSpzkSGw+6CR8xEnIV43fJvylF9Sa/DlbM8tpzrvHmdO6NSddvovveC4PiGyG\r\n1sjjWIZ9ZIWjVKQOYKDqWg1/l3UJ0kX+Y5ihYb/byKN0+PYwZ2oOQy6Le2Pv\r\nIvsvyx0V6avQG6vKPEZwykxF0ncSxu/wm5eBRtVMmynsToMD0L1rhCOMoXNu\r\nwiUZVFOvcgElKNTY4WmgpZ3oEoCWFVg3wpdH2cGSoMYopS1BwTrFh/RDe2R8\r\n5Y1fUQnNZcG+WiZabM/YQ3jjXx5OKkMGbUnmFzJ9suLlQXhj97fNQTieLABp\r\nK97kbSqnyEHkHGzK5x5ChTOiFRMUva6reGtM8G0Q9yeHMDCJOHD3px0jJT06\r\nFEStlGCfiBe2nDWi1O2jdCJV9s1TXTizyQQ=\r\n=Wxk3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"filipows","email":"3.3fullpower@gmail.com"},"directories":{},"maintainers":[{"name":"filipows","email":"3.3fullpower@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-animations_0.15.0-beta.0_1681097170209_0.7156298055760031"},"_hasShrinkwrap":false}},"time":{"created":"2018-03-18T09:01:55.556Z","0.0.0":"2018-03-18T09:01:55.622Z","modified":"2023-04-10T03:26:10.487Z","0.0.0-alpha":"2018-10-13T17:24:22.224Z","0.0.0-a":"2018-10-13T17:26:19.548Z","0.0.0-alpha.0":"2018-10-13T18:35:10.159Z","0.0.1-beta.0":"2018-10-20T14:13:23.801Z","0.0.1":"2018-10-20T14:22:08.324Z","0.0.2-beta.0":"2018-10-27T12:24:03.556Z","0.0.2":"2018-10-27T12:51:41.283Z","0.0.3":"2018-10-31T16:40:09.892Z","0.0.4":"2018-11-17T15:21:49.727Z","0.0.5":"2018-11-19T23:03:32.304Z","0.0.6-beta.0":"2018-11-24T14:03:31.341Z","0.0.6":"2018-11-24T14:17:47.900Z","0.0.7":"2018-12-02T15:08:50.180Z","0.0.8":"2019-01-21T00:07:34.826Z","0.0.9":"2019-03-08T07:01:46.333Z","0.0.10":"2019-06-22T22:53:50.874Z","0.11.0-beta.0":"2020-09-04T11:10:00.827Z","0.11.0":"2020-09-08T12:44:34.065Z","0.15.0-beta.0":"2023-04-10T03:26:10.374Z"},"maintainers":[{"name":"filipows","email":"3.3fullpower@gmail.com"}],"description":"Angular Animations Utilities","homepage":"https://github.com/filipows/angular-animations#readme","repository":{"type":"git","url":"git+https://github.com/filipows/angular-animations.git"},"author":{"name":"Chris Filipowski"},"bugs":{"url":"https://github.com/filipows/angular-animations/issues"},"license":"MIT","readme":"","readmeFilename":"","keywords":["angular","animations","library","untility","animate"]}