{"_id":"@ahmttyydn/draggable","_rev":"7-5eceb9467ec3ea6cf4420e2a9ab5d517","name":"@ahmttyydn/draggable","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.0":{"name":"@ahmttyydn/draggable","version":"1.0.0","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.0","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/scalar/scalar","bugs":{"url":"https://github.com/scalar/scalar/issues/new/choose"},"dist":{"shasum":"7a2bb76a28fba8aea5898f23e43b9578ee146ba5","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.0.tgz","fileCount":17,"integrity":"sha512-Q66CHbA5M8Q9Zc2nay83jlPDE1nvHrGd+b5ECYLcqcBonb1yAkS/7t1HYviglOx1CmTDFdzzbNAnjDJPta74mA==","signatures":[{"sig":"MEYCIQCjjgcZZ8Op1TyFEQS5LI7bcy5ZCqT0wMVbR+A2G4AEBgIhAKhvtaMjgPluakhaBDYeXi9N9hQJ7nCYi5+ZJuMDCpIV","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32139},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.0.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"},"_resolved":"/private/var/folders/6s/_0b0836n1t9dc5prz2rp43h80000gn/T/6de06768a7bd71effbd160dfc8b50d02/ahmttyydn-draggable-1.0.0.tgz","_integrity":"sha512-Q66CHbA5M8Q9Zc2nay83jlPDE1nvHrGd+b5ECYLcqcBonb1yAkS/7t1HYviglOx1CmTDFdzzbNAnjDJPta74mA==","repository":{"url":"git+https://github.com/scalar/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.6.2","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.11.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.0_1775418615886_0.48810818090839403","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ahmttyydn/draggable","version":"1.0.1","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.1","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"8257fea57150fdef1f0fe13510c003217cf13e6e","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.1.tgz","fileCount":17,"integrity":"sha512-Jx1FZ6FFi648W9e4MLHqE40pQjOzf1KDF3wc2DDz32hXyVYL8EhFMqtJgA37dn08YBaVW3OVXk4sCr1+qw58xQ==","signatures":[{"sig":"MEUCIEToFws0UymbXMKWENJVZGPbk4WRLMDY2ulWBan7ioQeAiEAz+1QBlBKHDjnTtuKij4de+qCMP9yGWl250GLaPJQarw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32142},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.1.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"_resolved":"/tmp/110e45aa787d089effea4f0e16ac8e72/ahmttyydn-draggable-1.0.1.tgz","_integrity":"sha512-Jx1FZ6FFi648W9e4MLHqE40pQjOzf1KDF3wc2DDz32hXyVYL8EhFMqtJgA37dn08YBaVW3OVXk4sCr1+qw58xQ==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.11.0","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.14.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.1_1775438195486_0.34852788063562534","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ahmttyydn/draggable","version":"1.0.2","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.2","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"c9b9c64294793e9e1575ad96bf634406c81c1a76","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.2.tgz","fileCount":17,"integrity":"sha512-QoDlaYgizO/3gr+Jxt4H4LN475EYITKszzTqiFd4ARY+vH9EyrdZjietAGXYvm10UsDPRAxJNCtGqFXoVmciOg==","signatures":[{"sig":"MEUCIHfaaFmqiheF+Pxa29zPx5lQ1jNeU/tjfxpVbqX6eUHzAiEAs7dUGfy/V6vOSfjjhtLWzsnULqW2Qa7eg/V0rKw31FI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32142},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.2.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"_resolved":"/tmp/60201ee6de27d731f9eaeea56e5cf752/ahmttyydn-draggable-1.0.2.tgz","_integrity":"sha512-QoDlaYgizO/3gr+Jxt4H4LN475EYITKszzTqiFd4ARY+vH9EyrdZjietAGXYvm10UsDPRAxJNCtGqFXoVmciOg==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.11.0","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.14.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.2_1775439047650_0.27040413401314156","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ahmttyydn/draggable","version":"1.0.4","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.4","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"4f948be83ef877db7b07a07e8ddaffb371a3770e","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.4.tgz","fileCount":17,"integrity":"sha512-ZIHKq3ce1uiGyF0XK4O3i7ZpCxiEZTgSEWzNK4J7I2NrNWuDb7omb49ZwzIrWwmVeX2vlsMIsJbNNEoftP6y5g==","signatures":[{"sig":"MEUCIC9/SAddpK+hdv6JWtVd56SYEogxcUrje1Uzk/zh3ddfAiEAruoFigmdzuj0Qh0S9MkkDbVXprJpLZL+ndSTGtAQnDQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32144},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.4.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"_resolved":"/tmp/bbc3e7eb50cd231fa42f09932cc614c1/ahmttyydn-draggable-1.0.4.tgz","_integrity":"sha512-ZIHKq3ce1uiGyF0XK4O3i7ZpCxiEZTgSEWzNK4J7I2NrNWuDb7omb49ZwzIrWwmVeX2vlsMIsJbNNEoftP6y5g==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.11.0","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.14.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.4_1775440953277_0.26415866772368135","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@ahmttyydn/draggable","version":"1.0.6","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.6","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"b064bea589f8483eef465e51893ffc70ae0437ab","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.6.tgz","fileCount":17,"integrity":"sha512-j5upekqnYmdExVpOLdXlvg8Gg9HwjOwHPmzTi/JP4CiwEVsO6/90iMgpcGZjgz3jmyvttUhDeIIbfImXCEe8Gw==","signatures":[{"sig":"MEUCIHgLSYEiONVY5LKuy6ccVv4SD9bSxZ9uPugxiF3L12vmAiEA5a4miiXpsRsm3fok0K9fttB1qGRguWwL24aaf+K+Vz4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32144},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.6.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"_resolved":"/tmp/031f7436e1607e1efb80db34f2d03d92/ahmttyydn-draggable-1.0.6.tgz","_integrity":"sha512-j5upekqnYmdExVpOLdXlvg8Gg9HwjOwHPmzTi/JP4CiwEVsO6/90iMgpcGZjgz3jmyvttUhDeIIbfImXCEe8Gw==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.11.0","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.14.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.6_1775488320484_0.048813481171367856","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@ahmttyydn/draggable","version":"1.0.8","keywords":["vue drag and drop draggable html"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/draggable@1.0.8","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"ee0667a629f93dd3e1288455b18e672708c450cf","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.8.tgz","fileCount":17,"integrity":"sha512-M9ow8n5/oxrAHgtuSIDbrZjKJto3+7wZnUlO6m1P/DXxcKcFJ693H/mrXXg2m1p+GU8Xf+yv8DwVzKefRx6BXQ==","signatures":[{"sig":"MEQCIFsLGkAWqnfHF5lhHFU/IaXfBqJMJHUHov0+CT39lKgxAiBzvrbhegssy1yniCIkYiP+KpiVynoF/b9hnWiBesHENg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.8","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":32144},"main":"dist/index.js","type":"module","_from":"file:ahmttyydn-draggable-1.0.8.tgz","types":"./dist/index.d.ts","module":"dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","default":"./dist/*.css","require":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","default":"./dist/css/*.css","require":"./dist/css/*.css"}},"scripts":{"dev":"vite ./playground -c ./vite.config.ts","test":"vitest","build":"vite build && vue-tsc -p tsconfig.build.json","types:check":"vue-tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"_resolved":"/tmp/42a6804f0f95bda2b690d062fa5b5ebd/ahmttyydn-draggable-1.0.8.tgz","_integrity":"sha512-M9ow8n5/oxrAHgtuSIDbrZjKJto3+7wZnUlO6m1P/DXxcKcFJ693H/mrXXg2m1p+GU8Xf+yv8DwVzKefRx6BXQ==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/draggable"},"_npmVersion":"11.11.0","description":"A simple vue wrapper around html drag and drop","directories":{},"_nodeVersion":"24.14.1","dependencies":{"vue":"^3.5.30"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.30","vite":"8.0.0","@vitejs/plugin-vue":"^6.0.3"},"_npmOperationalInternal":{"tmp":"tmp/draggable_1.0.8_1775513238145_0.3965499469794118","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@ahmttyydn/draggable","description":"A simple vue wrapper around html drag and drop","license":"MIT","author":{"name":"Scalar","url":"https://github.com/scalar"},"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"repository":{"type":"git","url":"git+https://github.com/ahmtydn/scalar.git","directory":"packages/draggable"},"keywords":["vue drag and drop draggable html"],"version":"1.0.9","engines":{"node":">=22"},"type":"module","main":"dist/index.js","module":"dist/index.js","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts","default":"./dist/index.js"},"./*.css":{"import":"./dist/*.css","require":"./dist/*.css","default":"./dist/*.css"},"./css/*.css":{"import":"./dist/css/*.css","require":"./dist/css/*.css","default":"./dist/css/*.css"}},"dependencies":{"vue":"^3.5.30"},"devDependencies":{"@vitejs/plugin-vue":"^6.0.3","vite":"8.0.0","vue":"^3.5.30"},"scripts":{"build":"vite build && vue-tsc -p tsconfig.build.json","dev":"vite ./playground -c ./vite.config.ts","test":"vitest","types:check":"vue-tsc --noEmit"},"types":"./dist/index.d.ts","_id":"@ahmttyydn/draggable@1.0.9","_integrity":"sha512-9Uii7/KvJQ4BCW0xUepauQjgfwmDHaebZsojuFtuMK7C8Ea/v65V0fm67CHhdzzFd4w/CSuXhZsu2x9I6EZX8Q==","_resolved":"/tmp/766850bc989ab2cb2f5a6382ff464e7b/ahmttyydn-draggable-1.0.9.tgz","_from":"file:ahmttyydn-draggable-1.0.9.tgz","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-9Uii7/KvJQ4BCW0xUepauQjgfwmDHaebZsojuFtuMK7C8Ea/v65V0fm67CHhdzzFd4w/CSuXhZsu2x9I6EZX8Q==","shasum":"bd2e8fee434a5ffde2ff91ffca077d224b3c6c0d","tarball":"https://registry.npmjs.org/@ahmttyydn/draggable/-/draggable-1.0.9.tgz","fileCount":17,"unpackedSize":32144,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fdraggable@1.0.9","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGJoasGTqJZvJZQ0XyVvKmpUZ/K1cRmmVEx4Y9rVqaHLAiAxoSB4ugoU5zouTi/HerEHs7Rjhhbz60Ui4tN/2pE3fg=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:91326d72-ae3f-4b6e-a2d2-522361060754"}},"directories":{},"maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/draggable_1.0.9_1775514562946_0.8101971078985934"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-05T19:50:15.793Z","modified":"2026-04-06T22:29:23.702Z","1.0.0":"2026-04-05T19:50:16.025Z","1.0.1":"2026-04-06T01:16:35.647Z","1.0.2":"2026-04-06T01:30:47.860Z","1.0.4":"2026-04-06T02:02:33.420Z","1.0.6":"2026-04-06T15:12:00.682Z","1.0.8":"2026-04-06T22:07:18.290Z","1.0.9":"2026-04-06T22:29:23.115Z"},"bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"author":{"name":"Scalar","url":"https://github.com/scalar"},"license":"MIT","homepage":"https://github.com/ahmtydn/scalar","keywords":["vue drag and drop draggable html"],"repository":{"type":"git","url":"git+https://github.com/ahmtydn/scalar.git","directory":"packages/draggable"},"description":"A simple vue wrapper around html drag and drop","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"readme":"# Scalar Draggable component\n\n[![Version](https://img.shields.io/npm/v/%40scalar/draggable)](https://www.npmjs.com/package/@ahmttyydn/draggable)\n[![Downloads](https://img.shields.io/npm/dm/%40scalar/draggable)](https://www.npmjs.com/package/@ahmttyydn/draggable)\n[![License](https://img.shields.io/npm/l/%40scalar%2Fdraggable)](https://www.npmjs.com/package/@ahmttyydn/draggable)\n[![Discord](https://img.shields.io/discord/1135330207960678410?style=flat&color=5865F2)](https://discord.gg/scalar)\n\n## Installation\n\n```bash\nnpm install @ahmttyydn/draggable\n```\n\n## Usage\n\nA complete example can be found the [playground](https://github.com/ahmtydn/scalar/tree/main/packages/draggable/playground), but basically you need a data structure like:\n\n```ts\nconst sidebar = ref({\n  // Master list of all items\n  items: {\n    '1': {\n      id: '1',\n      name: 'Rangers',\n      children: ['2', '4', '5', '6', '7'],\n    },\n    '2': {\n      id: '2',\n      name: 'Stars',\n      children: ['3'],\n    },\n    '3': { id: '3', name: 'Bruins', children: [] },\n    '4': { id: '4', name: 'Canucks', children: [] },\n    '5': { id: '5', name: 'Panthers', children: [] },\n    '6': { id: '6', name: 'Avalanche', children: [] },\n    '7': { id: '7', name: 'Hurricanes', children: [] },\n    '8': { id: '8', name: 'Jets', children: [] },\n    '9': { id: '9', name: 'Oilers', children: [] },\n    '10': { id: '10', name: 'Predators', children: [] },\n    '11': { id: '11', name: 'Maple Leafs', children: [] },\n    '12': { id: '12', name: 'Kings', children: [] },\n  } satisfies Items,\n  // Root level children (the top level of the sidebar)\n  children: ['1', '8', '9', '10', '11', '12'],\n})\n```\n\nThen you will need a recursive component that wraps Draggable like:\n\n```vue\n<template>\n  <Draggable\n    :id=\"id\"\n    :ceiling=\"0.8\"\n    :floor=\"0.2\"\n    :height=\"30\"\n    :parentIds=\"[...parentIds, id]\">\n    <div\n      class=\"sidebar-item\"\n      :class=\"{ 'sidebar-folder': items[id].children.length }\">\n      {{ items[id].name }}\n      <SidebarItem\n        v-for=\"childId in items[id].children\"\n        :id=\"childId\"\n        :key=\"childId\"\n        :items=\"items\"\n        :parentIds=\"[...parentIds, id]\" />\n    </div>\n  </Draggable>\n</template>\n```\n\nThen manage the data manipluation on drop using the emitted events!\n\n### Example\n\nYou can find an example in this repo under the [playground](https://github.com/ahmtydn/scalar/tree/main/packages/draggable/playground)\n","readmeFilename":"README.md"}