{"_id":"client-link","_rev":"2-1ed3acebfb88a9659853adee88e9d661","name":"client-link","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"client-link","version":"1.0.0","main":"index.js","author":{"name":"TimUntersberger"},"repository":{"type":"git","url":""},"license":"ISC","gitHead":"e1af1b6c411c63f0b7ab2764fb3c8b56089c6cbb","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element)","_id":"client-link@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"baaka","email":"timuntersberger2@gmail.com"},"dist":{"integrity":"sha512-R/0hV7k8zvCII2zXPmwn9mXS389XWI4xc6A759YJnO+c///oxNKxr5LHppScrtTxUEnOCH7HqDn3v5KyaHO2Ug==","shasum":"db51fe9bcff0866929a81a3c795aaf2762c53127","tarball":"https://registry.npmjs.org/client-link/-/client-link-1.0.0.tgz","fileCount":4,"unpackedSize":3457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbt4VRCRA9TVsSAnZWagAAiowP/iDeLN4Mx7+XBQAsol6F\nUjYtmnok+BEzS7bibxjwbCAr8Vul/J42jdqdVEXBaINpGp+vgKFKlyeM1a2V\nA8JjWLg7uEWBkqapLM/sn5EvuXXnlA0ait5/rO6QDGB+g2ThqwH7s2sNRBRa\nzz5pwXsaFa43GsmcPr+bldzEjikQsLQx+akybaboth1VLskuM2/q3jykIl/n\nxqlceI+jlxiKYwl+AnTBm9pJ2+7r+tTypfa+MsAz+GqR08UnilH3wv1u061I\nbVDhewxnc7oSI8cmLp45X8cEmWZLKGwNA/HcCqB2vfNuo3kspK6nEvwkKNxl\n5xloAfoMJw6seOrANTeeppQTfJwBu2WhXdwOV4RRfW063Mjig+uKYdNLuRc1\njSFmJ8t3THMqiVzfWmCNZFLw1/nEn7F8QPFyLrHMLmHXl9fhrb2F9YkjtPrz\nIvZ5eWPyYKvIVDLRYXIkwOvQb2tgXjidldaqczQ+ByXawvGy6M6F+Hg/1UHE\nzypx7I6tP+ERZDS/8AyBTppjfE4Ex0zbvs3O3j5srvuLV5da2ITrFScpuMGm\nMTiUMQAXv3+k4eZ4o4BbuzANwjYxsU6BU8T/1dWvYq8e9J35B1+6yI/wkV/B\n5NCkniQsM74jksXMcxYFXSPIe6D141gg4FTVHRQ4Qp8OCVivIGBwXkDri1Hh\nHFRe\r\n=Im9t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8JQlfweREzIcT71EQAQIr/CdLiF+OrOgpTnRr+YzOHgIhAJRBhq6n3weqUJa1N4dyoOvqL0isyvalEF+V2zWIgjKB"}]},"maintainers":[{"name":"baaka","email":"timuntersberger2@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/client-link_1.0.0_1538753873079_0.3046560712476496"},"_hasShrinkwrap":false},"1.0.1":{"name":"client-link","version":"1.0.1","main":"index.js","description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/client-link)","author":{"name":"TimUntersberger"},"repository":{"type":"git","url":"git+https://github.com/TimUntersberger/client-link.git"},"license":"ISC","gitHead":"61da60bb90f7e1a9a81c984916f607d1326d8b55","bugs":{"url":"https://github.com/TimUntersberger/client-link/issues"},"homepage":"https://github.com/TimUntersberger/client-link#readme","_id":"client-link@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"baaka","email":"timuntersberger2@gmail.com"},"dist":{"integrity":"sha512-gY94lKI9cH8Rn5eq4r3DnKzFCtiJR0ZLqiUPKuZTrtqsGD1V4wyWSPGEDh260qZaYcRItuJ7YCQgoQaDT0q58w==","shasum":"644bfe4fe88323684807cb67bc5aa4cc346faaac","tarball":"https://registry.npmjs.org/client-link/-/client-link-1.0.1.tgz","fileCount":4,"unpackedSize":3519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbt4ldCRA9TVsSAnZWagAAeGsP+gInMJGkoExoleY8qlKD\n/GmWnf3MtgtOTdZMWW5D8ofTg1IB2jYAW+cvP0PL21RMEi6ZtXswzaYINyC3\nPx19UBD9cask2etjYsgCRpqLNi2LLzbt332qAbftieaZ7nTrxquZR/sew+km\nI804czPCF1su8staWrb5EC4XIhKDRMaVmM/W2b0dn6IdMWtz77JnnuYbwoYO\nTedDLmES5R8zAAFOCAaFe8kScl5+hJfXrvOSz1YK/rRkALu+LBzYZKu6nmYZ\nwQVmmr2ksv7/eP7Vq9HeWokQSAjJyne2VYeiGzp91I5GL+08GpxfQj0rLj+S\nvBXyx67haPljTLQqvEcUZW5ap+cI0cYqdoEmXeuupI5MEUgse4A0o9k7JNxa\nzHXJ/7+hTjO7QvPvBNh3O6LmfAEf5MP0ziLKOCCR+jAFscmzUkey5a8FrEUH\ny6fb3VQzB5UWODyyhrGerfD+zz0LBYy/h7E5NBOajW8h0Nc+j+PzYqjyiEtP\nYsvQ8i2zhcdvjf0xWNhBwlVsG56W9nMP0bQeC9rh4D7WlJlkmtYB9beqla9u\n81EYRfEqxgQLAIc5feV8dHE3WnNSl012irn/ksdKigk1cXQ33Qf0FnVgDKSd\nZuJvO5UJByu7TR70I63Xy4tD/x5bfeZpBDASVVzgTexV0F3hL1fwWG1SyzM4\nRXHb\r\n=cJFM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClw7igBW4wtSaYI/gsFEbsX1nwMGFUNZ2r9EaJy+wU1gIgS40uGO4HRB/WoflAnYHcVSYr+SBtsctVGxxb9ISvK6Q="}]},"maintainers":[{"name":"baaka","email":"timuntersberger2@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/client-link_1.0.1_1538754907816_0.37817091043203144"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-05T15:37:53.079Z","1.0.0":"2018-10-05T15:37:53.207Z","modified":"2022-04-12T06:43:19.161Z","1.0.1":"2018-10-05T15:55:08.003Z"},"maintainers":[{"name":"baaka","email":"timuntersberger2@gmail.com"}],"description":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/client-link)","repository":{"type":"git","url":"git+https://github.com/TimUntersberger/client-link.git"},"author":{"name":"TimUntersberger"},"license":"ISC","readme":"# client-link\n\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/client-link)\n\nClient-link is a simple webcomponent for client side routing. \n\nThe component uses the history api to update the url and dispatches the `pathchanged` event whenever the element is clicked.\n\nIt also adds the `active` class to itself when the url matches the path specified.\n\n\n## Installation\n\n\n`npm install client-link` or `yarn add client-link`\n\n## Usage\n\n\n**Note**: the recommended way of using client-link is together with [client-route](https://github.com/TimUntersberger/client-route).\n\nhtml\n```html\n<script src=\"node_modules/client-link/index.js\"></script>\n<client-link to=\"/\"> Home </client-route>\n<client-link to=\"/about\"> About </client-route>\n```\n\nlistening for pathchanged events\n```javascript\nwindow.addEventListener(\"pathchanged\", _ => {\n    console.log(window.location.pathname);\n})\n\n```\n## Attributes\n\n### to\nThe url gets set to the path of the `to` attribute whenever the element is clicked.\n```html\n<client-route to=\"/\"></client-route>\n```\n\n## Contributing\n\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -am 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request :D\n\n## License\n\n\n[LICENSE](LICENSE)\n","readmeFilename":"README.md","homepage":"https://github.com/TimUntersberger/client-link#readme","bugs":{"url":"https://github.com/TimUntersberger/client-link/issues"}}