{"_id":"@auroratide/reorder-list","_rev":"11-92c08cd84d4e0f1a1b0d818f7cd196a4","name":"@auroratide/reorder-list","dist-tags":{"latest":"0.6.1"},"versions":{"0.1.0":{"name":"@auroratide/reorder-list","version":"0.1.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.1.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"1be3c0e9b3a22cd353d3d59c928e8ce8d200ef37","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.1.0.tgz","fileCount":20,"integrity":"sha512-1D2pB3aQHOCXLN2x+4+dL/V7Ko474kelM9bXT34SOC3LaR9E1+JMgWsSOM2xUzpaAuNeI4W+2lHG6APd1OgY2Q==","signatures":[{"sig":"MEUCIG6gP3vK9hwKQUmafVIY20af/ObSBBQOc8Q/DwhzpTD1AiEAtueMbnV1B3s3/odIQss11RPJX3RmPQTrc07g8qdWeIg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgRp9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIDw/+Nyvmd7CHQ9EwDc8lup5HIgs5ImqtPN7Ly2t4tthdau2QM1Td\r\nyVe8Sx+Kj5GzuPhWgKKEqTFUakNT8oZwFN8PTqmcfBuna660b50IfBSCDnW3\r\nOM0g251xpUIrYulbaZm2u6fuT3Tg63vnmgjV8L6XYZFwgj6zsSl1XFWCTV2i\r\nbfvJ6oUyAFkJCcw2Evt/RH2FojbQADrn5l5loAwv1cB7rbCzVTUKggEUTgto\r\ni4FmjGX2UDlctHtNFgqAJn7bwhjt9nAnbCjtZMGXThQCsrYar8bFGmMCjFre\r\nivYnS5zuR7PysBW9rvMHn7J/vbaj4iiDqtBoLgxja70qH8gl76b6aT38HAl0\r\nuBbm2e2cwvhGmZipZ/LyMsF/zZUhNxDpu2L3E8H8L6PnUTG3Cnt2Ulo9+vUT\r\n88EaK9IoLnM74hSv7fk9EZs5qbYnWXPSwjYnmB35QH/GtUEeGedX7mmyBqpv\r\ngm9mTOkeySbMrumX+9R71Vc8K/yhuZljyENRu6vOMfDrzZyXd+adYEc4s78L\r\nmXKFWf75e9NcFTXk/8+6h/0lgClJ1Jmtu4YSTHvpP+ZgLQUUL+4pKCMhnc9e\r\nckSNjEzP+UbmgEfrdrPZUGU8GNDLEQaIAZPAuRPOa3JHUnYFZutTX3zO3jBI\r\ndNb4zrHVXP72bdWJ3Pj8SY5APSISBTbn6b0=\r\n=t37Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.1.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/2f992e110f27b3e98afe1ddeefd4cb90/auroratide-reorder-list-0.1.0.tgz","_integrity":"sha512-1D2pB3aQHOCXLN2x+4+dL/V7Ko474kelM9bXT34SOC3LaR9E1+JMgWsSOM2xUzpaAuNeI4W+2lHG6APd1OgY2Q==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"8.19.2","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"18.10.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.8.4","@open-wc/testing":"^3.1.6","@web/test-runner":"^0.14.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.1.0_1669405309215_0.9818232638450268","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@auroratide/reorder-list","version":"0.1.1","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.1.1","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"5b00084f4c43fc55b30dd8b9a77f20b4d8fdc107","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.1.1.tgz","fileCount":20,"integrity":"sha512-9NVlfw7UaFO3n1k+awz8kqf+GtGbXSeEU4E8x1uyc3X8ds5zPcR8RCz8ir5+C5h624YGBThTVb9Mx+ssVvBTNw==","signatures":[{"sig":"MEQCIHP2WkGkvSDMf0u7A6K9AttDd8WSrTvBwwatF06lCgHBAiBqDasmoE8GZnjyVyktubuMBU7tUQxVMDV4IQMd19drlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18386},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.1.1.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/ecc16ebe3479e9e67cac18d5da5c6cb1/auroratide-reorder-list-0.1.1.tgz","_integrity":"sha512-9NVlfw7UaFO3n1k+awz8kqf+GtGbXSeEU4E8x1uyc3X8ds5zPcR8RCz8ir5+C5h624YGBThTVb9Mx+ssVvBTNw==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"9.2.0","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"19.4.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.1.1_1707582728559_0.2101554667186598","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@auroratide/reorder-list","version":"0.1.2","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.1.2","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"54d12e39c2f7f7b09c591a482fd58a22f73bed6e","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.1.2.tgz","fileCount":20,"integrity":"sha512-t7YDm27y8aDL744MLSdNztnkE4GIOokVEvijsY8/+v5ebtwPbUEm7F4mUbBPPwi4KvK50NXAH6zBcJGEF3vHwg==","signatures":[{"sig":"MEUCIQCy4W4Ej7rhkjVAp4uWLbeQrBzzeZKxgsRonakvA4rk4wIgWtMv1WcAEcg4x8qVuE1+HtmBpcnIroXi+nIwGqqr86Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18444},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.1.2.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/2879ac22e830adbf99aff9f56cd78860/auroratide-reorder-list-0.1.2.tgz","_integrity":"sha512-t7YDm27y8aDL744MLSdNztnkE4GIOokVEvijsY8/+v5ebtwPbUEm7F4mUbBPPwi4KvK50NXAH6zBcJGEF3vHwg==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"10.2.4","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.1.2_1717500216548_0.6894251748063562","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@auroratide/reorder-list","version":"0.1.3","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.1.3","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"faa46ee603a456f64540d9d3409b5db7f2a3ad42","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.1.3.tgz","fileCount":20,"integrity":"sha512-yNcF32OeHBVN0vR7fnONyKI+2P4hvk9TRTspINQwcgKVovi81hayoA+OAm23HJQjeHWLcKRgEC4ZYEUcFMhwBQ==","signatures":[{"sig":"MEQCIHwa6V8PjlwGQWFMFEF59z1C1zmVyO2+PUfPP9ThWQJOAiANJ1BvIV4lmJr/nNhiWK5WehYmuK9GyKtpfwramT9NiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18503},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.1.3.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/ad532f6c41db7c077b2ae09756f630a1/auroratide-reorder-list-0.1.3.tgz","_integrity":"sha512-yNcF32OeHBVN0vR7fnONyKI+2P4hvk9TRTspINQwcgKVovi81hayoA+OAm23HJQjeHWLcKRgEC4ZYEUcFMhwBQ==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"10.2.4","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.1.3_1717500907486_0.7313635219429979","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@auroratide/reorder-list","version":"0.2.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.2.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"4c8e8798a3ee6bd3ec58ba051179d9902008212d","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.2.0.tgz","fileCount":20,"integrity":"sha512-ClHf4Go8vb7u/GVIzvJgLuMyE9MWbfegVX+39IUwNXTybADHZIYvVF1zSPrNO+DqCOgcadEj/EIJ6K0aXOSYnw==","signatures":[{"sig":"MEQCIAu8de7US+sVxI/a0REtco0QK5s+hXGcUAk3miYw0ZgfAiA8/yZ/7tQOohg08/S7kJ4Jk4xlxB/f5r2jx9z8vNUPqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19290},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.2.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/177accec3dad7c8de6e12bc152a9f70b/auroratide-reorder-list-0.2.0.tgz","_integrity":"sha512-ClHf4Go8vb7u/GVIzvJgLuMyE9MWbfegVX+39IUwNXTybADHZIYvVF1zSPrNO+DqCOgcadEj/EIJ6K0aXOSYnw==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"10.2.4","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.2.0_1717592178696_0.5921154568408953","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@auroratide/reorder-list","version":"0.3.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.3.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"759ebc206c762bcbb1cce4fb2b08e2f78d9670b8","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.3.0.tgz","fileCount":20,"integrity":"sha512-swmf9VJZsZ+T93pee2LFuuSTvDaG5BzbfmFtCa3HQkIP1BtVk3nXFBtsWVHM0Qsj0DAtVKMXsOLY8hOVO4M50A==","signatures":[{"sig":"MEUCIASk1940D5W5JcbjQH/vC8hVX7jAbNF941ou8IOXa9A1AiEA5kW1emrcEkaIDKzsgoVKh/OP37VYoB05uaK1M2DeOPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20735},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.3.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/0ef664feafdbe4152f8b017cf86f8391/auroratide-reorder-list-0.3.0.tgz","_integrity":"sha512-swmf9VJZsZ+T93pee2LFuuSTvDaG5BzbfmFtCa3HQkIP1BtVk3nXFBtsWVHM0Qsj0DAtVKMXsOLY8hOVO4M50A==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"10.2.4","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.3.0_1717764136214_0.7013411547335242","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@auroratide/reorder-list","version":"0.4.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.4.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"c881829db24a97df362e3b1bd8c4a87479b950bd","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.4.0.tgz","fileCount":20,"integrity":"sha512-DX0ywS3+usFxUNS2W49M8HIP/boAXSvPOeUJLAfvdi2rZYrRdvC8iEHukaQ5CBynuEFC8/s8parkmBfaR1WaGQ==","signatures":[{"sig":"MEQCIHGl5sCEuSo9cZZfmOvKHazWcZNWOZU9VfZC6n7jGEVzAiBm6VRhq1Fl7wUVBeva6EvGKzGItucq7l691d5nn6sODQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26350},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.4.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/bk/zbxm0bcj609gs34tt_wxngfr0000gn/T/2ec111bd74c7086ddddd560242f0856f/auroratide-reorder-list-0.4.0.tgz","_integrity":"sha512-DX0ywS3+usFxUNS2W49M8HIP/boAXSvPOeUJLAfvdi2rZYrRdvC8iEHukaQ5CBynuEFC8/s8parkmBfaR1WaGQ==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"10.2.4","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.3.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.18.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.4.0_1723305067105_0.6101688656745989","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@auroratide/reorder-list","version":"0.5.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.5.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"c328607084cb6b8fcdbb2f7a0f4a7261eb22bdd5","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.5.0.tgz","fileCount":23,"integrity":"sha512-oAfpT+kq+KY1up6tNKeMeluhItyLYIgjEEduw3aLsqzGfnqol/2zxHuQT1OenwlVnfHrrbBjcBHOAvCw/xJ5DA==","signatures":[{"sig":"MEYCIQDY4JKzIgvH5quiyBysdEeAH0fePfdSvwMQgJKio4puMwIhAJ1fojBTTvQyhxJ3wZYcceXzmefBvVvAFg/ISEnEoNEi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33177},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.5.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/v4/8mbblx3x25z2k8p9_0gssvtm0000gn/T/59e1e8ed8593433b07e102f182438e50/auroratide-reorder-list-0.5.0.tgz","_integrity":"sha512-oAfpT+kq+KY1up6tNKeMeluhItyLYIgjEEduw3aLsqzGfnqol/2zxHuQT1OenwlVnfHrrbBjcBHOAvCw/xJ5DA==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"11.6.2","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.8.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.20.1"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.5.0_1774365189601_0.36865148082243326","host":"s3://npm-registry-packages-npm-production"}},"0.5.1":{"name":"@auroratide/reorder-list","version":"0.5.1","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.5.1","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"c7636d53f834c93a90d8642d93ec3d31c7a7eb84","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.5.1.tgz","fileCount":23,"integrity":"sha512-F6zyDrzmU977BD70f3chG/EUiQYp4u9A7VaafJasyBRYjykmtT3vpTp+0TWPxOY1TBv+LtNJzKDU4gs5XrTnDw==","signatures":[{"sig":"MEQCIEDoHCZPwza8ck+78pVZ2Q7wBY99xES8sPcbPmK2dkWKAiAqF6vU2TSVrrPKJARUcPcIZIJMPBRMl+erCosDi3Z5Ig==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34128},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.5.1.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/v4/8mbblx3x25z2k8p9_0gssvtm0000gn/T/ff6bcc089603ed7f4733c390d406df9f/auroratide-reorder-list-0.5.1.tgz","_integrity":"sha512-F6zyDrzmU977BD70f3chG/EUiQYp4u9A7VaafJasyBRYjykmtT3vpTp+0TWPxOY1TBv+LtNJzKDU4gs5XrTnDw==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"11.6.2","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.8.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.20.1"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.5.1_1774382700653_0.7510378070083215","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"name":"@auroratide/reorder-list","version":"0.6.0","keywords":["reorder","list","rearrange","element","web component"],"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","_id":"@auroratide/reorder-list@0.6.0","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"cdc114a02a30d5d1ba1485fbc8217270753064b3","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.6.0.tgz","fileCount":23,"integrity":"sha512-D/0QsoO+fZGNdoEJ4Bjj8vjvGFfSBmCWp0R+Ttd+e9uBTdcanNMiSXmNMA4puIhQItyJdC9NS0bBHofU/EWlRA==","signatures":[{"sig":"MEYCIQDJ1Bxo8uphViFLpsk4K/amGopUJdb6ZOTKZ1lQkDRTZAIhAMVKocENaa7jBb5ZkUhUTU8DsyQoBGDBC2NzY6jKGtXS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":43765},"main":"lib/index.js","type":"module","_from":"file:auroratide-reorder-list-0.6.0.tgz","types":"./lib/index.d.ts","module":"lib/index.js","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"_resolved":"/private/var/folders/v4/8mbblx3x25z2k8p9_0gssvtm0000gn/T/b55aff3185a5ae306f82f5b9d4e5feeb/auroratide-reorder-list-0.6.0.tgz","_integrity":"sha512-D/0QsoO+fZGNdoEJ4Bjj8vjvGFfSBmCWp0R+Ttd+e9uBTdcanNMiSXmNMA4puIhQItyJdC9NS0bBHofU/EWlRA==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"11.6.2","description":"Web component for a rearrangeable list of items","directories":{},"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.8.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.20.1","@web/test-runner-commands":"^0.9.0"},"_npmOperationalInternal":{"tmp":"tmp/reorder-list_0.6.0_1786399748526_0.3404405922485618","host":"s3://npm-registry-packages-npm-production"}},"0.6.1":{"_id":"@auroratide/reorder-list@0.6.1","bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"dist":{"shasum":"1137142f58b56f2a7bdb7bc523a0051e67385748","tarball":"https://registry.npmjs.org/@auroratide/reorder-list/-/reorder-list-0.6.1.tgz","fileCount":23,"integrity":"sha512-0XhPRb2AO9rr/aykltAAVsSsKo7IxoB+Ha0nJGRTz/mvaJUbaMEw2oXdnEIzmr6IsGpqkRkRUqXHL7nOxEms6Q==","signatures":[{"sig":"MEUCIQCH5vv02TbQczxAh1HxjcjMnQ8f5Jxwcv52y8SOMxSAcwIgFyfIRMUuY6grOUqlDKm1cVX6HvfsWmBc8zygSbkb3Dc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDP1CdYoPEmiWh8TJ6WVj+84k+ZJYu8Zwf9pwRoh4NBbQIhAJpjGwTCG68f8oVx8uCb5+/JM3YVlOgsJ5MjV292WVXt"}],"unpackedSize":47520},"main":"lib/index.js","name":"@auroratide/reorder-list","type":"module","_from":"file:auroratide-reorder-list-0.6.1.tgz","types":"./lib/index.d.ts","author":{"url":"https://auroratide.com","name":"Timothy Foster"},"module":"lib/index.js","license":"ISC","scripts":{"test":"wtr --node-resolve --port 10004 test","build":"tsc","clean":"rm -rf lib","test:clean":"pnpm clean && pnpm build && pnpm test","build:watch":"tsc -w"},"version":"0.6.1","_npmUser":{"name":"auroratide","email":"tf.auroratide@gmail.com"},"homepage":"https://github.com/Auroratide/web-components/tree/main#readme","keywords":["reorder","list","rearrange","element","web component"],"_resolved":"/private/var/folders/v4/8mbblx3x25z2k8p9_0gssvtm0000gn/T/973b061833d579d7b8af0eafd03afbe3/auroratide-reorder-list-0.6.1.tgz","_integrity":"sha512-0XhPRb2AO9rr/aykltAAVsSsKo7IxoB+Ha0nJGRTz/mvaJUbaMEw2oXdnEIzmr6IsGpqkRkRUqXHL7nOxEms6Q==","repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"_npmVersion":"11.6.2","description":"Web component for a rearrangeable list of items","directories":{},"maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"_nodeVersion":"24.11.1","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.8.3","@open-wc/testing":"^4.0.0","@web/test-runner":"^0.20.1","@web/test-runner-commands":"^0.9.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/reorder-list_0.6.1_1790113203150_0.8907123484527624"}}},"time":{"created":"2022-11-25T19:41:49.159Z","modified":"2026-09-22T21:40:03.390Z","0.1.0":"2022-11-25T19:41:49.399Z","0.1.1":"2024-02-10T16:32:08.734Z","0.1.2":"2024-06-04T11:23:36.695Z","0.1.3":"2024-06-04T11:35:07.629Z","0.2.0":"2024-06-05T12:56:18.870Z","0.3.0":"2024-06-07T12:42:16.372Z","0.4.0":"2024-08-10T15:51:07.280Z","0.5.0":"2026-03-24T15:13:09.779Z","0.5.1":"2026-03-24T20:05:00.818Z","0.6.0":"2026-08-10T22:09:08.688Z","0.6.1":"2026-09-22T21:40:03.232Z"},"bugs":{"url":"https://github.com/Auroratide/web-components/issues"},"author":{"url":"https://auroratide.com","name":"Timothy Foster"},"license":"ISC","homepage":"https://github.com/Auroratide/web-components/tree/main#readme","keywords":["reorder","list","rearrange","element","web component"],"repository":{"url":"git+https://github.com/Auroratide/web-components.git#main","type":"git"},"description":"Web component for a rearrangeable list of items","maintainers":[{"name":"auroratide","email":"tf.auroratide@gmail.com"}],"readme":"# The reorder-list Elements\n\n<p hidden><strong><a href=\"https://components.auroratide.com/reorder-list\">View this page with live demos!</a></strong></p>\n\nThe `reorder-list`, `reorder-item`, and `reorder-handle` elements represent an ordered list of items that can be reordered. They are built with accessibility in mind and implement list/listitem semantics with a button handle.\n\n<!--DEMO\n<wc-demo>\n\t<p>Press and hold to drag items. Or, tab into the list and use <kbd>Alt</kbd> + <kbd>Up/Down</kbd>.</p>\n\t<reorder-list>\n\t\t<reorder-item><span>Apple</span></reorder-item>\n\t\t<reorder-item><span>Orange</span></reorder-item>\n\t\t<reorder-item><span>Banana</span></reorder-item>\n\t\t<reorder-item><span>Lime</span></reorder-item>\n\t\t<reorder-item><span>Blueberry</span></reorder-item>\n\t\t<reorder-item><span>Plum</span></reorder-item>\n\t</reorder-list>\n</wc-demo>\n/DEMO-->\n\n```html\n<reorder-list>\n\t<reorder-item>Apple</reorder-item>\n\t<reorder-item>Orange</reorder-item>\n\t<reorder-item>Banana</reorder-item>\n\t<reorder-item>Lime</reorder-item>\n\t<reorder-item>Blueberry</reorder-item>\n\t<reorder-item>Plum</reorder-item>\n</reorder-list>\n```\n\n## Installation\n\nYou can import through CDN:\n\n```html\n<script type=\"module\" src=\"https://unpkg.com/@auroratide/reorder-list/lib/define.js\"></script>\n```\n\nOr, you may install through [NPM](https://www.npmjs.com/package/@auroratide/reorder-list) and include it as part of your build process:\n\n```\n$ npm i @auroratide/reorder-list\n```\n\n```javascript\nimport '@auroratide/reorder-list/lib/define.js'\n```\n\n## Usage\n\n`reorder-list`, `reorder-item`, and `reorder-handle` are **markup elements** that you can use in your HTML document. To use them together, it is best to follow these guidelines:\n\n* `reorder-item` elements **must** be _direct_ descendents of a `reorder-list` element. This is similar to how `li` must directly descend `ol`.\n* `reorder-handle` elements are optional, but if included **must** be a descendent of a `reorder-item` element.\n\n## Reorder Handles\n\nBy default, when there is no explicit handle provided, the entire reorder item provides a default draggable handle that covers the item. If you only want a part of the item to be draggable, then you can use `reorder-handle`, like so:\n\n<!--DEMO\n<wc-demo>\n\t<p>Press and hold \"[Drag]\" to drag items. You cannot drag via the fruit names (allowing it to scroll on mobile and such).</p>\n\t<reorder-list>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Apple</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Orange</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Banana</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Lime</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Blueberry</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Plum</span>\n\t\t</reorder-item>\n\t</reorder-list>\n</wc-demo>\n/DEMO-->\n\n```html\n<reorder-list>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Apple</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Orange</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Banana</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Lime</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Blueberry</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Plum</span>\n\t</reorder-item>\n</reorder-list>\n```\n\nHandles have the following accessibility affordances:\n\n- Handles participate in the tab order of the document.\n- Handles are labeled as \"Reorder {item name}\", to instruct screen readers what the handle is for.\n- The default handle becomes visible on focus, indicating which item is focused.\n\n## Orientation\n\nBy default, `orientation` is \"vertical\", meaning you drag items up and down. Setting `orientation` to \"horizontal\" will allow you to reorder items left and right instead.\n\n<!--DEMO\n<wc-demo id=\"horizontal-demo\">\n\t<reorder-list orientation=\"horizontal\">\n\t\t<reorder-item>Apple</reorder-item>\n\t\t<reorder-item>Orange</reorder-item>\n\t\t<reorder-item>Banana</reorder-item>\n\t\t<reorder-item>Kiwi</reorder-item>\n\t</reorder-list>\n</wc-demo>\n<style>\n\t#horizontal-demo reorder-list {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tlist-style: none;\n\t\tgap: 0.5em;\n\t\tpadding: 0;\n\t}\n\t#horizontal-demo reorder-item {\n\t\tborder: 0.0625em solid #2573C1;\n\t\tborder-radius: 0.125em;\n\t\tpadding: 0.25em 1em;\n\t}\n</style>\n/DEMO-->\n\n```html\n<reorder-list orientation=\"horizontal\">\n\t<reorder-item>Apple</reorder-item>\n\t<reorder-item>Orange</reorder-item>\n\t<reorder-item>Banana</reorder-item>\n\t<reorder-item>Kiwi</reorder-item>\n</reorder-list>\n```\n\n**Note**: Bidirectional reordering is not possible with this component. `reorder-list` is for _lists_, whereas bidirectional reordering would be for a grid of some kind; they are different semantics.\n\n## Ignoring Reorder Trigger\n\nYou may have an element within a `reorder-item` that you do not want triggering a reorder. For instance, an `input` element should not start dragging, and it should instead focus on the `input`.\n\nUse the `data-ignore-reorder` attribute on any element within `reorder-item` in order to make that element not start dragging.\n\n<!--DEMO\n<wc-demo id=\"ignore-reorder\">\n\t<reorder-list>\n\t\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Apple\" /></reorder-item>\n\t\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Orange\" /></reorder-item>\n\t\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Banana\" /></reorder-item>\n\t\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Kiwi\" /></reorder-item>\n\t</reorder-list>\n</wc-demo>\n/DEMO-->\n\n```html\n<reorder-list>\n\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Apple\" /></reorder-item>\n\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Orange\" /></reorder-item>\n\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Banana\" /></reorder-item>\n\t<reorder-item>Drag: <input data-ignore-reorder type=\"text\" value=\"Kiwi\" /></reorder-item>\n</reorder-list>\n```\n\n## CSS Customization\n\nSince these are native custom elements, they can be styled the same way as regular HTML elements.\n\nOf note:\n\n* `reorder-item[data-dragging]` will style the currently dragged item.\n\nHere's an example of a customized list meant to look like reorderable cards.\n\n<!--DEMO\n<wc-demo id=\"fancy\">\n\t<reorder-list>\n\t\t<reorder-item>\n\t\t\t<strong>Cobb Salad</strong>\n\t\t\t<ul>\n\t\t\t\t<li>chicken</li>\n\t\t\t\t<li>egg</li>\n\t\t\t\t<li>tomato</li>\n\t\t\t</ul>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Fried Rice</strong>\n\t\t\t<ul>\n\t\t\t\t<li>rice</li>\n\t\t\t\t<li>shrimp</li>\n\t\t\t\t<li>egg</li>\n\t\t\t</ul>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Chimichanga</strong>\n\t\t\t<ul>\n\t\t\t\t<li>chicken</li>\n\t\t\t\t<li>beans</li>\n\t\t\t</ul>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Banana Pancake</strong>\n\t\t\t<ul>\n\t\t\t\t<li>breakfast</li>\n\t\t\t\t<li>banana</li>\n\t\t\t</ul>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Philly Cheese Sandwich</strong>\n\t\t\t<ul>\n\t\t\t\t<li>steak</li>\n\t\t\t\t<li>cheese</li>\n\t\t\t\t<li>bread</li>\n\t\t\t</ul>\n\t\t</reorder-item>\n\t</reorder-list>\n</wc-demo>\n<style>\n\t#fancy reorder-list {\n\t\tlist-style: none;\n\t\tbackground: var(--t-bg-a);\n\t\tborder-radius: 0.5em;\n\t\twidth: min(400px, 100%);\n\t\tpadding: 0.75em;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.5em;\n\t}\n\t#fancy reorder-item {\n\t\tbackground: var(--t-bg-b);\n\t\tborder-radius: 0.25em;\n\t\tpadding: 0.5em;\n\t\tbox-shadow: 0 0.1em 0.15em #0002;\n\t}\n\t#fancy ul {\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\tgap: 0.5em;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tfont-size: 90%;\n\t\tcolor: var(--t-primary-b);\n\t}\n</style>\n/DEMO-->\n\n```css\nreorder-list {\n\tlist-style: none;\n\tbackground: oklch(22% 0.021 255);\n\tborder-radius: 0.5em;\n\twidth: min(400px, 100%);\n\tpadding: 0.5em;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 0.5em;\n}\n\nreorder-item {\n\tbackground: oklch(27% 0.02 255);\n\tborder-radius: 0.25em;\n\tpadding: 0.5em;\n\tbox-shadow: 0 0.1em 0.15em #0002;\n}\n\nreorder-item ul {\n\tlist-style: none;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 0.5em;\n\tpadding: 0;\n\tmargin: 0;\n\tfont-size: 90%;\n\tcolor: oklch(64% 0.142 250);\n}\n```\n\n## Events\n\nThe `reorder-list` element dispatches the following events:\n\n| Name | When Triggered |\n| ------------- | ------------- |\n| `change` | Whenever an item in the list is reordered |\n| `commit` | At the end of an item being dragged |\n\nBoth events contain a reference to the item that was reordered, its previous position in the list, and its new position.\n\n```js\nlist.addEventListener('change', e => {\n\tconsole.log(e.detail.item)\n\tconsole.log(e.detail.oldIndex)\n\tconsole.log(e.detail.newIndex)\n})\n```\n\nThe difference between `change` and `commit` is the `change` event happens any time an element changes order, including in the middle of a drag. The `commit` event only triggers at the end of a drag, so the old index in that event's details will represent the position of that item prior to the drag being started.\n\n## Nesting Lists\n\nNothing stops you from putting lists inside of lists.\n\n<!--DEMO\n<wc-demo id=\"nested-demo\">\n\t<reorder-list orientation=\"horizontal\">\n\t\t<reorder-item>\n\t\t\t<strong>Fruit</strong>\n\t\t\t<reorder-list>\n\t\t\t\t<reorder-item>Apple</reorder-item>\n\t\t\t\t<reorder-item>Orange</reorder-item>\n\t\t\t\t<reorder-item>Banana</reorder-item>\n\t\t\t\t<reorder-item>Kiwi</reorder-item>\n\t\t\t</reorder-list>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Vegetable</strong>\n\t\t\t<reorder-list>\n\t\t\t\t<reorder-item>Tomato</reorder-item>\n\t\t\t\t<reorder-item>Carrot</reorder-item>\n\t\t\t\t<reorder-item>Squash</reorder-item>\n\t\t\t\t<reorder-item>Lettuce</reorder-item>\n\t\t\t</reorder-list>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<strong>Grain</strong>\n\t\t\t<reorder-list>\n\t\t\t\t<reorder-item>Wheat</reorder-item>\n\t\t\t\t<reorder-item>Barley</reorder-item>\n\t\t\t\t<reorder-item>Rye</reorder-item>\n\t\t\t\t<reorder-item>Rice</reorder-item>\n\t\t\t</reorder-list>\n\t\t</reorder-item>\n\t</reorder-list>\n</wc-demo>\n<style>\n\t#nested-demo > reorder-list {\n\t\tflex-direction: row;\n\t\tlist-style: none;\n\t\tgap: 0.5em;\n\t\tpadding: 0;\n\t} #nested-demo > reorder-list strong {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t} #nested-demo > reorder-list > reorder-item {\n\t\tbackground: var(--t-bg-a);\n\t\tpadding: 0.75em;\n\t\tborder-radius: 0.25em;\n\t\tflex: 1;\n\t}\n\t#nested-demo reorder-list reorder-list {\n\t\tlist-style: none;\n\t\tborder-radius: 0.5em;\n\t\twidth: min(400px, 100%);\n\t\tpadding: 0.5em;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.5em;\n\t\tmargin: 0;\n\t} #nested-demo reorder-list reorder-list reorder-item {\n\t\tbackground: var(--t-bg-b);\n\t\tborder-radius: 0.25em;\n\t\tpadding: 0.5em;\n\t\tbox-shadow: 0 0.1em 0.15em #0002;\n\t}\n</style>\n/DEMO-->\n\n```html\n<reorder-list orientation=\"horizontal\">\n\t<reorder-item>\n\t\t<strong>Fruit</strong>\n\t\t<reorder-list>\n\t\t\t<reorder-item>Apple</reorder-item>\n\t\t\t<reorder-item>Orange</reorder-item>\n\t\t\t<reorder-item>Banana</reorder-item>\n\t\t\t<reorder-item>Kiwi</reorder-item>\n\t\t</reorder-list>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<strong>Vegetable</strong>\n\t\t<reorder-list>\n\t\t\t<reorder-item>Tomato</reorder-item>\n\t\t\t<reorder-item>Carrot</reorder-item>\n\t\t\t<reorder-item>Squash</reorder-item>\n\t\t\t<reorder-item>Lettuce</reorder-item>\n\t\t</reorder-list>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<strong>Grain</strong>\n\t\t<reorder-list>\n\t\t\t<reorder-item>Wheat</reorder-item>\n\t\t\t<reorder-item>Barley</reorder-item>\n\t\t\t<reorder-item>Rye</reorder-item>\n\t\t\t<reorder-item>Rice</reorder-item>\n\t\t</reorder-list>\n\t</reorder-item>\n</reorder-list>\n```\n\n## Filtering\n\nYou may have a list with some of the items hidden as a result of filtering. The reorder-list will still allow you to reorder the sublist!\n\nSome important notes:\n\n* The `change` and `commit` events continue to report the changes in the indexes of the overall list, not just the visible list.\n* The end result of the reorder will be as if the invisible items were visible, for the sake of predictability.\n* This works with arrow keys too for accessibility.\n\n<!--DEMO\n<wc-demo>\n\t<p>Orange and Lime are hidden. Dragging and arrowing both move straight past them.</p>\n\t<reorder-list>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Apple</span>\n\t\t</reorder-item>\n\t\t<reorder-item hidden>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Orange</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Banana</span>\n\t\t</reorder-item>\n\t\t<reorder-item hidden>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Lime</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Blueberry</span>\n\t\t</reorder-item>\n\t\t<reorder-item>\n\t\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t\t<span>Plum</span>\n\t\t</reorder-item>\n\t</reorder-list>\n</wc-demo>\n/DEMO-->\n\n```html\n<reorder-list>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Apple</span>\n\t</reorder-item>\n\t<reorder-item hidden>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Orange</span>\n\t</reorder-item>\n\t<reorder-item>\n\t\t<reorder-handle><span>[Drag]</span></reorder-handle>\n\t\t<span>Banana</span>\n\t</reorder-item>\n</reorder-list>\n```\n\nIf you need the distinction yourself, `list.items()` gives every item and `list.visibleItems()` only the ones on screen.\n\n## Accessibility\n\nThis custom element is build with accessibility in mind! It implements list/listitem semantics and uses handles to reorder the items.\n\n* Each handle is a focusable item that participates in the tab order.\n* <kbd>Up</kbd> and <kbd>Down</kbd> can be used to navigate the list, focusing on an element that will be reordered.\n* <kbd>Alt</kbd> + <kbd>Up</kbd>/<kbd>Down</kbd> moves the currently selected list item up or down in the order.\n* If orientation is horizontal, then <kbd>Left</kbd> and <kbd>Right</kbd> are used instead.\n* A live region is used to announce the last change of order.\n\n### Reorder Announcer\n\nList reordering is announced to assistive technology using a live region. This region is located at the end of the body document, with the `data-reorder-list-announcer` attribute. All `reorder-list` elements share the same announcement region.\n","readmeFilename":"README.md"}