{"_id":"@dafcoe/vue-swappable-card","_rev":"3-a60204c941926fea5b1374affa0e64c5","name":"@dafcoe/vue-swappable-card","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@dafcoe/vue-swappable-card","version":"0.1.0","description":"Swappable Card Component Using Vue3","keywords":["swappable card","swappable","card","vue","vue3","javascript","typescript"],"homepage":"https://github.com/dafcoe/vue-swappable-card","bugs":{"url":"https://github.com/dafcoe/vue-swappable-card/issues","email":"dafcoe+vsc@gmail.com"},"license":"MIT","author":{"name":"Daf Coe","email":"dafcoe@gmail.com"},"main":"dist/vue-swappable-card.common.js","module":"dist/vue-swappable-card.common.js","unpkg":"dist/vue-swappable-card.umd.min.js","css":"dist/vue-swappable-card.css","repository":{"type":"git","url":"https://github.com/dafcoe/vue-swappable-card"},"scripts":{"build:dev":"vue-cli-service serve","build:prod":"vue-cli-service build","build:lib":"rm -rf dist && vue-cli-service build --target lib --name vue-swappable-card ./src/install.js && rm dist/demo.html","lint":"vue-cli-service lint"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0","@vue/eslint-config-standard":"^5.1.2","@vue/eslint-config-typescript":"^7.0.0","core-js":"^3.6.5","eslint":"^6.7.2","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.0","eslint-plugin-vue":"^7.0.0","node-sass":"^4.12.0","sass-loader":"^8.0.2","typescript":"~4.1.5","vue":"^3.0.0"},"private":false,"licenseText":"MIT License\n\nCopyright (c) 2021 dafcoe\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@dafcoe/vue-swappable-card@0.1.0","dist":{"shasum":"eded71534a15f5cc9d2a8a187514b598ff2caeff","integrity":"sha512-KubcFuk+mxI5TPU2Jz0hZa/534hWk/r6H0dyGlX/kUaE5lhKXfmQwl7ljt8JUHSS9rea5iYgT+/++SY+1BQZ0A==","tarball":"https://registry.npmjs.org/@dafcoe/vue-swappable-card/-/vue-swappable-card-0.1.0.tgz","fileCount":12,"unpackedSize":305868,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWoo7CRA9TVsSAnZWagAAvEsQAI+2Gkucz7tX5V3Z+3Ji\ntyIFKfBHNd77/ZRQYaCgdbA3FmfKqI+wvRxL3myDQUWfJTXZZPQJGhAhR+9o\ndtj8aybS7Esh7OJM0pJE/PFES24KupeUcNyVxor4m0A+seEwxx+9HULk1t3q\nbcviZMIuWrFCKk9l++qLoarIo9cf3muvmjdk2y3KeWZa3+iKDHFl2r4aZCYR\nb32NQaPTmHSbLDJMXvSzaq+D5SgGvh/Uo9v9o9YDloO6JuLX5lqUwrCH7oba\n8Q7o5Xot4B6fEjZrzvnXUJOLUfSznvUhJyoa0nfUHwCvGlYNPmy22tvCdWd4\nYjQ0pd5cKV5UUbNk7rGQz7zxMH7nwVVz/dJpxfsBqCoKQdo1jWIFTTChbENA\nyBio0rdS8dDlV+LU4llY+/eTTycjzvUcS1FPlYwUVzCRPd332/JimPgwPPCo\n7Z60H9MBc+k9K8r8Dsq+aq+z/b7UEBChsj58dnY/e63xWRozzBAZub6WkzjZ\nurnFOdB7ABPLnjdWgl8XoQu1KEE8qqC+jbekoQjKI9wwvu4dPecGZuehm4/E\nLqSfbm1BWCWdYzdjrwr7wujIIfOtB/vwsgxyOm5Hu8Huur9lE6lNeXXxGnyd\nykGT5+RXxVpAdJ2aOrP+UyQzmN9svqfMCNW1RJjWyMCMcRyWOAvvDXVywYqq\nG3jO\r\n=JdU7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVq5rkoKQFSRJGi40msOw3Z7eexSEDS2k4DUY82xrehAIgdkTiciqFhctfgLEZmVrTFoIgs3b2bcrxxaNpcdulmaU="}]},"_npmUser":{"name":"dafcoe","email":"dafcoe@gmail.com"},"directories":{},"maintainers":[{"name":"dafcoe","email":"dafcoe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-swappable-card_0.1.0_1616546362517_0.5482218674252091"},"_hasShrinkwrap":false},"0.1.1":{"name":"@dafcoe/vue-swappable-card","version":"0.1.1","description":"Swappable Card Component Using Vue3","keywords":["swappable card","swappable","card","vue","vue3","javascript","typescript"],"homepage":"https://github.com/dafcoe/vue-swappable-card","bugs":{"url":"https://github.com/dafcoe/vue-swappable-card/issues","email":"dafcoe+vsc@gmail.com"},"license":"MIT","author":{"name":"Daf Coe","email":"dafcoe@gmail.com"},"main":"dist/vue-swappable-card.common.js","module":"dist/vue-swappable-card.common.js","unpkg":"dist/vue-swappable-card.umd.min.js","css":"dist/vue-swappable-card.css","repository":{"type":"git","url":"https://github.com/dafcoe/vue-swappable-card"},"scripts":{"build:dev":"vue-cli-service serve","build:prod":"vue-cli-service build","build:lib":"rm -rf dist && vue-cli-service build --target lib --name vue-swappable-card ./src/install.js && rm dist/demo.html","lint":"vue-cli-service lint"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0","@vue/eslint-config-standard":"^5.1.2","@vue/eslint-config-typescript":"^7.0.0","core-js":"^3.6.5","eslint":"^6.7.2","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.0","eslint-plugin-vue":"^7.0.0","node-sass":"^4.12.0","sass-loader":"^8.0.2","typescript":"~4.1.5","vue":"^3.0.0"},"private":false,"licenseText":"MIT License\n\nCopyright (c) 2021 dafcoe\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@dafcoe/vue-swappable-card@0.1.1","dist":{"shasum":"7d96bc6fe61e4b37ad1ad1963897bfb3c46f1863","integrity":"sha512-jg8oZ36WnW6l8iqcad0juXl4EB6Df/Ll9ag1LNfIG+fRDXKF2NAihrdVQgLJ/f/5Eaj4ACAPi3hEoTRg2uXrUg==","tarball":"https://registry.npmjs.org/@dafcoe/vue-swappable-card/-/vue-swappable-card-0.1.1.tgz","fileCount":12,"unpackedSize":305867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWoxPCRA9TVsSAnZWagAAHfgP/jvmNp3qnJCSUu3zukWE\nzp7I6q6Qg/WHkYBucuOeFgvAjUdxm4YT2X6yKwiIyypgzrSshu4nR2lhQ2D6\nFvB0SmWpgGZDLCDQriNtQXaK4FpMVzRijLXQqQj0xPnNeOMe1ecQKv8DPj1X\npz5Ni9rMAQvX96vlhsApI9SalTe4vR8gg8c8AU9VcHlBnNnurAp4WqWr9DGZ\naFADQVuy8BZc7VPUGYxumP/3/k/n85Iwom+pPNcFMw1NFtl6jc1HBjrvbLeA\nEyPIQ0qN9HXxqiQ7OsDy0ROmr4T7gpgfSec9p0cKRQJLb0weBqo6Dq5YjHU+\nmQeC+JBaX8ZIvvwGo/n95JDuHPLvhv7OToXxcJC4KflU5cyUIBEIKW4eFlP9\nc+ifn6E3AirIujGdNL7gonmIumeZBevUJZB7lNOok6Au+6YoSrLJpu7ms05M\nsGnWwMQDCahy4MRtmjlHyCsec9Q0oTgSmXuXf/o0WdxRrUmwwPes99UXV2iZ\nUbLzOPOf9eTpc/UKNUO5sj4n0QxWNMvYB4ZIg7rS2Z+Iujs/8IULtgSpDacW\n+pWDeJYYT1BQlKdiH53eYJOzHHtYjNqMK3IoXm4hIM2SmlJd4gpdGEmZJ0GF\nX+acXNoe4mqK+5WE5HwaXHrlPFnGVbivpLCr32tGWV1zPwk6Hz7wdkHl6+HF\nyqdR\r\n=emhN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDANR69xqZCeibFnxM0+PM9X9h31ACY0fqpDZv+hmyfZQIgBpF2JEEqPublFg5axtjArF7g1OwiL5oVfwF8iUm+4Gg="}]},"_npmUser":{"name":"dafcoe","email":"dafcoe@gmail.com"},"directories":{},"maintainers":[{"name":"dafcoe","email":"dafcoe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-swappable-card_0.1.1_1616546895478_0.6729210399406811"},"_hasShrinkwrap":false},"0.1.2":{"name":"@dafcoe/vue-swappable-card","version":"0.1.2","description":"Swappable Card Component Using Vue3","keywords":["swappable card","swappable","card","vue","vue3","javascript","typescript"],"homepage":"https://dafcoe.github.io/vue-swappable-card","bugs":{"url":"https://github.com/dafcoe/vue-swappable-card/issues","email":"dafcoe+vsc@gmail.com"},"license":"MIT","author":{"name":"Daf Coe","email":"dafcoe@gmail.com"},"main":"dist/vue-swappable-card.common.js","module":"dist/vue-swappable-card.common.js","unpkg":"dist/vue-swappable-card.umd.min.js","css":"dist/vue-swappable-card.css","repository":{"type":"git","url":"https://github.com/dafcoe/vue-swappable-card"},"scripts":{"build:dev":"vue-cli-service serve","build:prod":"vue-cli-service build --dest docs","build:lib":"rm -rf dist && vue-cli-service build --target lib --name vue-swappable-card ./src/install.js && rm dist/demo.html","lint":"vue-cli-service lint"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0","@vue/eslint-config-standard":"^5.1.2","@vue/eslint-config-typescript":"^7.0.0","core-js":"^3.6.5","eslint":"^6.7.2","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.0","eslint-plugin-vue":"^7.0.0","node-sass":"^4.12.0","sass-loader":"^8.0.2","typescript":"~4.1.5","vue":"^3.0.0"},"private":false,"licenseText":"MIT License\n\nCopyright (c) 2021 dafcoe\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@dafcoe/vue-swappable-card@0.1.2","dist":{"shasum":"1ae57cd355e4131fc5a9a8172d683260eccbb13c","integrity":"sha512-dJ2WplG+jAl3aOyv3sW/pVAE3UO2eHa3ZpD2gRlqBeMDpXIUPI3VUYYOEhyz7AmZgDsoyUJIo4Y8utR9AQw9nA==","tarball":"https://registry.npmjs.org/@dafcoe/vue-swappable-card/-/vue-swappable-card-0.1.2.tgz","fileCount":12,"unpackedSize":307436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYJqCCRA9TVsSAnZWagAAgMMP/0ZbzSqIUiAb2pxJPvBl\noWWvDQkn1p213aZ8ciuDcVAwLGf0bOcUBegeru6onyRYFYVlu090t+Wqelme\nbsctNWG2GANdslRJyHs5bjA7WLurPlbpZ1poZdH+d+Ef++rQkX7sA5gIdvou\n3H3SmxY3PtXmRXYQluftetaZGFwV3CUjylDkywnCVcMJPIwiZQL6zyFyVFbz\nXLf+jg6C9YgaOu2181y3J1wQO6gVoPLZdUj5DxvrArTR4l0bX8MgpA/vTE7M\naZyGO+5fwd/QRGkPQZ1m7dcqfuduzES42oZ7BOxIq0gspmyhZxFzhdCzMril\n1HDxin4kROUduRwukA9U0HH/ENDGnGa7Qz1OCZtCd6iinO9QdwIjVgmMCdN9\nl8hHre8kBU/RWiOmobGY/zDQY8Vp9fLDTT837toUp/pZTUmjoLF196PbWjrc\ndkyGmG06hLgCTrGQ10N8Pq/k5r4BA3kLJ6YKnEXlHVzL7smoCITFLGLvaeAa\nbeRIeZamXTpO6chGjTncSRcHYlsnonNErQCxdnG8+00Mxmm5mCAHwbJOI6dG\nZftEs7IxeiyJ4QexKiQ25akVV26sNTdpKHWvmtuIhsgvo7wXoZ4/nCdxkYM4\nOchIj5yCI4cm+3gNN8IpvEsvqpl+sJOpFW3R+SSJveA1Gyw4pGfQf0bC6WqG\nsf2b\r\n=MwUf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFiahZxivjaPG/RMkAgyACl1Ayv9fPU3219eCzUOQFoQAiBdd21Pe5EQumg2g1CLlO4BZkj99O46+8xuM2Csbn8MDg=="}]},"_npmUser":{"name":"dafcoe","email":"dafcoe@gmail.com"},"directories":{},"maintainers":[{"name":"dafcoe","email":"dafcoe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-swappable-card_0.1.2_1616943745556_0.24952237684153156"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-24T00:39:22.444Z","0.1.0":"2021-03-24T00:39:22.700Z","modified":"2022-04-05T02:33:00.900Z","0.1.1":"2021-03-24T00:48:15.623Z","0.1.2":"2021-03-28T15:02:25.700Z"},"maintainers":[{"name":"dafcoe","email":"dafcoe@gmail.com"}],"description":"Swappable Card Component Using Vue3","homepage":"https://dafcoe.github.io/vue-swappable-card","keywords":["swappable card","swappable","card","vue","vue3","javascript","typescript"],"repository":{"type":"git","url":"https://github.com/dafcoe/vue-swappable-card"},"author":{"name":"Daf Coe","email":"dafcoe@gmail.com"},"bugs":{"url":"https://github.com/dafcoe/vue-swappable-card/issues","email":"dafcoe+vsc@gmail.com"},"license":"MIT","readme":"![@dafcoe/vue-swappable-card sample](https://github.com/dafcoe/vue-swappable-card/blob/main/src/assets/images/sample.gif?raw=true)\n\n![npm bundle size](https://img.shields.io/bundlephobia/minzip/@dafcoe/vue-swappable-card?style=flat-square)\n![npm](https://img.shields.io/npm/dt/@dafcoe/vue-swappable-card?style=flat-square)\n![GitHub package.json version](https://img.shields.io/github/package-json/v/dafcoe/vue-swappable-card?style=flat-square)\n\n# @dafcoe/vue-swappable-card\nEasy to use, customisable swappable card library built using Vue3.\n<br>\nSee it action on [demo](https://dafcoe.github.io/vue-swappable-card) page.\n\n## Installation\nInstall the package as a project dependency using `yarn` or `npm`:\n```\n$ yarn add @dafcoe/vue-swappable-card\n\n--- or ---\n\n$ npm install --save @dafcoe/vue-swappable-card\n```\n\n## Usage\nImport `VueSwappableCard` component, either globally (on your main.js / main.ts file) or locally (on your component):\n```js\n// Globally\nimport VueSwappableCard from '@dafcoe/vue-swappable-card'\nconst app = createApp(App)\napp.use(VueSwappableCard).mount('#app')\n\n// Locally\nimport { VueSwappableCard } from '@dafcoe/vue-swappable-card'\n```\n\nImport default styles (optional - you can define your own styling):\n```js\nimport '@dafcoe/vue-swappable-card/dist/vue-swappable-card.css'\n```\n\nUse it in the template as follows:\n```html\n<vue-swappable-card>\n    <template #content-primary>\n        <h1>Face A</h1>\n        <div>\n            <p>Lorem ipsum dolor sit amet...</p>\n        </div>\n    </template>\n    <template #content-secondary>\n        <h1>Face B</h1>\n        <div>\n            <p>Lorem ipsum dolor sit amet...</p>\n        </div>\n    </template>\n</vue-swappable-card>\n```\n\n## Options\n#### Direction\nBy default, the swap direction is from bottom to top. You can use \"from-top\", \"from-bottom\", \"from-left\" or \"from-right\" on `direction` prop:\n```html\n<vue-swappable-card direction=\"from-top|from-bottom|from-left|from-right\">\n    ...\n</vue-wappable-card>\n```\n\n#### Event\nBy default, the card swaps when overing it. You can use \"over\" or \"click\" on `event` prop:\n```html\n<vue-swappable-card event=\"over|click\">\n    ...\n</vue-wappable-card>\n```\n\n#### Swapped\nBy default, the primary content / front face is shown as main content/face. You can change this using `swapped` prop:\n```html\n<vue-swappable-card swapped>\n    ...\n</vue-wappable-card>\n```\n\nPlease check the [demo](https://dafcoe.github.io/vue-swappable-card) page to easily see options in action.\n\n## License\n[MIT License](https://opensource.org/licenses/MIT) © [Daf Coe](mailto:dafcoe@gmail.com)\n","readmeFilename":"README.md"}