{"_id":"vue-fast-marquee","_rev":"9-aab016b075550469c09c80f79cef7d48","name":"vue-fast-marquee","dist-tags":{"latest":"2.0.2"},"versions":{"1.0.0":{"name":"vue-fast-marquee","version":"1.0.0","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.0","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"15c375cc5c5aa43341695959ffb6d1e6657a5aa6","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.0.tgz","fileCount":8,"integrity":"sha512-dW+fZUGGhkotM52fgEmSaW2xw5H6cPA1rYcWq3+wgxhR/i+eA7d4p4CWRX17svqKlW+su5JgTipIkBvoyp6oAA==","signatures":[{"sig":"MEUCIQCetO4x2Vht7YsYD2g0v5KwD/VTlA+Qz0HFvlSPGl+lPAIgRXtnVMjbORK94o/k2Ty5LlkPsebiFuHZWuZiEkcvinE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22959},"main":"dist/Vue-fast-marquee.cjs","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./dist/style.css":"./dist/style.css"},"gitHead":"f0fd0612599bc02f99edbe63035f5db761ddaaee","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.1.0","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.0_1702584096795_0.442696330007035","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"vue-fast-marquee","version":"1.0.2","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.2","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"2b56d11b3cb99affd6f18eaff761a0490cb68624","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.2.tgz","fileCount":8,"integrity":"sha512-Kb2YyCtOkDlEgHX2vqb5EyDH7oTAlWJOCd7OOHsVAQmaVdsdNe8yzG8e2WHKaDisgYmfhgQ7GrM9ZKhK94FGyA==","signatures":[{"sig":"MEYCIQCn3utIaGqxnhwlXJhDENFaPdh+u/7UF34p0Y4EutkE0AIhAMZ2JeikLejzNh300fxYQulstY2L3w4yH4yDMWHxMxQ2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23013},"main":"dist/Vue-fast-marquee.cjs","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./style.css":"./dist/style.css"},"gitHead":"594db0d216cf70c935d027bdf3fbd9ab36227dab","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.1.0","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.2_1702585074991_0.6922680750984516","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"vue-fast-marquee","version":"1.0.3","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.3","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"809f4f8c842b1e455325612b075397a83160485d","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.3.tgz","fileCount":8,"integrity":"sha512-746A9uOh75qX7o8Stn/Bj1Vl2zFI9oYTYS9rUnrlAFEtvLfCjkjXgwJQkZp/mQ9q3okPcanOrPetzx/cySG76g==","signatures":[{"sig":"MEQCIBcxy5Za7M05kGfaNRiU8QH9h0FgPyKe1Trnsr5IEBTnAiALG6PUQ4zZd7G7fl2yujDQnFWLiHxxuAZoHHlwQe6y+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22827},"main":"dist/Vue-fast-marquee.cjs","type":"module","_from":"file:vue-fast-marquee-1.0.3.tgz","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"_resolved":"C:\\Users\\hanzy\\AppData\\Local\\Temp\\db2f1422abd192765d2e646d46593a9c\\vue-fast-marquee-1.0.3.tgz","_integrity":"sha512-746A9uOh75qX7o8Stn/Bj1Vl2zFI9oYTYS9rUnrlAFEtvLfCjkjXgwJQkZp/mQ9q3okPcanOrPetzx/cySG76g==","repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.1.0","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.3_1702926088988_0.17515755500468289","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"vue-fast-marquee","version":"1.0.4","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.4","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"e57d7d568f76209c8781bf43fc152a30b413913e","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.4.tgz","fileCount":9,"integrity":"sha512-iK0TfeAmulOiNsxtp332gsEpPl+pWAODmhmqUfDuVUXr1YKHxZYomtHQfD4/6uYNVxMh5eS2nSLZ8jxOaFxNfQ==","signatures":[{"sig":"MEUCIHzgBw6nCHYvU/vkjSVB+UcnoA9o1PaO6FJBRQAn2rXDAiEAwXqQd2Ymj6usI5k8M8yP+HAN9eua0o3HDKYDabx2RU8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20980},"main":"dist/Vue-fast-marquee.cjs","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./style.css":"./dist/style.css"},"gitHead":"842c0fbc16cd346c6edf800ae7765ed2d1b4416d","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.1.0","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"20.9.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.4_1703762119072_0.9230836537250191","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"vue-fast-marquee","version":"1.0.5","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.5","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"7e87ab00f1ec758814984953a53bad65f50c562c","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.5.tgz","fileCount":9,"integrity":"sha512-BhzKM/8b5vXnyXyVBDMUofqV9a3akDhs62s3e4hz+qsjfI+7zStqVBFH3eM2xMiNCWXAiwB267QhPWyZd2vP8Q==","signatures":[{"sig":"MEYCIQCVAy9XZe6kCjHj7Lq0yQ6HojPEc9hDIF/XA46go7JtwgIhAMBNT/HKT3q5vdCP6T1rHw0dTl69FzbvrN5SJbBN//vI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20989},"main":"dist/Vue-fast-marquee.cjs","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./style.css":"./dist/style.css"},"gitHead":"87cd9a431e76ab46456a1af4924b356bf384bdf3","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.2.5","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"21.5.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.5_1706697789038_0.9406871139180542","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"vue-fast-marquee","version":"1.0.6","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@1.0.6","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"ad445a07447aee855fdb9e8fe3807867e0ae326a","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-1.0.6.tgz","fileCount":9,"integrity":"sha512-VMqaeuBSS3L55Q84EuLJPHZ4Zv4UVBDXmh+2hb1IBTLKt/FmurJnWVXv8BNnbQSupA4kHbPlWDLwp+kvEMOF7A==","signatures":[{"sig":"MEUCIB3SOJi2tgCWbCTfpfG8xwN+awUQgk6BzAJLf8ExiyjBAiEAiaJG3DtrU1nO17ZxqHmjvRfBYE8bYB7iwyfI17ikqio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20988},"main":"dist/vue-fast-marquee.cjs","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js","require":"./dist/Vue-fast-marquee.cjs"},"./style.css":"./dist/style.css"},"gitHead":"0ede361202e8dd7dcf87ea41e7581528054af066","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.2.5","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"21.5.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.3.11","sass":"^1.69.5","vite":"^5.0.8","vue-tsc":"^1.8.25","prettier":"^3.1.1","typescript":"^5.2.2","@types/node":"^20.10.4","vite-plugin-dts":"^3.6.4","@vitejs/plugin-vue":"^4.5.2"},"peerDependencies":{"vue":">=3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_1.0.6_1708294813180_0.14450003767620934","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"vue-fast-marquee","version":"2.0.0","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@2.0.0","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"9f46781c9522708799ca503ad04cb502fe7f69d2","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-2.0.0.tgz","fileCount":7,"integrity":"sha512-k8PbnJDcWQ1VqtavhdGz8+Rf7wmj9iNVQ/H7CG3kZe381D4+OW9C9iw7fJWzE0JFCniffMzIzoV86LVPRswDsQ==","signatures":[{"sig":"MEYCIQDhlMLX7se07E1L+sE1vxEW0AD5DFsdg+xA7IhnKWGa9wIhAMoYWMKeY1S4313jokI5p+440mUiIkW22C63r4SwkkrY","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCIBIiq1Wt9iL2RDgJ2lda7NQQfDMWE1LDKVM6hV19ggREAiAJAcu6EVk3Ff/n0KJ5250Jv8CG3vPHukKDe/G074nv9A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20159},"main":"dist/vue-fast-marquee.js","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js"},"./style.css":"./dist/style.css"},"gitHead":"add5c95517bdc2f481f06f93af8f451d2728f880","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview","build:playground":"vue-tsc && vite build --mode playground"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"12.0.1","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"26.5.0","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.41","clsx":"^2.1.1","sass":"^1.103.0","vite":"^8.2.2","reka-ui":"^2.10.3","vue-tsc":"^3.3.10","prettier":"^3.9.6","shadcn-vue":"^2.8.2","typescript":"^6.0.3","@lucide/vue":"^1.33.0","@types/node":"^26.2.0","tailwindcss":"^4.3.3","@vueuse/core":"^14.4.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","vite-plugin-dts":"^5.0.3","@tailwindcss/vite":"^4.3.3","@vitejs/plugin-vue":"^6.0.8","class-variance-authority":"^0.7.1"},"peerDependencies":{"vue":">=3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_2.0.0_1787257191752_0.25203764675733353","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"vue-fast-marquee","version":"2.0.1","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"author":{"name":"hanzydev"},"license":"MIT","_id":"vue-fast-marquee@2.0.1","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"249173e545128fd371032b16dadbf11a93e8321e","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-2.0.1.tgz","fileCount":7,"integrity":"sha512-4oYns6WdZAHSAPOJbQ8GAE1NEJzW1/jAOe4/dwgySgkEE1dM6nGyw7VwCURM8Jy18socu/pbh5QQaQk2PFNrJg==","signatures":[{"sig":"MEUCIQCzHe+8KAvpLXQJQDYCU916NnmErUTXdEZgZONdJqTDewIgLel7ZsZFJiHHmlo0ziosoXe0pmeDahVw2vMJtd6fzeg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIFnmYXdJw6PjWnbfB4p8hlbQZpJokNTk3cNnfcCDcfQcAiEA5LvLL4FXHDYqMPo4rB1s+miDMg0xz3iXsGN9IwK2Zd0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21976},"main":"dist/vue-fast-marquee.js","type":"module","types":"dist/index.d.ts","module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js"},"./style.css":"./dist/style.css"},"gitHead":"695b48e3defde3b82520821bc5b81a1d56697819","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview","build:playground":"vue-tsc && vite build --mode playground"},"_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"12.0.1","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"_nodeVersion":"26.5.0","_hasShrinkwrap":false,"packageManager":"pnpm@12.0.0-rc.7+sha512.1d967069e7bb40beea4e2ebb5f4d6cfaab099119593cd2bfd26516f4c6e151a387d9b3a205f8d629264d6bd764b35e5bfdb38fa9cf798e625203353bc6fbb254","devDependencies":{"vue":"^3.5.41","clsx":"^2.1.1","sass":"^1.103.0","vite":"^8.2.2","reka-ui":"^2.10.3","vue-tsc":"^3.3.10","prettier":"^3.9.6","shadcn-vue":"^2.8.2","typescript":"^6.0.3","@lucide/vue":"^1.33.0","@types/node":"^26.2.0","tailwindcss":"^4.3.3","@vueuse/core":"^14.4.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","vite-plugin-dts":"^5.0.3","@tailwindcss/vite":"^4.3.3","@vitejs/plugin-vue":"^6.0.8","class-variance-authority":"^0.7.1"},"peerDependencies":{"vue":">=3.5.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-fast-marquee_2.0.1_1787259308799_0.234859070047007","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"_id":"vue-fast-marquee@2.0.2","bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"dist":{"shasum":"4afa3dde845fff79b24d28fe79fb06a8738667f5","tarball":"https://registry.npmjs.org/vue-fast-marquee/-/vue-fast-marquee-2.0.2.tgz","fileCount":7,"integrity":"sha512-grITmJ4GWkf1sRx14P/bWk7KxEPqtmw8iwWfj+q71AKY7fvW46zL9EZeUfFnQKfJXrqQagyNcVQgIBu4eo8rcA==","signatures":[{"sig":"MEYCIQCKqE4CUnqhLhEfWclfdJ9gjnERsCBdWSpGZTa7JxxSdQIhAKWSmKEL8CebD1hcK5CK6wFVNr/3i5jcyYHQ26wqbwR8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDaRkTjs2lE/yzwQySQuG4Lmph2pnT9bVQjVWIKZV0bCgIgMHFhIDXggfg0MyMPB4jfGVRe33bb/GmwXDnpfGjN/Xw="}],"unpackedSize":21843},"main":"dist/vue-fast-marquee.js","name":"vue-fast-marquee","type":"module","types":"dist/index.d.ts","author":{"name":"hanzydev"},"module":"dist/vue-fast-marquee.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-fast-marquee.js"},"./style.css":"./dist/vue-fast-marquee.css"},"gitHead":"a35ec0219382ded28906e24f915952c1e93068a8","license":"MIT","scripts":{"dev":"vite","build":"vue-tsc && vite build","format":"prettier --write .","preview":"vite preview","build:playground":"vue-tsc && vite build --mode playground"},"version":"2.0.2","_npmUser":{"name":"hanzydev","email":"contact@hanzy.dev"},"homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"_npmVersion":"10.9.8","description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","directories":{},"maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"_nodeVersion":"24.20.0","_hasShrinkwrap":false,"packageManager":"pnpm@12.0.0-rc.7+sha512.1d967069e7bb40beea4e2ebb5f4d6cfaab099119593cd2bfd26516f4c6e151a387d9b3a205f8d629264d6bd764b35e5bfdb38fa9cf798e625203353bc6fbb254","devDependencies":{"vue":"^3.5.41","clsx":"^2.1.1","sass":"^1.103.0","vite":"^8.2.2","reka-ui":"^2.10.3","vue-tsc":"^3.3.10","prettier":"^3.9.6","shadcn-vue":"^2.8.2","typescript":"^6.0.3","@lucide/vue":"^1.33.0","@types/node":"^26.2.0","tailwindcss":"^4.3.3","@vueuse/core":"^14.4.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","vite-plugin-dts":"^5.0.3","@tailwindcss/vite":"^4.3.3","@vitejs/plugin-vue":"^6.0.8","class-variance-authority":"^0.7.1"},"peerDependencies":{"vue":">=3.5.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-fast-marquee_2.0.2_1788729376755_0.8464475577410537"}}},"time":{"created":"2023-12-14T20:01:36.794Z","modified":"2026-09-06T21:16:17.022Z","1.0.0":"2023-12-14T20:01:37.030Z","1.0.2":"2023-12-14T20:17:55.163Z","1.0.3":"2023-12-18T19:01:29.171Z","1.0.4":"2023-12-28T11:15:19.256Z","1.0.5":"2024-01-31T10:43:09.206Z","1.0.6":"2024-02-18T22:20:13.362Z","2.0.0":"2026-08-20T20:19:51.869Z","2.0.1":"2026-08-20T20:55:08.895Z","2.0.2":"2026-09-06T21:16:16.835Z"},"bugs":{"url":"https://github.com/hanzydev/vue-fast-marquee/issues"},"author":{"name":"hanzydev"},"license":"MIT","homepage":"https://github.com/hanzydev/vue-fast-marquee#readme","keywords":["vue","vue3","slider","ticker","carousel","marquee","fast-marquee","vue-fast-marquee"],"repository":{"url":"git+https://github.com/hanzydev/vue-fast-marquee.git","type":"git"},"description":"A lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.","maintainers":[{"name":"hanzydev","email":"contact@hanzy.dev"}],"readme":"# Vue Fast Marquee\n\nA lightweight Vue 3 component that harnesses the power of CSS animations to create silky smooth marquees.\n\n[🎮 **Interactive Playground / Demo**](https://hanzydev.github.io/vue-fast-marquee/)\n\n> 📌 **Upgrading to v2.x**: Vertical marquees now use native CSS column layouts (no manual width/height swapping needed). This release also adds interactive drag scrubbing (`draggable`), programmatic playback methods (`play`, `pause`, `reset`, etc.), and dark mode gradient support (`gradientColorDark`).\n\n\n## 🚀 What's New in v2.x\n\n- 🖱️ **Drag-to-Scrub**: Set `draggable` to allow users to drag or swipe to scrub through marquee content.\n- 🎮 **Imperative Controls**: Access component playback methods (`play()`, `pause()`, `toggle()`, `reset()`) and state via template refs.\n- 🌙 **Dark Mode Gradient**: Added `gradientColorDark` for dark mode gradient masks (activates when `.dark` class is present).\n- 📐 **Native Vertical Marquee**: Vertical directions (`up` / `down`) now render natively with CSS flex column layout and vertical gradients.\n- ⚡ **Smooth Playback**: Improved hover and click pause handling to work seamlessly alongside drag scrubbing.\n\n## Installation\n\n```sh\n# if you're using npm\nnpm i vue-fast-marquee\n\n# if you're using yarn\nyarn add vue-fast-marquee\n\n# if you're using pnpm\npnpm i vue-fast-marquee\n```\n\n## Usage\n\nThe most common use case is to register the component globally.\n\n```ts\n// main.ts or similar\nimport 'vue-fast-marquee/style.css'; // import the styles\n\nimport { createApp } from 'vue';\nimport Marquee from 'vue-fast-marquee';\n\ncreateApp(App).use(Marquee).mount('#app');\n```\n\nAlternatively you can also import the component locally.\n\n```html\n<script setup lang=\"ts\">\nimport { Marquee } from 'vue-fast-marquee';\n</script>\n```\n\nYou can then use the component in your template.\n\n```html\n<script setup lang=\"ts\">\nimport { Marquee } from 'vue-fast-marquee';\nimport MyComponent from '../components/MyComponent.vue';\n</script>\n\n<template>\n    <Marquee>\n        <MyComponent />\n        <MyComponent />\n        <MyComponent />\n    </Marquee>\n</template>\n```\n\n## Props\n\n| Property            | Type                                | Default   | Description                                                                                 |\n| :------------------ | :---------------------------------- | :-------- | :------------------------------------------------------------------------------------------ |\n| `autoFill`          | `boolean`                           | `false`   | Whether to automatically fill blank space in the marquee with copies of the children or not |\n| `play`              | `boolean`                           | `true`    | Whether to play or pause the marquee                                                        |\n| `pauseOnHover`      | `boolean`                           | `false`   | Whether to pause the marquee when hovered                                                   |\n| `pauseOnClick`      | `boolean`                           | `false`   | Whether to pause the marquee when clicked                                                   |\n| `direction`         | `\"left\" \\| \"right\" \\| \"up\" \\| \"down\"` | `\"left\"`  | The direction the marquee is sliding                                                        |\n| `speed`             | `number`                            | `50`      | Speed calculated as pixels/second                                                           |\n| `delay`             | `number`                            | `0`       | Duration to delay the animation after render, in seconds                                    |\n| `loop`              | `number`                            | `0`       | The number of times the marquee should loop, 0 is equivalent to infinite                    |\n| `gradient`          | `boolean`                           | `false`   | Whether to show the gradient mask on the edges or not                                       |\n| `gradientColor`     | `string`                            | `\"white\"` | The color of the gradient mask                                                              |\n| `gradientColorDark` | `string`                            | `gradientColor` | The color of the gradient mask in dark mode (activates when `.dark` class is present). Defaults to `gradientColor` if not set |\n| `gradientWidth`     | `number \\| string`                  | `200`     | The width/height of the gradient on either side (in pixels or CSS unit string)              |\n| `draggable`         | `boolean`                           | `false`   | Enable manual dragging/swiping with pointer/touch to scrub through the marquee              |\n\n## Events\n\n| Event Name      | Description                                                                                                  |\n| :-------------- | :----------------------------------------------------------------------------------------------------------- |\n| `finish`        | Emitted when the marquee finishes scrolling and stops. Only calls if loop is non-zero.                       |\n| `cycleComplete` | Emitted when the marquee finishes a loop. Does not call if maximum loops are reached (use onFinish instead). |\n\n## Component Methods\n\nAccess methods programmatically using a Vue template ref:\n\n```html\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Marquee } from 'vue-fast-marquee';\n\nconst marqueeRef = ref<InstanceType<typeof Marquee>>();\n</script>\n\n<template>\n    <Marquee ref=\"marqueeRef\">...</Marquee>\n    <button @click=\"marqueeRef?.pause()\">Pause</button>\n    <button @click=\"marqueeRef?.reset()\">Reset</button>\n</template>\n```\n\n| Method / Property | Type | Description |\n| :--- | :--- | :--- |\n| `play()` | `() => void` | Starts or resumes the animation |\n| `pause()` | `() => void` | Pauses the animation |\n| `toggle()` | `() => void` | Toggles between play and pause |\n| `reset()` | `() => void` | Resets animation time to 0 and starts playing |\n| `isPlaying` | `ComputedRef<boolean>` | Whether the animation is currently playing |\n| `isPaused` | `ComputedRef<boolean>` | Whether the animation is currently paused |\n","readmeFilename":"README.md"}