{"_id":"@charrafimed/alpine-animation","_rev":"12-a2b1bf2da79af34fe15888dab5b561f6","name":"@charrafimed/alpine-animation","dist-tags":{"latest":"0.2.0"},"versions":{"0.0.1":{"name":"@charrafimed/alpine-animation","version":"0.0.1","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.0.1","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"c29f75d3cf00a63d90f4fa193ca31d626466d651","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.0.1.tgz","fileCount":10,"integrity":"sha512-2OeI0YGd99YwJukd4j8s1TRIyLBAogOiyX41I9/hixFZaJRzhEP3iSJ9JXkImcDeFihIbikL6eoQ/uq+RHTc0A==","signatures":[{"sig":"MEYCIQCleFsWDxjqAmZ+YefjuMrV9/ipH4fbKNi+JcMFUMayyAIhAKcDxzxzDRgk623zD+m8tMZNkztVDcDGt5GOrx8fU0S0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65163},"main":"src/index.js","type":"module","gitHead":"d23034b513ff7e1660d8fd0e4272df97b72aea0e","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.0.1_1720536187152_0.5344072909749431","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@charrafimed/alpine-animation","version":"0.0.2","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.0.2","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"c37919ab422d9172db72f20d118ac5d3ef08a745","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.0.2.tgz","fileCount":10,"integrity":"sha512-i/flaH+wyQgsdwD4e8ldw6fF5hRNHp3t0WQ1d4xBMvq6oniN4CTj9jdFhgZ0lnKlc47uGT3GeLxSbAFACNDu8Q==","signatures":[{"sig":"MEYCIQCDkz7CRTF+SEBGwN3gL3FoFRtpYtxZklsxH/iKMWC+QQIhAKDwtkVJDUFgKwdBsAENAT6GJwkhUoeodm9xtoEjB2i/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66753},"main":"src/index.js","type":"module","gitHead":"6cdc0405f92a38ac15278b683cd962794d21dbdd","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.0.2_1720623984003_0.7055218002335635","host":"s3://npm-registry-packages"}},"0.0.3":{"name":"@charrafimed/alpine-animation","version":"0.0.3","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.0.3","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"a0727b2261f005b8cb7bd6d23bb7ad91c87cd9b3","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.0.3.tgz","fileCount":10,"integrity":"sha512-ckKXHnQltSp47c9vgnf1a1qZutxK7LgnOxuB4Mr/gxhOUosruhrUxsO7p9goOmjCqiE3ZsNan6SMMhFP+ZutlQ==","signatures":[{"sig":"MEYCIQDDdoX6Cj+m+i61JdNRQnfzS0Vmne35JXN32w2vA2RWzwIhALKqnddRIusuKRwHoIx+DvUuGObEzkdn/EjITRACqD7r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":66797},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"6cdc0405f92a38ac15278b683cd962794d21dbdd","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.0.3_1720826673460_0.6098319079637247","host":"s3://npm-registry-packages"}},"0.0.4":{"name":"@charrafimed/alpine-animation","version":"0.0.4","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.0.4","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"280e72452ce72cc44fe5e9fd78f1bcd7c4fb5761","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.0.4.tgz","fileCount":10,"integrity":"sha512-o1yIU3Ou5pj/9gVuu+hHjnX0OZgNpgxazc2VBw/SAyadvg9bavsEuMHsgju8tzFcD7qS2d6U0ABBlbUmiUk10A==","signatures":[{"sig":"MEQCICZMA3+UtseoiqPZfFoNtT57S08DvK964YNHSiLo5Q3oAiBJx8GKPwvuwXKew3RggBp5beq/C1uBLPBCOKGlaTuNoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":67875},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"6cdc0405f92a38ac15278b683cd962794d21dbdd","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.0.4_1720827163134_0.19466211494951224","host":"s3://npm-registry-packages"}},"0.0.5":{"name":"@charrafimed/alpine-animation","version":"0.0.5","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.0.5","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"3d0e89174b128de374455ac8965205ce906d732f","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.0.5.tgz","fileCount":10,"integrity":"sha512-h0mCfpJMgAbxKioff5rvDv7JW+9S8A0tsXjRFqityE/maMQiJpp1FubXK9XdcjxF358cFKMXUtkKEEVzwxpRCw==","signatures":[{"sig":"MEQCICXuQNhkyOclW0BazEXz72q3ZVVq4Y0nZOfOhxGdBEJdAiADAVzvQlNUhJ+hVofsnJZWT+Li7nlEZ+zOvtHRdEYvsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74459},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"47979eb87dd00f7ee8a300e8294ec8e293aeb062","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.0.5_1720829567221_0.6439738578655683","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@charrafimed/alpine-animation","version":"0.1.0","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.0","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"7ec566463b16c7b5cb46e3a92da7e38e7903e7c6","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.0.tgz","fileCount":10,"integrity":"sha512-lQp6Zz0ED77ru3zm61e+grBqxKzAukj5G0Zs6QrXEw5F317neQaunQdg1YKF60wmA/kD1eRL63J7Sv7WZ64sgQ==","signatures":[{"sig":"MEUCIDlET4qb1fTd0B9os9igW53VaJ/JEIet6vzsYIMM4Ly1AiEA3EA3rTvlNYbJwOjtpRyoxcOhWmLWqKeSdlzJni+diao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74465},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"84564c4a5d5637c8709d4610237af34b8c7d7199","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.0_1720830403356_0.3140776375781664","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@charrafimed/alpine-animation","version":"0.1.1","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.1","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"09e10a6e637f6e31bb8cbca2c03df5154220a573","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.1.tgz","fileCount":10,"integrity":"sha512-lKX0DhF/f/MHbo0wXtdfeEfp8U9x/l9YJdM6S7DQmZyNuWnxqwFoWXE8U5Q7C+2gKC5hZBFWR8nSe3uRkAWIyg==","signatures":[{"sig":"MEQCIHIGl5nlBhWQ8aqwSq8SjnS5VTg+6OQaOYAnHWmmdGPEAiAFhp5qEKmego9nesyyneJiGctk1y9jlvWrpFH+feNlwQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76919},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"098e89dd975093810dd445ab2cc08df051aa04ec","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.1_1720831101076_0.4693948534171304","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@charrafimed/alpine-animation","version":"0.1.2","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.2","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"d6d77ab56a4aa07b997b7f6c2d77cf473e3c181f","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.2.tgz","fileCount":10,"integrity":"sha512-QxBMSfTQmIjCfu0I6kncJxStxUpkxZRRrUBIpLG2gIh9JcazcN+Cwv81Vkfo8S+ZPbUMpy8Kd5gYoxiX/Rau+A==","signatures":[{"sig":"MEUCIQDHHnMR2FpEN3f06O3Y39bJZntVINIktzTM1Hl+dcdjEgIgM+i4JZY+pV9R6YITWWZKylodPIOESFugN+hynqRYmQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76921},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"c6091f20648c6785abd0bb66ffe9c7e19e9da381","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.2_1720831281261_0.5144669246139884","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@charrafimed/alpine-animation","version":"0.1.3","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.3","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"4ac8865e19d89f98195dfa5fc6ed66edecb8cbe5","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.3.tgz","fileCount":10,"integrity":"sha512-V2yLekxUo96fajqwr2fIRCHCIjWk1NayTqnfKM0LcwB93dxF7v4QVJUvULBR4jOv0yG7LjR21A3/Np3Pbir3xg==","signatures":[{"sig":"MEUCIQCBK5i30AKiFp7RGaUbdWeU0MLnMWF6mHIEIZrvKqy5xgIgEFkK/uti1/4oN3hqf6SjyIcwoeKABa1qPc3PuOmVC4Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76978},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"d206e0b6f512f8d65377ae03c0142c568977fd96","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.3_1722438531147_0.9946143104267784","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@charrafimed/alpine-animation","version":"0.1.4","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.4","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"20962f6369334e5555162d04bde407776683e8a5","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.4.tgz","fileCount":10,"integrity":"sha512-688L7qegi9LrrgWejHFE0oMZc6Vb9i3M4g5YehR40kt//OZvznqauqovKhq6OmeJC5KN4JvyrTzev8saoi4uxg==","signatures":[{"sig":"MEQCICTdsuoT4IvO13DV+r0vfJGMaGw4z/LTg2L2vrQXGH8wAiA13L8Ax/tAgDOZqDg1lk21/ecDd0q3orb7guUUsG0A4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76625},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"68d2f80d6464b01430e76f974c3e3c469e89a6d5","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.4_1725102987827_0.27588704393624797","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@charrafimed/alpine-animation","version":"0.1.5","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","_id":"@charrafimed/alpine-animation@0.1.5","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"dist":{"shasum":"ef8f3bfabe2bfa4852fffae814d100bcf7bd5e23","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.1.5.tgz","fileCount":10,"integrity":"sha512-i8RDXZW9aKjZ3L/tGO11DudZPX4aS+xOLrDmthe/7xEI601nckgpEX6Sogi32ci2ER+DWGR+oK6aloWFFJj1jw==","signatures":[{"sig":"MEUCIQDavZCjIc15mSesWEUygO/KIos9d8akDVL/9oGok9aYwQIgKibZV9cRScVl9yxRBVpFD4wmN5tjRbBHbRKjxjyvX4s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76625},"main":"dist/module.cjs.js","type":"module","module":"dist/module.esm.js","gitHead":"68d2f80d6464b01430e76f974c3e3c469e89a6d5","scripts":{"lint":"eslint .","build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint-fix":"eslint . --fix"},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"repository":{"url":"git+https://github.com/CharrafiMed/alpinejs-animation.git","type":"git"},"_npmVersion":"8.19.2","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","directories":{},"_nodeVersion":"18.12.1","dependencies":{"@formkit/auto-animate":"^0.8.2"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.22.0","esbuild":"^0.8.39","brotli-size":"^4.0.0","lint-staged":"^10.5.4","eslint-plugin-node":"^11.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-promise":"^4.3.1","eslint-config-standard":"^16.0.2","eslint-plugin-standard":"^4.1.0"},"_npmOperationalInternal":{"tmp":"tmp/alpine-animation_0.1.5_1739981487407_0.9701127530446509","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@charrafimed/alpine-animation","version":"0.2.0","description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","main":"dist/module.cjs.js","module":"dist/module.esm.js","scripts":{"build":"node ./scripts/build.js","watch":"node ./scripts/build.js --watch","lint":"eslint .","lint-fix":"eslint . --fix"},"repository":{"type":"git","url":"git+https://github.com/CharrafiMed/alpinejs-animation.git"},"type":"module","keywords":["alpinejs","animations","auto-animate"],"author":{"name":"@charrafimed"},"license":"MIT","bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","dependencies":{"@formkit/auto-animate":"^0.8.2"},"devDependencies":{"brotli-size":"^4.0.0","esbuild":"^0.8.39","eslint":"^7.22.0","eslint-config-standard":"^16.0.2","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.3.1","eslint-plugin-standard":"^4.1.0","lint-staged":"^10.5.4"},"_id":"@charrafimed/alpine-animation@0.2.0","gitHead":"a7e9f3da587be994bcb2c757147f4e287e511dfe","_nodeVersion":"22.15.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-MELXlMwTGTzKUM/jvr+FUq0cqjFP2cDGcWW5htm3cvvbcNOTDjzhxrDc4GpaUYyI5sd+YHNhsw96s7tnZAV96A==","shasum":"e32266c7be6bd899072fbf052573aa56e84a1d70","tarball":"https://registry.npmjs.org/@charrafimed/alpine-animation/-/alpine-animation-0.2.0.tgz","fileCount":11,"unpackedSize":82256,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBmE2/AR6ldeftUJPJfDD6wDAD2PGGBIE+CfWiqfv8MTAiEA0XLEUL8/ylNuwfVREvgibPa/3JcGqIyASVB6A9vb0sQ="}]},"_npmUser":{"name":"charrafimed","email":"charrafimohamed27@gmail.com"},"directories":{},"maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/alpine-animation_0.2.0_1753482826541_0.4408036795282777"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-09T14:43:07.062Z","modified":"2025-07-25T22:33:46.938Z","0.0.1":"2024-07-09T14:43:07.338Z","0.0.2":"2024-07-10T15:06:24.259Z","0.0.3":"2024-07-12T23:24:33.654Z","0.0.4":"2024-07-12T23:32:43.279Z","0.0.5":"2024-07-13T00:12:47.412Z","0.1.0":"2024-07-13T00:26:43.533Z","0.1.1":"2024-07-13T00:38:21.302Z","0.1.2":"2024-07-13T00:41:21.404Z","0.1.3":"2024-07-31T15:08:51.412Z","0.1.4":"2024-08-31T11:16:27.972Z","0.1.5":"2025-02-19T16:11:27.607Z","0.2.0":"2025-07-25T22:33:46.732Z"},"bugs":{"url":"https://github.com/CharrafiMed/alpinejs-animation/issues"},"author":{"name":"@charrafimed"},"license":"MIT","homepage":"https://github.com/CharrafiMed/alpinejs-animation#readme","keywords":["alpinejs","animations","auto-animate"],"repository":{"type":"git","url":"git+https://github.com/CharrafiMed/alpinejs-animation.git"},"description":"A plugin for Alpine.js that seamlessly integrates the AutoAnimate library for effortless animations.","maintainers":[{"name":"charrafimed","email":"charrafimohamed27@gmail.com"}],"readme":"# Alpine Animation Plugin\r\n\r\nA seamless Alpine.js plugin that brings smooth animations to your DOM changes using the powerful [AutoAnimate](https://auto-animate.formkit.com/) library under the hood.\r\n\r\nPerfect for animating list changes, table updates, and any dynamic content that gets added, removed, or reordered.\r\n\r\n## 📦 Installation\r\n\r\n### Via CDN\r\n\r\nInclude the plugin **before** Alpine's core JS file:\r\n\r\n```html\r\n<!-- Alpine Animation Plugin -->\r\n<script src=\"https://cdn.jsdelivr.net/npm/@charrafimed/alpine-animation@latest/dist/cdn.min.js\" defer></script>\r\n\r\n<!-- Alpine Core -->\r\n<script src=\"https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js\" defer></script>\r\n```\r\n\r\n### Via NPM\r\n\r\n```bash\r\nnpm install @charrafimed/alpine-animation\r\n```\r\n\r\nThen register the plugin:\r\n\r\n```javascript\r\nimport Alpine from 'alpinejs'\r\nimport AlpineAnimation from '@charrafimed/alpine-animation'\r\n\r\n// Optional: Configure global defaults\r\nAlpineAnimation.customize({ \r\n  duration: 400, \r\n  easing: 'ease-out' \r\n})\r\n\r\nAlpine.plugin(AlpineAnimation)\r\nAlpine.start()\r\n```\r\n\r\n##  Quick Start\r\n\r\nAdd the `x-animate` directive to any container, and watch the magic happen:\r\n\r\n```html\r\n<div x-data=\"{ items: ['Apple', 'Banana', 'Cherry'] }\" x-animate>\r\n  <template x-for=\"item in items\">\r\n    <div x-text=\"item\" x-on:click=\"items.splice(items.indexOf(item), 1)\"></div>\r\n  </template>\r\n  <button x-on:click=\"items.push('New Item')\">Add Item</button>\r\n</div>\r\n```\r\n\r\n**That's it!** Items will now animate smoothly when added, removed, or reordered.\r\n\r\n##  Configuration Options\r\n\r\n### Using Modifiers\r\n\r\nChain modifiers directly on the directive:\r\n\r\n```html\r\n<!-- Custom duration -->\r\n<div x-animate.duration.600ms>...</div>\r\n<div x-animate.duration.1s>...</div>\r\n<div x-animate.duration.300>...</div> <!-- defaults to ms -->\r\n\r\n<!-- Custom easing -->\r\n<div x-animate.easing.ease-in-out>...</div>\r\n<div x-animate.easing.linear>...</div>\r\n\r\n<!-- Ignore user motion preferences -->\r\n<div x-animate.disrespectusermotionpreference.true>...</div>\r\n\r\n<!-- Combine multiple modifiers -->\r\n<div x-animate.duration.500ms.easing.ease-out.disrespectusermotionpreference.true>\r\n  <!-- Your animated content -->\r\n</div>\r\n```\r\n\r\n### Using Object Configuration\r\n\r\nFor more complex configurations, pass a JavaScript object:\r\n\r\n```html\r\n<div x-animate=\"{ \r\n  duration: 600, \r\n  easing: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n  disrespectUserMotionPreference: false \r\n}\">\r\n  <!-- Your content -->\r\n</div>\r\n```\r\n\r\n### Conditional Animation\r\n\r\nDisable animations conditionally:\r\n\r\n```html\r\n<div x-data=\"{ animate: true }\" x-animate=\"animate\">\r\n  <!-- Animation only runs when animate is true -->\r\n</div>\r\n\r\n<!-- Or disable completely -->\r\n<div x-animate=\"false\">\r\n  <!-- No animation -->\r\n</div>\r\n```\r\n\r\n##  Global Configuration\r\n\r\nSet default configuration for all animations in your application:\r\n\r\n### Basic Global Setup\r\n\r\n```javascript\r\nimport AlpineAnimation from '@charrafimed/alpine-animation'\r\n\r\n// Configure before registering with Alpine\r\nAlpineAnimation.customize({\r\n  duration: 400,\r\n  easing: 'ease-out',\r\n  disrespectUserMotionPreference: false\r\n})\r\n\r\nAlpine.plugin(AlpineAnimation)\r\n```\r\n\r\n### Available Global Methods\r\n\r\n```javascript\r\n// Set global defaults\r\nAlpineAnimation.customize({ duration: 500 })\r\n\r\n// Method chaining\r\nAlpineAnimation\r\n  .customize({ duration: 300 })\r\n  .customize({ easing: 'linear' })\r\n\r\n// Get current global configuration\r\nconst config = AlpineAnimation.getConfig()\r\nconsole.log(config) // { duration: 300, easing: 'linear', ... }\r\n\r\n// Reset to original defaults\r\nAlpineAnimation.reset()\r\n```\r\n\r\n### Configuration Priority\r\n\r\nSettings are applied in this order (highest to lowest priority):\r\n\r\n1. **Object expression**: `x-animate=\"{ duration: 1000 }\"`\r\n2. **Modifiers**: `x-animate.duration.500ms`\r\n3. **Global configuration**: `AlpineAnimation.customize()`\r\n4. **Default values**: Built-in defaults\r\n\r\n##  Configuration Reference\r\n\r\n| Option | Type | Default | Description |\r\n|--------|------|---------|-------------|\r\n| `duration` | `number` | `300` | Animation duration in milliseconds |\r\n| `easing` | `string` | `'ease-in-out'` | CSS easing function |\r\n| `disrespectUserMotionPreference` | `boolean` | `false` | Ignore `prefers-reduced-motion` setting |\r\n\r\n### Easing Options\r\n\r\nCommon easing values you can use:\r\n\r\n- `'linear'` - Constant speed\r\n- `'ease'` - Slow start, fast middle, slow end\r\n- `'ease-in'` - Slow start\r\n- `'ease-out'` - Slow end  \r\n- `'ease-in-out'` - Slow start and end\r\n- `'cubic-bezier(0.4, 0, 0.2, 1)'` - Custom cubic bezier\r\n\r\n## Usage Examples\r\n\r\n### Todo List\r\n\r\n```html\r\n<div x-data=\"{ \r\n  todos: ['Learn Alpine.js', 'Build something cool'],\r\n  newTodo: ''\r\n}\" x-animate.duration.300ms>\r\n  \r\n  <template x-for=\"(todo, index) in todos\" :key=\"todo\">\r\n    <div class=\"todo-item\" x-on:click=\"todos.splice(index, 1)\">\r\n      <span x-text=\"todo\"></span>\r\n      <button>×</button>\r\n    </div>\r\n  </template>\r\n  \r\n  <form x-on:submit.prevent=\"todos.push(newTodo); newTodo = ''\">\r\n    <input x-model=\"newTodo\" placeholder=\"Add todo...\">\r\n    <button type=\"submit\">Add</button>\r\n  </form>\r\n</div>\r\n```\r\n\r\n\r\n### Table Rows\r\n\r\n```html\r\n<table x-data=\"{ \r\n  users: [\r\n    { id: 1, name: 'John', email: 'john@example.com' },\r\n    { id: 2, name: 'Jane', email: 'jane@example.com' }\r\n  ]\r\n}\">\r\n  <tbody x-animate.duration.400ms>\r\n    <template x-for=\"user in users\" :key=\"user.id\">\r\n      <tr>\r\n        <td x-text=\"user.name\"></td>\r\n        <td x-text=\"user.email\"></td>\r\n        <td>\r\n          <button x-on:click=\"users = users.filter(u => u.id !== user.id)\">\r\n            Delete\r\n          </button>\r\n        </td>\r\n      </tr>\r\n    </template>\r\n  </tbody>\r\n</table>\r\n```\r\n\r\n## Advanced Usage\r\n\r\n### Multiple Animation Containers\r\n\r\n```html\r\n<div x-data=\"{ fastItems: [], slowItems: [] }\">\r\n  <!-- Fast animations -->\r\n  <div x-animate.duration.150ms>\r\n    <template x-for=\"item in fastItems\">\r\n      <div x-text=\"item\"></div>\r\n    </template>\r\n  </div>\r\n  \r\n  <!-- Slow animations -->\r\n  <div x-animate.duration.800ms.easing.ease-in-out>\r\n    <template x-for=\"item in slowItems\">\r\n      <div x-text=\"item\"></div>\r\n    </template>\r\n  </div>\r\n</div>\r\n```\r\n\r\n### Responsive Animation Settings\r\n\r\n```html\r\n<div x-data=\"{ isMobile: window.innerWidth < 768 }\" \r\n     x-animate=\"{ \r\n       duration: isMobile ? 200 : 400,\r\n       easing: isMobile ? 'ease' : 'ease-in-out'\r\n     }\">\r\n  <!-- Content adapts animation to screen size -->\r\n</div>\r\n```\r\n\r\n### Theme-Based Configuration\r\n\r\n```javascript\r\n// Set up different themes\r\nconst themes = {\r\n  fast: { duration: 150, easing: 'ease' },\r\n  smooth: { duration: 400, easing: 'ease-in-out' },\r\n  slow: { duration: 800, easing: 'cubic-bezier(0.4, 0, 0.2, 1)' }\r\n}\r\n\r\n// Apply theme\r\nAlpineAnimation.customize(themes.smooth)\r\n```\r\n\r\n##  Troubleshooting\r\n\r\n### Common Gotchas\r\n\r\n```html\r\n<!-- ❌ Won't work - animate the container, not individual items -->\r\n<div x-for=\"item in items\">\r\n  <div x-animate>{{ item }}</div>\r\n</div>\r\n\r\n<!-- ✅ Correct - animate the parent container -->\r\n<div x-animate>\r\n  <div x-for=\"item in items\">\r\n    <div>{{ item }}</div>\r\n  </div>\r\n</div>\r\n```\r\n\r\n## 🤝 Contributing\r\n\r\nFound a bug or have a feature request? We'd love to hear from you!\r\n\r\n- **Issues**: [GitHub Issues](https://github.com/charrafimed/alpine-animation/issues)\r\n- **Pull Requests**: [GitHub PRs](https://github.com/charrafimed/alpine-animation/pulls)\r\n\r\n## 📄 License\r\n\r\nMIT License - see [LICENSE.md](LICENSE.md) for details.\r\n\r\n---\r\n\r\n**Built with ❤️ for the Alpine.js community**","readmeFilename":"README.md"}