{"_id":"@ax-design/navigation","_rev":"3-c991b1c69329f7769b4a9e000c94e221","name":"@ax-design/navigation","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@ax-design/navigation","version":"0.0.1","description":"Web component that implement Navigation Indicator animation of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/navigation.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.16.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-commonjs":"^10.0.1","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{"@types/bezier-easing":"^2.0.0","bezier-easing":"^2.1.0"},"gitHead":"efe3af1c948b435c294a66023ec8dd417d782701","bugs":{"url":"https://github.com/ax-design/navigation/issues"},"homepage":"https://github.com/ax-design/navigation#readme","_id":"@ax-design/navigation@0.0.1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-8j2vuAIlwA0Gy8kZTXYrPMLKZlVTd2NpbaAYui3/DaTuBBIlhT5dV80zeLUcUUGXkFMMTCsVnE4OFgqJvI6M+g==","shasum":"11d13b36efce1ea7e18475eb9e00db68904d5871","tarball":"https://registry.npmjs.org/@ax-design/navigation/-/navigation-0.0.1.tgz","fileCount":37,"unpackedSize":196963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGJyFCRA9TVsSAnZWagAAO4QP/3qDErpTGMUnhn1WUdQ1\nYTfk1kI3F43Wso0XTDWWMuHRrxnrNuLndeSvKbws0nOVT4GS7o4MZtS9vl50\nhcb6Ezpr+Mz2RExn5xfuf5AWtBdHQHYdQN7ju3sXSo413fqJYsTZSw7/I5AQ\nTXlOotmEvw+8GIxrtn/qlAoOSrP8AWzG52bQPBDzKU7b7bv3G2wtbZZNUy7g\n+Xao0+FwJPqiVOlUxM6GJTZ6Gi2zc/LiLRjBsZqwYvC6/exiKeeieNa8mxB1\nL0F5Cr6S3gpzEfV90OpPDDL5x3CQcVb3BzoSTWb91gWOreYjQqFFVlKATogs\nm7587n0Nz9kS/B4PnGqh4OqO+Ct3+iuygpUAuBtIsFmeFNrryB6r7NtDJzjB\nA5QgUxYl7FG7odYuLwdEB2ey0N/LUKbUKZN7ZJ5Sv1DPvSgJmGEJGiP3lQL3\n01p7700c0H5j0q7hoW9omMJLo6kNvklEzwHI3D/WS40HK93znhexUSF6KptZ\nYbV3yiOmEB8zMrZE7yjiRbfBG/1Iau/9xbh5ZiFz1C6IeMUs7ltVEEq5Cy6p\nt00LTex3P9tPSuahq2dyZNelvXKGOx3Q58ZfUGWyshzJpWlVxQxx+bQ47ZSB\nM+QVTWAyMdjMbRAHyyQjmRLcEFiY7lZvzHaxC89MMflhRt3C4w40nSXr3U5a\nUoSg\r\n=SSIY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnuhOJSR76UQgrslWMGkQP5/hr95kS4Cl1fXA7lbyUUwIgbVGyvSunQfFlr6frq0Ti9EW5osB7rqtvvtsblO9KxEg="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/navigation_0.0.1_1561894020833_0.7273138449942282"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ax-design/navigation","version":"0.0.2","description":"Web component that implement Navigation Indicator animation of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/navigation.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.16.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-commonjs":"^10.0.1","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{"@types/bezier-easing":"^2.0.0","bezier-easing":"^2.1.0"},"gitHead":"c98fa946fb4cc6e5622d09c9948df9c6152e06fd","bugs":{"url":"https://github.com/ax-design/navigation/issues"},"homepage":"https://github.com/ax-design/navigation#readme","_id":"@ax-design/navigation@0.0.2","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-ELyqNuorMf3HosoJKsr2ZCo3M6yJ7gHlNal5SsyAxki/2cajXvgUDn+uP4qehtQuW+E7tdgrmWsSGfXJIJpVFQ==","shasum":"27dede8d803747a8b0156f8c831fd75f69ca09b9","tarball":"https://registry.npmjs.org/@ax-design/navigation/-/navigation-0.0.2.tgz","fileCount":37,"unpackedSize":197955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIAqbCRA9TVsSAnZWagAAU+8P/10IN0jvx/ByAicyi477\nT//mRnhHASFrcfOkQb0gKyWwjJgwq4fAD7pj4Gtc2kAMEvmj59ByeGnG1Mq/\n1AiuUDiUlK6vwwN3KtDN0d7RaKEg7FITbiyjjwRy8NoCaCJZrLVd+4RS4aL2\nLCQe+g31y4lDelE6YndrIDjJHj52TuMBkUHXCAnBuUQZDO8hD+LM4X9H2ZLm\ngS8Hq4IaiFOI+iwfH3zgmeTlJdZpT2hfT44JBWgUWPOHjxzTM2uo/HCQC7vV\nfAWbkaBDkb/S+Ml/qZ2fUMR6r0kEtBv22+CwJHnrMF+STNsgHwsa+HsoPTSm\nS0lnCHpfrLzDy+WBVRRa4undLn6NrHWS1UnH8qw7DZdBTgzPBM5kVzlxSWqr\n5+o5conWS2HBN0fNYK4MOz89imaY+9hgBIA4FO2aNSBkgOvzpuIYPw23VhBD\nGmrb2QbPrkKGbgLUVus5Q0pRywZgaHfRKGANqQuwVSafxIpJv/+12QPQQ9pd\nLUn/vWoemcXHq7fUhLUik4W/1tLNuwuMM2PvYQBRlY6mhXG/f3+5EcSsRE13\nRNDOKN0K83aYCd0vjg4dPLLmtdgtB8N9bbTs/5mJOEcQvJKoFE/NAGsYPiJz\nn0XKOTRT3hJSRK7rpvwxVbRet51XFpdwUzJQVkltHwiXTcAeOViPPJlg2A28\nJfG8\r\n=cTA3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3NRiu/dzCfjcf13nmsHC5ANaiaHakPsoNaGeHxrrJ/AiEA/Bwn14xKWQX6ReT698D8dvuJoaLA+7h0MvgJmG0Q+mE="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/navigation_0.0.2_1562380955049_0.1531148699065652"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-30T11:27:00.652Z","0.0.1":"2019-06-30T11:27:00.956Z","modified":"2022-04-04T17:06:06.430Z","0.0.2":"2019-07-06T02:42:35.218Z"},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"description":"Web component that implement Navigation Indicator animation of Axiom Design System.","homepage":"https://github.com/ax-design/navigation#readme","repository":{"type":"git","url":"git+https://github.com/ax-design/navigation.git"},"bugs":{"url":"https://github.com/ax-design/navigation/issues"},"license":"MIT","readme":"<h1 align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/navigation/master/docs/logo.png\" alt=\"navigation\">\r\n</h1>\r\n\r\n<p align=\"center\">\r\n  Web component that implement Navigation Indicator animation of Axiom Design System.\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <a href=\"https://www.npmjs.com/package/@ax-design/navigation\"><img src=\"https://img.shields.io/npm/v/@ax-design/navigation.svg\" alt=\"npm version\"></a>\r\n  <a href=\"https://travis-ci.com/ax-design/navigation\"><img src=\"https://travis-ci.com/ax-design/navigation.svg?branch=master\" alt=\"CI Status\"></a>\r\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6183&bid=50118\"><img src=\"https://deepscan.io/api/teams/4412/projects/6183/branches/50118/badge/grade.svg\" alt=\"DeepScan grade\"></a>\r\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\r\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/navigation/master/docs/screen-record.gif\" alt=\"Screenshot\">\r\n</p>\r\n\r\n## Installation\r\n\r\n```bash\r\n// with npm\r\nnpm install @ax-design/navigation\r\n\r\n// with yarn\r\nyarn add @ax-design/navigation\r\n```\r\n\r\nand import it:\r\n\r\n```javascript\r\n//CommonJS\r\nrequire('@ax-design/navigation').register();\r\n\r\n//ESModule\r\nimport { register } from '@ax-design/navigation';\r\nregister();\r\n```\r\n\r\n## Usage\r\n\r\n### Horizontal Navigation\r\n\r\n```html\r\n<ax-navigation>\r\n  <ax-navigation-item>Home</ax-navigation-item>\r\n  <ax-navigation-item>Apps</ax-navigation-item>\r\n  <ax-navigation-item>Games</ax-navigation-item>\r\n</ax-navigation>\r\n```\r\n\r\n### Vertical Navigation\r\n\r\n```html\r\n<ax-navigation vertical>\r\n  <ax-navigation-item>Home</ax-navigation-item>\r\n  <ax-navigation-item>Apps</ax-navigation-item>\r\n  <ax-navigation-item>Games</ax-navigation-item>\r\n</ax-navigation>\r\n```\r\n\r\n## Style Controlling\r\n\r\nNavigation component uses custom properties to manage the style of the navigation indicator.\r\n\r\n### --navigation-indicator-speed\r\n\r\n**Type:** `<time>`\r\n\r\n**Default:** `600ms`\r\n\r\n**Description:** The speed of navigation indicator's animation.\r\n\r\n### --navigation-indicator-color\r\n\r\n**Type:** `<color>`\r\n\r\n**Default:** `black`\r\n\r\n**Description:** The color of navigation indicator.\r\n\r\n### --navigation-indicator-width\r\n\r\n**Type:** `<length>`\r\n\r\n**Default:** `2px`\r\n\r\n**Description:** The width of navigation indicator.\r\n\r\n## Events\r\n\r\n### Switch\r\n\r\n**Bubbles:** No\r\n\r\n**Cancelable:** No\r\n\r\n**Interface:** SwitchEvent\r\n\r\n**Description:** A `ax-navigation` element receives a switch event when the indicator switched from one item to another item.\r\n\r\n**Properties:**\r\n\r\n* **`SwitchEvent.detail.from`:** The highlighted element before user switched the tab;\r\n* **`SwitchEvent.detail.to`:** The highlighted element after user switched the tab.\r\n","readmeFilename":"README.md"}