{"_id":"@dcasia/vue-aos","_rev":"3-c48aab712b2f918dfe9bb0141e79d109","name":"@dcasia/vue-aos","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@dcasia/vue-aos","version":"1.0.0","description":"Implementing animation on scroll based on Vue 3","main":"dist/vue-aos.umd.min.js","scripts":{"build":"vue-cli-service build --target lib ./src/index.ts","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/dcasia/vue-aos.git"},"keywords":["aos","animation","vue","scroll"],"author":{"name":"Ryan Wu"},"license":"ISC","bugs":{"url":"https://github.com/dcasia/vue-aos/issues"},"homepage":"https://github.com/dcasia/vue-aos#readme","devDependencies":{"@dcasia/aos":"^3.0.2","@types/aos":"^3.0.3","lodash.kebabcase":"^4.1.1","vue":"^3.0.4","@typescript-eslint/eslint-plugin":"^4.9.1","@typescript-eslint/parser":"^4.9.1","@vue/cli-plugin-babel":"^4.5.9","@vue/cli-plugin-eslint":"^4.5.9","@vue/cli-plugin-typescript":"^4.5.9","@vue/cli-service":"^4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-standard":"^6.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-loader":"^8.2.2","eslint":"^7.15.0","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^5.0.0","eslint-plugin-vue":"^7.2.0","sass":"^1.30.0","sass-loader":"^10.1.0","stylelint":"^13.8.0","stylelint-config-recommended-scss":"^4.2.0","stylelint-scss":"^3.18.0","stylelint-webpack-plugin":"^2.1.1","time-fix-plugin":"^2.0.7","typescript":"^4.1.3"},"gitHead":"8d056875e9b87ebd34c7b406b9ca3f2acde8d812","_id":"@dcasia/vue-aos@1.0.0","_nodeVersion":"12.18.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-BDOair53axGCUB4c16tEi46Tp7Gha03g82b+BEWQl9BtneV1tDJR/YJqMA50wu16h5ilcWI5Cu+DJ30k11TZYA==","shasum":"0dbf4014fddbc2e8af402f9db81d191d816ea055","tarball":"https://registry.npmjs.org/@dcasia/vue-aos/-/vue-aos-1.0.0.tgz","fileCount":10,"unpackedSize":1443023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9cBcCRA9TVsSAnZWagAAQk4P/RIQJxzoj8XTNoScQUlB\nxmRCh+smmYPFmnYhyluWv0npbGUevlz2/UiOPC2D1R9a3Bm76ZY4PKNCsW3j\nRNbEZRGE0VSxPRlSpODtwQB5rktL4i/1R09cGVcmpIRZ3c/FyH50kOhQnzml\ntJbbkj9LIfpin22HmDzN+wehRgqLwIJBHDzmq5GOO/YDRtWb37igpm5OOPBh\nxbxiU4xr5YWgp4S6O8Xm5tiMOPqC0dFZto0v3b+4HuoR+vpBBwRSicdbaveY\nuHPp36nQMXG3JzelsTiUfutXUWbWJhvR85Fxq1074bWOFGWDbJm68U6AFbVy\np+wU+UDtZZ0XqXV0jxadua7TmPPYBMeVBxtB+4Ci5fmjyzO/ajzB5sfv8hpu\nFhITqBdxEda6o0njNCBUbw/4ZtkTYOu3SACZ+W5TNxnPh3JpsyxwunEoCtQ2\nNRrtCoRB44sBPT+RFtZBolReT7ScM73W5Q+MhfewqnZ34HdWuPbPuKU34AAt\n8FY5hPwc4CDksBshPEJbcrsuRsh0Q3oY5e9ABDatTkIizX8q6/J1YRqHnuRx\n+AjzyNX35PunEZs8psbFSuYrtfTnEPFn4d/peyJy7Jsdci6YyMPRiIJeTlTe\nZl8WB/Zcmr+qKyos78dntyhkPMStoIoPSXAZDIcVX7h3xa6adkd8RhmXngK2\nRFFU\r\n=hVcg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBNbyJRAfQ6VDJc5gTpLX07Kn5U9fxSvDK/C846iTsDTAiAsI2NvRXziB6izcSTIU636baPsDpScVvXkAb3JB4uhJA=="}]},"_npmUser":{"name":"itsryanwu","email":"toryanwu@gmail.com"},"directories":{},"maintainers":[{"name":"milewski","email":"rafael.milewski@gmail.com"},{"name":"itsryanwu","email":"toryanwu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-aos_1.0.0_1609941083694_0.557097907439764"},"_hasShrinkwrap":false},"1.0.2":{"name":"@dcasia/vue-aos","version":"1.0.2","description":"Implementing animation on scroll based on Vue 3","main":"dist/vue-aos.umd.min.js","scripts":{"build":"vue-cli-service build --target lib ./src/index.ts","test":"echo \"Error: no test specified\" && exit 1","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/dcasia/vue-aos.git"},"keywords":["aos","animation","vue","scroll"],"author":{"name":"Ryan Wu"},"license":"ISC","bugs":{"url":"https://github.com/dcasia/vue-aos/issues"},"homepage":"https://github.com/dcasia/vue-aos#readme","devDependencies":{"@dcasia/aos":"^3.0.2","@types/aos":"^3.0.3","@typescript-eslint/eslint-plugin":"^4.9.1","@typescript-eslint/parser":"^4.9.1","@vue/cli-plugin-babel":"^4.5.9","@vue/cli-plugin-eslint":"^4.5.9","@vue/cli-plugin-typescript":"^4.5.9","@vue/cli-service":"^4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-standard":"^6.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-loader":"^8.2.2","eslint":"^7.15.0","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^5.0.0","eslint-plugin-vue":"^7.2.0","lodash.kebabcase":"^4.1.1","sass":"^1.30.0","sass-loader":"^10.1.0","stylelint":"^13.8.0","stylelint-config-recommended-scss":"^4.2.0","stylelint-scss":"^3.18.0","stylelint-webpack-plugin":"^2.1.1","time-fix-plugin":"^2.0.7","typescript":"^4.1.3","vue":"^3.0.4"},"gitHead":"aca7710aefb66f283bda423244ecd0ebd7107140","_id":"@dcasia/vue-aos@1.0.2","_nodeVersion":"15.6.0","_npmVersion":"7.5.2","dist":{"integrity":"sha512-x264GI39LD2PEJeiw1GyOINwr/tWUIwksjaL6MvMpBv2sI+0RLHgcFu3eVi+zJrsO69h/aG08RjEZjWYvV6BVw==","shasum":"994cb4ac1b1570b24f852b0770f5b7fceed206c7","tarball":"https://registry.npmjs.org/@dcasia/vue-aos/-/vue-aos-1.0.2.tgz","fileCount":10,"unpackedSize":1436271,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG51zCRA9TVsSAnZWagAAR2oP/iRCmfqaKQbxu5Dx1u3R\n7bvGcSCAbFOP92YcuO65tPtlUjZ+lRmYcChm+MYYJGi4vsVojn8NOGy49sEg\nhXEL18Eck0LYuuFVK+qfOyS8HHuFz0W5y9dA7PJSgnq3199As/OscG1rLPrw\nGJqXDEZXSjRSfgqNUfpwx575j3oDZGB4Mz/0fTHggcEt33xpHXiqx5Y41aQ3\ng+EyCjviHFR5CaLaSASfbPuPtqeqQBTCWD5GPdJa/pPPDD+9JrlXgX0bZ1bo\n62m6HMIqhHgobTlQiceg8sEVHxV7P04Ft7N0A277QaA07iecDKvQLxGBjhXP\n/fF9FArDizwPupAevPYKYXDYqdyn7WaMdjeMks2Bi26kgeNzPqMIiehVhpdi\n72s0vsj6AVTOlL+VI/wnp0+oohyf1TZrRwknE0CKEs0oquQdkfgpr5/a7jJK\nPI/lG0eFasB+ynSBh1fjpK4kp9I9wKsu3jsWDaQI9k6s7IDppg23MzVYx9vl\nCESKAF64fpGtvBbhGggnjKvR0krB64jBhct7+8FbAis9YDmmgJELhA6ddKgQ\nZotKItXcfInEID4PuJecEZzHS2CCXcB4W55mmn55krJes1UCN5RMknuDc3TW\nDtlE+8X25RktYuVUQBCOwegASrbnirfLTSshKXV0ONcBIw0NShlFoS6vCgJp\n6D59\r\n=iC99\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCU/b69fP22ECBJ8lF3sPMdZO1gq653qJvoV+VvZeKLcwIhAJzbnDxI4ZTG7FBaqyfUdrpkCDL3sR8MRFu5zlhmVwPI"}]},"_npmUser":{"name":"itsryanwu","email":"toryanwu@gmail.com"},"directories":{},"maintainers":[{"name":"milewski","email":"rafael.milewski@gmail.com"},{"name":"itsryanwu","email":"toryanwu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-aos_1.0.2_1629199731264_0.9562096552824368"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-06T13:51:23.497Z","1.0.0":"2021-01-06T13:51:23.912Z","modified":"2023-05-16T08:54:33.784Z","1.0.2":"2021-08-17T11:28:51.427Z"},"maintainers":[{"email":"anhao@digitalcreative.asia","name":"ah-dc"},{"email":"rafael.milewski@gmail.com","name":"milewski"},{"email":"toryanwu@gmail.com","name":"itsryanwu"}],"description":"Implementing animation on scroll based on Vue 3","homepage":"https://github.com/dcasia/vue-aos#readme","keywords":["aos","animation","vue","scroll"],"repository":{"type":"git","url":"git+https://github.com/dcasia/vue-aos.git"},"author":{"name":"Ryan Wu"},"bugs":{"url":"https://github.com/dcasia/vue-aos/issues"},"license":"ISC","readme":"# Vue AOS\n\nImplementing animation on scroll based on Vue 3\n\n## How to use\n\n1. Install it from NPM\n```Command line\nnpm i @dcasia/vue-aos --save\n```\n\n2. Import and register it in your Vue entry file\n```js\n// main.ts\n\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport VueAOS from '@dcasia/vue-aos'\nimport '@dcasia/vue-aos/dist/vue-aos.css'\n\ncreateApp(App)\n    .use(VueAOS, {\n        disable: false,\n        isBrowser: true,\n        anchorPlacement: 'center-bottom',\n        once: true,\n        duration: 1000,\n        easing: 'ease-out',\n        offset: 0,\n        startEvent: 'init-aos',\n        disableMutationObserver: false\n    })\n    .mount('#app')\n```\n\n3. Feel free to use it in your Vue template\n```Vue\n// app.vue\n\n<AOS>\n    <div>\n        I'll be animated when you see me in the viewport\n    </div>\n</AOS>\n```\n\n\n## Options\n\n### Global Options\n\n| Name | Type | Functionality |\n|------|------|---------------|\n| disable | Boolean | Whether to disable the effect globally |\n| isBrowser | Boolean | Whether the current environment is a browser environment |\n| anchorPlacement | …. |               |\n| once | Boolean | Whether only have elements fade in and without fading out |\n| duration | Number | Animation duration |\n| easing | … | Animation easing type | \n| offset | Number | Distance from the trigger point, can be negative |\n| startEvent | String | Name of the event dispatched on the document, that AOS should initialize on |\n| disableMutationObserver | Boolean | Disables automatic mutations' detections |\n| … | … | … |\n\n### Component Options\nOptions for single instance\n\n| Name | Type | Functionality |\n| ------ | ------ | ------ |\n| type | String | Animation type |\n| easing | String |  | Animation easing type | \n| duration | Number \\| String | Animation duration |\n| offset | Number \\| String | Distance from the trigger point, can be negative |\n| delay | Number \\| String | Animation delay | \n| anchor | String | The name of the specified trigger anchor point |\n| anchorPlacement | … | The position of the trigger point, taken from several key positions of the element and viewport |\n| order | Number \\| String | The sequential animation order, it basically automatically calculate delay for current instance |\n| step | Number \\| String | The Interval delay between different order |\n| isGroup | Boolean | Whether to create a container element |\n| tag | String | The tag name of the container |\n| disableAnimation | Boolean | Disable animation on current instance but still can be triggered and emit key events |\n| once | Boolean | Whether only have elements fade in and without fading out |\n| persistentAttributes | Boolean | Whether to retain aos custom attributes and class names after animation is done |\n| hiddenOnServer | Boolean | Whether to hide itself on server side rendering to make it hidden at the very first beginning when it’s showing on client side |  \n\n\n\n## API\n\n...","readmeFilename":"README.md"}