{"_id":"@anil-labs/dnd-element","_rev":"2-3dc38668b1883e1112b6d5a79d77ecd0","name":"@anil-labs/dnd-element","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/dnd-element","version":"0.1.0","keywords":["web-component","custom-element","drag-and-drop","dnd","sortable","draggable","list","reorder"],"author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","_id":"@anil-labs/dnd-element@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/vue-dnd/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/vue-dnd/issues","dist":{"shasum":"4e15d8c91e01859b8d0f4b1e49950f58ca9d960a","tarball":"https://registry.npmjs.org/@anil-labs/dnd-element/-/dnd-element-0.1.0.tgz","fileCount":11,"integrity":"sha512-vOQQ5fyfRNU/7GrE222cYXAKdXFfE5cZBRtPJUUBZBU1TAfG5ehfiQRQ7u5jYvOilACeheXEgMTdLdHIwMSqiA==","signatures":[{"sig":"MEYCIQD+kWe9NIKo4qdZpDj5ixgjcJHRoHfFrDn5WLxaw+J4egIhAJMACl+amz/cRZoUtFqFgvot4JVIo6FAEvCsMLsDMYqz","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":178515},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","unpkg":"./dist/index.global.js","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/dnd-core\"","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"jsdelivr":"./dist/index.global.js","repository":{"url":"git+https://github.com/anilkumarthakur60/vue-dnd.git","type":"git","directory":"packages/element"},"description":"Web Component (<dnd-list>) for @anil-labs/dnd-core — sortable lists, cross-list groups, multi-drag and keyboard a11y in any framework or plain HTML via a script tag.","directories":{},"sideEffects":true,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/dnd-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","typescript":"^5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/dnd-element_0.1.0_1784134695560_0.9922122644829949","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/dnd-element","version":"0.1.1","description":"Web Component (<dnd-list>) for @anil-labs/dnd-core — sortable lists, cross-list groups, multi-drag and keyboard a11y in any framework or plain HTML via a script tag.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","unpkg":"./dist/index.global.js","jsdelivr":"./dist/index.global.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":true,"keywords":["web-component","custom-element","drag-and-drop","dnd","sortable","draggable","list","reorder"],"engines":{"node":">=18"},"license":"MIT","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/dnd.git","directory":"packages/element"},"homepage":"https://github.com/anilkumarthakur60/dnd/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/dnd/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/dnd-core":"^0.1.1"},"devDependencies":{"tsup":"^8.3.5","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/dnd-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/dnd-element@0.1.1","dist":{"integrity":"sha512-Ea+tV9SXzeXbCMgO1xTkh9khZhIp2a7xtvw0oC5Rpb2aju0Bar7JrpqvbxA/C1gSkxIv3xCZ7sY7MmXwIdql8Q==","shasum":"15c965823801b619f973da4f339b5b2e07787726","tarball":"https://registry.npmjs.org/@anil-labs/dnd-element/-/dnd-element-0.1.1.tgz","fileCount":11,"unpackedSize":178499,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIE4O9viWYXUAXoXFiw8R/FPiOSuvT8R+dSkFXbsNCk5mAiEAo4i89IzbPjOIwXbMQp+otkZ1X7cnUW32JX17UdD5FcQ="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dnd-element_0.1.1_1784262976278_0.6576686714501094"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-15T16:58:15.440Z","modified":"2026-07-17T04:36:16.534Z","0.1.0":"2026-07-15T16:58:15.692Z","0.1.1":"2026-07-17T04:36:16.413Z"},"bugs":"https://github.com/anilkumarthakur60/dnd/issues","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","homepage":"https://github.com/anilkumarthakur60/dnd/tree/main/packages/element#readme","keywords":["web-component","custom-element","drag-and-drop","dnd","sortable","draggable","list","reorder"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/dnd.git","directory":"packages/element"},"description":"Web Component (<dnd-list>) for @anil-labs/dnd-core — sortable lists, cross-list groups, multi-drag and keyboard a11y in any framework or plain HTML via a script tag.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/dnd-element\n\n`<dnd-list>` Web Component for [`@anil-labs/dnd-core`](https://www.npmjs.com/package/@anil-labs/dnd-core) — zero-dependency drag & drop in any framework or plain HTML.\n\n```html\n<script type=\"module\">\n  import '@anil-labs/dnd-element'\n</script>\n\n<dnd-list group=\"tasks\" animation=\"200\">\n  <div>Apple</div>\n  <div>Banana</div>\n  <div>Cherry</div>\n</dnd-list>\n\n<script>\n  document.querySelector('dnd-list').addEventListener('dnd-end', (e) => {\n    console.log(e.detail.oldIndex, '→', e.detail.newIndex)\n  })\n</script>\n```\n\nOr straight from a CDN: `<script src=\"https://unpkg.com/@anil-labs/dnd-element\"></script>`.\n\n- **[Documentation](https://anilkumarthakur60.github.io/dnd/frameworks/web-component)** · **[Live demo](https://anil-labs-dnd.vercel.app/element/)**\n\nMIT © Er. Anil Kumar Thakur\n","readmeFilename":""}