{"_id":"@diakonovm/vue-slideover","_rev":"4-176172e56e20a2415ba16a76ca10f92e","name":"@diakonovm/vue-slideover","dist-tags":{"latest":"0.1.4"},"versions":{"0.0.1":{"name":"@diakonovm/vue-slideover","description":"Simple Vue modal slideover component styled with TailwindCSS.","keywords":["slideover"],"contributors":[{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"}],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"version":"0.0.1","main":"./dist/vue-slideover.umd.js","module":"./dist/vue-slideover.es.js","exports":{".":{"require":"./dist/vue-slideover.umd.js","import":"./dist/vue-slideover.es.js"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.41"},"devDependencies":{"@vitejs/plugin-vue":"^3.2.0","autoprefixer":"^10.4.13","postcss":"^8.4.19","tailwindcss":"^3.2.4","vite":"^3.2.3"},"gitHead":"8a81e553db816d3030c9d7361ed7795923475280","bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"homepage":"https://github.com/diakonovm/vue-slideover#readme","_id":"@diakonovm/vue-slideover@0.0.1","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-6Owdp7RNF9b5x7rWoNF5NiGS/vToYqYrThrfW0qNVV6BXv5aF+7Tu75lrBcGNeLV3/hSUjwsRG7vkZDWCsrXUg==","shasum":"e8ce2662acbf8f04d6ba73391b91282bd88aac3c","tarball":"https://registry.npmjs.org/@diakonovm/vue-slideover/-/vue-slideover-0.0.1.tgz","fileCount":7,"unpackedSize":10331,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBvGKQRJszxYnUOum07ayBbjWSC4wV54c0SB/1EE+ARAIgGEdYrBMFNwnhQfUqTKk4QMa+Y7kcCRqsdZb7dEutgz4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgB4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpdog//bFoa3kxl9EF0cFt1tHwwBSknt4oTfH3OvG9kb/x1LlsN/VyX\r\niu3U4btvJ+scoYxgXipGUVBE0ccEJm6u6AhpzsbWjcFYE0VbT3fznQ+i3FQV\r\ni8us90zl1mwqLiGe+gzbI1PP2f4vnyGfYIVl/rY5ZYnqLttaCpYBAmwdivlj\r\nSOgeqCSkuiGZGaOFY5sRA7C9UF8pxYgsF7TyJ39OD4x0IOug1fzMgmHuReoI\r\nYld6zC38yaU27Gbi17cha7rQB2PjnClhS0pMkyHRrFMQWaH2gWUw7jeB2rOD\r\nczwO5zj/fUkj6nvv7CFohhmNVHby/f/HlV+p1rwTRgAQjH3T27D/CUlzHSz4\r\nTxAs6ruX4U1Q4XFW6PbZ+E6aMWYRVYIFyiw0NIGBMPCJ5z9OMrEW2o/v0SEy\r\nM4y0AAwJgZCF23BK8ueEtXyqgRcHOcW4nRQilX0n7NQtoasCL5eGtRFkWrLC\r\n56n4GE8ywVjRP9yE9jE68LdiC9ptdg86vRTEyxu1WrdXCqR2O5es2obx6Y69\r\nEeBZWDal7U/0ZeBzmX6XiKs71Dvdcxhu6uOcg9OI4Ap2iXEsPiWnxRfJs5f1\r\n3ZiNz/UUq0Vul+HHl4F1uZZOuy8aRU20h4fBpAwLd1qyOfxhJIDVPXbjzzeD\r\nOOJ62maEdQ4QWUabq1WQQzEEHbKO01rQ7Bk=\r\n=anN3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"diakonovm","email":"diakonov.m@gmail.com"},"directories":{},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slideover_0.0.1_1669340689489_0.07233088643913654"},"_hasShrinkwrap":false},"0.0.2":{"name":"@diakonovm/vue-slideover","description":"Simple Vue modal slideover component styled with TailwindCSS.","keywords":["slideover","vue"],"author":{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"version":"0.0.2","main":"./dist/vue-slideover.umd.js","module":"./dist/vue-slideover.mjs","exports":{".":{"require":"./dist/vue-slideover.umd.js","import":"./dist/vue-slideover.mjs"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.41"},"devDependencies":{"@vitejs/plugin-vue":"^3.2.0","autoprefixer":"^10.4.13","postcss":"^8.4.19","tailwindcss":"^3.2.4","vite":"^3.2.3"},"gitHead":"ac0259e1328df3edc0895cb37d4e003f04add89d","bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"homepage":"https://github.com/diakonovm/vue-slideover#readme","_id":"@diakonovm/vue-slideover@0.0.2","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-HU4Sg0IQxL9rgEBiiq4aNI+w8NopVKUqOfQWoOr98oE90V9gOh4ArGFUdzyQSzRmF7Z+E4tZ3+Vmd5prnS5Phg==","shasum":"d0945b867daa6a46017cd0a4c9ade6f78e4dca96","tarball":"https://registry.npmjs.org/@diakonovm/vue-slideover/-/vue-slideover-0.0.2.tgz","fileCount":7,"unpackedSize":16298,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5q6bTQ9PPk6Hhjq7uCSy6ZTq/QzEA7ibl8iApcCfnSwIgbrXCzd9B/gTy5GOQgsL/Xhlv6mP7d6fZIuYVoPUWzt4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjgSZSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdRA//dNNCKnsgX1o8l/tEsUccvycmMbNiAOCpH1xaPD3CD+xsNFa+\r\n+JpHVvqss5rM1gQ72EvQXVH28ZTk3Y39MyDVPX6wdkUWyA3aCxx4D2ApAZjK\r\nUX8BUG6r/lW1af09v7sLhdU5GnhWoIsc/02Wq1fSmPOjpMSNfGMDFRaKV4cS\r\nKuCIxw0j6gIpzMFsID3Y2HVUQB1ou1GMX9g1tVhxwMX5ntxZmAvqUzLWb5iP\r\ndict34L3R2cnxJcx20mNcDvTf5neYm+K4HYsmy5Z9RGSagi0ZD4k0rqYpsjW\r\nwhZcn55vhnqwBVH5O/M3v/wLzaOAVJm2Px+0d12ukQYvcqddL9cb/W2IcGBY\r\n5hNgNTCjK4AWw/UvhQTeSZXbKyoWBArJl31iukJfvvjywDo8syF0Drczs2NK\r\nQW6ZkaCsAJJHzjEiKx+Gl3yDsT01TA9s5KuOgZYSl8XruIPIzykadgMRwSsZ\r\nchnEgLX49HdxET55R9z4kx04O/rRqPwQuAaAH3598zNuQlJVy3jY+VuVrQR6\r\no3njac4IuJKsVkmL9lgj2tpVOVovquNDeBX7NrwfitJGJHifvheVNzmtpoUt\r\nc0tJFb7hRn5tGBkLPUKagxuee4Zf9MXnI2fZlJHOxXf0GGu7KElehg4jL+H4\r\nwEZ7CLwfGimF/Cmj4LdZ+CQtbj7xOjo+3lk=\r\n=r+w3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"diakonovm","email":"diakonov.m@gmail.com"},"directories":{},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slideover_0.0.2_1669408338301_0.8856915794202598"},"_hasShrinkwrap":false},"0.0.3":{"name":"@diakonovm/vue-slideover","description":"Simple Vue modal slideover component styled with TailwindCSS.","keywords":["slideover","vue"],"author":{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"version":"0.0.3","main":"./dist/vue-slideover.umd.js","module":"./dist/vue-slideover.mjs","exports":{".":{"require":"./dist/vue-slideover.umd.js","import":"./dist/vue-slideover.mjs"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.41"},"devDependencies":{"@vitejs/plugin-vue":"^3.2.0","autoprefixer":"^10.4.13","postcss":"^8.4.19","tailwindcss":"^3.2.4","vite":"^3.2.3"},"gitHead":"d913be31291cd201bf515d34a72845b089285bfd","bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"homepage":"https://github.com/diakonovm/vue-slideover#readme","_id":"@diakonovm/vue-slideover@0.0.3","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-OsR7UvbmZsAo8bx1fxBMM2n6RiQxgiI6nP/ADpBiSSmYvUxVezLBUIxdI57LzAN4viRlkwXf0tHpOpyvfPU5tg==","shasum":"d23a11a725953a63c8e8d5134b81e2e1b73289a8","tarball":"https://registry.npmjs.org/@diakonovm/vue-slideover/-/vue-slideover-0.0.3.tgz","fileCount":7,"unpackedSize":17680,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBOUZjjHc/PujkwE5z5KZo4l6JQv6bNQGUz7cnRlfG7yAiBTWDY1RhlP0qSxwoVIjDjLNRQT7HEkyvtSAbSX4rphMw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjglPaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpK+A//Q03CM0Iz9XRJi59tVc3s0tRYFCSBnTM7fOXMMTU8iQp7Imsz\r\nfsVryjfjYrcheCx82J8WY2uPUydBKi7wMVv4En7bRx01IxtsflRRQSc9e8m/\r\nfaRVxibnWyEDwi+93LZkUMbkSwZjALdrfPZooZd1JZB9zSdmKA1z8XX9TEUB\r\nmMbX2bqbY3x1HFMFrGp9PoY+J9BnD+arvmvzagLmNv2mDzs3bk9dUQv27tMz\r\n5d0AEGk6LogIBzC62inQdUfaiTac6O4Vgm0n6dLOgBrtg5lEPeZtc07jpCQe\r\nBdmS6l6UITNTZVRw++yOF6wdx7ZpDm6QhT+djKmfXlsEkg0zWpbBEuhV7u/G\r\nf/0/2ibw12f5aOTj5Gb4hS1aJq8G82ZoYw9IUopTyBHx6r6qmcnzHyeH7bNH\r\nZxGU5EqCXQSXbOZUW8zmZy7rCTAiIcIDGAURkyy84UKH7jJnYdiGu5hd7G9G\r\nqQ1YJTfDsDQfT4CGHRHmeJC9M/i9JOm7IOjdWLAw8SrOYvMrStF5YMUVWG59\r\nSaCedKdWMT7R+PWO/Uh9LJt56cNzi62peO4UsCUI40PsY5SZVVwtJdxJahUp\r\nIF5pDpbIoDYM2i/3sqnrM9K+mD3H0qfdUNdFs7lWXbv3OW+rPradPdSFfuIY\r\np6auDObYRwU7R+44+pkkVMZY2g44qHzdfNc=\r\n=sSyY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"diakonovm","email":"diakonov.m@gmail.com"},"directories":{},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slideover_0.0.3_1669485530537_0.28750281415588064"},"_hasShrinkwrap":false},"0.0.4":{"name":"@diakonovm/vue-slideover","description":"Simple Vue modal slideover component styled with TailwindCSS.","keywords":["slideover","vue"],"author":{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"version":"0.0.4","main":"./dist/vue-slideover.umd.js","module":"./dist/vue-slideover.mjs","exports":{".":{"require":"./dist/vue-slideover.umd.js","import":"./dist/vue-slideover.mjs"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.41"},"devDependencies":{"@vitejs/plugin-vue":"^3.2.0","autoprefixer":"^10.4.13","eslint":"^8.28.0","eslint-plugin-vue":"^9.8.0","postcss":"^8.4.19","prettier":"^2.8.0","tailwindcss":"^3.2.4","vite":"^3.2.3"},"gitHead":"21d0b4b2ab80e2bc8437e5dc52a1a923e5da0638","bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"homepage":"https://github.com/diakonovm/vue-slideover#readme","_id":"@diakonovm/vue-slideover@0.0.4","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-oojISjGByEcwvh7vjsHvHMXp8Ks/KVhQDSQKuk5ryvcJk1kF5MH7l4aiXOZA9isXua8MKeu1/L4C1PIH0Px2mQ==","shasum":"aa67934f15ba6bfe760ef0e138fb989700f31821","tarball":"https://registry.npmjs.org/@diakonovm/vue-slideover/-/vue-slideover-0.0.4.tgz","fileCount":7,"unpackedSize":18127,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW8jsq0LPs6iquNw2qsDBxPTegjHFcyOAEpxNvJJsCWAIhAJ3l3AzBjcOJGwaUdpaNvKLAihcoRg3tWI+fMZLyATUn"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPcnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrn+hAAiwxDokItLIUmp148pG5T7WRUyx62mzIB6dvWidQBTruoLdGc\r\nDyh/PzNkMXu/sA/qaf53QHXRZRzB4McLEm4jtr7ZHaU2nZChFG1i7TD51Eq7\r\nIbAfTbK64krV75ZFITvMg2gY2p8wuWgq/OZIM9/UUdh0ihbXIjig1JODf8x5\r\nYH/h9SuR23pMmPQ6+oghTrUymRo7t6QXyAgAyNYn5p4fiI1sckGyiq7NWWYO\r\n2HVCmen6QxCYzJPSQwgqzt2UHtLtZgJ9z/eR2F8BwkeDVHxAirSn/iFIk3Ik\r\nI3+m0NYLmPX4lZW+gu7Wdl4UAffTyMuoYe/afkMQXaIKbDTDknyJLvtEm9YH\r\nWlHXe28r5pnQ/7X/DBrUCnBHDDBwmC2haTGTqe6Skw98ix46ZAfnPEt4oJdS\r\n1HUwI9JXbLw/Ruhcyy656ab2XUxXfgB4b8DEEoIo7SBUcqQ1OfnbUYGgae6f\r\nqzl0YDtFUjpZAutXGWkjye95YoXIhmGSkVZMBK0JiICANkGJTUw4bNvEq1Mi\r\neoPqBhxP5iLoXcVwc5ekEXM+LP91YDO++jA5045wRTOhBMFfDciUX5/LTgge\r\nbPNTWEJvc2gCU/b551oacH6s0Cw2qpPLU00sHrFBEJsE4LlLxEYdO1kRZnht\r\n8bCc7PplS9Be8sLdSJnplB0jd5P+TJfux74=\r\n=EWTi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"diakonovm","email":"diakonov.m@gmail.com"},"directories":{},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slideover_0.0.4_1669658407457_0.9392889885810631"},"_hasShrinkwrap":false},"0.1.4":{"name":"@diakonovm/vue-slideover","description":"Simple Vue modal slideover component styled with TailwindCSS.","keywords":["slideover","vue"],"author":{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"version":"0.1.4","main":"./dist/vue-slideover.umd.js","module":"./dist/vue-slideover.mjs","exports":{".":{"require":"./dist/vue-slideover.umd.js","import":"./dist/vue-slideover.mjs"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.41"},"devDependencies":{"@vitejs/plugin-vue":"^3.2.0","autoprefixer":"^10.4.13","eslint":"^8.28.0","eslint-plugin-vue":"^9.8.0","postcss":"^8.4.19","prettier":"^2.8.0","tailwindcss":"^3.2.4","vite":"^3.2.3"},"gitHead":"bc6586e32fba717429e6d2f42cdef364e41d6fa0","bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"homepage":"https://github.com/diakonovm/vue-slideover#readme","_id":"@diakonovm/vue-slideover@0.1.4","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-66/M2sbg6BwM297Z5MMfEBPSS8Chj4iolcf+dzvImWpMA+l0Ao5Ru1KGyWuxa/jKA2XtwWB4LJm5JX28Yne+Eg==","shasum":"30da649bfea6c846d5ba06d3517f4bb35b025dbb","tarball":"https://registry.npmjs.org/@diakonovm/vue-slideover/-/vue-slideover-0.1.4.tgz","fileCount":7,"unpackedSize":18391,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsye/0D9XqKKdTcPpcH90sevzcmkBfHt2qMbGo87HSEgIgC5Y+Bb/uKN77z2ITE22J2ohYunNtzTBZUndZhniNJgU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh/t9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTNhAAnUQrvsy/9nujpoVZx3sphbSfr033lKpUEQCKWgwtP9Ic4seQ\r\nzUOJfrM+P7ULggxdL+vxUDKmjXZUsEAyI7akiatmAwxj030MM37aOkI5h3K+\r\nB2jEkn3ON4Gm8I9Za3k84wlo0P1TuotqVBGWP63BFZuoeV/fgoHbfB+iAzaN\r\nAtT7RFxPHaCkgtPqW7m6EBcngQgqZQpsjurC2gaTm7geEhzLsL6xoZ9ma7pk\r\n+w6R2+94GihxxAQgUYmM1YBA/ZroA62aHtGT6hepwbXJDung+y4ssNZDYMQd\r\nBuzakK60vm/k7OJ/HhOudeZzdCXml5ekj8NpMyzBnDhis8QkBtuLoTP6Y2H/\r\nIa/H7vq5ufg1NAtUOW5FtOpuIgEUqoBm6cErjrWAUtcOpAyBjdFXFaT2/75A\r\nN5hCTd9b5NEO0QmHdXs2hE50QGGigkR+fozlR9eZf75KQH7ASJVkfsQ6A4Sa\r\nkMUnWf87QRAkCAV4WLAu9u/DUbZ/xtOQFRBZAJegP1MAN9O8zQs+mx/4blRJ\r\nUQY1YNAmAfJL0Y/g2puzFZwI0QSP9ZGO83DW3N+LREtGN1iW6a2bQcH4Wg2P\r\nOtEFk3DhMqxqXKXu5wej5VX5SV0WiXgh7bOnfUrSML43kbsWXNh1+cmpBq7F\r\nvU2VKnbeD4/rO/Kl6F4QmeMmE7C3SILrtwg=\r\n=RmNq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"diakonovm","email":"diakonov.m@gmail.com"},"directories":{},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slideover_0.1.4_1669856125623_0.32989565107279617"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-25T01:44:49.435Z","0.0.1":"2022-11-25T01:44:49.705Z","modified":"2022-12-01T00:55:25.885Z","0.0.2":"2022-11-25T20:32:18.500Z","0.0.3":"2022-11-26T17:58:50.751Z","0.0.4":"2022-11-28T18:00:07.645Z","0.1.4":"2022-12-01T00:55:25.815Z"},"maintainers":[{"name":"diakonovm","email":"diakonov.m@gmail.com"}],"description":"Simple Vue modal slideover component styled with TailwindCSS.","homepage":"https://github.com/diakonovm/vue-slideover#readme","keywords":["slideover","vue"],"repository":{"type":"git","url":"git+https://github.com/diakonovm/vue-slideover.git"},"bugs":{"url":"https://github.com/diakonovm/vue-slideover/issues"},"license":"MIT","readme":"# @diakonovm/vue-slideover\n\nSimple Vue modal slideover component styled with TailwindCSS\n\n## Install\n\n```bash\nnpm install @diakonovm/vue-slideover\n```\n\n## Usage\n\n```vue\n<script>\nimport Slideover from \"@diakonovm/vue-slideover\";\nimport \"@diakonovm/vue-slideover/style.css\";\n\nexport default {\n  components: {\n    Slideover,\n  },\n  data() {\n    return {\n      show: false,\n    };\n  },\n  methods: {\n    toggle() {\n      this.show = !this.show;\n    },\n  },\n};\n</script>\n\n<template>\n  <div>\n    <div class=\"fixed top-0 left-0 right-0 bg-white\">\n      <button class=\"flex items-center py-4 px-4\" @click=\"toggle\">\n        <span class=\"block text-2xl\">🚪</span>\n        <span class=\"block text-sm\">open</span>\n      </button>\n    </div>\n\n    <Slideover\n      :scrollable=\"false\"\n      :show=\"show\"\n      :width=\"`max-w-lg`\"\n      @on-hide=\"show = false\"\n      class=\"sm:rounded-tl-md sm:rounded-bl-md\"\n      v-slot=\"{ hide }\"\n    >\n      <div class=\"flex-shrink-0 flex items-center justify-end bg-white\">\n        <button\n          @click=\"hide\"\n          class=\"flex items-center space-x-1.5 text-2xl py-4 px-4\"\n        >\n          <span class=\"block text-sm\">close</span>\n          <span class=\"block text-2xl\">🚪</span>\n        </button>\n      </div>\n      <div class=\"flex-1 overflow-y-auto\"></div>\n      <div class=\"flex-shrink-0 h-20 bg-white\"></div>\n    </Slideover>\n  </div>\n</template>\n```\n\n### Props\n\n| Prop       | Default         | Description                           |\n| ---------- | --------------- | ------------------------------------- |\n| scrollable | `false`         | Disable background scroll             |\n| show       | `false`         | View state of modal                   |\n| transition | `vue-slideover` | Specify transition animation class    |\n| width      | `max-w-lg`      | Apply any TailwindCSS `max-w-*` class |\n\n### Events\n\n| Event   | Description                                           |\n| ------- | ----------------------------------------------------- |\n| on-hide | Upon invocation of `hide`. Use to toggle `show` state |\n\n## License\n\nThe MIT License (MIT).\n","readmeFilename":"README.md","author":{"name":"Michael Diakonov","email":"diakonov.m@gmail.com"}}