{"_id":"@4rk/vue-roving-tabindex","_rev":"5-50d8b426b08cfc1d7e25e18b0a1241bf","name":"@4rk/vue-roving-tabindex","dist-tags":{"latest":"2.0.0"},"versions":{"1.1.0":{"name":"@4rk/vue-roving-tabindex","version":"1.1.0","keywords":["vue","vuejs","roving","tabindex","keyboard","a11y","accessibility"],"author":{"name":"Fork Unstable Media GmbH","email":"obj@fork.de"},"license":"MIT","_id":"@4rk/vue-roving-tabindex@1.1.0","maintainers":[{"name":"holmey","email":"mail@holgermeyer.net"},{"name":"barnslig","email":"leonard@techel.net"}],"homepage":"https://github.com/fork/vue-roving-tabindex#readme","bugs":{"url":"https://github.com/fork/vue-roving-tabindex/issues"},"dist":{"shasum":"1775def03bbe2e267f1cc6245a91d91147e7e78a","tarball":"https://registry.npmjs.org/@4rk/vue-roving-tabindex/-/vue-roving-tabindex-1.1.0.tgz","fileCount":9,"integrity":"sha512-8QbsrhDWijx8KSkz8yOKB/0kX+SAqZk0qnW0d7aUsy0bQQoYGRREK22dlRbiBishvXyUiT4auJHqrx4pAlVKsQ==","signatures":[{"sig":"MEUCIQDLPbqAJgA5MHuPgyr42TWZrkqnFP+RGT2jfUxVgdCv6AIgG1JtCvagxouUVoyZGJBf8terCYiGHboN4kdkwMFYRBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwaMWCRA9TVsSAnZWagAA+yMP/i+L6OpFJG88kgS8c6Xd\ngqIfsq9iF/HMMW9m4jMHx7qAFtmjOzNufyIiaeU/qGHeRHF8VLKmz8b73MHB\nkwulGTPWUmd3xxU7hnyDVry0YsSktV8i0ji35HasFOp9nYYCXSkae8Ufa00S\nOt9Fj5v3+chltA8N7EYI9QYqMmaGw7KkWacxN/uuptvS1oqlqccfJ6zU6K75\nk54VVReYiudVrcgSNUhg1SLqZ1xYwXG8Hy5/+kdNENdo+IJQlfEM7loSvDbM\nHqZjY2krcp94cqnJPXGm2Hzs4BhXcSIvq4i1sWpGvsYZhSAoVX5XREW8DhjP\nVgebwO+ngEF9nKe+a+Jca5LUfj44MeZeph5jPOkuifyvl0+qjx68DMixXAs7\nlq053wJVkk7ySQ99IdPr/m+PaepNsTrgVudWMKIIuvRl3IQpuZd0TEj4hDcM\nKB8kisfZmDRrBq8U6OQ+yKvKbgbWPLT7YFeq0St1ylJs4PnElWpXGa3Fe3ko\npKEkT4YZyN1qLC3beQjmySuqwLHd0jyxXNwHKDc3w3nXQgmt2FQxMiSGY2XP\nA85+I43KVVVsqz5gL7W/uZamsGI03wRv2C0jWyRPSI5h5q6zaCnzsDGBLEQH\nS3ztCe1zQMKOqNJ6m5T80dwrAVXwtAcMgkA2PszQ0C9AJivdoouyHsB6vv2q\n0VUS\r\n=9l+1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","gitHead":"f68ba8f70e4828c62ee501165849a661946a3e04","scripts":{"version":"kacl release && prettier --write CHANGELOG.md && git add CHANGELOG.md","preversion":"kacl prerelease"},"_npmUser":{"name":"barnslig","email":"leonard@techel.net"},"repository":{"url":"git+https://github.com/fork/vue-roving-tabindex.git","type":"git"},"_npmVersion":"6.4.1","description":"Add a roving tabindex to a Vue component","directories":{},"_nodeVersion":"10.15.1","_hasShrinkwrap":false,"devDependencies":{"prettier":"^1.18.2","@brightcove/kacl":"^0.1.8"},"peerDependencies":{"vue":"2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue-roving-tabindex_1.1.0_1572971285992_0.10751887609513644","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@4rk/vue-roving-tabindex","version":"1.2.0","keywords":["vue","vuejs","roving","tabindex","keyboard","a11y","accessibility"],"author":{"name":"Fork Unstable Media GmbH","email":"obj@fork.de"},"license":"MIT","_id":"@4rk/vue-roving-tabindex@1.2.0","maintainers":[{"name":"barnslig","email":"leonard@techel.net"},{"name":"holmey","email":"mail@holgermeyer.net"}],"homepage":"https://github.com/fork/vue-roving-tabindex#readme","bugs":{"url":"https://github.com/fork/vue-roving-tabindex/issues"},"dist":{"shasum":"317f36ba96d90f0399f01097838161785af0dbc1","tarball":"https://registry.npmjs.org/@4rk/vue-roving-tabindex/-/vue-roving-tabindex-1.2.0.tgz","fileCount":5,"integrity":"sha512-1m12iqWCJ/BOYI+jJlULQXCijHTzSWFkBZgqvS3Se3A6cZ6h/LRutxEzUTXXbeGNmq9AxQBNRgDhbXbOvl4sFQ==","signatures":[{"sig":"MEYCIQCA0BD5bejKJhxFiC5JXsYXUn9bY84/p58H0OZDyPiHDQIhALziCRlSZQrCs25K0dZyMuGgPyz+r4iC7eDswnP2qsh8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd88edCRA9TVsSAnZWagAABoAQAI6QnuZfHI3lfkklMg38\n7fI+AStk9we4QKdbNrged2vLnH+N15es3vodSRehDDlh/Bpptw8oBFCmFiuc\ng4g4nAp2G2bqRwnz11mZsY848Yk417DSL0rMbmc9Fb2Ju0NYsQRRTnCbb+X2\nTuDshVaQwzVHn9wpf0VV/RQ87mSvWqNYM4t+YnV8gFdfYZaRuIYWqj06ZW5q\nyC3D8oqHvNYSan7kn8rArr4yaAncrfaenkfGZHrqlt8MqatveR0GvhxGTV0l\nFLkSE0cJTIDI4wUl7aTU5YquxDQhaDA1F8haXx5g3bPKdj3sFQuQSnsJvDfp\npoo5FfesuugZ2K4SLQHAc4DAlj0oBEqBNdUUUZz0qOX/jnN5ydcADV2shk+8\nJ6By+lMxAUf1bSpamk4uvaq3wNXSBRqMT5GdpVuinDHl2hUvmoHttJqjnfRt\nQ+PkHx+3/YaaReQGwLuQE2xqpJoBo5yNxixcvR4FDePSRfv3+M2Awn3/2p7R\njJjtqglZl6m2CM8LV/qVCveCtBaWZ13jC4n8oktTurRJpH0FWSyi+wLYmDkK\nIIkja9rR0bNuHnb3Ky4ZHNyA5FHbaHWeZu8BIcB9MSWbPCHSUZytDSI/9UHc\nCp4ag4QsiIH06Z8UZVN5jphazT4c5aeiW1pN273kQnFjPA8uejqDjmn6CHPd\nJ2aC\r\n=NTBJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"37136f53d018ef333176a2355202b5e0545251d3","scripts":{"build":"rollup -c","version":"kacl release && prettier --write CHANGELOG.md && git add CHANGELOG.md","preversion":"kacl prerelease"},"_npmUser":{"name":"barnslig","email":"leonard@techel.net"},"repository":{"url":"git+https://github.com/fork/vue-roving-tabindex.git","type":"git"},"_npmVersion":"6.4.1","description":"Add a roving tabindex to a Vue component","directories":{},"_nodeVersion":"10.15.1","_hasShrinkwrap":false,"devDependencies":{"rollup":"^1.27.12","prettier":"^1.19.1","@babel/core":"^7.7.5","@brightcove/kacl":"^0.1.8","@babel/preset-env":"^7.7.6","rollup-plugin-babel":"^4.3.3"},"peerDependencies":{"vue":"2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue-roving-tabindex_1.2.0_1576257437143_0.5870910105340781","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@4rk/vue-roving-tabindex","version":"2.0.0","keywords":["vue","vuejs","roving","tabindex","keyboard","a11y","accessibility"],"author":{"name":"Fork Unstable Media GmbH","email":"obj@fork.de"},"license":"MIT","_id":"@4rk/vue-roving-tabindex@2.0.0","maintainers":[{"name":"jonas.leonhard","email":"jonas.leonhard@fork.de"},{"name":"barnslig","email":"leonard@techel.net"},{"name":"holmey","email":"mail@holgermeyer.net"}],"homepage":"https://github.com/fork/vue-roving-tabindex#readme","bugs":{"url":"https://github.com/fork/vue-roving-tabindex/issues"},"dist":{"shasum":"ce03817ac04784376098220c3086fa901d6d8540","tarball":"https://registry.npmjs.org/@4rk/vue-roving-tabindex/-/vue-roving-tabindex-2.0.0.tgz","fileCount":4,"integrity":"sha512-++t0kR1Id2Qg7WyRZUB0TXJicUZAJOrmMwrFbDKNuxGMKlPeEfkzuJTSeM/NrE70rrkzKoGYui0wUImwASVVzw==","signatures":[{"sig":"MEUCIQCJfDLXF6hsz+j59aqVJH98RqzBpeePcs1f2lvNJcegXQIgNlaXuxBz1be64It7FKpfB1K1Tlhtc4x/Rl8SLgTE1jk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9116},"main":"dist/index.js","gitHead":"b3962e0053d20c5a2a68302eadf52f20ff3663bc","scripts":{"build":"rollup -c","version":"kacl release && prettier --write CHANGELOG.md && git add CHANGELOG.md","preversion":"kacl prerelease"},"_npmUser":{"name":"jonas.leonhard","email":"jonas.leonhard@fork.de"},"repository":{"url":"git+https://github.com/fork/vue-roving-tabindex.git","type":"git"},"_npmVersion":"10.2.3","description":"Add a roving tabindex to a Vue component","directories":{},"_nodeVersion":"20.10.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^1.27.12","prettier":"^1.19.1","@babel/core":"^7.7.5","@brightcove/kacl":"^0.1.8","@babel/preset-env":"^7.7.6","rollup-plugin-babel":"^4.3.3"},"peerDependencies":{"vue":"3.x"},"_npmOperationalInternal":{"tmp":"tmp/vue-roving-tabindex_2.0.0_1704363431930_0.3835081659006414","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-11-05T16:28:05.823Z","modified":"2025-02-25T14:22:40.735Z","1.1.0":"2019-11-05T16:28:06.201Z","1.2.0":"2019-12-13T17:17:17.261Z","2.0.0":"2024-01-04T10:17:12.103Z"},"bugs":{"url":"https://github.com/fork/vue-roving-tabindex/issues"},"author":{"name":"Fork Unstable Media GmbH","email":"obj@fork.de"},"license":"MIT","homepage":"https://github.com/fork/vue-roving-tabindex#readme","keywords":["vue","vuejs","roving","tabindex","keyboard","a11y","accessibility"],"repository":{"url":"git+https://github.com/fork/vue-roving-tabindex.git","type":"git"},"description":"Add a roving tabindex to a Vue component","maintainers":[{"email":"mail@holgermeyer.net","name":"holmey"},{"email":"jonasleonhardfl@gmail.com","name":"jonas.leonhard"}],"readme":"# `@4rk/vue-roving-tabindex`\n\nAdd a roving tabindex to a Vue component. This is useful to implement keyboard navigation inside components according to [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices/#kbd_general_within).\n\n## Installation\n\n```javascript\nimport VueRovingTabindex from \"@4rk/vue-roving-tabindex\";\n\napp.use(VueRovingTabindex);\n```\n\n## Usage\n\n```vue\n<template>\n  <ul v-roving-tabindex-container>\n    <li><button type=\"button\" v-roving-tabindex>foo</button></li>\n    <li><button type=\"button\" v-roving-tabindex>bar</button></li>\n    <li><button type=\"button\" v-roving-tabindex>baz</button></li>\n  </ul>\n</template>\n```\n\n## Directive API\n\nThe package provides two Vue directives:\n\n### v-roving-tabindex-container\n\nThis directive denotes the boundary of a roving tabindex sequence. Add it to a parent element of the `v-roving-tabindex` elements.\n\nIt has a single boolean modifier to change the direction from vertical to horizontal:\n\n```vue\n<div v-roving-tabindex-container.horizontal />\n```\n\n### v-roving-tabindex\n\nThis directive should be used on every focussable element inside a `v-roving-tabindex-container` that is part of the roving tabindex.\n\nIts value can be set to `false` to remove the element from the roving tabindex:\n\n```vue\n<button type=\"button\" v-roving-tabindex=\"false />\n```\n\n## Related work\n\n- [react-roving-tabindex](https://github.com/stevejay/react-roving-tabindex)\n- [roving-tabindex-element-list](https://github.com/tajakobsen/roving-tabindex-element-list)\n- [vue-mixin-roving-tabindex](https://github.com/tajakobsen/vue-mixin-roving-tabindex)\n","readmeFilename":"README.md"}