{"_id":"vue-stripe-menu","_rev":"38-902eb0440c7c801b62ee8c6fdd1d3482","name":"vue-stripe-menu","dist-tags":{"latest":"2.1.1","beta":"3.0.0-beta.2","backport":"1.5.1-backport"},"versions":{"0.1.0":{"name":"vue-stripe-menu","version":"0.1.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","release":"standard-version","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^2.6.9","highlight.js":"^9.15.10","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.3","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10"},"gitHead":"99887ebc685b629462e8a501796ddfd107e68501","_id":"vue-stripe-menu@0.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aQmMBUhocQxcmI9UkZVOBOTK2mgRJ6WXJaK953Fr7wwEViz0UONzKqZbYArtCkJP3I1AqfSWjnIZjetDUwqq8g==","shasum":"36b447dd50252e006c6799392e7d75f340f55d2f","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-0.1.0.tgz","fileCount":46,"unpackedSize":2900414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoZQSCRA9TVsSAnZWagAApXwP/38xhEdAKzf3wxp8Endj\nPXi+IxWHYK5hnZ+4FiZ1AkXSX/VdOUhGZ/ZapF9rf+NQkGv52oc2iW000PLI\nnh7jXCvXzyAaEyWuxCbU5vEyGIbfjJ4R6zsbWnS7x38eVZwMdM1Vo2BgC7yI\nfUdtPt8GFRAAFvvBv5Ml/ldYT3camxDnMpUNJUJja0xd45zcRnh0OSOjt16C\n98s2Viuap9EKzZP4nqHmGKNiBoFLQ57+u7A8I6KZjRkT7GDO1dgxX8aqzetp\nNWY9RTGbxkhZxGHe87Zlw3UZTFBiansTaEjqSgwimDOj3oA9dkYXmvdIxKSi\niQ4/A0IVlG3hG6f+FkwwI0BX2QaIy4j6eo7KBSac/8aMQgXJEedOVmIAFnQ6\nhXukEOhEUZQo4ms5FTXMhrJHa0hvQIDQ5AZsJv64KB+egxig7Y1x3JlKuAtx\nM8lfb4Vv/90JjBfxTqk0XAo0l9H7/laeezTxwDs3wqtRjEU3i7I1OX42Dh/n\n2ire6E3JjIQZ2N5CCT25weYyse+aKIoV7cqYiI9ELpthP++ldkPSjYnh4Ier\nICOisqD1TL/rmqAqrqqVMuyhuPn4+K0IIunMewlJdzP97jNtfhgutEc5+snc\n1kj75A3TnYX/FQv2hOVA4+9eDmQqHSAOYkOiFh06UUr/MvLXRJY4kpn8FRB3\nSBOS\r\n=OI8E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBUPcIaRnoUIR3TRTTPRGAeesDtgMtxOSLGS45WJ072+AiEA+eqDcC3Mox8vVnc3fJ1My7ZYMcS7woyKoaJEiJ6LSe4="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_0.1.0_1570870289749_0.7064261034307164"},"_hasShrinkwrap":false},"0.1.1":{"name":"vue-stripe-menu","version":"0.1.1","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","release":"standard-version","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^2.6.9","highlight.js":"^9.15.10","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.3","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10"},"gitHead":"dfe9ffe528e10ee51ba43dc01f9083d3603e0655","_id":"vue-stripe-menu@0.1.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kyr0CSxJLvefodfPOPKCShlmaZzgJkyYtSS3s4ojNmd+S7SNwN7sqSiCeJ9+7hEDjEpa+Y+zQmZ+yTVKy6bxDQ==","shasum":"98e7d9c300e35ba1a9d285c4a3ca26407d45b3e5","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-0.1.1.tgz","fileCount":43,"unpackedSize":694005,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoZeTCRA9TVsSAnZWagAAVoIP/A5xMp/or0JUL2+bZKjV\n1doSlx4ceZxa3J4ZQuFwZ5bf+ALOTFLTh8kCE+JkKopeDa92Uo1G+beagiFd\n6nl6RGsvdkyqUoeImCpN3SNrMSgO1IVN+CnzWViIHYnj8tSuNMo6ZMJ7f6VA\nepAjxKDojH7idOd8peI/egA57YBT0JvWet7pqd3WmefyhhGOXgsFBcVMXFTT\nJFE7oMBx75VT/Gf5gYSKb+XwGq/7p3EEq0+LfPHLRn5Utdp9WvD6zpv0am4Z\nAQxYWrfBx2gV1a8u1IkwINtaypGZDsRGspoPkMIsXzweIyeoAQkGuhBM8ugY\noN6xhslo515GxhaxU6jEJ2XgLqImHzFx2lpOBbohyUgWHhQ6VigafnHXlZMG\nxOstJXkLowUD01cv3kHIbYeIAzM1enDuzdYT3+HkiCPS8H8n7FtAsLzmAN34\nt9wFOIHv6TWNy0tjjy/ZrmsPvbOeFxQUF4NWMlrHKgCrsncfhS3cfuqHKJRv\n/27p++WNbzUt4uEys6LCIlGfOX65yHkFrGK/70aOvS4DvhFbTv7aT0I9b+pX\nGkVRs2U5kPBX1GGiaSaW7vYWJk334RXdmt6Y7Gbz/Y8maJ2O2JKFzjSu78ur\nepcOW5MqOGxfv3YG1Naj0TPfF6zyx9+YQgUF/fAuETUQ6kSYMvyX/1lws4kU\noE9S\r\n=coG7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFjehPFEuJCeHilp6+ejlrAylLP45Qkf5iec64TOBm0bAiEA8NgF2835TEdjgP6qO00Ghd5QpSJbK+rAErYW+tuYA+I="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_0.1.1_1570871186747_0.8418293895153759"},"_hasShrinkwrap":false},"0.1.2":{"name":"vue-stripe-menu","version":"0.1.2","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","release":"standard-version","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^2.6.9","highlight.js":"^9.15.10","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.3","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10"},"gitHead":"19440b8aaaaec59e9a9eca5be2023594286bfbf1","_id":"vue-stripe-menu@0.1.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IRNzHvpll54fejD7SNA1yUD0L6S52Cz0jWeFqpse6zy9JWYKWwyfiLfCAokN5iRJwjVUqBZP0UljQWG4bn/fAg==","shasum":"e45e70f2699a4888de574df7a15f218109179f7a","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-0.1.2.tgz","fileCount":43,"unpackedSize":374324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoZ5WCRA9TVsSAnZWagAAyHMP/1MjKOb9xNRfAlP0DCk1\nXAx3aw0zu9U3NCCDIF4hzrAEvqxoBITYldcQMurUfvl8TKG7vxr+4qTsMst6\nhXc0PbbZlNebK4SWXv34D+PQrZpHFN19fa0SjX3uyqDWMx27Gm/DzCZ4yTVp\nSt0tUpTb3EIz3YHQH+i1R2sr9ZeaNEvIPW96F1oeIPOoNAlbcSIbANUrQ55s\nx8/cQYOjk1sOSm0ZQ+e7KEc11EesfVavoYD8RCPlehtB//NLqVx8PfdiF9vO\nMdUllnxz7r5ut5Z4CJVY7N9JyvSiL9+tZkIEKEEDPze7FsHNdvl0AY66mf9R\nsBMEQqPv/h3xhj4eQAwRpNXFL2kt3AOAhFW6mOFmIt1vF14JUZahs+7M1tIQ\nRkfSiHe1mWPcQf3sxKbhqzOZLdJP8C8wZuKCiUWz1xPbVKC2xZSZPCJp7MOw\nF2mR7lBIyQVNSpy0V5fdtZ72IpSa7zwSe6BSox2wstUunSqkf7AHgEgo9GlU\nlUEXXcHwxEyBcuoiGD0dTsjKEE3pwGrmR+/LXxjuWykd/zAMLCwti+UVNQGW\nW4vMQgdO7lfJpUA+wGwxDAgFEStGXN/EpM028M3qk7EpttCG3cuB0ufrbAHW\n1Ke9TJkjhcDh9+tjsjRGslnlh1EuCh5ObOGbtJH/svD5vm3/VqXpVYa4ZO3b\np8pv\r\n=ln8s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC25NIBcrh0B/KIuzgPiPQtRzT7sB/3M0PjXJvrb5ud3AiEA1aiF5C0ltqpoG00rYtifBxXHe3j6ku565EiHiowZ/HU="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_0.1.2_1570872917938_0.4262902500133734"},"_hasShrinkwrap":false},"0.2.0":{"name":"vue-stripe-menu","version":"0.2.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","release":"standard-version","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^2.6.9","highlight.js":"^9.15.10","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.3","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10"},"gitHead":"820b7c3430d30588f5a954fbaa93cb1f5b1f214b","_id":"vue-stripe-menu@0.2.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uiEKIrVL/BQuBV9VFDQFuY9nCtQjUhEnI8Da4txB2O3GBjtMzTwIvQa20McssE52Pv9PcqQvWYlIoKk6yIR3CQ==","shasum":"db79877bbf5b597fc9be3e0fb10832bb20968607","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-0.2.0.tgz","fileCount":43,"unpackedSize":379347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpgSYCRA9TVsSAnZWagAAgQIP/RbVWXTLRVMHMWQLtIOP\nQsAyrLkm/jbhEVi1KiZgLpfI4EPJntDFjwsQCY68JyutnPKPcDVMFk9avrEr\nIBzJ520DSHppM0C8j5H/5gk0VEjNdUZC29QTrXhD+4wHUTspr9qZwViwjfoq\nn4kD4lMbIrGbWk9Ief6OwTBb+TQPoLCnxBgU/+jfdWPm/pa9+21RScWixdB0\n1FJLf6HC9IdpE2HnbMlgMuocTWPdrvFM3Z691zzbDmNICHxgmxwgHU8k6OeR\nNcmUAa9PCCSl+9Exrj5zvAQ+ayuCST6pdUygrbGho2I2eNhiyRPWv4G0jY49\nanuzBivVBFLtLMGPqP3OxLWXiojJs1BrV36on3ad81C7iB1QLQE7Ui18uSqm\nrNeeora1ROVQNsocWFfOkXZeiyO+BW1WC7LECnLqg4V4oLcwRpxaGVlAl8Nn\nLJx27GVhBzdlUM854AvhF1/BHSTv8D1IaPGmPw5AZA5f3QWYy0RTjfqlQQcJ\nqy1GmdE25D1V7hUDNtabdsssJC6e9TpvYdxoO/TRkEkHv5/kWYUW8+jFmivI\ncV9r2Uhhndp11wbE88NYQoJ4yrx42+D38mCFTjybQRbQNV/aJ3drX3vVtbPG\nTeAzMw0IiwFdGpgCBLZfHpi58EeDD78v2cvBfVGncx7gx2Tt7T2N5lMa/hHu\n+PuB\r\n=EH1T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDowV/H5sszJ17TOME9rkmEPTxp2kXrPFmRuxiUUaMhUwIhAN41K+BSa3R1yPtx4ryyr6ZOfiC7lpMYMZAoZCkdO8Kz"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_0.2.0_1571161240091_0.8120859903993896"},"_hasShrinkwrap":false},"0.3.0":{"name":"vue-stripe-menu","version":"0.3.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","release":"standard-version","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.3.2","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.1","@vue/cli-service":"^4.0.0","@vue/eslint-config-standard":"^4.0.0","babel-eslint":"^10.0.3","dotenv":"^8.2.0","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","highlight.js":"^9.15.10","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10"},"gitHead":"55fb8ed5117ad0c305aaa1fbc50fc5a36e830e08","_id":"vue-stripe-menu@0.3.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-b/cxkhMCANnh+v4uUI185xZJ7tv7dX3G8dFuBJFFVJprdheIpL6d3ruHNNSPpVt9RrJSjEolJcKkX7jYE6fspA==","shasum":"810f0873c25481a3a32ec4ea0d036665f3a237c9","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-0.3.0.tgz","fileCount":46,"unpackedSize":943897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp3XSCRA9TVsSAnZWagAAXG4P/iGkcXaHnCtG7IbHtSob\nnbZe7a7w9B+0AObKfBPv4HqYvRh3hrLqp1TZfDljfOlUlZJBtA7xLuw3rjvO\nSt4a0usjmNI2mOShgsVuQRzQ0SX64ez3uQLLXgF3vY95iCvIkjBhGJOGF9p2\nXAikAV77ZJo6KSoSSrbWumZBo/QAk2SvJ39oLWQT0GWmE9BZF5AHTIA0u6Pl\nyYnUnfql5K5TVTuDswO4DqWw2pQ2geWZbam41MU3oRtpIeOGkBDb6OMiOpHJ\ngjz4COdJD1nW2fpc1wDN9zuR6lLc4Nz2NBnjoFeAysdpA+KqGmfgP6Z1RYUx\nWDpPX7v/689XQaMNLQKmiIEbzwmFYt5yg01ZMQPb7Po2xcoWEEg1XP8EdAKO\n3E+7CT5mB0rzh+0lr7j8ocPevKqM02Hv8ORqCa/s2MBxmfS1TzZCzQ73QFVe\nZAjEK02MJS6jnVNb4AOGmnbZXK3m7ZdIIyle/YjUuXqviD83LwY72M4rIPk2\nLbIL5/LLvSosshmmnhycnRgELCnlc8K43XwLuf+P+7oFbmb4cLhdrMrfjfNV\n61nbgdfOhgZu8EoWXqGZIGMnn0pkA2N4qQ5Y658GJ6wO33KL3tlpxKidquv3\nTTYebWDm0pjT+PpKP3XJcC8ItWaGf+b7A13iUJvlyKeyTxhPWQ+QIDn8t+C9\ngzJr\r\n=W5TH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHXQJDI4DcydjqrjresTPdA5kc5Av+WkxzTu/W9dTykVAiEAomdwKloB/9t/h6+mRtcF9TBdXgSVIs0YHTgya9ViKlw="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_0.3.0_1571255754911_0.07122654052267774"},"_hasShrinkwrap":false},"1.0.0":{"name":"vue-stripe-menu","version":"1.0.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.3.2","vue":"^2.6.10"},"devDependencies":{"@babel/preset-env":"^7.6.3","@vue/babel-preset-app":"^4.0.4","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.4","@vue/cli-service":"^4.0.4","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","highlight.js":"^9.15.10","jest":"^24.9.0","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"gitHead":"ef26166f1c6fe85e681c2a22b413c40fa6c51fde","_id":"vue-stripe-menu@1.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sELilfQyVn4R/BpQaPkoakAWnOyKyv/BW4hgLXx6NrwfAx8LAb9NZMi56cFlvwlQBZXmypOgtatP9iweFuiduA==","shasum":"3e0cc97dd1c1589d2ba838b7cbe93a9f477ac211","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.0.0.tgz","fileCount":48,"unpackedSize":766133,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqvbiCRA9TVsSAnZWagAAff4P/3f5UPL8MGdmbpTdEBSk\nbgGHfrmU1kBgGA9B2mqZkRkMwQqmdmZeG5D4fT1VRV+v4lJ2HwlMGd9s+UBg\nKk6i+Ah8wHl+vHldIknVa+zlNWEB0Fyw3XW4h/0Q6t/VNXXpl/xSlR6TtyI+\neTfgOxOj+R3YlQ+ZBeZ67FmEfT1dAiawzpS9qDR72Hawp1YbZHl3DEEk/bzp\nZ6v3TzlLkqwgiFfUwaP7AU4gXpK/HxRczY4jsi8jwpWn6kpbXowWVHxd09RJ\n63n6/1g5RJ30khJuym7QPM161Si9NdA6dbgh1JGP+DFinxpJswm3JuNnIgW0\nGQzyGPJF8u8MCGpkE2ikkNntEBv1rmWB8sF4iE7cKLNTxbvb2aXgb6Pht241\nJafhmcIGGiwKGS2fjYerh0QNi0HBsm8SDVRvzYYSUrSR0GzoGCv1y1Sy/VRc\no7UF2TggXgQPBJNswNeTMh4Gpw8hTIhKO+HtKZRYd/udy1VMVYSjVaJrBeau\nsnAljdVLv3Tt5XEausN0YTLNKevf4TyR4RZWl9Z2+Pl+YrLubqyw9RoZ4gc7\nm8iFQYwdAH61ujXOKrjAMnWa+nPxYEPR/IGOV9O0ai7QR14lcfYKpiBKOQqp\ncQ8bGxK06shJwVD3YW58SH8ChqU/uDZJOjVLt91u52MWpRMaTDQXq6roQ43i\n5xpS\r\n=I2jz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID33yuO4P+8P5hWGVkwDy5EVZEEZaWSQ9EWWMVrI9DuHAiEA4rSfDFGBkCEjku27bSeQzSutdgjl4oX/NW1U64avMJI="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.0.0_1571485409636_0.8498424019590629"},"_hasShrinkwrap":false},"1.1.0":{"name":"vue-stripe-menu","version":"1.1.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","npm:publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.3.2","vue":"^2.6.10"},"devDependencies":{"@babel/preset-env":"^7.6.3","@vue/babel-preset-app":"^4.0.4","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.4","@vue/cli-service":"^4.0.4","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","highlight.js":"^9.15.10","jest":"^24.9.0","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"gitHead":"29e4a8c1f2ead29380977c63b403da431584163a","_id":"vue-stripe-menu@1.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-reh4nh8e0A7IZ/QlGOT0h6/40jUWW9HYkVDRRFCxHWVxG4amX6gmndwgQ3nhNU0L+SgFXZvZapbyM2IZDNhRoA==","shasum":"53c13281a92e8586e745cea7408a1032552ac3f3","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.1.0.tgz","fileCount":65,"unpackedSize":936672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtDXtCRA9TVsSAnZWagAACSMP/AyncM6/Zi9chVNNdFw0\nNPptdFZMta7bLlcoBC+S/yXm8qgaCwQmQ+n36PgXBCBRXhiSHOcPcgxqEB2A\n1bJkmRM4RtXS8fjs27SVlcbtbw9odnkOvGcWey7U1nRnIRCr2j3P5loQirhc\nxd3WLMCfznJnbz5eWn2ZOxCqaH2OcofXUyI891CimX2ahZ30suq+IIDjy8Ym\nZSprRLuMXXTL4HEJCT2Pd9EvKBSt0v9VuusfC3azaeyTxl8yJHlQdtAyCqpS\nkrZ7mSUHSubFwWfH/VEZW9o31pZVnFfjIVVD8W8/mnBEQeehlJHF0vsi9mAY\nhAAz+2zdRRLyo122Ueqj6xBTUkbEBuEPaIvGaw5MF7v01FRqiCVkPXmwsPvQ\nox1vCi6Oe6pnPPc8N+x7K05/ubMjeZ/xNiuFua2sbV6NNam0ZTiQ53pwStum\nyoGF9TP+lWCrzcYQc2ruBIU/NY/eKMHC/YoJ56vGPE2BcnfaGeS7ZlXDXDK7\nIJaQY4aF+RlQM6Jafu6ZSe/WcgAqqmxvXO9xis9zg0kWV12zWyaqYHxhHFi1\npS7gzPeidU649aMoY+HUqtpdUd+JH6SUDiVO+m2OQvzpB7KhicE9VK4GnjSs\nyLQ2YJ2OFy89Vo6FNLYtSxUvDWGQOp2tXzRb2N05MjxwzdQ+x/srRzbGjpf1\nuVwz\r\n=STg+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzv5Mnx8KqwZZJ+B75Ze94MyFOMrPbVwzPRYlQRgGa8gIhAIDnJfPHk7Z4wGCUb/96idfWwEkX7JWJZOhY66LtYylM"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.1.0_1572091372664_0.5896216498392783"},"_hasShrinkwrap":false},"1.2.0":{"name":"vue-stripe-menu","version":"1.2.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint","lint:fix":"npm run lint -- --fix","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.3.2","vue":"^2.6.10"},"devDependencies":{"@babel/preset-env":"^7.6.3","@vue/babel-preset-app":"^4.0.4","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.4","@vue/cli-service":"^4.0.4","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","highlight.js":"^9.15.10","jest":"^24.9.0","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"gitHead":"ae5c78b71e7ae35cb6005184b08a6b153538c299","_id":"vue-stripe-menu@1.2.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-y/w3LyxIsanKa6OH8j05CmDM/wzSGkte2/ao2z1YZnA6UOfCdIuZDkLi7eerMjNOex75YDvBp2zTGljno5GfmQ==","shasum":"d0cc1609e9573d94952948782fe2e7665b7ec811","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.0.tgz","fileCount":61,"unpackedSize":827291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtJR2CRA9TVsSAnZWagAAZewP/1PKkZ5Fbu2YJ/VQMuqc\nsYeHQCM6QwIfPYuvrEOF5ZM+Rl7eyl+Pjhrfwa78jDD6hH43HYsuqUwIvLdV\ngaBL8O3fIBGrOgodHmw9bm1ruEFldmKU5RBsyiRlqO6qK/vH3Qzi4RRlFzaw\n7IkVokHQklsowyJCIHd/NmOAWJUnmPNJ/AA49gK40fWiCxM7zIeMf/77c8ZF\njULycLymgSUHKO4la4OoUYEH+r6lskz4TkmPn9GanYnndBtwADXCpR4V7ghw\n/gIiJ5Th6UxA+Dxqd8UzwWn/ZgRA8I5n+gqeCKR5lIl4x4bdVFBloM8NkeZq\n0iFQJckJBu9oBpTTIroqxzCtPSRFJu7JhLkNraAts/2WmAVLZxsZnd4rMKcP\nH+F+YAYL5Fu5cGHR1aHu1WqYmiJfI2xlCvBwiQALkhXZ2h5OEB6KmueV58up\nmyQqqDw4XXln1UCtV/IsFBrMcG2aSy0cUZL79PpNoow++HB0DCdGkk0bBDml\nFl1et12ACZPwritusdgPSph/3wHas13gTnKD5NK7pUrzkE2B4Ba+eUJ7iS5Q\nCO2h3cqGjRRRnp+Iz2A+lA7TaLwee0o8AVJgO/+PofTrg767PqzYbCxulNRn\nKJzV90yIHF0lMckofZvtO2+WbHJyjXGYccrmwZ8RzmJb7FPoRmbm1Iydgrd8\npBpV\r\n=DDt9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSwE4P6S5fazcq4HWOApmCZMLjq/CDxQB0CwxKAYpz7QIhAIYTmNrtz6yonc9FNpUS6tKUkOwziwe52H8f+H+VqGrH"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.0_1572115573916_0.16059232542049529"},"_hasShrinkwrap":false},"1.2.1":{"name":"vue-stripe-menu","version":"1.2.1","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.3.2","vue":"^2.6.10"},"devDependencies":{"@babel/preset-env":"^7.6.3","@vue/babel-preset-app":"^4.0.4","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.4","@vue/cli-service":"^4.0.4","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.5.1","eslint-plugin-vue":"^5.2.3","highlight.js":"^9.15.10","jest":"^24.9.0","node-sass":"^4.12.0","raw-loader":"^3.1.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"gitHead":"1417a80d0827644c3c2344e03960cadd97e8d966","_id":"vue-stripe-menu@1.2.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-KJS3ZhxInssNyHW1Lx7l6gxz40rKRujvQwS/MOvIb1raV1C9w3a/9pqvC2DI+r9VWsMC1yCgCjfEzCshjUgdkA==","shasum":"15d398f6081aeae16702a0b902842bd0751b04b0","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.1.tgz","fileCount":61,"unpackedSize":832408,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtgAGCRA9TVsSAnZWagAAqZoP/jLqcua1HKqm9qsH6aYv\nK8KSVe0FQeoiZ1s+TM7xg/4CX20ZkeAXIBgJywEMjEABdpc2c8pm/K36+OlC\nu/b6ZJCHe8YazENyJZea9AjeEO6Q/ULJGpR7DG/0V+h0zam+cj4zjV+DBNFw\nXnlOGWXuIAfCw6/+zLpdr1Ifg1+u6dr0D8gYuIbD6FBtdVprIWOTGxLP0HKv\n9JWuPmE88kumMht6Z0Ptqxk6pFfz2wni7oTpQ8cVMFghWJeU8tETZmeR5G8C\nJQ1EJ8BJ31mQq67v+LbLdTnL4VxXiD0RSgvKpW6GeNmCksw134ghGqiRZMv2\n/LaE2hIwaxOJAB3ewYuaeTwTTl/gIwrnAELvPOpNSNR1Y09F/9CpKW1NlN+C\nsDHJOW2Io16Zap/EDru5fIlmHfH9nepd30TzmZfvFStORp9DUiEnU8QFJYmf\n/LGVPjvkS877NucpB+EuCLdO3n64Hoa+EEBrTt1nwy2azEiBMxAlDl8AgVtf\nFkkp2aTVdpUUbDN9v0LPOmeaMn6C69ncegc8SOffL998Ctwon7OBQ28BK9ye\nCilZpVgLoE6y2cGJIOa7ETNF0QG6WkcnHu5LGJ46px/q4zs73Sin82i2eppH\nOU5G3oS9falCqNFJNAp/sEZiglEbHCNpEf+Dz5bJyI2byA2OsGLC1onwocK4\nyIzv\r\n=8Pq1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxXmZanQF4ZwON6k6yPigdmkDImbV5g3jcawuB17WHRgIhANEr1XgpI8sXQ06BWSDQ1kZomoksSZDv9q5HgsF4AmHu"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.1_1572208645511_0.7567978428194768"},"_hasShrinkwrap":false},"1.2.2":{"name":"vue-stripe-menu","version":"1.2.2","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.4.5","vue":"^2.6.10"},"devDependencies":{"@babel/preset-env":"^7.7.4","@babel/runtime":"^7.0.0-beta.55","@vue/babel-preset-app":"^4.1.1","@vue/cli-plugin-babel":"^4.1.1","@vue/cli-plugin-eslint":"^4.1.1","@vue/cli-service":"^4.1.1","@vue/eslint-config-standard":"^5.0.0","@vue/test-utils":"^1.0.0-beta.30","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.7.1","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^10.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.0.1","highlight.js":"^9.16.2","jest":"^24.9.0","node-sass":"^4.13.0","raw-loader":"^4.0.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"gitHead":"5620b8c44b410e7b40a7e874ee0676470a26ce63","_id":"vue-stripe-menu@1.2.2","_nodeVersion":"12.13.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-rGk4h+UAt6+us11dXv1tAUptS87erz5EGrKM9EozDAnBu5OYGxFacEg06gqaICCXJwcGZLAUElMKfT/waQIHsQ==","shasum":"1aac907f648b78a7fc2d71b48d1f516f779c2c87","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.2.tgz","fileCount":62,"unpackedSize":855430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd4nLzCRA9TVsSAnZWagAAf6cP+gJWQlhACJc/nZlQxrCT\nFcRxTtByD91aTe9tk24NCTAxAr6H+brVheMEqgFUMdxLsO/9o4wz4IpT5Ule\nHjvVheQd+XI81POHv132wTmM2bOewMioufZqV3Ud30Z5agMvOIhTV1iNXrU6\ns2a6NEWwL2+6ciTI8EqdbscvYa15HEu2YVpNTgIcUvSzdw3bOZKouWBC6bNp\nuVCHSkXUJn79HhbQmOHPpVIi7uZkb2zPmR0sfZMSC29LvBCrf6nlxugAwjfK\nUe6ZinAZFpJl6nmow8kYxBPy/pDnqY2/tr9MUc7towbQlrQwfuTorfAu12UN\nzsugkXIIwCiahM00HV1m7Tu267UIszQ7ViQoBLROOl8An2qSSL882ClWsbyd\n/7Adbg67EW2ZUcumiO1Ws8csRiZZd+AI9MHc8kod9At5Q/KhZKIuE65wMNkb\nCLfORa84lc7zTw1+MMKx7dLB4GC8I+k7CswKyfDdYv6fQVI7slAiqhVxTfL9\nXny9giNvgr8tXRpd8A5Epl1LxQsT6tbmSejPxpSuMMGOi9P4zOYe42QGPskf\n9Culi55/HNRw37M4zgQ/f7FF9CI+1eqqqAB9AyF6cXE5aX3rQpDfXPf/aRZI\nGud2ZHOM79Qm1/LMiDmLYia6aMU51iB9lW1J3NFtGHhKZR49jXZrvRJCjhXW\nk0dj\r\n=pBpG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHom9tBdO7bwON3VK1pPfP1CmQ6wNxMlXh/wns9eZnwgIgSzadZBKhQy6fC9IYjtsXP6FCHOAk2qLJLFictuk7Twc="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.2_1575121651183_0.1253623461634379"},"_hasShrinkwrap":false},"1.2.3":{"name":"vue-stripe-menu","version":"1.2.3","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.5.0","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.7.6","@babel/runtime":"^7.7.6","@vue/babel-preset-app":"^4.1.1","@vue/cli-plugin-babel":"^4.1.1","@vue/cli-plugin-eslint":"^4.1.1","@vue/cli-service":"^4.1.1","@vue/eslint-config-standard":"^5.0.1","@vue/test-utils":"^1.0.0-beta.30","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.7.2","eslint-plugin-import":"^2.19.1","eslint-plugin-node":"^10.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.0.1","highlight.js":"^9.17.1","jest":"^24.9.0","node-sass":"^4.13.0","raw-loader":"^4.0.0","sass-loader":"^8.0.0","sinon":"^7.5.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"60522a950d232df8bc966a6b8f8e5bed6ed16ff8","_id":"vue-stripe-menu@1.2.3","_nodeVersion":"13.3.0","_npmVersion":"6.13.3","dist":{"integrity":"sha512-QqGI0exGj/CYU8EMqdwNtAxtp5obztFdYBEtz9MDqp1Ty16awMvGSYbNKWgNSbqvv7UOED/71t0aZWu6ZH33zw==","shasum":"fa47b81c1b5d755185b866ed46d6847a261bcafa","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.3.tgz","fileCount":62,"unpackedSize":861019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9NWiCRA9TVsSAnZWagAA4AsP/34JXAgh0Yk1WWsh8SPT\nbgbVjxFu2fVMp0JO6m7FkxQgR1wW5aIQhWtL2xXoRBaAevR8QmLrckuE2IMg\nCD/Mc2jW/oaxouO7muPpw2YvPa4Ia+Fa2LzO+lbb2Qz6vxUWRUFgBQeMTMIW\nHeYXdWgtq10kQWIoGvh6OJmWzZ2k3myOtvMJJQQO9u+AT9cPBz0np0kQASVY\nKzZmVsxC5BbFRxsEuCouWs2PNW+WSL510jExnVucs7/49kdnqm7LYTErY2/P\nKdiuFU/Y4f9/61Zdhc1kq7IN5HIW7xjHifTGqF/PVv3TLtmo1e4FSj5K/3Kn\nz9R0HOJ2JbOPbmlvGw/VHPAU7ZCFCmar246jadAFZBP3T6in9Ia9rbTUpUhs\nk8W8TzhlHPDfPAtaAcASGXVku/PPeDQ0NwmBVId7xV5ty+9imyK628W7NZ7A\na2lMdgWOgHJOHW6kgQzH5wfkf7dKQrhrzuaOcSz5Ys3Sc0xUc+tVGc/nK/yt\np+GIdsAduGCuIDQ/WV3T2pOJklrplLW2C0CdGdxyIz6uH0d0sdBVsGIDQj31\nnEnPVbX7I+mQOTekxQaaKuPvQxgvJMs5bLpcFFOxgCY+xhuwsOcP6AUauH+n\nHK0m3nGKBDZVy01Np5mCjP2fUhbGO1tvVncfojQcuBmR7Eyr0u25UuqPQoaR\nLQG9\r\n=A5Rg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCtEjhBgYmJqUfbPW0WeLDOzn/YZeXILfKdKIHhZV8lwgIgXxhGn3koXRyOOULIJ9G9wjUcafc+qTNg2QNhEcMTMdY="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.3_1576326561940_0.3155729652260344"},"_hasShrinkwrap":false},"1.2.4":{"name":"vue-stripe-menu","version":"1.2.4","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.3","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.7.7","@babel/runtime":"^7.7.7","@vue/babel-preset-app":"^4.1.2","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-service":"^4.1.2","@vue/eslint-config-standard":"^5.1.0","@vue/test-utils":"^1.0.0-beta.30","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.0","eslint-plugin-node":"^11.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.1.2","highlight.js":"^9.17.1","jest":"^24.9.0","node-sass":"^4.13.0","raw-loader":"^4.0.0","sass-loader":"^8.0.1","sinon":"^8.0.4","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"5efba4c65d526ffab6750c75cff7b66952ddad7d","_id":"vue-stripe-menu@1.2.4","_nodeVersion":"13.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-LLgEbaMCElQUr1eRVWXe8zbohh7XKNZ81YBDge7g24Z4Ics2p2QFr/mrIP6xZRlMY9rgrt+S6IhJAsYZluj6OA==","shasum":"f5c45584425d36bf3c766f28861de28fc4105a59","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.4.tgz","fileCount":64,"unpackedSize":598576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHMucCRA9TVsSAnZWagAAthwP/jUylEH3vx3SF/fgO7c8\nPXEoIURytm+oS0O1UagURAv+8Sx6yEnz2iktuoOJLIZbisrmdJc52ruDMwkI\nvRt23l+775qadvu6UMZtzL+fgDUT1g6dNShgiPvodyofUhEWfvW87vZfofO+\nWeakkjrtEu3WrhFk0K0J9OBAnpeal5qNp+FytCM1BGC6qp3lmS7f/hDbnVWZ\nLIeIZW2I3OqK0cqCcsGfH+W7pMkQZn1cghtnIpWaemFminbUM63V67QPCBDk\nRIYNa63A2x36wX6y23CLuLHuDP/Gd7Gaqh6PFalHdJoG+VHweoHM9gv29cju\ndYR4hw77qeO7xg7qRNIvkFRc6fmb6mVlcTb/DAR/v3d9O/hDGm4tqELn50DQ\nBhntlhr3SQC96pyG8mTOgFYGn2lbizBbAixrXsGsUA/bNtXXm/pf/dAQ9C48\nGNSTr+eF26HNiCAS00zg169Ie/Xf5mCMXbGAoRTnW7l/KEhRMnBRKECBBAbV\n+dFYwKt3RNBbLY4+DGmlrDDilLnLk/18K6x6dGERhyQAc/+P34rG6Cm/Ttxc\noyaI1MtsiY3Jo1zhcPo9LyewoTWEUauvmTzJ9+ZdwM9Ms0I5nMR4Rpuf8DVM\nOrbSNoQJ6SnKaQBNjXFwrJSMFHHLuOkR72iq8iobBygT+V00dWesxXMDRAND\nL7tV\r\n=5EEH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9i3eHkQmglml294YNb0pTyfX0/MTZhWNmiiUcYoioQAIhAIzFheHHkZQFDxu6KLEo+AzlKYHccPMsSwBpKqxociMS"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.4_1578945436490_0.285207469454817"},"_hasShrinkwrap":false},"1.2.5":{"name":"vue-stripe-menu","version":"1.2.5","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.3","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.7.7","@babel/runtime":"^7.7.7","@vue/babel-preset-app":"^4.1.2","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-service":"^4.1.2","@vue/eslint-config-standard":"^5.1.0","@vue/test-utils":"^1.0.0-beta.30","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^24.9.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.0","eslint-plugin-node":"^11.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.1.2","highlight.js":"^9.17.1","jest":"^24.9.0","node-sass":"^4.13.0","raw-loader":"^4.0.0","sass-loader":"^8.0.1","sinon":"^8.0.4","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"70238733a0c174a0ae6dfbc06bd96820886ddf38","_id":"vue-stripe-menu@1.2.5","_nodeVersion":"13.7.0","_npmVersion":"6.13.6","dist":{"integrity":"sha512-SysAZEC21xURJqRLB8QfazS9N9xQWQIyUK1RbImQ4BeNQHxqhmqf0kZn2iB+0sZB2bCCTnxW4iZfCEzwJ7yENw==","shasum":"e07f93218ae35bb443efdf2927c32e280e563d03","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.5.tgz","fileCount":64,"unpackedSize":601338,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMyePCRA9TVsSAnZWagAAVsQP/3Z5qCF4sVJtkzBJnfqm\nJNVnIuPROmQfqxQtb0jidWp/Wcs7w35ShH4Wsrw+g950O2Q8u/BLjmYjY5gC\n1LZd1j/4yI3c/gZNPZ3dw1i+v5Oo5TUUKVe9eK41ExnwbGCSS0XT8cnjxvML\nTGKNjSDwiLj2nuaeWVmsYYggprPa8mC5z95zLcEit4LXCUELKVuPT3hAPTdZ\nfLW9RbnXpSbVEEBCoTK7yxKChojSLw+cBRTWx1Sw0HnHkj6dPK6p0uSZ5lMz\nWcqI1/ZL668FY4febec0R51inCsXxiF3C05CI+vGGyfUvD+y18kEbvDEIQHj\nRcdE0+B+MGnZhRJwcZWobVOupaySTvubYqDZtLzSNU1nRbnK98q39lx/6PXO\nE2LxNWHfElPIquk9jlrAZX1erKeMpxKx1HEMj4kaZR/fsGJzw1jOQC5J+fWM\nS4u4LLYHXccMCKjWouud22Kqe+Vebh3mumenysAHUxLUQjOCsbvbHS0IHH1R\njnUY8Qyos553Ybnt5B46fOqsVb141wjRLkdSovUFVCBG5RMQlEN5ePpxGWku\nhCPOr75fedyjtXEE/q7H8dRtfjtCDiDHCrZBunCjaLbuq0VPNFkvQ8afNsXD\n5AviwPH86XHmPYMKAZkk462ve3OzqGvYydEkGINDWW7pXOWOJInJzdmSWdmH\nvHDl\r\n=zVk1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKNRzPeks6gWIZ3hknOEwMozn8YPzy3v1JZfS7xRaa2gIgUh68b+5HYPio2oZGVl9Dhe9btnMZ13dTo8Zensa7UJg="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.5_1580410766941_0.5908425775509596"},"_hasShrinkwrap":false},"1.2.6":{"name":"vue-stripe-menu","version":"1.2.6","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.8.4","@babel/runtime":"^7.8.4","@vue/babel-preset-app":"^4.1.2","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-service":"^4.1.2","@vue/eslint-config-standard":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^25.1.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.0","eslint-plugin-node":"^11.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.1.2","highlight.js":"^9.18.1","jest":"^25.1.0","node-sass":"^4.13.1","raw-loader":"^4.0.0","sass-loader":"^8.0.2","sinon":"^8.1.1","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"dac03a24a1c634986acceba754be0491b4e6f3f9","_id":"vue-stripe-menu@1.2.6","_nodeVersion":"13.7.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-tNiZs4TvFqfnuiO3NJNgcjAW7/hQWuF/vDJA5dBNmxSRNf27ovSfXhPcKhPcm6Kz3bPaarHToE5AyruwBSY/vQ==","shasum":"4444b79bcb1e56771d8fa03d376a5ea5d770cb87","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.6.tgz","fileCount":64,"unpackedSize":613193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNwjLCRA9TVsSAnZWagAAhqcP/i/Bl0XloH//gVCBN/LV\nHBYlhTxy2uQvZd58TSgUrFmNavCT21OsVlH0DYL9+t54z0igHuW67ANqiVut\nr1e5rYbMGSA3EjKhdhVDQAxaan5bIslllAv5eE5I1yUz8UBpsHMCjWEknBpU\nTwz2BWadq8+px4AVfWueBrRDa7sK6DP4RqLQxj5ZI3tRUWWd04bpMo+3xfFc\n20cwKNcbGaXzqgRcL+5AMVDUULqtBPy5mp2+oeL54Gnj8EQDvoU/Oz1QoZif\nBIq/DCdFXWKuhUsS6qVR01SIobHYXOSNP6GIqkB2PMaCGEQvat1ZZiSIHcR3\nqHsIUNBX07/xreQy+SCW9rlhNTqKS0wFvnzKj1i6n2zRXUOsPdgA0hBqfk30\nswEqfB9EKZfRhowyPn9owX6EgJOFAzhZ/oaHu7xgvqJLhPxfSELWLpD0lfdp\nNU3LuYj9z8wVQ8SLObC2fQpzctofPUzlhTh94ywitwr01Delqj3IddJJdgtH\nlfLY1HvgZlt7+4sOIkwYWYXlpb78BQdqlyePpfrh/ierf926+ynxpvEk7tej\nJVlgF6/JVhCwn/O128/rElkDHw8D7O/+uJezdIpJFaEjtEvcjqY15TJ/ufpo\nTJ2s9q02T6fn9LO5pqqwGG1kw1jVNnFfNp1k6e156OvuktX/GPoZfeyW4rXY\nG1UY\r\n=LnM5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCfMpjgDdNojM7shYP48hg8Xx/K08dx6wia63684X+0+gIgeNe/okNqn4dZBVrijglnoh7nJ2giJWcs++vMbqoX15A="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.6_1580665034832_0.05210928732140041"},"_hasShrinkwrap":false},"1.2.7":{"name":"vue-stripe-menu","version":"1.2.7","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.8.4","@babel/runtime":"^7.8.4","@vue/babel-preset-app":"^4.1.2","@vue/cli-plugin-babel":"^4.1.2","@vue/cli-plugin-eslint":"^4.1.2","@vue/cli-service":"^4.1.2","@vue/eslint-config-standard":"^5.1.0","@vue/test-utils":"^1.0.0-beta.31","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^25.1.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.0","eslint-plugin-node":"^11.0.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.1.2","highlight.js":"^9.18.1","jest":"^25.1.0","node-sass":"^4.13.1","raw-loader":"^4.0.0","sass-loader":"^8.0.2","sinon":"^9.0.0","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"a5203d5a2549c1744c9ae91495190d6addf2169b","_id":"vue-stripe-menu@1.2.7","_nodeVersion":"13.9.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-g1ULw6uwkz7lQ9qrOFIPbgDgLHeS3wNAgP+p8GevyXVud2EW2p98SXmspjkuxdF2kkDZeM+z6Beed0zkDri4kg==","shasum":"1a755e1d2d3fbe56e70f26a44852770e629f4adc","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.7.tgz","fileCount":64,"unpackedSize":613289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJebIleCRA9TVsSAnZWagAAv5wP/RePJF9GibegR53zW/pS\nzCU1/KDQLoAtTru5mNkrT9kRNc8zIQtyixLTWQ6GRQR6VWqCbyU3euegrd+k\n12elf7+D6Fa+vvBzUs8WlZ87722km1KFm9sBSnaDkJPwK/1VkuzenYgAprjM\nhFAT7+eUfmyUJojjnQhr8ZSvacRXYqmsnIH/EghUM2b4xovGegAim7q3ycWx\nAsLW92GDONrE+JLs3sxb2smH9NyckMih6F7Gkdm6glyUxNBdn8piyznyPA+t\nt9b7jITsNu1Q+dXJQPnP3h8aNkSwjQYDL33bGXKwpS1RWQKKSg+pjkd0ucQO\nBjtonTkKU1321lO8HPlfaLPaw1S40lm/zJ1zf4KjpIDhn3OeIUA0APSVfg5e\nFR/v4FBat2t6qcWl0sPw6CTvLdY3uo5KZYK6Dd10T3TMW7ksgbYU5cVp8CXI\nsbv8FR3sRjYSxPgRil5wgySu6mYvP5U/2diizHHaxWZPmOeAILNyhfbw2xyb\nghIki0pZkcDdc3g9CNXT9nGOhEoJQpokLte/XsO30hg2GNad8APkGAhjQUZj\nKl6yiEwTGNCDzyAgzeKTh+HoDdqvQM7UDURQGO3V3CR77lhz0TFhNoD3isbb\nwCvirU2IO/bm4lhZnLYp+DaWcDV5OZFW6YfLq40Z9Iq/Uu3V6eGC5IOjC/6N\npNh3\r\n=ozoo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLCgXcUUOrNk5sQAm4KUA9+IfXrTD7dbCnqVyj8/lxCgIhAIlIrCAa1drGlmMVktnWAnLV/JbU68dTLo4jODhif7gf"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.7_1584171357923_0.39572606576499614"},"_hasShrinkwrap":false},"1.2.8":{"name":"vue-stripe-menu","version":"1.2.8","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.4","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.9.0","@babel/runtime":"^7.9.2","@vue/babel-preset-app":"^4.3.1","@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-service":"^4.3.1","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.0-beta.32","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^25.2.6","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^9.18.1","jest":"^25.2.7","node-sass":"^4.13.1","raw-loader":"^4.0.0","sass-loader":"^8.0.2","sinon":"^9.0.1","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"9cf40c4d3c2a352f50f3055107162b087a2fcaaf","_id":"vue-stripe-menu@1.2.8","_nodeVersion":"13.12.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-4btZ1/s8+fFGQexcgCMVGoIW6zxUg1jJ+sYgM/gcCYPtrWVMvcHQ2Hx2gBcAQaCat9WD/Hy/ddx2pgzXvljBNg==","shasum":"435b992fc4dd519f5711c0d882b32ed7bf883151","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.8.tgz","fileCount":64,"unpackedSize":904799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejMg+CRA9TVsSAnZWagAAApwP/1GKc2ZJAJl0cdG5tgeX\n6Rvjn51sap7oz8zD3h7mcBwqjXkJRgVz5utAtmsTGZ5kvOGOOKZzOr+NWa1Z\n1u9+zIqb/cLyr6K1j9GCmVeh88qiBeGinmcuVKC/bkdkQRKphREWEd0w+rjb\n/f4RGviBJN9dd9sNgWCbH97vfvroUVQ+7puagXKUOc/TRL0+6khcVjWWL8AM\nADFMmdgRjpWHv9Z+77fFYoyVheUcZ7Wa6XK7iVinQiS+TJ/OQ0i0HXCMYmQt\nX2xW2pTZCJB+g6RnePJUexkLnxKhJb/Oa1aVC8sedGOam244pEZp+FUE2olA\nOj/e6W01IhXJs7wC9IBnmM5KrM6vGf3EeCJ7M/UrJ1f+InJqshlCNStW3iSW\n7TJAbP0/QNdV40z7XArikd5TWZZTYesUb68xa9m9rbRTQc+kt9ppNwW0uDCa\nv0378uUtA2KtAtwGW0xwm15FCrSGR1CKU7tVOMlhBipwCz3lshV9+lyJE1hI\n3BvIaOL224V+60VbbD2m780nSe9SYqiL6H9ZfsTLz/XBiXBi8kqEAOGDcJme\nL/qOMn1F6+7bpyODscEulD8+0AZnFq/9cWTEXZJIpvI52+fGXhq5CoDRssSa\ncI6adPhHrU3bWK8qy/JAyiu8clVmy8mmRrjZ6tGe5zqv5fahxt2l0ycqUGmZ\nyt9T\r\n=N7a9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFDNEfWc34AJ1Lt4x3WgLDlt8j0D0+pPeWUNNXvGsF55AiEAwQ4E9FDvwnzjRX4WMPlNAsuOFwkcmehTlBorGjHPmGU="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.8_1586284606490_0.9141179270075332"},"_hasShrinkwrap":false},"1.2.9":{"name":"vue-stripe-menu","version":"1.2.9","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.9.5","@babel/runtime":"^7.9.2","@vue/babel-preset-app":"^4.3.1","@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-service":"^4.3.1","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.0-beta.33","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^25.4.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.0.0","jest":"^25.4.0","node-sass":"^4.14.0","raw-loader":"^4.0.1","sass-loader":"^8.0.2","sinon":"^9.0.2","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"50ccdd627b59904060049898ce297937af9da373","_id":"vue-stripe-menu@1.2.9","_nodeVersion":"13.13.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Elo7cQ5UhZP1QVNK+9MWi2BmObDbzb3uCaF8x4bbD+oFHMJJGdkcrOUOjjqU0KxmsCUQu9nZ+0pEU6N6gyEe+g==","shasum":"61c4c78615e3b1b6d84e26610381eb42c2505474","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.9.tgz","fileCount":64,"unpackedSize":906099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepaITCRA9TVsSAnZWagAAxEIP/3fKXKSQGeKYHO4LKKhf\nEsOdfy+eqj/7ah4vYgd9D8osYKAvok4nPU+w7FbveGWpAPw04/bts+ETl4Ar\n5U97bAlQmg8Lp8VQYttj90xLG12GG8sLUnaiw2b6gqiYyiBWjNIguXn7EkwH\n/Q8+UDh0PJ7pRWvZn8uY6Sf8dBsbCNH79XRn1SpTwWBJiL23gpEMBFjdPLbI\nGJnDiqx8rv1XzlZwMussFKDqcSs3LaPsXjTHfgBsRu2zHZ0SBCOhqVc/g/rZ\nroZZYls1wREVxIHrvGbmv2+FUpCCtazlfig4aZjjtWo92cYMLpEhSq+nj5b1\nFnFZZlPJrHHu/TqeujdMHBoxQEI/Pai/THfuPQE6MbZGqZ3p975RZgWiwcx6\nRTJC3SL5757XCHGRHK0ijRnaZAUbit2eMHXGsmJGVu/3znoS3mmYKH6dBLSZ\njVPAvgDZ/YKkl/x/2iUhT4N0FLzhDrz604L8Oug3Xuuu1Kd+Y1OxborNkZh5\noBhr6jx6CTRRzvpUW1xyOvHcgw40kn2NdxxXMiJk8qDE03CiSWS66tmD3NIN\nLdk3jZk+gl9nVWI4UxEl6kAzHjmlYvdFDxVz27+b04uMsjCzmEBLoq6cB3Nl\npm12aELXwCqdNMZryhmef2Diffi8Rto/bUL8T9PB47j9I/+GjMcjGMYSwyye\nO/rv\r\n=gkX5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICWvgkz5W1Lxvv/naqzhOsrEtNtw2hiO4fmf8t4GbOG/AiBwwlnBuKiguqIR8clQGAi3TkGigTUNNrw/Py5p66hPAA=="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.9_1587913235440_0.32947863693514234"},"_hasShrinkwrap":false},"1.2.10":{"name":"vue-stripe-menu","version":"1.2.10","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.9.5","@babel/runtime":"^7.9.2","@vue/babel-preset-app":"^4.3.1","@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-service":"^4.3.1","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.0-beta.33","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^25.4.0","dotenv":"^8.2.0","eslint":"^6.8.0","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.0.0","jest":"^25.4.0","node-sass":"^4.14.0","raw-loader":"^4.0.1","sass-loader":"^8.0.2","sinon":"^9.0.2","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"cad9b0ab40c577c0f8408a15d0ffdbfd579fb5be","_id":"vue-stripe-menu@1.2.10","_nodeVersion":"13.13.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JmY6clDwrLkyUozJI5rCFykGzZMmrTMo4HiLRWK7MzvX6mMhKxraFQxA/gtsmeUt42cyWWKyt0zXEDsZlemCbg==","shasum":"e3d0190c17a18b13a3d13d270cbbe651468208c8","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.10.tgz","fileCount":64,"unpackedSize":907044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqHAoCRA9TVsSAnZWagAANPMP/3nDh11YDHXM5YC4+nNE\nKMn5Wa2UZUm2426cBxjQ8vrGogDhCp89b2c1mpg3AwD55lvedivbJcSbraRt\nULys4zKCvo02sgNBLCGQJdZWiSWe/btRQiPfdE+KuszZ0hOIXlxpilhQvSP5\nbl5dECko+5PrF7/aexYpCcSA17ktb9zsRv31iKYxLwPklYXosjI680pg75J3\nWOgqm9dIFIzd3lUTyRZerLYJbMzz+ZaYxz/xp4kMb07rCGbFCaZ2GnD6l4uN\nHX4T2jssDlx5t6wkrGsglzIZyc7Zuf6pFDWrgh0QGP/+O59HiQ20nOyDJ0OU\no9iNdQ6z+w1fK7nUmzoCoyZOyQ5pggLOXHtE4+LVWaNpOU4beQfWZhYWTSNR\ntQzDNeI+cJ0eb4oktNLUrUyu88PqyeltCa8rTQ66s5PmDPbejNxCpMca6IbR\nr/+eKy4aIUQH2etbalrUIi7sEaQ57nYVNVGCyAZYAIiBXT9r7SxzzyaQ+qM4\nPaFcu+DqbM9L35huPaNGUXAJnE48g9hQEcGQiBb8cHH20JLkcoQFAymDcy72\nCQzBua6lsq1iMd45Fzzz9t77C6UZeNojUSq4CMtvRPGM7Wwx8xUShnJbZy0P\ngZs6MXf7CeHrb2vnJiykc7/JlhdXpkFTFHVuMWzXon5PE9T3XtogAMV2afoz\nKwzh\r\n=P3UP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8rMl7BD4wrHjNU8hW9iGgF2ZwCHFpojRxPdI66x/vFAIhAJsoDsmCgC5XNDevznGfKmCGgxjTMREaeCtMaisBJmZG"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.10_1588097064241_0.5352130381476938"},"_hasShrinkwrap":false},"1.2.11":{"name":"vue-stripe-menu","version":"1.2.11","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.9.6","@babel/runtime":"^7.9.6","@vue/babel-preset-app":"^4.3.1","@vue/cli-plugin-babel":"^4.3.1","@vue/cli-plugin-eslint":"^4.3.1","@vue/cli-service":"^4.3.1","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.3","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.0.1","dotenv":"^8.2.0","eslint":"^7.1.0","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.0.3","jest":"^26.0.1","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^8.0.2","sinon":"^9.0.2","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.11"},"gitHead":"5c2ba8877c0ff28e21489da378a7b91dd616646e","_id":"vue-stripe-menu@1.2.11","_nodeVersion":"14.2.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-iphw5R+gB2Xs6jADi6kXeLvsqkaUrP58AHG3ROI+7xAK4tcNzDMr7X2ez0Cqb3Uex3i4+1deFOysOpjM4Krasg==","shasum":"c9e4955a5488900c57a0cc520bd8fa27dc6de802","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.11.tgz","fileCount":64,"unpackedSize":911366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeynkTCRA9TVsSAnZWagAAtXoP/iGLfyPCgeK+tnT1fcvS\nCCJVf+yr8qGkXHRMaS0CRC1x1olhI+AsysK1xzqpz0u9JRtWak1DBU12ZXoy\n55d3WMxbOJDOGhVn4HIygK7a6LaYHnw90HT+4jYWYxNNDIyx4+ZM3bSSXnPt\noftuigEHxOGlDQDyQZZddBwGieyJyxV1TRoTM4k+1yt/0duKs/+i8suIjnEz\nBN3HbrmgqVI47uHkfz/HZ/xHoiI4ec9RCWfgHvwObrKrwC9xhKqagLlQbAgq\nCzSOiIE7HjUJ7DXb225yYDco333rsaT7rPlCYxILQHXm1BmsihwXDqrmwrka\nvnrlgBc3pjDKE6wrcVIki5JsNWADS3hSgGidPHUVuA6nhux/lZN3C9WAKoBj\nJRuBYMuJhro5JDs9TqrYrUAiw+Y+UjNrHRH9h4DolUsAM8Goz1KPJ9+DIje2\noFm5rlI+cj7tZO0GeffxyEUILvBicafWduw676GK9f8+D+Pzr3m7yX+++eQ1\n/AAi1UVUEi0rpTO+I9NKHH3hmtf/wFuY//lDxWJi4BC3u4f2SzWt8Sy2xO9I\noBjgrRRoJ73eer0x5vjuEauVnW0+w0Fc8MAIry7QjllyLiB44HE+M8f8zMJp\nubndsjLOE8TBoralKgnpP6tb7xF2qgXPrUCzrWi6C5XJYQTIf9BVa+fJ039T\nExda\r\n=zEMt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFuQ0FSn1x/3H0ca8ZD56GYHT2Fzw0kugdu2hwAHi+CgAiAj9PbwbBaWel08FofOgG5R+6ENSZLuvcdK9EHpp4QUnA=="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.11_1590327571015_0.9874585360635537"},"_hasShrinkwrap":false},"1.2.12":{"name":"vue-stripe-menu","version":"1.2.12","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.11"},"devDependencies":{"@babel/preset-env":"^7.11.0","@babel/runtime":"^7.11.2","@vue/babel-preset-app":"^4.4.6","@vue/cli-plugin-babel":"^4.4.6","@vue/cli-plugin-eslint":"^4.4.6","@vue/cli-service":"^4.4.6","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.3","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.2.2","dotenv":"^8.2.0","eslint":"^7.6.0","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.1.2","jest":"^26.2.2","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^9.0.3","sinon":"^9.0.2","vue-jest":"^3.0.6","vue-template-compiler":"^2.6.11"},"gitHead":"b410fff6b3dad9595e29628200d410e4036dc757","_id":"vue-stripe-menu@1.2.12","_nodeVersion":"14.5.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-vn4dvdyI0as1a6LJzRy6FpxcDSwU53zgc30XgzNObcnS/TFv3y2+TRCGSwZOkzzlod/UjuiWFZRmBVSY2KCddQ==","shasum":"754631d607c7c9b8b251e4185a52c5e13a2642cd","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.2.12.tgz","fileCount":64,"unpackedSize":633416,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfK5OPCRA9TVsSAnZWagAAP/oP/i9rKOEeT/s2rdjkPEcR\nWE/nAlV5RVmZdYeoOvi1dr/5pUVzLMRYz29qP+hgbA5RBce8IbNsk2TXmvt7\nC0SWj0lwl61/Y6qu2yGQbzNobvEBw1qClBjwQd38ZUkgEWGgwquBAjfasvS8\nSkiG71sGq/xFyeyZ+2NAOmR3sbpupFzEcLgNKcleJg02NTwtnko+LZFX1jqx\nhroMBdfOs7HdTsN39r/mKweFEp1lHPEXDmkKnBwBbccdbtH6lhslNypgpVTY\nrViW0JmDhy+v6ADJ6IHyRw4uUXL7m5+5ttF9L4wqyjQVJ4InAmMEmWrcZuwR\nnR7nHuMKpwYvyWopXLOKq3DQqEBRQ+7Qrj+XyD51cpA6kn0ikSD7+48IByrm\nB0CHJuHXOu1qNDwgHGNL6qte2MVUEpO4Fs1Kw/k7D0c9scjiNuYx6MlMOJz6\n4ag88ew8/Jf1NFBSQfUFpIZSzGOt3LQ7b9Th2wk+2LPwEcDLH2wJ0Kl150G3\nxt8wG/h1UmGwfsQH6P+22iF7y8yEp2CKw6/FzEyDMib7uLqRnQ8SzfwJLUfs\nVYf+OAjliscrycjaTNBxV1wStlzq08CxrZj83IiuRsYsUB+F0jk/hIpJFOe6\ngADnkkkELsA8JD2U1ouilRmrrZxBW+m06FmKRPBXPIV+xrJrsmE7MAsUiew0\nzqdV\r\n=6iov\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBMmqZFpiSPzH+iddqia1Wt5h1Eommgh3r8y3ieIDj5AiBuLNfxIjItyHjpOo1TpaKflI2zpKIKKUZC8UunaI8rAA=="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.2.12_1596691342698_0.44995818189902126"},"_hasShrinkwrap":false},"1.3.0":{"name":"vue-stripe-menu","version":"1.3.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.12"},"devDependencies":{"@babel/preset-env":"^7.11.0","@babel/runtime":"^7.11.2","@vue/babel-preset-app":"^4.5.4","@vue/cli-plugin-babel":"^4.5.4","@vue/cli-plugin-eslint":"^4.5.4","@vue/cli-service":"^4.5.4","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.4","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.3.0","dotenv":"^8.2.0","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.1.2","jest":"^26.4.2","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^9.0.3","sinon":"^9.0.3","vue-jest":"^3.0.6","vue-template-compiler":"^2.6.12"},"gitHead":"21965136bf3ae22918145a84bc46e5df3cadd691","_id":"vue-stripe-menu@1.3.0","_nodeVersion":"14.8.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Wa53p3r5PsSq1OVbzsjaqslobb/rcI0C6+dIZyRxHYTELQrbPUKFYMJTvNDwB0hj7ijDvdKO6dew8INV3ui/OA==","shasum":"2033a4d4ef5d0808cb354b2b70bb7453ca65db38","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.3.0.tgz","fileCount":64,"unpackedSize":689976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ/AZCRA9TVsSAnZWagAAW94QAIP71Xf6KVQaMSpKiepM\nlnccGhMtmBoO+/V+a7L132QAgpPkCD9Em+yhjjgCd3QEPEUKsdxvlQ5ycO6T\nd8MwtbkhpbghU0OwZvI0M0vqWQy7mbayAL8qNUAUIrM/vLfFVvZBcIUcXYSH\njGm3kS5xRU43zR+JjVUgMKz/7EkFRT5hTyBo+Z70ART5pBLTrjgt/FSH/bv9\n8jXkkQQVW0yIfJCZmZoUQcACHnCpWJf0FaruF8HnfdPPyRl/K6Gl+Zu4hkT5\nmgwOzgGsGr3RlOFZpsukY9W63fv1inJQ/QN/BbOsnHqTvRV3M6/9uZhMQHg4\n2DPjzuWvW2A2VBxCe/47yIG0J2aQw3o4KOafvQ91rQ1SIYAlHVgck5kBvZVc\nXvTFYX7gqTa61hah4XBHNDqEWab8jnQUr/JpsBJGGOi/0kWgZEznX7PcUwYX\nL4Z2+IHy7ewGd4CPsmwpboCZWLuEJXbW8UHkVpGrUbUeLTrkX/spp0KOp4ep\nLqnjr9FDLwofRlnHFaDV1N7iLM21ek+A+XkskJAHLEyBTyZ6tSPOaiLGiFPL\nGW9nJRHjllSi471tjJ/oHXtKGvEbdZvEmVsMqfuSQX4zIzLRV80ABsBWCCT0\nIsqu5h5WcPox+6B/3NWzBrcVOw1gL0EYtC5d+kPZYxlupgSx5cCeaSnhVMlw\nvq0F\r\n=UXt6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG3UPPOd0qz239N93F+rAov7Kn1KKI1G4cKdKb/S3/XSAiAA3HepnLN6p+ioynJfBzw7jDWO1fLNnvDprDzYzcnPXQ=="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.3.0_1598287897042_0.09056571265997992"},"_hasShrinkwrap":false},"1.3.1":{"name":"vue-stripe-menu","version":"1.3.1","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"core-js":"^3.6.5","vue":"^2.6.12"},"devDependencies":{"@babel/preset-env":"^7.11.5","@babel/runtime":"^7.11.2","@vue/babel-preset-app":"^4.5.4","@vue/cli-plugin-babel":"^4.5.4","@vue/cli-plugin-eslint":"^4.5.4","@vue/cli-service":"^4.5.4","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.0.5","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.3.0","dotenv":"^8.2.0","eslint":"^7.8.1","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.1.2","jest":"^26.4.2","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^10.0.1","sinon":"^9.0.3","vue-jest":"^3.0.6","vue-template-compiler":"^2.6.12"},"gitHead":"22885b941b6f6cf78487683e81a278bd8180b16e","_id":"vue-stripe-menu@1.3.1","_nodeVersion":"14.8.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-egs4NJhYiJmODf6Lk/vnImYzY0Y4rlbkS2UG6Jpu4mNpAD/gdWt/kdd3PmJDAEhpjm2DYLR6wFdmLSvHtIy1cg==","shasum":"da777742064c32384dbe33605afb474cccdb0029","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.3.1.tgz","fileCount":64,"unpackedSize":691816,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUIWzCRA9TVsSAnZWagAA80MQAJhO4OXRrdlyEo8tZIVc\nc3DB2MuIXdM35PMr6YBBCrT69sNlK87qc7pYOaVPbSuE+BDoZaapJUCAm2y5\n+UpdCG04AxQ04d7wsaKiaJpXPBCfkE3o3J37pwUi64O208/Z0Nxz+Dgj9Y3F\nJRgCF/oS9iyhvYVN9sXL5fdARlOj23M6fGLGcBKZACT3JNHF4Dte9mU37ejm\nWjyJPdB7faptE1BPy+E06iJ83LiscaJXGR+ZZZAbNMxGn7LnrYFJ9HSC6GKP\ndsMQerwtDBpxyQuxxp9wUoLSKBPYHxjTaWhOU7op++JxD2vcMoetEZ5d7KbC\nbRrQ0l+9qeyeQVVJzdw5qY+rZePuOwUuZ+QE71TFJ/vNtEg6uKuumtQjqHJb\nbNIbOalyvG0G6ylIz//XkvGqKYPTEtyTgL42BEBDTFjgWUYnYdhzoUI4kuZ5\nJ4oeXwN8mkefLdmWzLzojJJJsnVD7eCKY7AdUyHwzRdxt2q/aeJ4iC89wPGk\nk+dX0GtBLw1QRDkwIfmdl7vI9w3e8T62v/S0gl2jO4JUpEfF5u6kquUt7/Hc\nXbKzwGn//+cufTxXG40R3+5pQ/jXksclSfIuRy8cUNwbW/HaJPknzcBlk2X4\nE1Qp0SvEIQR2V6BijUh8oXRLXLV5sy3fic31EA8Hgu0ybaFW9gO+YrY6Zv4p\nshls\r\n=+gj1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqxgTxHDZ8qSF/E3JeXgiW1XPqCHuR2qjUqaSzPqNVXAIhANbtFcQ2EvQSrTbMC/QaLrGmvTz6dSe3QYSCDomRRhFO"}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.3.1_1599112626889_0.4125650164004546"},"_hasShrinkwrap":false},"1.4.0":{"name":"vue-stripe-menu","version":"1.4.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/preset-env":"^7.11.5","@vue/cli-plugin-eslint":"^4.5.6","@vue/cli-service":"^4.5.6","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.1.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.3.0","babel-polyfill":"^6.26.0","dotenv":"^8.2.0","eslint":"^7.9.0","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.2.0","jest":"^26.4.2","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^10.0.2","sinon":"^9.0.3","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.12"},"gitHead":"16a391be7ee096a012f17c66a6700fef895571de","_id":"vue-stripe-menu@1.4.0","_nodeVersion":"14.10.0","_npmVersion":"6.14.7","dist":{"integrity":"sha512-FQ6+NQ27pZllD1TNi64OJycmAHLKAhlil3j4Vh7XBMHmQMf/MXdrz38WGXv0oz7FCHGW8my4TJnOUdXSYL4Y/g==","shasum":"a89f5f516d6a775941cf36dc20a64f758fda7290","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.4.0.tgz","fileCount":64,"unpackedSize":310271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcKXJCRA9TVsSAnZWagAAyBgP/0xCfZf3fPu9a1PjUEBN\nHsr76CQ2PADQDhBenJNTxIhpmXgqyQvztVuDEj8RM7zqLBTH/27UfD7PVVYZ\n+C/2XomkZEQwMBWFtoLr+LpQGRavmkb3ZKjHnVjv75du1hExoxvT+mY5EyLJ\ncVW+KdhN3sGISG5mt5EGGSBkeauMbATz3vnuowiGncHk5oLmVWlXpJS2vjbO\najOFjLLRbA2qRQ9APtnOvuF675T/kAQzhCJChnnqPsPTHHbVSLSSeIVqmhZE\nqGhT5aoUDpTBYKs4C1bz10QdZkgQ2oGb08N0LANxh6gYhDINTftq7m7Tot3i\nqRhWTgCRlynPc/UnAUjpHkkVrB5nbc+BfDQlLQd2HoDkC/u/xKDRC+t0Ocs0\nYKqFLQlIy40YbqfDw0DTwDKPCdMZgqjYzYql0D/lQ2dvKl5jK2oBx0zWPBvx\nwo5exZTe7zS5dVvdBMJaE5iHcjDpnaiiCOTi4wkNH5j+b0F7A07qtZ038tUJ\nwByHKmfh7O2pvpDyLk488LKQHIQzaR3x179sd6/sayupyhBURqUKOpc/FjxB\nG/URj/Rd39kx5vKq4dH+C7P9c+Ob4Ao8cleivASsEMQ4hICDbte9JEmD9B26\nuyca8nPCrUXOf7FYjUMPjDVO1h68S5rtbzY9/dmDo10mr1pvys4E17HAgYY8\nsCTc\r\n=2ZnH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCD1XOaZjSM6gA1H0suzYIodHIAxe5tqHbesBt53OTzJAIgG+5zf7Z6iTzJwkD883KPnssd0YhkHlQ3AGiszACJ9lI="}]},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.4.0_1601217992656_0.2122058223596306"},"_hasShrinkwrap":false},"1.5.0":{"name":"vue-stripe-menu","version":"1.5.0","description":"Creating menus with animations like on Stripe","main":"./dist/vue-stripe-menu.common.js","scripts":{"dev":"vue-cli-service serve ./demo/main.js","build":"vue-cli-service build --dest docs ./demo/main.js","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","lint":"vue-cli-service lint src demo --no-fix","lint:fix":"vue-cli-service lint src demo","test":"jest","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","pub":"git push --follow-tags origin dev && npm publish"},"repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch, alexeykhr@outlook.com"},"license":"MIT","bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","dependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/preset-env":"^7.11.5","@vue/cli-plugin-eslint":"^4.5.6","@vue/cli-service":"^4.5.6","@vue/eslint-config-standard":"^5.1.2","@vue/test-utils":"^1.1.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-jest":"^26.3.0","babel-polyfill":"^6.26.0","dotenv":"^8.2.0","eslint":"^7.9.0","eslint-plugin-import":"^2.22.0","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.2.2","highlight.js":"^10.2.0","jest":"^26.4.2","node-sass":"^4.14.1","raw-loader":"^4.0.1","sass-loader":"^10.0.2","sinon":"^9.0.3","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.12"},"gitHead":"e182b47e06fd6bac347b0861b2533419a749848f","_id":"vue-stripe-menu@1.5.0","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-u6GeXej9tJEKajyGxrcFIuq8ptdWpqXYDnMyOb0SQd6VkIaUW8BLgkFK7IZ+FXQ+Foms1zNKEJEmnGxwqQRhxw==","shasum":"f02bda115648bce56b115ea69637fc258ef26866","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.5.0.tgz","fileCount":65,"unpackedSize":312283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftBiOCRA9TVsSAnZWagAADk8QAI2+7Ox1QzIsPyZZUKj+\ngaf9pquNp03WeyozWJBft8LuiGs/MdeCCKnpU5uGR7PbAQmVEemkmYfTz0HM\np6Xd7HKRvAl/xiVF0tBlR4crFHZ/OgMN3nLg8Zf8cZSzGTwNZeTrf3VM5pFm\nasdW2AVwBr8b/89b0mFvI9uVL7VZlxPoNkgqnYhYp3r1eMiCYI1E0/jO2z+w\npcJbtDIglrUF5HQeKgpruoSJ92/NqnPAl/T/tO9B4WWYfETri7kMz7qJJQ1x\nw7zmD/A5moxvd0mPA4PPiZWOi0m0PAjXhn2ZowbasId/J8w0pIerO74MtkOG\nwwIUI1L19dNkF2faRnMgLn4ThptSSjBNLKIBwtGf5Ck1gAmRfVN36U0fa5tI\niGu2YABVZI3OzAXiSZIFJL6yJcgrzWFpMW6Rz3UhzO/VfRxXZCNBpWirsgbD\n5hpgmOZXf4GBaGnThTlV9NeLM/gUavRebW+k+2fI2BPXLGh3ISvqNOa09GWZ\nUZH/dTwPqEiSRiV/RUkxcVTdOmdGCjk8z2Ch4Qdm0+JV9S5uISWxlTF9rcpX\nscev1SHBmzcxxqDD/dmMUzQVSyhF4+cUwwwqa4mRFoUUAEs59esgYmmonGZ5\n9xXUuxIB95BF/Qihz2SxjS4vBwx/BHlUuO1o+00X2EYrI5eRobg+EF0gWq22\nnEdc\r\n=anrS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2ALCQx5VEEDO7HX9elwwitAz3QBcNmPqiX1cVUlvbZwIgEUlM2wCi20c1+fbaP+PprKnpBE9RlJxl9YMYRzs2VEs="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.5.0_1605638286204_0.8640750069421392"},"_hasShrinkwrap":false},"2.0.0-beta.1":{"name":"vue-stripe-menu","version":"2.0.0-beta.1","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\nimport 'vue-stripe-menu/dist/vue-stripe-menu.css'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\nimport 'vue-stripe-menu/dist/vue-stripe-menu.css'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-section vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-section vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd styles:\n\n```css\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-root {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vsm-section_menu {\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.vsm-link {\n  padding: 0 25px;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li\n        class=\"vsm-section logo-section\"\n        style=\"width: 50px; height: 50px\"\n      >\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <!--For the same styles - add the vsm-section-->\n      <li class=\"vsm-section vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Display when user media screen below from $vsm-media (scss)-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li class=\"vsm-section\">\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          new_section: false,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property        | Parameters   | Description                             | Type           | Default | Required |\n| --------------- | ----------   | --------------------------------------- | -------------- | ------- | -------- |\n| menu            | MenuObject   | Description of the menu items           | Array          |         | true     |\n| element         |              | HTMLElement for the root element        | String         | header  | false    |\n| screen-offset   |              | Offset from the window screen           | String, Number | header  | false    |\n| dropdown-offset |              | Offset from the dropdown menu           | String, Number | header  | false    |\n| handler         | hover, click | What event should you open dropdown for | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`const elements = this.$refs[myVsmRef].hasDropdownEls`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description                     |\n| ---------- | ---------- | ------------------------------- |\n| default    |            | Main content                    |\n| hamburger  |            | Replace button to open dropdown |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"d055d6cb5e0be896a8889a24f76f8e603375384b","_id":"vue-stripe-menu@2.0.0-beta.1","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-WDGSf1anHQoC4ZH/6U8toFidJ5HQPayYkoN3w8Q7zmcrNbKdtaqbJwFJBT+mMPAeIWomXVIzGxq17fPwLDzSUQ==","shasum":"60c9d430a7c25e91e4dba7b6402f11170133d465","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.1.tgz","fileCount":60,"unpackedSize":1125013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbfIaCRA9TVsSAnZWagAA0GoP/1l7Im2eTzRGFojmemv1\n7+tI+0YFzrAdxyeiBpjB3AlZlkklfP4FCyXMiZ1epjCKS+LwoOvr44hRo5tK\nHq7hvIgha0zErhHZ/UBytVMpmiC1af435c7QbTfknbAW33V6iod5QzdMclRa\npHm8OizEWjC6CiudjcGd+39QoHrqeScZLAfl3b/l87OAMJ2JThYTXSxHG0nM\nObmeckYBqvdkZdKpoaB9pt783IHUJUBj9XFcAVPmG40pZ6ML4aWLSJh9BC3U\nV0Onb7xxByke85hg/0xACU6cMkZT+LSNd+iaCJ8dP7LwHLDWDiUkW4TPIuyD\nQ4tvtBJvI5D5222fR+8gSaHPzUvvS9+78NpJqrHkgPxYRs/6L3ThTy9q7tYf\nOpvBjv5wFh0zfivr4KnSxdLqBzh1fg58/BNBxQc4Vb83Xx+HmiTo7Gs5hJHa\nLa+KLiH/wVYHtcEvDgwSEhJp8RNsYfmaJTJmbJrWLbaiJi3khRzbZxH1nxT6\ncci1QAG8VFrWgMhrImFhIgxeGChZLkVxhG8lS2HAxRp8SGLjXEwlRSGeQm/8\nrMwA9hxqNxWXAdYVa3xCe+LceAMSMbv89YsmJffWjUKZiF8kg9/Ssb4W4hn6\ngUzmINhBAepXGw7xbb2hbRa2QK7SyBnUCRUO6inFfq5uwUj3uGVRDRkkVyJa\n+Huf\r\n=ew6W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3gAvFhzqH0I2UFSJDb5GXKipEQ6t0msDG2Q/urlbpUQIhANhV8UspXnozz4yMt5pfy3oeKAhArgukAgsr3pJ8b9r7"}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.1_1617818137525_0.7910168425608548"},"_hasShrinkwrap":false},"2.0.0-beta.2":{"name":"vue-stripe-menu","version":"2.0.0-beta.2","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n// import 'vue-stripe-menu/dist/vue-stripe-menu.css' // without the ability to override values\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-section vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-section vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd styles:\n\n```css\n@import \"~vue-stripe-menu/src/scss/variables\";\n\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-root {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vsm-section_menu {\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.vsm-link {\n  padding: 0 25px;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li\n        class=\"vsm-section logo-section\"\n        style=\"width: 50px; height: 50px\"\n      >\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <!--For the same styles - add the vsm-section-->\n      <li class=\"vsm-section vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Display when user media screen below from $vsm-media (scss)-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li class=\"vsm-section\">\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          new_section: false,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property        | Parameters   | Description                             | Type           | Default | Required |\n| --------------- | ----------   | --------------------------------------- | -------------- | ------- | -------- |\n| menu            | MenuObject   | Description of the menu items           | Array          |         | true     |\n| element         |              | HTMLElement for the root element        | String         | header  | false    |\n| screen-offset   |              | Offset from the window screen           | String, Number | header  | false    |\n| dropdown-offset |              | Offset from the dropdown menu           | String, Number | header  | false    |\n| handler         | hover, click | What event should you open dropdown for | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description                     |\n| ---------- | ---------- | ------------------------------- |\n| default    |            | Main content                    |\n| hamburger  |            | Replace button to open dropdown |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"2b14f257375cb17f4a0144958fcd81452c9f9d21","_id":"vue-stripe-menu@2.0.0-beta.2","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-tQXP1CejAvgoXy/Gzxy3yOizAKN19cTlkpDHYKH5dLrLaY8hejTddl7ZY4T+6UQ//rAb14rHtkRUheg+lOJIig==","shasum":"bb867b2b24ea439fd9d9c3b65333dd21b55b27c7","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.2.tgz","fileCount":62,"unpackedSize":1129473,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbuWdCRA9TVsSAnZWagAAyIEP/j7l1T6rQ1IxcRphPj8L\nr12KbMDB4+9cZke+5IOfYkX7dxLxO/siwCPV/QRGaxNmgjKp5Zxb8MYqjsnS\n5AuiWyHrdvvJ/rsGAdeJzJcyktnVjgonilc3B7optANxS0e1lP2azRSZsOyM\nuHLl+mGtAM4wmDAjV5zTRO/bACyb1lhtF1r2Y7sl5Zr3ofWtMdSIqb6ewcT4\nEL9kT751FiHAbcS886oQDvsqqRTZfY/1u0s3H4YwOMrEDe+7EWhPubW2b0nZ\nZD8AuKWnlq8YAsnIoHJM7Kw31sWxqFv2MwddAygHn4FebXV/0IRlpQiyYAFJ\naQYDHzpi2TCOETBrS2PDUes00cx0eiApad2r2bQqTDpu4nKzSWPrfjGqkFZd\nb5WKdVUM9AXyn7IKr4UyE1QfY579vjq2QKLwulQ2AJiNumiHgzTnSEpmCMyh\nAvtKAeDhmA6Jh3bzUV9KhNBEOKCMtBEX9iG0tpWwZF8XgaCRwASIGSAK/Yc5\nYE/BuSXpbab2+szW28Tugm4FDxAie9lR2KLZ66qKqiAlRzntcSRZj+KZeg0j\nXdQkK+9uXblx7llMnav4Ule29xJNbSeh3oMaIP7sGE4cBIC29O1oN6L6Zf6j\njL+/ofJUCJLrwUbyPUfqQhscmOjKdAf9U3loP45gQJ9TuKMdcssOWptXby9y\nZ4pC\r\n=rQPN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFdlMFnwsRIjGglchRRjwXaEmSDAPsoU7s49pKjfqFPAiBuTnUOZm/H701MORsMcgR+ofFQ60zHuuG6rhi22m8EbA=="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.2_1617880476978_0.4916519642430224"},"_hasShrinkwrap":false},"2.0.0-beta.3":{"name":"vue-stripe-menu","version":"2.0.0-beta.3","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-section vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-section vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n\n.vsm-section_menu {\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.vsm-link {\n  padding: 0 25px;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li\n        class=\"vsm-section logo-section\"\n        style=\"width: 50px; height: 50px\"\n      >\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <!--For the same styles - add the vsm-section-->\n      <li class=\"vsm-section vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Display when user media screen below from $vsm-media (scss)-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li class=\"vsm-section\">\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          new_section: false,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property        | Parameters   | Description                             | Type           | Default | Required |\n| --------------- | ----------   | --------------------------------------- | -------------- | ------- | -------- |\n| menu            | MenuObject   | Description of the menu items           | Array          |         | true     |\n| element         |              | HTMLElement for the root element        | String         | header  | false    |\n| screen-offset   |              | Offset from the window screen           | String, Number | header  | false    |\n| dropdown-offset |              | Offset from the dropdown menu           | String, Number | header  | false    |\n| handler         | hover, click | What event should you open dropdown for | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description               |\n| ---------- | ---------- | ------------------------- |\n| default    |            | Main content              |\n| hamburger  |            | Replace hamburger button  |\n| close      |            | Replace close button      |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"4956f741e90fffcdcef089045bcb188a223427fb","_id":"vue-stripe-menu@2.0.0-beta.3","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dXLZxnMxRoMGEH58BG1i7pl0L0VgGXqpRGbjoxTpPUY1YVlHOhber+X6Qm9vLnwv87rgLcqiYK3mDOHcVGOBog==","shasum":"136f75616edc4d0697e1f52e3fa03859fc9dec0b","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.3.tgz","fileCount":62,"unpackedSize":1130407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbwM8CRA9TVsSAnZWagAAayYP/21/UoV4bAAzuZcHaCWm\nJdOaNxyLuM9iv889+Rn+Rzg5iCHwA1xzW1JvXmDgeCPTHR8oWfnejfE+DKDf\n/GaE0hk2evJlASUAZZwUr8uvmvtFI/VN6PuFoaNW93g7h3N8vTjmPWFs51uU\n2rCOymYLfWQgM8+fyiejP1zvVu4YTXYbCS3+ZwwwYk9da0g8KGmr8cHeRDN/\nTNHMMBJx2Ezn9Ij2wYjUgx9Ky7LiMlt084BDAbH8ETB5nZfWyH4abY42aqqA\n2zNgXioXDHAgFQ+k5vdBN/jX6e4tDatodmdjctEkbouMeKJhBFt8YQPrhADu\nkMCVhK9HaLfG32bII4eUceFAZRdN3zicKpsRJSz6pU8vaQEuLnBM+nIKNF/S\neL5baY5ZDnlvPHFoNYqd2Qo5PlhUmVqU+2PC5zOmEwEtMHFyCVEmvvvSPwiv\npiCccT+5+3ib7/qD+ogsRF1h9CoGVqrgLKW747rnswl7ir8j4D+OofTGhPA2\nW8+4Ae5tzBtyHUMusJa8iruhZ5unglLRv7qSNTjZ9zjy0JvvzLQqGQbkGTOS\n6sEqvs2uUXVI9exMK4spzMVBjl0yVxbJ5uzU9/44OFPo0hWVJVUXgLStE3kz\nNjpVmPAd6lg9JDyhpGBbwqp7RTjemMjfBmMPBA9YKgDcmGybMKo4T20CSPWn\n0E4j\r\n=1pUJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDckmY0bUsYQHjccQjORFfSVfMHyt52bw9ONtpLjaQn7wIhALA+XaoXULmsSYckqDWEGc0Ttpws8jIo8YvcgQue7RK/"}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.3_1617888060036_0.8985741733569343"},"_hasShrinkwrap":false},"2.0.0-beta.4":{"name":"vue-stripe-menu","version":"2.0.0-beta.4","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n# Upgrade to Vue 3\n\n- Add styles:\n\n```scss\n$vsm-media\n\n// Change 768px on your value from $vsm-media, if set\n@media screen and (max-width: 768px) {\n  .vsm-section_mob {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n- Change the code/styles according to the changes below\n\n## Global changes\n\n- Added the ability to customize styles in realtime via [Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n- Added a simplified demo of the component to the [#Install section](https://alexeykhr.github.io/vue-stripe-menu/#install)\n- Added the ability not to install the component globally:\n\n```vue\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\n## Style changes\n\n- Removed `cursor: default` from dropdown buttons with HTML element `<a href=\"\" />`\n- Removed `@media` styles\n- Removed predefined `font-size: 17px` and `font-weight: 500`\n- Renamed [variables](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss):\n    - `$vsm-menu-border-radius` > `$vsm-border-radius`\n    - `$vsm-menu-transform-content` > `$vsm-transform-content`\n    - `$vsm-menu-link-height` > `$vsm-link-height`\n    - `$vsm-menu-arrow-shadow` > `$vsm-arrow-shadow`\n    - `$vsm-mob-size` > `$vsm-mob-hamburger-size`\n- Added [variables](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss):\n    - Menu: `$vsm-arrow-size`, `$vsm-arrow-shadow`, `$vsm-arrow-border-radius`, `$vsm-index`, `$vsm-background`,\n`$vsm-background-alt`, `$vsm-background-arrow`,\n    - Mob: `$vsm-mob-dropdown-offset`, `$vsm-mob-dropdown-border-radius`, `$vsm-mob-close-weight`, `$vsm-mob-close-color`,\n`$vsm-mob-close-color-hover`, `$vsm-mob-link-offset`, `$vsm-mob-background`, `$vsm-mob-shadow`, `$vsm-mob-transition`,\n`$vsm-mob-transition-link`\n\n## Components\n\n### Menu\n\n- Attribute added to each link [tabindex=\"0\"](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/components/Menu.vue#L26)\n- Now, when changing the width of the screen `window.addEventListener('resize')` - the dropdown menu does not close,\n  but the dropdown menu is recalculated via [`resizeDropdown`](https://github.com/Alexeykhr/vue-stripe-menu#menu-methods)\n\n**[Props](https://github.com/Alexeykhr/vue-stripe-menu#menu-props)**\n\nThese 2 properties have been removed due to unnecessary use, as well as dependence on css styles (width and height are overridden on the first interaction)\n\n- Removed `base-width`\n- Removed `base-height`\n\nAdded the ability to indent the dropdown menu from links\n\n- Added `dropdown-offset`\n\n**[Methods](https://github.com/Alexeykhr/vue-stripe-menu#menu-methods)**\n\nWhen changing dynamic content inside dropdown, you can now call `resizeDropdown` via `$refs`, resizing and relocating the dropdown\n\n- Added `resizeDropdown`\n\n**[Properties](https://github.com/Alexeykhr/vue-stripe-menu#menu-properties)**\n\n- Removed `hasDropdownEls`\n- Removed `$refs.links`\n- Added `itemsWithDropdown`\n- Added `elementsWithDropdown`\n- Added `dropdownContainerItems`\n\n### Mob\n\n**[Slots](https://github.com/Alexeykhr/vue-stripe-menu#mob-slots)**\n\nAdded the ability to replace the **close button** after opening the dropdown menu\n\n- Added `close`\n\n### Other\n\n**[Classes](https://github.com/Alexeykhr/vue-stripe-menu#classes)**\n\n- Removed `vsm-mob-full`\n- Added `vsm-mob-show`\n\n\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-section vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-section vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n\n.vsm-section_menu {\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.vsm-link {\n  padding: 0 25px;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li\n        class=\"vsm-section logo-section\"\n        style=\"width: 50px; height: 50px\"\n      >\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <!--For the same styles - add the vsm-section-->\n      <li class=\"vsm-section vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Display when user media screen below from $vsm-media (scss)-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li class=\"vsm-section\">\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          // pass only as a string (component must be globally accessible)\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property        | Parameters   | Description                             | Type           | Default | Required |\n| --------------- | ----------   | --------------------------------------- | -------------- | ------- | -------- |\n| menu            | MenuObject   | Description of the menu items           | Array          |         | true     |\n| element         |              | HTMLElement for the root element        | String         | header  | false    |\n| screen-offset   |              | Offset from the window screen           | String, Number | header  | false    |\n| dropdown-offset |              | Offset from the dropdown menu           | String, Number | header  | false    |\n| handler         | hover, click | What event should you open dropdown for | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description               |\n| ---------- | ---------- | ------------------------- |\n| default    |            | Main content              |\n| hamburger  |            | Replace hamburger button  |\n| close      |            | Replace close button      |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"e9f84aba94e11efb1ae55d64ec28bed6beefdabf","_id":"vue-stripe-menu@2.0.0-beta.4","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-X5l6lxsnXSSiTvAtbT7w4zGgVDUp+bfFhse/wZmxrG2NT9c9/GLiXx6w5sQeOxx1xTJJIp11v749XJiqwW2C1A==","shasum":"c0516502c43921604b09d67051b000416fed13d7","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.4.tgz","fileCount":62,"unpackedSize":1134088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbynnCRA9TVsSAnZWagAAyfcP/0AiEsTn1V9AIcF6W8jt\nyz/B0k6lh8BZ0f21PJyaW/N9+64yxfHAdNoSfumDzaH3l2tutC6Mn7BB5mcK\nbVTeiOvMQlgskQfD1xYQkwFjGRTUkgevoXmJBUWt/ohxFxztPMtoWWZT+ccH\n2UkvArmHAyF61yBUB1PJwf4Nu+b9lhAzU/ZGcUacknpRqannkWEVWOURht9n\nFsu4d8HTHu/D1RrLRX6rJr48FrP3ffwqLyXtjluWu/VS0vz+xdIsRhXJ2ZOs\nImT0NQc4j8KbhAV8u60tDoObnLTEoAiVmiKCaiaRU2Vwgz8T3+RlRUqw3i+0\nEXBI41KummvD1mgoLIKG8KLyvKmrtv7RCaVYH8QqZrXvKyWAI0KDnWbhnnQe\nWDmYd5HtR7ZsRbyfPXXANmsazx25lkhE2UWwhTN1fto4sr8nc7u4BmoPGsO9\nmeHlaelEbpYrJZ/su47Oh3wyFg4vCyshjOMK37AXz0ODcyn2oMrs/TsDjf9m\naxwI1SA95DPdReyLWXUyXCDe7ExvYnEfzNDienacAms6WC77nS4sMrUO50MK\nbwcLowZxiBGl6PWk4ckuxMu47pfDBmxtQLRD8MptM5jMMnv7VLQv2scRXlWH\nJokt0u8gwwOnCGRRF13lotZMJ74lKj/EHlKe9Wn+5Iw2oeE87WXCbaBRrfAp\nEZ3y\r\n=qzgT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwkcMFKaFXPj3V9zxc6y7fKFfbr5NCGd6bJ1JHPLEqDAiA7/WsFFW9nq5Zczlh0MFMiubX8Em1xVs9mik6jXo0WoQ=="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.4_1617897958730_0.2545583836577534"},"_hasShrinkwrap":false},"2.0.0-beta.5":{"name":"vue-stripe-menu","version":"2.0.0-beta.5","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-section vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-section vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-section_menu {\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n.vsm-link {\n  padding: 0 25px;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li\n        class=\"vsm-section logo-section\"\n        style=\"width: 50px; height: 50px\"\n      >\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <!--For the same styles - add the vsm-section-->\n      <li class=\"vsm-section vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li class=\"vsm-section\">\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          // pass only as a string (component must be globally accessible)\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters   | Description                                         | Type           | Default | Required |\n| ------------------ | ----------   | --------------------------------------------------- | -------------- | ------- | -------- |\n| menu               | MenuObject   | Description of the menu items                       | Array          |         | true     |\n| element            |              | HTMLElement for the root element                    | String         | header  | false    |\n| screen-offset      |              | Offset from the window screen                       | String, Number | header  | false    |\n| dropdown-offset    |              | Offset from the dropdown menu                       | String, Number | header  | false    |\n| transition-timeout |              | Animation speed in ms (equals $vsm-transition scss) | String, Number | 250     | false    |\n| handler            | hover, click | On what event to open dropdown menu                 | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description               |\n| ---------- | ---------- | ------------------------- |\n| default    |            | Main content              |\n| hamburger  |            | Replace hamburger button  |\n| close      |            | Replace close button      |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n> Don't add build files to PR\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"cf231dce1932153db8c16231a6f2d43ce514ac39","_id":"vue-stripe-menu@2.0.0-beta.5","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-OzrWVXmqMHc4EgJxzCT2IA9jvATPwYYvq6hiRPtPAFY4rpsgkNMHhUHsZcbARdxs/aY4FEkVPnTMTRNwW27i7w==","shasum":"c1bad9d601653c4cf1de9963999a933c0bca0751","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.5.tgz","fileCount":62,"unpackedSize":1137207,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1BICRA9TVsSAnZWagAAb1cQAJnJtSw4Q6OrQDe6lX5l\nLzFRfVgMBMp64EZxJG2k/x9ZcfOS7jYxKQ/+xaEvEukDCsqLaAROrlB8WTgV\nivZEp4yKkMhf33XNpch28OoubI61+ZlmWFxi213OQow91PZHweXbgo4fJ2Ww\nYTz1MSRwowvjeH6uAR8FB9VMeiPenuJfRfvQKsF9amoxVOt3P014o4wL67rt\nCDP9vlPbWbso/9LTmBjlU7uRMaTQI+pcFBYLf8lLlKlPitE2gJENg/epEBi0\nxp1YLpdmMPrb3FilAEamjwK56pLvcTmHACxmjOFvSwloZhcVzTBnZtD0o+MK\nDhHsNF8fpcjkg6AuGJsZxzkGFU7Yc1ikFlhNDxEO6VfNC3IMqr6AWxN0sUt3\nqshJfA4qotdEvZcdcc3gNugxY9HzowipBRunlOSvM8jp7RHyG2Dt2UPdHOvo\nfvP4xk2Cgo9S+/rokmWtaaEmdI5IWjVMf3tJzgztSKiSvCYi6oV246Fu1RJG\nTa3A+YyHcb0i5oGB8G1XsRFePV3Kk7CTPsZYYtJt5SnG+AA6/FDFTbvnTh3t\n+SHR3SwH1yUjSgYtxyJGufTIQAOrTTWEeBp053Dv4a8xsnrbVPphip6gJgMY\nQUyB9MzsRNYhmdEvaiMouYUpyeDH0p5APVZ82JAAqmrwmyQkBxoyw6rxsU0U\nXCWH\r\n=DT4i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDu19haPHRKXjdlFSq2khFHNOvxEoq/Tvn/MCiuQ8icZAiBLgKttLKfWkdyvMuk5bpgl/CXUclBBanTOC1n8hk0X8Q=="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.5_1617907783730_0.6959792148188613"},"_hasShrinkwrap":false},"2.0.0-beta.6":{"name":"vue-stripe-menu","version":"2.0.0-beta.6","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * This is an example of possible settings, you can also control\n * scss variables, and also you need to add a little style.\n * So copy and delete what you don’t need.\n *\n * After #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          // pass only as a string (component must be globally accessible)\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## Codepen Demo\n\n- [Vue Stripe Menu - Figma style](https://codepen.io/Alexeykhr/pen/YzPKxpX)\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters   | Description                                         | Type           | Default | Required |\n| ------------------ | ----------   | --------------------------------------------------- | -------------- | ------- | -------- |\n| menu               | MenuObject   | Description of the menu items                       | Array          |         | true     |\n| element            |              | HTMLElement for the root element                    | String         | header  | false    |\n| screen-offset      |              | Offset from the window screen                       | String, Number | header  | false    |\n| dropdown-offset    |              | Offset from the dropdown menu                       | String, Number | header  | false    |\n| transition-timeout |              | Animation speed in ms (equals $vsm-transition scss) | String, Number | 250     | false    |\n| handler            | hover, click | On what event to open dropdown menu                 | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description               |\n| ---------- | ---------- | ------------------------- |\n| default    |            | Main content              |\n| hamburger  |            | Replace hamburger button  |\n| close      |            | Replace close button      |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n> Don't add build files to PR\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"570242a8aec2c30fd6c368d0abfb7121e46764d5","_id":"vue-stripe-menu@2.0.0-beta.6","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-idZa5ucyd2Bz7p2Iu+12ukBSDHuHEtht5aX5HEyI9kVKBRaY+YRTHBTBPBHFTwVUC+2drdWRMlBERZbJ4pszoQ==","shasum":"2ca4be5202f0343b6eab1fd4f6ced7f920bce6fa","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.6.tgz","fileCount":62,"unpackedSize":1135878,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcAzPCRA9TVsSAnZWagAAIfcP/jTMKIJeSZA1HINu1TaW\nRegdeIaa2f3qTrP6BtaBsKHNfomwPpKMN1+EpYtjd+tLTWaUluxQApSxzynQ\npcm0U28DSRUhWw1aTJmpLpyQ2ey9Pef3hVSO6ev1kd0jce15e5b6YUModXZn\nzqXRW+pkan7uV3A60yx3EQHLwFIgHhdCmmOIMz9yfp/L+UQQVnC+N7Gm07Fm\n1tuwrQ403pdKQr5+tHWh6YV5TgoIIB/hw2dLM6GNtwLyDpx383nzHHmCk1Na\nUUpJKcWUUE+MqpSbxJ4ZQ4ewI6h7Xqmp90fIPy8jj1bQkJH4xyRZ965fI/UI\nF+wYkRF4KB61eStyaF8nHkjTroO33s1j0b5tZ+4pk0ferAlGMemR8QouhUzy\nCQrncMEfSRX7pW27uPtnLrlkbNNRNsQO17vp2Pqb5EuWR2W1ypA+9g4DegaT\nij/H1ADT6tHiUJHP+yr0LB++exz/qzHpfO+lAuBLhT8tLzjb55RndvOpB4IY\n6bnYlsPBwXqM7vuzV7wr5yNthsDctx6ZFg52MJsvsb51YqAtckLOb2IsW0mM\n8XB6EItE3MHrlxwOQu9PLneXNiqGGOxw7lpHta7Pt4p0dPbvNoey+dPDJbFV\nTln4qfHZDo8CEt7qYAWHINhJV50PVxGWWaD/xsE6QPfikaap6E95p2oUzygQ\n1Uy7\r\n=XF0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM/7a48J3spU26QgzZqBBBb61xddn2urEua2IsJP4hmgIhAPX/uXObLgZaaTeEIz8EWMaJKWAg9oX1sCYASjq4FhCG"}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.6_1617956046720_0.7875385874927114"},"_hasShrinkwrap":false},"2.0.0-beta.7":{"name":"vue-stripe-menu","version":"2.0.0-beta.7","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"readme":"# Vue Stripe Menu\n<p>\n  <a href=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://circleci.com/gh/Alexeykhr/vue-stripe-menu.svg?style=shield\" alt=\"Build Status\"></a>\n  <a href=\"https://codecov.io/github/Alexeykhr/vue-stripe-menu?branch=master\"><img src=\"https://img.shields.io/codecov/c/github/Alexeykhr/vue-stripe-menu/dev.svg\" alt=\"Coverage Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/Alexeykhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/Alexeykhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/Alexeykhr/vue-stripe-menu/master/public/img.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Demo Website](https://alexeykhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - branch](https://github.com/Alexeykhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```sh\n$ npm i vue-stripe-menu\n// or\n$ yarn add vue-stripe-menu\n```\n\nImport components and styles:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/Alexeykhr/vue-stripe-menu/blob/master/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/* eslint-disable */\n/*\n * Inside #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element?\n          // pass only as a string (component must be globally accessible)\n          element: 'span', // router-link\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/Alexeykhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters   | Description                                         | Type           | Default | Required |\n| ------------------ | ----------   | --------------------------------------------------- | -------------- | ------- | -------- |\n| menu               | MenuObject   | Description of the menu items                       | Array          |         | true     |\n| element            |              | HTMLElement for the root element                    | String         | header  | false    |\n| screen-offset      |              | Offset from the window screen                       | String, Number | header  | false    |\n| dropdown-offset    |              | Offset from the dropdown menu                       | String, Number | header  | false    |\n| transition-timeout |              | Animation speed in ms (equals $vsm-transition scss) | String, Number | 250     | false    |\n| handler            | hover, click | On what event to open dropdown menu                 | String         | hover   | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n| -------------- | ------------------------------------------------------ | ----------- |\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                         |\n| ---------- | --------------- | --------------------------------------------------- |\n| default    | MenuItem, index | The main content for the dropdown list              |\n| before-nav | before-nav      | Content to the left of the list                     |\n| after-nav  | after-nav       | Content to the right of the list                    |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own  |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                 | Return |\n| -------------- | ----------- | ----------------------------------------------------------- | ------ |\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close  |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                 |        |\n| closeDropdown  |             | Close active dropdown menu                                  |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu              |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n| ---------------------- | ----------------------------------------------- | ------------------------------------------------------------ |\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                          |\n| ---------- | ------ | ------------------------------------------------------------------------------------ |\n| title      | String | Menu item name. Can also be redefined through the slot                               |\n| dropdown   | String | Unique value indicates that this item has a dropdown menu                            |\n| element    | String | HTML element in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | Object | All attributes to be assigned in the header element (v-bind)                         |\n| listeners  | Object | All events to be assigned in the header element (v-on)                               |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n| -------- | ---------- | ------------------------------------ | ------- | ------- | -------- |\n| v-model  |            | The state of the open/close the menu | Boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name       | Parameters | Description               |\n| ---------- | ---------- | ------------------------- |\n| default    |            | Main content              |\n| hamburger  |            | Replace hamburger button  |\n| close      |            | Replace close button      |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name           | Parameters  | Description         | Return |\n| -------------- | ----------- | ------------------- | ------ |\n| closeDropdown  |             | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n| ------------ | ---------------------------------- |\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\n### Install dependencies\n\n```sh\n$ yarn\n```\n\n### Launch of a demo project (development of lib)\n\n```sh\n$ yarn dev\n```\n\n### Build a demo project\n\n> Don't add build files to PR\n\n```sh\n$ yarn build\n```\n\n### Build library\n\n```sh\n$ yarn build:lib\n```\n\n### Run tests\n\n```sh\n$ yarn test\n```\n\n### Check code on Eslint\n\n```sh\n$ yarn lint\n```\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/Alexeykhr/vue-stripe-menu/blob/master/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"9c445b577a3b171fb44cb7e3101c8f88d235d587","_id":"vue-stripe-menu@2.0.0-beta.7","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-n3FoW41Pi0MSdYVcRi/M/aMZv7EjeZ0AZWAystVo69+7KV6dLz7z9ODvQ4IrgPZfouxwRxbXGWZkZbQyt41+iQ==","shasum":"9dca57d44cb3c35bab5835331c7bd02b1f6d4e06","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0-beta.7.tgz","fileCount":62,"unpackedSize":1145994,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcChpCRA9TVsSAnZWagAAKfkP/3/vlwnAiqCZ8Z0hQCtz\nCoPPFLY6OSmThcOcUhSHTA5gvG43kzQyjYc+bV+0iDZPzM4UvmmQLW1x43CD\nqeMK0hLV7aJciw/Xbc2kdxiFtqj5NEpONzpucJbDbWtRey4Wn3ABw7znLGQW\n70VlNB3tY5L4FkiD2QKJGCVG/be58VWsf+XDqE4UebBQ1eiUy4dP7J8FPD+e\nAjV2kypojWXszun2Nw2OZYZjS2CehtcdXECVcX9HLKdYploTyY+zyuaPo9vT\n75eMZQFletpLqTx132crHp2UCcQ7aiwun4DyvZ4FPz+vkivFCLEZ9ev6ZKwg\nRdMqT3jBAYVdN+CPD0qBK2tyLUT2LdfL4Cjz7d6LbtoY2KiOeN8qdIt7koTO\nPIPAjWizAnIynRLgGMkFGPm5zXy5YjHmHoB5/rWwt4xn+6w5B6p+9Nen2zMW\nKwRoMvf3e7RBopCxUiJ69CW3fYSghMegbzaTQfy2E7XdPcgELac9UI3R+5I0\n34Sepb68ZBzsM15sCDzUcwMH/5LE/95u17T10497hJOXNV5oYM601Z0vgz85\nxLX4DfZ6FbpRGIQL+sTeJPL8j04oDkdMD5lYf/O7v6zohDRl4AGnYs0hBAmd\nJdJvrWgrcSeivHv9A0v/6/7ovJjN9idlGFiEXPyD7TwZ/1XZAcNCha6rbx6R\ncb/I\r\n=O0at\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVrdpy+hR83nCbrMwuh4sPQOJtrG56ndggDItjmkibGgIhAKct+kAq9KcAt0kPvG2imx8bIhYxsw6nNfyexnVyxMQB"}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0-beta.7_1617963113252_0.14994506909009075"},"_hasShrinkwrap":false},"2.0.0":{"name":"vue-stripe-menu","version":"2.0.0","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"gitHead":"c5316e79738965c1e728a5541258e78f956fb5f3","_id":"vue-stripe-menu@2.0.0","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-6xdcGw31mdNedcjK6RJ9eAIu91UvGyR9c/fgUPTlzNdxqSEmmeRjqV2mxcKoI+wffiAW4OBTj9XIoRb+16zw3w==","shasum":"243f0fa8bf1fb3b0f7408fe154ccc585428dcb36","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.0.0.tgz","fileCount":62,"unpackedSize":1146914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcF5vCRA9TVsSAnZWagAAUbIP/3sWPmyahj2M7N5WTUXC\nmDKG8dfI5UJnDyZ8Aa6gnCIBHsS/pkuM5WmpbTsvpSNydU7xZjknTPkM7Cb7\nooFKJKE0/2uJzC6QYHyURM/sVcp/jpWuZlvFstRa07YljgCBP7OQo5EQBx7J\nmTjoEtQQYXNL2ToNdOM8Gn9qvW9D3R6kqvGXayJv8tNgNi+PjybqYiAuUEkv\nEiGMqOhZXe5L9tZRk6nHv3Sw78khFzrmidrHNL3+3D/vjHX7/XZXIpAPCJf+\nwKsAwc8LAGtw92snyjuKpFUpawIqtRgLiZWnRGg7uiYd5dzkmRhP3SDSpGvN\nml6cEc5X+ID7c7sKR+nluReALebgt3iRRlbNDO2K7UJP15t6nP/3bEfVVB8B\n/jQrvpKUbL9rzMM/BGR97c3N3Ewz1W36aCXamzatfb9Bv/YDvlYVCIGJilgh\nHqUl6d5mrBDn1takjAU5nSuI7Gom/xEMHzzlR6fHNSpp9vaP6sI5mFuaO3jV\njcziWmGBRInRavtj3az8EhugBFRV7bpKdPJKTz3KICuJXPVyz1DuOg+y2juI\niP5ycnIcHMJH1HoIfG8ZrYZDce6yjVLz97jJ8bDqn9D0FOuuPyxXLek/r7kx\noby8GD9GZdG/U0Bxh0nNVolk9Hy2gCGeUpOnlRPr7NGbsJ71zXz7UenIRHY9\nEFPP\r\n=CxiP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEmrxq8hgCdQmaPKdMG2Cy0y3pVDUQXZqekTj9BtcJhnAiAUhpryBXZ9j6dIlP7Oz7Pky2loI6IMobDCkEl/BqLz1Q=="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.0.0_1617976942870_0.5227287796828195"},"_hasShrinkwrap":false},"2.1.0":{"name":"vue-stripe-menu","version":"2.1.0","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin dev && npm publish","rel":"npm run lint:fix && npm run test && npm run build && npm run build:lib && git add -A && standard-version -a","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","node-sass":"^5.0.0","raw-loader":"^4.0.2","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"gitHead":"46544446a0a1644df0fd76bce6328d2c48d4b07a","_id":"vue-stripe-menu@2.1.0","_nodeVersion":"14.16.0","_npmVersion":"7.15.0","dist":{"integrity":"sha512-HyVfUwAX5oESXdPdq7ZD4DxUMkhWbBrKTpmaCVNLDQn+eSP7PYw13hNzEJ/hB9P4MuWzO4qCrygMKr1XBn9Ybw==","shasum":"68cd43203d07e9ffe847ee7f947bd13a870c37f3","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.1.0.tgz","fileCount":62,"unpackedSize":1157238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2NTDCRA9TVsSAnZWagAAKusP/RmJ5L5ykmhKFy7IJP/t\nrTA84tTjOqprGPFrRjaUM5LTtGqvS5rdPPFIqR1M8TBEdErkH5hWr7mxK2kG\nRHUkRM661zBWoLrzONzjLxSE7yGc+gqun7cc1YkkmnREfMbqzZJ7qy87yKae\nKkHhP6d0VNqEvwguFoqaasmHkFcwgav47w4HURsBD9HbSkTKy8c4xVib/tX9\nEHt81y/S/hUlYYCqf0Sc4kHodt/wkfPSG8rPuZq/rhoa7WZ/GxxjNRqoMwwb\nTDS3A8FtgmAeUjOAzpc+ASr6kfuco6vZIPSLYBK5BJRErCeMWhGdCfVbOVnt\njAu50uYJRc6uC86JbUbzMtab8tjVGSGGW5MUTC8mCFDFYDi7uIizxhjMZsp4\ndSGcjkA07jB5wM9fK5SgUoG3yNc65yMJOCjPKH4RKQAgRgU74Mtq0bvO1dnU\n5oPJYXp0yNzBkHZ/59Ge6klksHjaciL/jB1cVZgqWgCJTmZh0XVh+VeKoZBG\n83Zka8oO/YMpRzs8ZcrJc0PfFrQgqYWVgeY+f2b8PPNa4sGkwTsQNTRVGUVG\nfnQogJtqqVifId2rLkTPXa9N6Upc9xAC4I5kR2aEkRzKthSd4D9APSgahXT7\nOqAdeuotW98CdZVN4mArxdJP5nmlmjF7SrrUau/es4TWUH4Ec6lcQQvYRutv\ntonY\r\n=YeKy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpI1dqyxM3mWFPDzetvN5idsREJpRqxWTuCho28MirBgIgIWq9HTlH0Ski+NPwMr5/K+jZI+MEU7GU1Fz+lNuPFDs="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.1.0_1624822979378_0.6513926142515138"},"_hasShrinkwrap":false},"2.1.1":{"name":"vue-stripe-menu","version":"2.1.1","description":"Creating a navigation menu with animations like on Stripe","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"],"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"scripts":{"build":"vue-cli-service build --dest docs ./demo/main.js","lint":"vue-cli-service lint src demo --no-fix","build:lib":"vue-cli-service build --target lib --name vue-stripe-menu ./src/main.js","dev":"vue-cli-service serve ./demo/main.js","lint:fix":"vue-cli-service lint src demo","pub":"git push --follow-tags origin HEAD && npm publish","rel":"npm run lint:fix && npm run test && npm run build:lib && standard-version --skip.changelog --skip.commit --skip.tag && npm run build && git add -A && standard-version --commit-all --skip.bump","test":"jest"},"main":"./dist/vue-stripe-menu.umd.min.js","dependencies":{"vue":"^3.0.11"},"devDependencies":{"@babel/eslint-parser":"^7.13.14","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"^4.5.12","@vue/cli-service":"^4.5.12","@vue/compiler-sfc":"^3.0.9","@vue/test-utils":"^2.0.0-rc.4","dotenv":"^8.2.0","eslint":"^7.23.0","eslint-plugin-vue":"^7.8.0","highlight.js":"^10.7.1","jest":"^26.6.3","raw-loader":"^4.0.2","sass":"^1.37.5","sass-loader":"^10.1.1","sinon":"^10.0.0","vue-jest":"^5.0.0-alpha.8"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"gitHead":"00d6822d1513c09271f84524263184a28b7a87c4","_id":"vue-stripe-menu@2.1.1","_nodeVersion":"14.17.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-ZZu2Ama6ayL4MYiGWTsipq7uafNZBrGX/lYD+jYB4pIe0ZpOGyq9wS3ohP7R5AGtT2SXgu64wjDqOQCxqZIMUQ==","shasum":"69c843130437eb61a1e26d42437b24f51b3002dc","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-2.1.1.tgz","fileCount":62,"unpackedSize":1175722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGBYnCRA9TVsSAnZWagAArK8P/Rzwj49O62sd9gjCHEjd\nS5fToN5qkjKJaZVtmABzyCrmIR9K2fKoFQytKuZGD5IVdxc5UO51ceL2qHu5\nDcYY4PRFSiOdib5GIoz1DCHStbck+U3NObPzPBZlO/uav22ktFrRx158HXUv\nKjQtkZWx1PklscfOntXkubfLTUxBplTyycdfFoFxz/sxtvBuvZsw2SJFnqJx\nVM2vha2l8/L3Q0iPOIhGiMid56dSn+vxVZ0tzbuR/n3rF5/tUYm2UH/jBZ4F\nqCCv7WDcpe4rGkDuBZhP4pGZ0UJdvWCpZ56ykyb8TKVhFHuo+xcPXTz664m/\nOtzcwrhbe6949mAhVAYfdyg3EZ98pFh7SAihBrDKWH0t9gY1t0p+glO8w9NM\nkSosNSUYGNgrGbYlws0VSigcQ7gDaL4zKCxWr/gZ504v1Efk0gG7qyt6cQU4\nlaZI6vs797Bcq2lFvY6HWGcArQ+hVPMcc2n8nU1hoeNDgh8v6m26lmGst/tT\nA9QnOxI8eHeTjR+jm/8WrbqyKoPhy+zCX+Lc+jDkCUFdXSGKGdvWHgIja09R\nNrVRtQNWc/fft665Upes7suU30dQNi9Ju45YT9uzV+XmlS4Xn95xiecEkzyt\n1fgo1csqMUEWG6HN4Ir7FkdiriySafgzQI8r0kti77hpimbOObKH6HTnvaoi\n6JSE\r\n=p6g1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICtsY2n26ZpkHOU4X0ydbOu4XTfk5XszEJgCm+iE9ztMAiEA8+BPd8iZzS6z6ajoO9RF77vq7wfH4iHv9KNs7S4sASY="}]},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_2.1.1_1628968487247_0.8044244601673147"},"_hasShrinkwrap":false},"3.0.0-beta.1":{"name":"vue-stripe-menu","version":"3.0.0-beta.1","homepage":"https://github.com/oleksiikhr/vue-stripe-menu","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Oleksii Khrushch","email":"oleksiikhr@outlook.com"},"main":"./dist/vue-stripe-menu.umd.js","module":"./dist/vue-stripe-menu.es.js","exports":{".":{"import":"./dist/vue-stripe-menu.es.js","require":"./dist/vue-stripe-menu.umd.js"}},"unpkg":"./dist/vue-stripe-menu.umd.js","private":false,"license":"MIT","bugs":{"url":"https://github.com/oleksiikhr/vue-stripe-menu/issues"},"repository":{"type":"git","url":"git+https://github.com/oleksiikhr/vue-stripe-menu.git"},"keywords":["vue","vue3","stripe","dropdown","menu","typescript","navigation","animations","component","ui components","stripe-elements"],"scripts":{"dev":"vite docs","build":"vite build","build:docs":"vite build docs","lint":"npm run eslint && npm run prettier && npm run stylelint","lint:fix":"npm run eslint:fix && npm run prettier:fix && npm run stylelint:fix","eslint":"eslint --ext .ts,.js,.vue .","eslint:fix":"eslint --fix --ext .ts,.js,.vue .","prettier":"prettier --check **/*.{html,ts,js,spec.ts,vue}","prettier:fix":"prettier --write **/*.{html,ts,js,spec.ts,vue}","stylelint":"stylelint **/*.{scss,vue}","stylelint:fix":"stylelint --fix **/*.{scss,vue}","test":"jest"},"devDependencies":{"@babel/core":"7.16.7","@babel/preset-env":"^7.19.3","@babel/preset-typescript":"^7.18.6","@types/jest":"^27.5.2","@types/node":"^17.0.45","@types/sinon":"^10.0.13","@typescript-eslint/eslint-plugin":"^5.38.1","@typescript-eslint/parser":"^5.38.1","@vitejs/plugin-vue":"^2.3.4","@vue/compiler-sfc":"^3.2.40","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.1.0","autoprefixer":"^10.4.12","babel-jest":"26.6.3","eslint":"^8.24.0","eslint-config-airbnb-typescript":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-vue":"^8.7.1","highlight.js":"^11.6.0","jest":"^26.6.3","postcss":"^8.4.17","postcss-html":"^1.5.0","prettier":"^2.7.1","sass":"^1.55.0","sinon":"^10.0.0","stylelint":"^14.13.0","stylelint-config-prettier-scss":"^0.0.1","stylelint-config-recommended-vue":"^1.4.0","stylelint-config-sass-guidelines":"^9.0.1","stylelint-config-standard-scss":"^3.0.0","ts-jest":"^26.5.6","ts-node":"^10.9.1","typescript":"^4.8.4","vite":"^2.9.15","vue-eslint-parser":"^8.3.0","vue-jest":"^5.0.0-alpha.10","webpack":"^5.74.0"},"dependencies":{"vue":"^3.2.40"},"gitHead":"47a93159663ddd1ad7135aa9aca1965ce93d0c43","readme":"# Vue Stripe Menu\n\n<p>\n  <a href=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml\" rel=\"nofollow\"><img src=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml/badge.svg\" alt=\"Build Status\"></a>\n  <a href=\"https://app.netlify.com/sites/vue-stripe-menu/deploys\" rel=\"nofollow\"><img src=\"https://api.netlify.com/api/v1/badges/4865304f-e368-4f24-9242-dad6d3176e5c/deploy-status\" alt=\"Netlify Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/oleksiikhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/oleksiikhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/oleksiikhr/vue-stripe-menu/main/docs/images/stripe.png?raw=true\" alt=\"Vue Stripe Menu\" height=\"500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n**Only for Vue 3** ([changelog](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md#200-2021-04-09))\n\n[Documentation](https://oleksiikhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - Branch](https://github.com/oleksiikhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```shell\n$ npm i -D vue-stripe-menu\n\n// $ yarn add -D vue-stripe-menu\n// $ pnpm add -D vue-stripe-menu\n```\n\nImport components:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n```\n\nAdd the component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/src/scss/index\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/dist/vue-stripe-menu.css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    align=\"center\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/*\n * Inside #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element? Pass HTMLElement or global component\n          // (pass only as a string, component must be globally accessible)\n          element: 'span', // div, router-link, nuxt-link, custom-component\n          // offset the position of the dropdown menu\n          align: 'center',\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/oleksiikhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters          | Description                                         | Type           | Default | Required |\n|--------------------|---------------------|-----------------------------------------------------|----------------|---------|----------|\n| menu               | MenuObject          | Description of the menu items                       | array          |         | true     |\n| element            |                     | HTMLElement for the root element                    | string         | header  | false    |\n| screen-offset      |                     | Offset from the window screen                       | string, number | header  | false    |\n| dropdown-offset    |                     | Offset from the dropdown menu                       | string, number | header  | false    |\n| transition-timeout |                     | Animation speed in ms (equals $vsm-transition scss) | string, number | 250     | false    |\n| handler            | hover, click        | On what event to open dropdown menu                 | string         | hover   | false    |\n| align              | center, left, right | Offset the position of the dropdown menu            | string         | center  | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n|----------------|--------------------------------------------------------|-------------|\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                        |\n|------------|-----------------|----------------------------------------------------|\n| default    | MenuItem, index | The main content for the dropdown list             |\n| before-nav | before-nav      | Content to the left of the list                    |\n| after-nav  | after-nav       | Content to the right of the list                   |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                | Return |\n|----------------|-------------|------------------------------------------------------------|--------|\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                |        |\n| closeDropdown  |             | Close active dropdown menu                                 |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu             |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n|------------------------|-------------------------------------------------|--------------------------------------------------------------|\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                                             |\n|------------|--------|---------------------------------------------------------------------------------------------------------|\n| title      | string | Menu item name. Can also be redefined through the slot                                                  |\n| dropdown   | string | Unique value indicates that this item has a dropdown menu                                               |\n| align      | string | Offset the position of the dropdown menu (center/left/right)                                            |\n| element    | string | HTMLElement or global component in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | object | All attributes to be assigned in the header element (v-bind)                                            |\n| listeners  | object | All events to be assigned in the header element (v-on)                                                  |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n|----------|------------|--------------------------------------|---------|---------|----------|\n| v-model  |            | The state of the open/close the menu | boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name      | Parameters | Description              |\n|-----------|------------|--------------------------|\n| default   |            | Main content             |\n| hamburger |            | Replace hamburger button |\n| close     |            | Replace close button     |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name          | Parameters | Description         | Return |\n|---------------|------------|---------------------|--------|\n| closeDropdown |            | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n|--------------|------------------------------------|\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/.github/CONTRIBUTING.md) before making a pull request.\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","_id":"vue-stripe-menu@3.0.0-beta.1","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-el1YcAZ/128eDJMKFBOk6ESSIhtpAn/Sw9lFZjcr4UfZSlZeVXqshJfWAsK/rokreAmft+TBZmj+2fUB5jSd8w==","shasum":"541a7d42c968c853a21ba0c0efce0cb87bd6e888","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-3.0.0-beta.1.tgz","fileCount":18,"unpackedSize":89448,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0Mi+e/gldC9qnXiYXAQAoBb5MUSqKT9KjMOpcsX1wTgIhANLC+lh/Gdyi1HVe4FiWVTeDsPkIrJ30n618gOi38WfN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOZzoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Qw/+MBwF9hLZ6jv1hkMYCUjekfRAdnCZ6s8WP8yRt871XG6+Pa5k\r\nfMiK+dQju8wL05sTY281EaVKPdE69QAsr/JQUYsyCKi6VR4BdzObx51WcrEL\r\nIPwwA+oUznvK9kEMIqbAbIg1rxdiy51sSASzxZ76ZW1I9Snd8p31dUx8Bhbz\r\n3NOxr/2rGWUot2BDUyIhGIUibDHoSNnGr2uNt0fUyO0pCUCniq0Jie8mWMqZ\r\nvfwnC2s3r9WfFnU8AwMq+OJSLoQZ9ABAeP8raU4gDco1UjHEAmFt2wiVYRC5\r\noLQBvsykdslw4VFCQK0eq7LThzxM/4jpTgdD4C1648IMT2SHshC+XC+FhBEp\r\nzZuy75ZwgbcKee+dsjZJP7QFKCuKSPG1oYAQpq8Ts/M67+AxDIw4S4ETFnzL\r\n+DqcJpjxQAhUDZL1Moke6e784cl2Nz/mMY1HmzyL9n3p4kzwENwZtYi7y/Ga\r\nY7Lwec650k4NorZ+7FZeaY7IkTYWsmB5xNl1dYfTHfKPO0K1DUJRmy8OtNIW\r\n5wfBLJwuo6G22dbIcmJIScqwFd/nM6whmvDSkH8Opayp+TBpWFGbMBPKEVd5\r\nHgAbq1VoH6sVdVEYbu7dVrDyZSQA+jSRuNC99FAX1DUunIJcbmcvZ95n+rIP\r\nvP9jp4nMj/QSQZjwwWdnp+xFs9F2XXRAge4=\r\n=P9CW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_3.0.0-beta.1_1664720104183_0.4903348163382928"},"_hasShrinkwrap":false},"3.0.0-beta.2":{"name":"vue-stripe-menu","version":"3.0.0-beta.2","homepage":"https://github.com/oleksiikhr/vue-stripe-menu","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Oleksii Khrushch","email":"oleksiikhr@outlook.com"},"main":"./dist/vue-stripe-menu.umd.js","module":"./dist/vue-stripe-menu.es.js","exports":{".":{"import":"./dist/vue-stripe-menu.es.js","require":"./dist/vue-stripe-menu.umd.js"},"./css":"./dist/vue-stripe-menu.css","./scss":"./src/scss/index.scss","./dist/vue-stripe-menu.css":"./dist/vue-stripe-menu.css","./src/scss/index":"./src/scss/index.scss"},"unpkg":"./dist/vue-stripe-menu.umd.js","private":false,"license":"MIT","bugs":{"url":"https://github.com/oleksiikhr/vue-stripe-menu/issues"},"repository":{"type":"git","url":"git+https://github.com/oleksiikhr/vue-stripe-menu.git"},"keywords":["vue","vue3","stripe","dropdown","menu","typescript","navigation","animations","component","ui components","stripe-elements"],"scripts":{"dev":"vite docs","build":"vite build","build:docs":"vite build docs","lint":"npm run eslint && npm run prettier && npm run stylelint","lint:fix":"npm run eslint:fix && npm run prettier:fix && npm run stylelint:fix","eslint":"eslint --ext .ts,.js,.vue .","eslint:fix":"eslint --fix --ext .ts,.js,.vue .","prettier":"prettier --check **/*.{html,ts,js,spec.ts,vue}","prettier:fix":"prettier --write **/*.{html,ts,js,spec.ts,vue}","stylelint":"stylelint **/*.{scss,vue}","stylelint:fix":"stylelint --fix **/*.{scss,vue}","test":"jest"},"devDependencies":{"@babel/core":"7.16.7","@babel/preset-env":"^7.19.3","@babel/preset-typescript":"^7.18.6","@types/jest":"^27.5.2","@types/node":"^17.0.45","@types/sinon":"^10.0.13","@typescript-eslint/eslint-plugin":"^5.38.1","@typescript-eslint/parser":"^5.38.1","@vitejs/plugin-vue":"^2.3.4","@vue/compiler-sfc":"^3.2.40","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.1.0","autoprefixer":"^10.4.12","babel-jest":"26.6.3","eslint":"^8.24.0","eslint-config-airbnb-typescript":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-vue":"^8.7.1","highlight.js":"^11.6.0","jest":"^26.6.3","postcss":"^8.4.17","postcss-html":"^1.5.0","prettier":"^2.7.1","sass":"^1.55.0","sinon":"^10.0.0","stylelint":"^14.13.0","stylelint-config-prettier-scss":"^0.0.1","stylelint-config-recommended-vue":"^1.4.0","stylelint-config-sass-guidelines":"^9.0.1","stylelint-config-standard-scss":"^3.0.0","ts-jest":"^26.5.6","ts-node":"^10.9.1","typescript":"^4.8.4","vite":"^2.9.15","vue-eslint-parser":"^8.3.0","vue-jest":"^5.0.0-alpha.10","webpack":"^5.74.0"},"dependencies":{"vue":"^3.2.40"},"gitHead":"6c63531e66d112a3cd1e749ec2779af48ed6f9a1","readme":"# Vue Stripe Menu\n\n<p>\n  <a href=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml\" rel=\"nofollow\"><img src=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml/badge.svg\" alt=\"Build Status\"></a>\n  <a href=\"https://app.netlify.com/sites/vue-stripe-menu/deploys\" rel=\"nofollow\"><img src=\"https://api.netlify.com/api/v1/badges/4865304f-e368-4f24-9242-dad6d3176e5c/deploy-status\" alt=\"Netlify Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/oleksiikhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/oleksiikhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/oleksiikhr/vue-stripe-menu/main/docs/images/stripe.png?raw=true\" alt=\"Vue Stripe Menu\" style=\"max-height: 500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n**Only for Vue 3** ([changelog](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md#200-2021-04-09))\n\n[Documentation](https://oleksiikhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - Branch](https://github.com/oleksiikhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```shell\n$ npm i -D vue-stripe-menu\n\n// $ yarn add -D vue-stripe-menu\n// $ pnpm add -D vue-stripe-menu\n```\n\nImport components:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n\n// Optionally if you don't want to use @import in your\n// <style> section (because its scoped for example):\n// import 'vue-stripe-menu/css'\n```\n\nAdd the component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/scss\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    align=\"center\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/*\n * Inside #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element? Pass HTMLElement or global component\n          // (pass only as a string, component must be globally accessible)\n          element: 'span', // div, router-link, nuxt-link, custom-component\n          // offset the position of the dropdown menu\n          align: 'center',\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/oleksiikhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters          | Description                                         | Type           | Default | Required |\n|--------------------|---------------------|-----------------------------------------------------|----------------|---------|----------|\n| menu               | MenuObject          | Description of the menu items                       | array          |         | true     |\n| element            |                     | HTMLElement for the root element                    | string         | header  | false    |\n| screen-offset      |                     | Offset from the window screen                       | string, number | header  | false    |\n| dropdown-offset    |                     | Offset from the dropdown menu                       | string, number | header  | false    |\n| transition-timeout |                     | Animation speed in ms (equals $vsm-transition scss) | string, number | 250     | false    |\n| handler            | hover, click        | On what event to open dropdown menu                 | string         | hover   | false    |\n| align              | center, left, right | Offset the position of the dropdown menu            | string         | center  | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n|----------------|--------------------------------------------------------|-------------|\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                        |\n|------------|-----------------|----------------------------------------------------|\n| default    | MenuItem, index | The main content for the dropdown list             |\n| before-nav | before-nav      | Content to the left of the list                    |\n| after-nav  | after-nav       | Content to the right of the list                   |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                | Return |\n|----------------|-------------|------------------------------------------------------------|--------|\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                |        |\n| closeDropdown  |             | Close active dropdown menu                                 |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu             |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n|------------------------|-------------------------------------------------|--------------------------------------------------------------|\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                                             |\n|------------|--------|---------------------------------------------------------------------------------------------------------|\n| title      | string | Menu item name. Can also be redefined through the slot                                                  |\n| dropdown   | string | Unique value indicates that this item has a dropdown menu                                               |\n| align      | string | Offset the position of the dropdown menu (center/left/right)                                            |\n| element    | string | HTMLElement or global component in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | object | All attributes to be assigned in the header element (v-bind)                                            |\n| listeners  | object | All events to be assigned in the header element (v-on)                                                  |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n|----------|------------|--------------------------------------|---------|---------|----------|\n| v-model  |            | The state of the open/close the menu | boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name      | Parameters | Description              |\n|-----------|------------|--------------------------|\n| default   |            | Main content             |\n| hamburger |            | Replace hamburger button |\n| close     |            | Replace close button     |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name          | Parameters | Description         | Return |\n|---------------|------------|---------------------|--------|\n| closeDropdown |            | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n|--------------|------------------------------------|\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/.github/CONTRIBUTING.md) before making a pull request.\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","_id":"vue-stripe-menu@3.0.0-beta.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-4LpKXtrxwgfGYiQZdtxj5l88oNNeV2dXQFBPJ59Mo6WyijWcgDQUYZve5ZvWI8/HDtEJMH5WzmRosnNa34kxMA==","shasum":"39241b73d412542bb0a700a5b70a6cb46def3167","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-3.0.0-beta.2.tgz","fileCount":18,"unpackedSize":89764,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVSb12rSJm853idIIuvJzCj0umwEUB2Am4Xz4HN03V5gIgfwiqQvS9Ka5B49rPT9afwQIcliLcvJbC63Wpj2yBayY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjO0D7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphCA//Y18QZsDX2E6eLlqDjYKHjXlf/O0Vpb8/2mFqf8/faOu2YvT/\r\nb4/b9utTLme8nX2G4Hljkg0c9T9hS2K7/1o3fUlyGb1DHPpdjN3tttiLRMtI\r\nWYRrLY6+W18Jx99UiW1Sbt0K2jKqZcvegfPw6CF2c1qGDOEEVBbiOE930ius\r\n5yXsa7BrNqgH4RO3JLb350ZT6/k1GiFRIJTH9/mNYbyUS8fJbwCSwIuM4iJV\r\nuIoR8e/FLBDEfUGYm0Wte/xfrH0y5tE6S031CMJHjrnJwaGcFlcjfElrfEoS\r\nhcM8JV2OrVE0wJu4PiAemVnXq1tRyrm9PH45YfipvrFQiUl64EDQWIUyM7if\r\nq+AdV19TAlZt9ft9cTLrVaXSRy79pQyHZvb4Idw7t17mCD+ryXkDDC1Xoale\r\nfTJI+AOZyzyQslC+JhAdl/xpRaaD26mmeCzjeaIcTqR8TyuYEn9YxuIS2OfG\r\nmSKo9ASUV2WSQdnQex/PYZRI/C3v5m6VebPKe96lxycHtUddftawPeVopLO/\r\nJTcUIg3bnnUvnOOAD+ayhOC1+kJ7TnkWyE4iKlIia9wzgpnzKulOMF0BEfml\r\nwn9B+JMAGpAKbusJ++/1hoPAny9FBqaM7EAD0ovA5jaAiwxVOx2BtQiei8Ls\r\nMdxvz/tKR7BvEy1OmLEM2ZwuPUAkCziI+44=\r\n=lXPm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_3.0.0-beta.2_1664827643459_0.13710733258377994"},"_hasShrinkwrap":false},"1.5.0-backport":{"name":"vue-stripe-menu","version":"1.5.0-backport","homepage":"https://github.com/oleksiikhr/vue-stripe-menu","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Oleksii Khrushch","email":"oleksiikhr@outlook.com"},"main":"./dist/vue-stripe-menu.umd.js","module":"./dist/vue-stripe-menu.es.js","exports":{".":{"import":"./dist/vue-stripe-menu.es.js","require":"./dist/vue-stripe-menu.umd.js"},"./css":"./dist/vue-stripe-menu.css","./scss":"./src/scss/index.scss","./dist/vue-stripe-menu.css":"./dist/vue-stripe-menu.css","./src/scss/index":"./src/scss/index.scss"},"unpkg":"./dist/vue-stripe-menu.umd.js","private":false,"license":"MIT","bugs":{"url":"https://github.com/oleksiikhr/vue-stripe-menu/issues"},"repository":{"type":"git","url":"git+https://github.com/oleksiikhr/vue-stripe-menu.git"},"keywords":["vue","vue3","stripe","dropdown","menu","typescript","navigation","animations","component","ui components","stripe-elements"],"scripts":{"dev":"vite docs","build":"vite build","build:docs":"vite build docs","lint":"npm run eslint && npm run prettier && npm run stylelint","lint:fix":"npm run eslint:fix && npm run prettier:fix && npm run stylelint:fix","eslint":"eslint --ext .ts,.js,.vue .","eslint:fix":"eslint --fix --ext .ts,.js,.vue .","prettier":"prettier --check **/*.{html,ts,js,spec.ts,vue}","prettier:fix":"prettier --write **/*.{html,ts,js,spec.ts,vue}","stylelint":"stylelint **/*.{scss,vue}","stylelint:fix":"stylelint --fix **/*.{scss,vue}","test":"jest"},"devDependencies":{"@babel/core":"7.16.7","@babel/preset-env":"^7.19.3","@babel/preset-typescript":"^7.18.6","@types/jest":"^27.5.2","@types/node":"^17.0.45","@types/sinon":"^10.0.13","@typescript-eslint/eslint-plugin":"^5.38.1","@typescript-eslint/parser":"^5.38.1","@vitejs/plugin-vue":"^2.3.4","@vitejs/plugin-vue2":"^2.1.0","@vue/compiler-sfc":"^3.2.40","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^1.3.3","autoprefixer":"^10.4.12","babel-jest":"26.6.3","eslint":"^8.24.0","eslint-config-airbnb-typescript":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-vue":"^8.7.1","highlight.js":"^11.6.0","jest":"^26.6.3","postcss":"^8.4.17","postcss-html":"^1.5.0","prettier":"^2.7.1","sass":"^1.55.0","sinon":"^10.0.0","stylelint":"^14.13.0","stylelint-config-prettier-scss":"^0.0.1","stylelint-config-recommended-vue":"^1.4.0","stylelint-config-sass-guidelines":"^9.0.1","stylelint-config-standard-scss":"^3.0.0","ts-jest":"^26.5.6","ts-node":"^10.9.1","typescript":"^4.8.4","vite":"^3.0.0","vue-eslint-parser":"^8.3.0","vue-jest":"4","vue-template-compiler":"^2.7.14","webpack":"^5.74.0"},"dependencies":{"vue":"^2.7.0"},"readme":"# Vue Stripe Menu\n\n<p>\n  <a href=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml\" rel=\"nofollow\"><img src=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml/badge.svg\" alt=\"Build Status\"></a>\n  <a href=\"https://app.netlify.com/sites/vue-stripe-menu/deploys\" rel=\"nofollow\"><img src=\"https://api.netlify.com/api/v1/badges/4865304f-e368-4f24-9242-dad6d3176e5c/deploy-status\" alt=\"Netlify Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/oleksiikhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/oleksiikhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/oleksiikhr/vue-stripe-menu/main/docs/images/stripe.png?raw=true\" alt=\"Vue Stripe Menu\" style=\"max-height: 500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n**Only for Vue 3** ([changelog](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md#200-2021-04-09))\n\n[Documentation](https://oleksiikhr.github.io/vue-stripe-menu/)\n\n[Vue 2 - Branch](https://github.com/oleksiikhr/vue-stripe-menu/tree/vue2)\n\n## How to install\n\nInstall the library in your project:\n\n```shell\n$ npm i -D vue-stripe-menu\n\n// $ yarn add -D vue-stripe-menu\n// $ pnpm add -D vue-stripe-menu\n```\n\nImport components:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n\n// Optionally if you don't want to use @import in your\n// <style> section (because its scoped for example):\n// import 'vue-stripe-menu/css'\n```\n\nAdd the component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/scss\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    align=\"center\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/*\n * Inside #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element? Pass HTMLElement or global component\n          // (pass only as a string, component must be globally accessible)\n          element: 'span', // div, router-link, nuxt-link, custom-component\n          // offset the position of the dropdown menu\n          align: 'center',\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/oleksiikhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters          | Description                                         | Type           | Default | Required |\n|--------------------|---------------------|-----------------------------------------------------|----------------|---------|----------|\n| menu               | MenuObject          | Description of the menu items                       | array          |         | true     |\n| element            |                     | HTMLElement for the root element                    | string         | header  | false    |\n| screen-offset      |                     | Offset from the window screen                       | string, number | header  | false    |\n| dropdown-offset    |                     | Offset from the dropdown menu                       | string, number | header  | false    |\n| transition-timeout |                     | Animation speed in ms (equals $vsm-transition scss) | string, number | 250     | false    |\n| handler            | hover, click        | On what event to open dropdown menu                 | string         | hover   | false    |\n| align              | center, left, right | Offset the position of the dropdown menu            | string         | center  | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n|----------------|--------------------------------------------------------|-------------|\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                        |\n|------------|-----------------|----------------------------------------------------|\n| default    | MenuItem, index | The main content for the dropdown list             |\n| before-nav | before-nav      | Content to the left of the list                    |\n| after-nav  | after-nav       | Content to the right of the list                   |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                | Return |\n|----------------|-------------|------------------------------------------------------------|--------|\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                |        |\n| closeDropdown  |             | Close active dropdown menu                                 |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu             |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n|------------------------|-------------------------------------------------|--------------------------------------------------------------|\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                                             |\n|------------|--------|---------------------------------------------------------------------------------------------------------|\n| title      | string | Menu item name. Can also be redefined through the slot                                                  |\n| dropdown   | string | Unique value indicates that this item has a dropdown menu                                               |\n| align      | string | Offset the position of the dropdown menu (center/left/right)                                            |\n| element    | string | HTMLElement or global component in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | object | All attributes to be assigned in the header element (v-bind)                                            |\n| listeners  | object | All events to be assigned in the header element (v-on)                                                  |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n|----------|------------|--------------------------------------|---------|---------|----------|\n| v-model  |            | The state of the open/close the menu | boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name      | Parameters | Description              |\n|-----------|------------|--------------------------|\n| default   |            | Main content             |\n| hamburger |            | Replace hamburger button |\n| close     |            | Replace close button     |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name          | Parameters | Description         | Return |\n|---------------|------------|---------------------|--------|\n| closeDropdown |            | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n|--------------|------------------------------------|\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/.github/CONTRIBUTING.md) before making a pull request.\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"5617806d51b732681e8b5cc839df0237ac5335ca","_id":"vue-stripe-menu@1.5.0-backport","_nodeVersion":"19.8.1","_npmVersion":"9.2.0","dist":{"integrity":"sha512-bZVHEGY6ESFLB9U0AC/l4lEx4Pk1rFTqDQqNQKW3NadjnQhtqA2i0FY7DNdU2FrVVkC1ijF3UQvi2vecS7S7iA==","shasum":"e76775a58a5e16dac49056660607ddf1e1688d3a","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.5.0-backport.tgz","fileCount":19,"unpackedSize":74423,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZ+6Tv/dvr1Iv9+mmuq3nYKLXv1QznCR+xy9Yt2KwOMAiEAmkC3DsqbN03RliH0LJlSLbBxuKMZZX8gAXpjBqi41hE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOmZcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRbg/8CZRuGmdrxmEFWHW4mQPOjIhimodTO2mO3X1qas/kizYHML8z\r\niGESKxZ3JmfS1d0bRLmTavcjXJSx2hfNAAatDuhDv1dL5B/qc6orNZKLCuOU\r\nh7OgO8BoFgDjMgo0RUru7wvP5hReda5UAJ4F/gBPxoZvQvy5uhCUtwJajxwS\r\nJAMEqaW6vRcsCyCoB9ipZhCeUlXESXZmIxni/h0HUpzoAWH9AixKCoBESFhc\r\n24QbD8Ro83YzKfh3kCqifLU8t6bFRqyJQG1ApmUF7ykG+0Fz1xs/XFZrfet7\r\nDcIBOzkZr5eGu+/So+qkaZXAcghpn5i/qgM1/mJFnIceAq0nYGAbKK57WcUG\r\nRNYrDWALMVVR0XZ+Sd1DxhQTbo9Xaz0xmuClbG4Ze5Mzi+nsJP2NfqGfpMLR\r\nY43o5TlbQzRxgo/wSXuyPgmXR1UzDED4ARfHSShuA1X/rdni264NmOLrlNvU\r\nL2OFgGuuLGi6Jqohbcsf9O4/p2rJPsLCOIzRwnm2gA/pYJXybUFE28304f6w\r\nwGF7WWL4BP9ZM3aRh8vFvn84wFGM8oQMmKqshKXoF3A+9zLBP9T1taZIi671\r\nHCTo/MqkBCiHXodpMXB3Rc+3TmMfwnZkT6tFdAbB7Er6fFChApFa7m80X1vh\r\nPltoMQsRFi1QA9ELcjFKRy5RFB5Y7sryMT4=\r\n=KW0z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.5.0-backport_1681548892697_0.4468099557588858"},"_hasShrinkwrap":false},"1.5.1-backport":{"name":"vue-stripe-menu","version":"1.5.1-backport","homepage":"https://github.com/oleksiikhr/vue-stripe-menu","description":"Creating a navigation menu with animations like on Stripe","author":{"name":"Oleksii Khrushch","email":"oleksiikhr@outlook.com"},"main":"./dist/vue-stripe-menu.umd.js","module":"./dist/vue-stripe-menu.es.js","exports":{".":{"import":"./dist/vue-stripe-menu.es.js","require":"./dist/vue-stripe-menu.umd.js"},"./css":"./dist/vue-stripe-menu.css","./scss":"./src/scss/index.scss","./dist/vue-stripe-menu.css":"./dist/vue-stripe-menu.css","./src/scss/index":"./src/scss/index.scss"},"unpkg":"./dist/vue-stripe-menu.umd.js","private":false,"license":"MIT","bugs":{"url":"https://github.com/oleksiikhr/vue-stripe-menu/issues"},"repository":{"type":"git","url":"git+https://github.com/oleksiikhr/vue-stripe-menu.git"},"keywords":["vue","vue3","stripe","dropdown","menu","typescript","navigation","animations","component","ui components","stripe-elements"],"scripts":{"dev":"vite docs","build":"vite build","build:docs":"vite build docs","lint":"npm run eslint && npm run prettier && npm run stylelint","lint:fix":"npm run eslint:fix && npm run prettier:fix && npm run stylelint:fix","eslint":"eslint --ext .ts,.js,.vue .","eslint:fix":"eslint --fix --ext .ts,.js,.vue .","prettier":"prettier --check **/*.{html,ts,js,spec.ts,vue}","prettier:fix":"prettier --write **/*.{html,ts,js,spec.ts,vue}","stylelint":"stylelint **/*.{scss,vue}","stylelint:fix":"stylelint --fix **/*.{scss,vue}","test":"jest"},"devDependencies":{"@babel/core":"7.16.7","@babel/preset-env":"^7.19.3","@babel/preset-typescript":"^7.18.6","@types/jest":"^27.5.2","@types/node":"^17.0.45","@types/sinon":"^10.0.13","@typescript-eslint/eslint-plugin":"^5.38.1","@typescript-eslint/parser":"^5.38.1","@vitejs/plugin-vue":"^2.3.4","@vitejs/plugin-vue2":"^2.1.0","@vue/compiler-sfc":"^3.2.40","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^1.3.3","autoprefixer":"^10.4.12","babel-jest":"26.6.3","eslint":"^8.24.0","eslint-config-airbnb-typescript":"^17.0.0","eslint-plugin-import":"^2.26.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-vue":"^8.7.1","highlight.js":"^11.6.0","jest":"^26.6.3","postcss":"^8.4.17","postcss-html":"^1.5.0","prettier":"^2.7.1","sass":"^1.55.0","sinon":"^10.0.0","stylelint":"^14.13.0","stylelint-config-prettier-scss":"^0.0.1","stylelint-config-recommended-vue":"^1.4.0","stylelint-config-sass-guidelines":"^9.0.1","stylelint-config-standard-scss":"^3.0.0","ts-jest":"^26.5.6","ts-node":"^10.9.1","typescript":"^4.8.4","vite":"^3.0.0","vue-eslint-parser":"^8.3.0","vue-jest":"4","vue-template-compiler":"^2.7.14","webpack":"^5.74.0"},"dependencies":{"vue":"^2.7.0"},"readme":"# Vue Stripe Menu\n\n<p>\n  <a href=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml\" rel=\"nofollow\"><img src=\"https://github.com/oleksiikhr/vue-stripe-menu/actions/workflows/release.yml/badge.svg\" alt=\"Build Status\"></a>\n  <a href=\"https://app.netlify.com/sites/vue-stripe-menu/deploys\" rel=\"nofollow\"><img src=\"https://api.netlify.com/api/v1/badges/4865304f-e368-4f24-9242-dad6d3176e5c/deploy-status\" alt=\"Netlify Status\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/v/vue-stripe-menu.svg\" alt=\"Version\"></a>\n  <a href=\"https://lgtm.com/projects/g/oleksiikhr/vue-stripe-menu/alerts/\" rel=\"nofollow\"><img src=\"https://img.shields.io/lgtm/alerts/g/oleksiikhr/vue-stripe-menu.svg?logo=lgtm&logoWidth=18\" alt=\"Total alerts\"></a>\n  <a href=\"https://npmcharts.com/compare/vue-stripe-menu?minimal=true\"><img src=\"https://img.shields.io/npm/dm/vue-stripe-menu.svg\" alt=\"Downloads\"></a>\n  <a href=\"https://www.npmjs.com/package/vue-stripe-menu\" rel=\"nofollow\"><img src=\"https://img.shields.io/npm/l/vue-stripe-menu.svg\" alt=\"License\"></a>\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/oleksiikhr/vue-stripe-menu/main/docs/images/stripe.png?raw=true\" alt=\"Vue Stripe Menu\" style=\"max-height: 500px\">\n</p>\n\n> Creating a navigation menu with animations like on Stripe\n\n[Documentation](https://oleksiikhr.github.io/vue-stripe-menu/)\n\n## How to install\n\nInstall the library in your project:\n\n```shell\n# Only Vue2\n$ npm i -D vue-stripe-menu\n\n# Backport Vue3\n$ npm i -D vue-stripe-menu --tag backport\n```\n\nImport components:\n\n```js\n// >>> Install globally - .js file <<<\n\nimport { createApp } from 'vue'\nimport VueStripeMenu from 'vue-stripe-menu'\n\ncreateApp({}).use(VueStripeMenu)\n\n// >>> Install locally - .vue file <<<\n\nimport { VsmMenu, VsmMob } from 'vue-stripe-menu'\n\nexport default {\n  components: {\n    VsmMenu, VsmMob\n  }\n}\n\n// Optionally if you don't want to use @import in your\n// <style> section (because its scoped for example):\n// import 'vue-stripe-menu/css'\n```\n\nAdd the component:\n\n```vue\n<template>\n  <vsm-menu :menu=\"menu\">\n    <template #default=\"{ item }\">\n      <div style=\"width: 300px; padding: 30px\">\n        Dropdown content - {{ item.title }}\n      </div>\n    </template>\n    <template #before-nav>\n      <li class=\"vsm-mob-full\">\n        Left side\n      </li>\n    </template>\n    <template #after-nav>\n      <li class=\"vsm-mob-hide\">\n        Right side\n      </li>\n      <vsm-mob>\n        <div style=\"min-height: 200px; padding: 30px\">\n          Mobile Content\n        </div>\n      </vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      menu: [\n        { title: 'Item1', dropdown: 'dropdown-1' },\n        { title: 'Item2', dropdown: 'dropdown-2' },\n        { title: 'Just link', attributes: { href: '#clicked' } },\n      ]\n    }\n  }\n}\n</script>\n```\n\nAdd css/scss styles:\n\n```scss\n// >>> SCSS style (required sass-loader, node-sass) <<<\n// https://github.com/oleksiikhr/vue-stripe-menu/blob/main/src/scss/_variables.scss\n// $vsm-transition: .5s;\n\n@import \"~vue-stripe-menu/scss\";\n\n// >>> CSS style <<<\n// @import 'vue-stripe-menu/css';\n\n.vsm-menu {\n  max-width: 1024px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.vsm-nav {\n  margin: 0 10px;\n}\n\n.vsm-link-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: center;\n}\n\n@media screen and (max-width: 768px) {\n  .vsm-mob-show {\n    display: block;\n  }\n  .vsm-mob-hide {\n    display: none;\n  }\n  .vsm-mob-full {\n    flex-grow: 1;\n  }\n}\n```\n\n## Full Example\n\n```vue\n<template>\n  <vsm-menu\n    :menu=\"menu\"\n    element=\"header\"\n    handler=\"hover\"\n    align=\"center\"\n    :screen-offset=\"10\"\n    :dropdown-offset=\"0\"\n    @open-dropdown=\"onOpenDropdown\"\n    @close-dropdown=\"onCloseDropdown\"\n  >\n    <template #default=\"{ item }\">\n      <!--Dropdown content of each menu item with a \"dropdown\" property-->\n      <!--You can replace it with a separate component if each menu item has its own style-->\n      <!--Necessarily need to have at least one element within the slot-->\n      <!--An alternate background will be applied from the 2nd element-->\n      <div style=\"width: 300px; padding: 30px\">\n        Header: {{ item }}\n      </div>\n      <div style=\"padding: 30px\">\n        Second element\n      </div>\n    </template>\n    <template #before-nav>\n      <!--Image or svg of website logo-->\n      <li style=\"width: 50px; height: 50px\">\n        <img\n          src=\"https://vuejs.org/images/logo.png\"\n          alt=\"My Logo\"\n        >\n      </li>\n    </template>\n    <template #title=\"data\">\n      <!--Display menu items through slots-->\n      {{ data.item.title }}\n    </template>\n    <template #after-nav>\n      <!--Mobile Burger, buttons, etc-->\n      <li class=\"vsm-mob-hide\">\n        <button>My Button</button>\n      </li>\n      <!--Set \"display: block\" for the .vsm-mob-show class to display content-->\n      <vsm-mob>Mobile Content</vsm-mob>\n    </template>\n  </vsm-menu>\n</template>\n\n<script>\n/*\n * Inside #after-nav and #before-nav it is recommended to use\n * to maintain the correct HTML structure:\n *   <li><!--Content--></li>\n */\n\nexport default {\n  data() {\n    return {\n      menu: [\n        {\n          // display menu item (can be overridden with title slot)\n          title: 'News',\n          // this element now has dropdown content\n          dropdown: 'news',\n          // don't want a button element? Pass HTMLElement or global component\n          // (pass only as a string, component must be globally accessible)\n          element: 'span', // div, router-link, nuxt-link, custom-component\n          // offset the position of the dropdown menu\n          align: 'center',\n          // menu item can accept all attributes\n          attributes: {\n            // I want more classes! No problem\n            // string, array, object, not matter\n            class: ['my-class1', { 'my-class2': true }],\n            // Custom attributes\n            'data-big': 'yes'\n          },\n          // add some events?\n          listeners: {\n            // all possible native events\n            mouseover: (evt) => {\n              console.log('news hover', evt)\n            }\n          },\n          // just extra properties in the object\n          customAttribute: true,\n        },\n        {\n          title: 'External Link',\n          attributes: {\n            href: 'https://github.com/oleksiikhr/vue-stripe-menu',\n            target: '_blank'\n          }\n        }\n        // ...\n      ]\n    }\n  },\n  methods: {\n    onOpenDropdown() {\n      console.log('onOpenDropdown')\n    },\n    onCloseDropdown() {\n      console.log('onCloseDropdown')\n    }\n  }\n}\n</script>\n```\n\n## API\n\n### [Menu] Props\n\n| Property           | Parameters          | Description                                         | Type           | Default | Required |\n|--------------------|---------------------|-----------------------------------------------------|----------------|---------|----------|\n| menu               | MenuObject          | Description of the menu items                       | array          |         | true     |\n| element            |                     | HTMLElement for the root element                    | string         | header  | false    |\n| screen-offset      |                     | Offset from the window screen                       | string, number | header  | false    |\n| dropdown-offset    |                     | Offset from the dropdown menu                       | string, number | header  | false    |\n| transition-timeout |                     | Animation speed in ms (equals $vsm-transition scss) | string, number | 250     | false    |\n| handler            | hover, click        | On what event to open dropdown menu                 | string         | hover   | false    |\n| align              | center, left, right | Offset the position of the dropdown menu            | string         | center  | false    |\n\n### [Menu] Events\n\n| Name           | Description                                            | Return      |\n|----------------|--------------------------------------------------------|-------------|\n| open-dropdown  | Open the dropdown menu, return the active HTMLElement  | HTMLElement |\n| close-dropdown | Close the dropdown menu, return the closed HTMLElement | HTMLElement |\n\n### [Menu] Slots\n\n| Name       | Parameters      | Description                                        |\n|------------|-----------------|----------------------------------------------------|\n| default    | MenuItem, index | The main content for the dropdown list             |\n| before-nav | before-nav      | Content to the left of the list                    |\n| after-nav  | after-nav       | Content to the right of the list                   |\n| title      | MenuItem, index | Replace the output of menu\\[i].title with your own |\n\n### [Menu] Methods\n\n`this.$refs[myVsmRef].closeDropdown()`\n\n| Name           | Parameters  | Description                                                | Return |\n|----------------|-------------|------------------------------------------------------------|--------|\n| toggleDropdown | HTMLElement | Open dropdown menu, if it is an active HTMLElement - close |        |\n| openDropdown   | HTMLElement | Open dropdown menu for selected HTMLElement                |        |\n| closeDropdown  |             | Close active dropdown menu                                 |        |\n| resizeDropdown |             | Recalculate size and location of dropdown menu             |        |\n\n### [Menu] Properties\n\n`this.$refs[myVsmRef].itemsWithDropdown`\n\n| Name                   | Description                                     | Return                                                       |\n|------------------------|-------------------------------------------------|--------------------------------------------------------------|\n| itemsWithDropdown      | Filtered menu items with \"dropdown\" property    | Array\\<MenuObject>                                           |\n| elementsWithDropdown   | List of HTMLElements that have dropdown content | Array\\<MenuObject>                                           |\n| dropdownContainerItems | List of dropdown HTMLElements                   | Array<{el: HTMLElement, name: string, content: HTMLElement}> |\n\n### [Menu] MenuObject (menu props)\n\n| Property   | Type   | Description                                                                                             |\n|------------|--------|---------------------------------------------------------------------------------------------------------|\n| title      | string | Menu item name. Can also be redefined through the slot                                                  |\n| dropdown   | string | Unique value indicates that this item has a dropdown menu                                               |\n| align      | string | Offset the position of the dropdown menu (center/left/right)                                            |\n| element    | string | HTMLElement or global component in the header element, if not specified, it will be <button /> or <a /> |\n| attributes | object | All attributes to be assigned in the header element (v-bind)                                            |\n| listeners  | object | All events to be assigned in the header element (v-on)                                                  |\n\n### [Mob] Props\n\n| Property | Parameters | Description                          | Type    | Default | Required |\n|----------|------------|--------------------------------------|---------|---------|----------|\n| v-model  |            | The state of the open/close the menu | boolean | false   | false    |\n\n### [Mob] Slots\n\n| Name      | Parameters | Description              |\n|-----------|------------|--------------------------|\n| default   |            | Main content             |\n| hamburger |            | Replace hamburger button |\n| close     |            | Replace close button     |\n\n### [Mob] Methods\n\n`this.$refs[myVsmMobRef].closeDropdown()`\n\n| Name          | Parameters | Description         | Return |\n|---------------|------------|---------------------|--------|\n| closeDropdown |            | Close dropdown menu |        |\n\n### Classes\n\n| Name         | Description                        |\n|--------------|------------------------------------|\n| vsm-mob-show | Show HTMLElements in mobile design |\n| vsm-mob-hide | Hide HTMLElements in mobile design |\n\n## Contributing\n\nPlease make sure to read the [Contributing Guide](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/.github/CONTRIBUTING.md) before making a pull request.\n\n## Changelog\n\nDetailed changes for each release are documented in the [CHANGELOG.md](https://github.com/oleksiikhr/vue-stripe-menu/blob/main/CHANGELOG.md).\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","readmeFilename":"README.md","gitHead":"d85677c9b37c67d633a6712d437c08088ec82cca","_id":"vue-stripe-menu@1.5.1-backport","_nodeVersion":"19.8.1","_npmVersion":"9.2.0","dist":{"integrity":"sha512-P/aqdmzuoj2FJgrss2YUAh899ielLMYhINq8/SPtTr1YMOtgDoCBPoMaKYwGqc67Wi6XvaZFD0i9px29018u3w==","shasum":"805409ccf925374fbf189e2964774415e2cf7f03","tarball":"https://registry.npmjs.org/vue-stripe-menu/-/vue-stripe-menu-1.5.1-backport.tgz","fileCount":24,"unpackedSize":151661,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEBxP2kMwFFQbe4R8jIXO4h98h0q1h8zga5FHWtwAtkkAiEAyXTy4/arEaE15fqj3sG46tNdRrxy9jrCqlsXdIecKKQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPRxSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqD8Q//YrQ0wT8ME6tyHNiXO39dyzY2cVY9tIm8SR2jLpGFttm/T0hl\r\nLYBGUMVK6kpfH2gy+jzZqT+5kyBmz5Q7kQBIRNjwaM077BLcdBZnTlAjBr3p\r\nWFiYR/VJF1PGmbLf+qpJizQf0j4TX6uvFFWgfLUzGmZqIIWRD0y6JgEMjuIy\r\nRU0udn1EYC9uMlBdEJ0PSYWs030kRv70htXVuXjdXN4vlPSuU0WuDu2Z0LBV\r\nOW2siBS3tfYdy0/cr35GZgCz7KW4vpyAaN/v2TVbjdQjtLDE7+bSUNkDOFsw\r\ncLoEusqblfhLc48dRt+VvDaT42Am2Esz3fwqD1HZdVurniVJuAWJuwMOOnhn\r\nkEulQZHQtz9iAJfHUl9Fj6nMY7pqMzpZaFttB27JDRm9BEtyX/dVloRceE1I\r\nkpLPD1kMSalkglEyVRhtlE2nwVZIXYzKrjx/88qAmiUWu1Hzo2ZtbfiVRG4k\r\nx1XA70YDH/2vG62Cot8Aa/Y9Bdh2OtwYnYB69Im5Jf9Gd5cmD1KbAzkE9pHm\r\nSBW+v+ix46evIgAntmO9X6FW/cl3xElPNNu0camzvh7OAv1KFAmseO4MdGLu\r\n4UIBxFCK/CvXG1a2h80jJXdxhXURYsxGtbY1hPSPNGwEXZPGQrKv/IBymq8H\r\nXA1H8WD7+K0p6NjCWfDj2RnktFPz8NvNa70=\r\n=WbVT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alexeykhr","email":"alexeykhr@outlook.com"},"directories":{},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-stripe-menu_1.5.1-backport_1681726546339_0.22589643835344697"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-12T08:51:29.519Z","0.1.0":"2019-10-12T08:51:29.915Z","modified":"2023-04-17T10:15:46.583Z","0.1.1":"2019-10-12T09:06:26.920Z","0.1.2":"2019-10-12T09:35:18.068Z","0.2.0":"2019-10-15T17:40:40.253Z","0.3.0":"2019-10-16T19:56:01.985Z","1.0.0":"2019-10-19T11:43:29.821Z","1.1.0":"2019-10-26T12:02:52.921Z","1.2.0":"2019-10-26T18:46:14.163Z","1.2.1":"2019-10-27T20:37:25.687Z","1.2.2":"2019-11-30T13:47:31.419Z","1.2.3":"2019-12-14T12:29:22.119Z","1.2.4":"2020-01-13T19:57:16.673Z","1.2.5":"2020-01-30T18:59:27.289Z","1.2.6":"2020-02-02T17:37:14.949Z","1.2.7":"2020-03-14T07:35:58.048Z","1.2.8":"2020-04-07T18:36:46.624Z","1.2.9":"2020-04-26T15:00:35.620Z","1.2.10":"2020-04-28T18:04:24.402Z","1.2.11":"2020-05-24T13:39:31.197Z","1.2.12":"2020-08-06T05:22:22.949Z","1.3.0":"2020-08-24T16:51:37.183Z","1.3.1":"2020-09-03T05:57:07.049Z","1.4.0":"2020-09-27T14:46:32.887Z","1.5.0":"2020-11-17T18:38:06.382Z","2.0.0-beta.1":"2021-04-07T17:55:37.726Z","2.0.0-beta.2":"2021-04-08T11:14:37.136Z","2.0.0-beta.3":"2021-04-08T13:21:00.245Z","2.0.0-beta.4":"2021-04-08T16:05:58.931Z","2.0.0-beta.5":"2021-04-08T18:49:43.956Z","2.0.0-beta.6":"2021-04-09T08:14:06.914Z","2.0.0-beta.7":"2021-04-09T10:11:53.400Z","2.0.0":"2021-04-09T14:02:23.004Z","2.1.0":"2021-06-27T19:42:59.550Z","2.1.1":"2021-08-14T19:14:47.443Z","3.0.0-beta.1":"2022-10-02T14:15:04.419Z","3.0.0-beta.2":"2022-10-03T20:07:23.605Z","1.5.0-backport":"2023-04-15T08:54:52.885Z","1.5.1-backport":"2023-04-17T10:15:46.475Z"},"maintainers":[{"name":"alexeykhr","email":"alexeykhr@outlook.com"}],"description":"Creating a navigation menu with animations like on Stripe","homepage":"https://github.com/Alexeykhr/vue-stripe-menu#readme","repository":{"type":"git","url":"git+https://github.com/Alexeykhr/vue-stripe-menu.git"},"author":{"name":"Alexey Khrushch","email":"alexeykhr@outlook.com"},"bugs":{"url":"https://github.com/Alexeykhr/vue-stripe-menu/issues"},"license":"MIT","readme":"","readmeFilename":"","keywords":["vue","stripe","dropdown","menu","navigation","animations","component","ui components","stripe-elements"]}