{"_id":"@daniel-ordonez/vue-auto-typing","_rev":"3-52d366e0b9634c026c196e588070cd6c","name":"@daniel-ordonez/vue-auto-typing","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@daniel-ordonez/vue-auto-typing","version":"0.1.0","private":false,"author":{"name":"daniel ordonez"},"license":"MIT","main":"./dist/VueAutoTyping.common.js","keywords":["vue","vuejs","vue component","auto typing"],"files":["dist/*","src/*","public/*","*.json","*.js"],"scripts":{"serve":"vue-cli-service serve","lint":"vue-cli-service lint","build-vue":"vue-cli-service build","build-lib":"vue-cli-service build --target lib --name VueAutoTyping ./src/components/VueAutoTyping.vue","build-wc":"vue-cli-service build --target wc --name auto-typing ./src/wrapper.js --dest ./web-component"},"dependencies":{"vue":"^2.5.16"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-rc.3","@vue/cli-plugin-eslint":"^3.0.0-rc.3","@vue/cli-service":"^3.0.0-rc.3","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"be93e4610e9a9da756367bdf0a3c3a53fe522046","description":"Vuejs component for auto typing your text.","_id":"@daniel-ordonez/vue-auto-typing@0.1.0","_npmVersion":"5.6.0","_nodeVersion":"10.2.1","_npmUser":{"name":"daniel-ordonez","email":"road_2015@hotmail.com"},"dist":{"integrity":"sha512-tW/8tSUfSHAQ21f6NnThyYhiHXCA35X49Elz576amOEqv9vPz779i28zAnyXUOWEsvWHewjxJK+KgwfFiWtkqQ==","shasum":"7b5958f8819be927e5f0bbcb09996bb9b277117b","tarball":"https://registry.npmjs.org/@daniel-ordonez/vue-auto-typing/-/vue-auto-typing-0.1.0.tgz","fileCount":21,"unpackedSize":1066662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPtnkCRA9TVsSAnZWagAAbn0P+wbwmS5Na0onoSJ15nCD\n4dsnEMoRWnevsNxaFk4mNlGKMs4KWilFv+eZ7Swkp4E4ZFzgjxI5BS2dJcb5\nubD+jfsmJ2epV9Xhr92jF6FEn5Ia3zNFj9kjyEpJD1G8YBrd9MZPNSPsy2cO\nMUNltq0zj+KOe2740ZdB5lgpY1gvvNUOy2ZPJg9vpqHE6Qoy/NDFFPmsoras\nkntBA2w/aw6h2+XhNVE4X5x+UyzLHxb5neiKpD3hjzv5mGvyqxdfNx8Abqph\nC8Zrxup8R/bZSAM6kyW0XenvDujUZ46b9AfUKiXQK008V8hU1jCmx7TMqimL\ncgCxh4sPO/PvsbVJ5yTVqMNilEZnVFqHgcsxkkzTeJr0eO7NLExEnCRXMiC/\nf/ThD0logwbm6llEkZPJYV+gdEiDPQ0Zpd/tyWLRK4OqIAv13E2MabQCtCUW\na7D0PYSRpAdolS31R5P/jO5ws2aYVazCoHrhB+jVjASydeRlG2nF/WAKjCvx\neeegqZfDMRGDycMucbsK8KPoCrPRo/V2/efRIal45MxJq0SFWhTKX7ObGTVG\np9prHws6GB9rYEgkoQO2swG38yrj6qxAQXzADChd00tvmMXw+r7Z0gwBsC+3\noLAJPrjLLQb8vqxcHveMj6/gMKrjwUDpELdeVqG3bAvFhRWWtBCTgsrhtwGe\nncUk\r\n=GBpL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxYkbhd0sZnXAAS4Mkt2UDwig4Rsa6lKCZN8Qo291SHAiB2jZhoRbgQt03OVcnVlVPmqPu35Vm0d4Rtv7Dw+NlAHg=="}]},"maintainers":[{"name":"daniel-ordonez","email":"road_2015@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-auto-typing_0.1.0_1530845668039_0.7735324292459584"},"_hasShrinkwrap":false},"0.1.1":{"name":"@daniel-ordonez/vue-auto-typing","version":"0.1.1","private":false,"author":{"name":"daniel ordonez"},"repository":{"type":"git","url":"git+https://github.com/daniel-ordonez/vue-auto-typing.git"},"license":"MIT","main":"./dist/VueAutoTyping.common.js","keywords":["vue","vuejs","vue component","auto typing"],"files":["dist/*","src/*","public/*","*.json","*.js"],"scripts":{"serve":"vue-cli-service serve","lint":"vue-cli-service lint","build-vue":"vue-cli-service build","build-lib":"vue-cli-service build --target lib --name VueAutoTyping ./src/components/VueAutoTyping.vue","build-wc":"vue-cli-service build --target wc --name auto-typing ./src/wrapper.js --dest ./web-component"},"dependencies":{"vue":"^2.5.16"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-rc.3","@vue/cli-plugin-eslint":"^3.0.0-rc.3","@vue/cli-service":"^3.0.0-rc.3","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"89f20f4725873b54be8f4552248eb9b60018bc71","description":"Vuejs component for auto typing your text.","bugs":{"url":"https://github.com/daniel-ordonez/vue-auto-typing/issues"},"homepage":"https://github.com/daniel-ordonez/vue-auto-typing#readme","_id":"@daniel-ordonez/vue-auto-typing@0.1.1","_npmVersion":"5.6.0","_nodeVersion":"10.2.1","_npmUser":{"name":"daniel-ordonez","email":"road_2015@hotmail.com"},"dist":{"integrity":"sha512-3DT9HabDnpXMok5SRyKiK3lt8mFdJOrZaHFAP10pnE7lhwUlDm+jp9mo047dhSJ6E2DNSxBZ9Q2Iw3oW8/B5Qg==","shasum":"8a400a3169eff438d079a6f51f51e8c939b86bee","tarball":"https://registry.npmjs.org/@daniel-ordonez/vue-auto-typing/-/vue-auto-typing-0.1.1.tgz","fileCount":21,"unpackedSize":1070157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPuOrCRA9TVsSAnZWagAAmcEP/R0AtIP8DPHjaBRj7sP0\nVyYEwBtLQak8t+pYjXFZuBgJJEe8lD0c3vB/29AiWCBwzn1afYWIEfZtp5Rh\n3Pq5IZG+/WUZTacqiA1sb9pUlXIRdTxdmhN0E4ltsfYsebGjonGaLvjOo10W\n1PDS3H+6zoqmOZ3NLCIpa9Nvus0nbNXbx4sJCXGF7Z8CG8V6UDOIF2nddf5v\nJ+PHg+1fCIxUAFHer0lEyPP6uwHOeZmHX8aZ8z1pKomY6Z1Mds4RIbFNSqYK\nCQnj7i1ulIOQzOfArXQRq2OT4plWln9pWigXzLGDtInynSpgdVdkX3OuaYWB\nILkCA2fIJ5VMzkIBSbbF7sS9hWLQfcUk/Z78zqqn4R3bm1RI1MhCwTO9ZtZf\nbQV7J6aDScWpM2hHk43Q9SlWfAYX+AFubhZPn8GSQxMHqPIvKzZpJqWqhPFF\n/mnFA24L0Yd6FuobF1f2RQDBTqLzPv88s66aCa7yz7/yQsDES7I903FDpLjp\nbhVcnvWiMi1XE5vaFm9hmQqNnKGvqYnBI2Kdijq6AjEWwuwVmq1L5dsAN2hb\nBnua+M4Y/4nF9j5Qv1IwOZ9I1gx3so8jb+TgDN4T+8nI0jhdfd7zU13k/k9d\nl2BZadg7QHJYq5SytaHWr43WlqkM7eACe0MpE3BkCIAbfWb0HQo1+gKCrpnj\n/PuI\r\n=QtO2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG569Pf7bIxO6ObkArSts0Cx1ay+PGxsxaehbvjKsewnAiBG92zG56/DALR5Ok7rdWsZPQVsLR/UAmWJykmx423bAw=="}]},"maintainers":[{"name":"daniel-ordonez","email":"road_2015@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-auto-typing_0.1.1_1530848171099_0.9507000556522209"},"_hasShrinkwrap":false},"0.1.2":{"name":"@daniel-ordonez/vue-auto-typing","version":"0.1.2","private":false,"author":{"name":"daniel ordonez"},"repository":{"type":"git","url":"git+https://github.com/daniel-ordonez/vue-auto-typing.git","homepage":"https://github.com/daniel-ordonez/vue-auto-typing#readme"},"license":"MIT","main":"./dist/VueAutoTyping.common.js","keywords":["vue","vuejs","vue component","auto typing"],"files":["dist/*","src/*","public/*","*.json","*.js"],"scripts":{"serve":"vue-cli-service serve","lint":"vue-cli-service lint","build-vue":"vue-cli-service build","build-lib":"vue-cli-service build --target lib --name VueAutoTyping ./src/components/VueAutoTyping.vue","build-wc":"vue-cli-service build --target wc --name auto-typing ./src/wrapper.js --dest ./web-component"},"dependencies":{"vue":"^2.5.16"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-rc.3","@vue/cli-plugin-eslint":"^3.0.0-rc.3","@vue/cli-service":"^3.0.0-rc.3","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"fabb4bdd4b9006e780e16cb0c96a4b041b7e3bb0","description":"Vuejs component for auto typing your text.","bugs":{"url":"https://github.com/daniel-ordonez/vue-auto-typing/issues"},"homepage":"https://github.com/daniel-ordonez/vue-auto-typing#readme","_id":"@daniel-ordonez/vue-auto-typing@0.1.2","_npmVersion":"5.6.0","_nodeVersion":"10.2.1","_npmUser":{"name":"daniel-ordonez","email":"road_2015@hotmail.com"},"dist":{"integrity":"sha512-iGgNCqyvabFAIu1pX8oHbtUwshHGN20GKNt17UtgW9GBsopWKmgJKu/q/cPsfFlqEP9FFnPioV9Ja7efIVw8rQ==","shasum":"11cfefb125080472f9d86c0c07d169a2cef98c85","tarball":"https://registry.npmjs.org/@daniel-ordonez/vue-auto-typing/-/vue-auto-typing-0.1.2.tgz","fileCount":21,"unpackedSize":1070233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPuZCCRA9TVsSAnZWagAAqFcP/ihMLk+DtL8D4QNt6pMd\nVUEbscoxduvd2BqTnM+2KiYPHwpOoGrSoNXqrp9+yCJ8Y8FR3K3AiSpiLL0c\nUMVK2GXIADVYNFs6k7Xd0gTqkKcKTOygnaHFL0gsoUKl+BVqM84HdSIoq4o3\nBznyolyWK8ygugUALY71o4A2VCMTDlzyBFbnaYM09oE4iaYgYAXHHuQDURjj\nBCbYrzCAPqzXMz3+VUcEUqWSK27mg1v5YXkIe23UAJvXcfQ6sD0QKUJMSJv8\nVnA8n248yFQY/O73JAP8mFHFgUZZX3kdrBoKP4QHWsEJ3u1Pmv/ZFszCtKLZ\nW1jQvtxDFdpypsTCSwb+tLEWYdhbZ6DZ4SECZkOakVJQ0/nwAiLHL6btdO+I\n9rWDIPbnkbkh6ClnY9YWHpJa+MTUV2DZcXBNcWns3CgV/cuhqgjH+qxiys12\nKWY4VDCp10skRdZkp4pqliYcY/WIDEfmjJKXiU9u6aCwHT5Kuw0AqtCVmkJ5\nUH40mg64A8ysw3kBrIOuTRYpZ8ktTBtNPkm1yhsShkIgi7dwoMhOz2syS2/T\nzWn/wOnDhNfeFVjWvnYLPW55/pVzngb6hI6BHMVZuv8y9OMIv9hxgDxScdoX\nXzW0sbri8RCklI10x1hCcpQgI2lk5gnsYCJIvU5JYmbIBEqp++aCO08KyjMO\n9Ft8\r\n=PL+f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrZvR4A5uPF/gek+H6trU8oNS5MLoSRn8TV7cbwWVsIQIhAItm9x4uaqA4eW/7YZIfM6CgSErB0rn+bQk/VYHEaLYl"}]},"maintainers":[{"name":"daniel-ordonez","email":"road_2015@hotmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-auto-typing_0.1.2_1530848834094_0.7634652137117051"},"_hasShrinkwrap":false}},"time":{"created":"2018-07-06T02:54:27.553Z","0.1.0":"2018-07-06T02:54:28.139Z","modified":"2022-04-05T02:40:28.131Z","0.1.1":"2018-07-06T03:36:11.373Z","0.1.2":"2018-07-06T03:47:14.157Z"},"maintainers":[{"name":"daniel-ordonez","email":"road_2015@hotmail.com"}],"description":"Vuejs component for auto typing your text.","keywords":["vue","vuejs","vue component","auto typing"],"author":{"name":"daniel ordonez"},"license":"MIT","readme":"# Vue Auto Typing\n\nVuejs component for auto typing your text.\n\n[![npm version][0]][1]\n\n\n\n# Table of contents\n\n* [Installation](#installation)\n* [Usage](#usage)\n* [Support](#support)\n* [Contributing](#contributing)\n* [License](#license)\n* [Bonus](#buy-me-a-coffee)\n\n# Installation\n\n## NPM\n\n```npm\nnpm i daniel-ordonez@vue-auto-typing\n```\n\nRegister the component inside your Vue file\n\n```javascript\n// Insde the \n\n\n```\n\nRegister the auto-typing component\n\n```javascript\nnew Vue({\n components: {\n autoTyping: VueAutoTyping\n }\n}).$mount('#app')\n```\n\n### VueAutoTyping.css\n\nThe stylesheet contains only the necessary css for displaying the blinking cursor and it's completely optional, just be aware that if not included the cursor won't show unless you provide your own css.\n\n``` css\n.auto-typing--cursor::after{\n content: attr(data-cursor);\n display: inline;\n -webkit-animation: cursor-blink 0.7s infinite;\n -moz-animation: cursor-blink 0.7s infinite;\n animation: cursor-blink 0.7s infinite;\n}\n@keyframes cursor-blink {\n from{\n opacity: 1;\n }\n 50%{\n opacity: 0;\n }\n to{\n opacity: 1;\n }\n}\n```\n\n\n\n# Usage\n\n```html\n My text\n```\n\n## Props\n| Name | Type | Default | Description |\n|----------|---------|-----------|-------------|\n|auto |Boolean |true |If false, need to call **start()** to start the typing.\n|delay |Number |0 |Time in ms after the component is mounted and before start typing|\n|speed |Number |250 |Time in ms before typing the next character|\n|variance |Number |50 |Time in ms it can varies between typing the next character|\n|mode |String |\"human\" |If **human**, the time between each character is _speed + (variance * random)_. If **linear** the time between each character is equals to _speed_|\n|split |Boolean |false |If true, each character is wrapped around an individual _span_ tag|\n|readtime |Number |1000 |The time in ms before start typing the next string. See [typing multiple strings](#typing-multiple-strings)|\n|cursor |String || |The cursor displayed when typing at the end|\n|keepCursor|Boolean |false |if false the cursor is hidden when then typing ends, otherwise it keeps blinking at the end of the text|\n\n## Typing multiple strings\n\nA few considerations first regarding the text inserted between the component tags:\n* It always be written first\n* If nothing is inside the tags when the component mounts nothing will be written, unless you add it by the **push** function.\n\nThink of **push()** the same as with Arrays\n```html\nThis is first\n```\n```javascript\n//assume the var autoTyping references your component's object\nautoTyping.push(\"This is second\");\nautoTyping.push(\"This is third\");\n```\n\n\n## Customize\n\n* Clone this repository\n* Make changes to src/components/VueAutoTyping.vue\n* From source directory execute: `npm run build-lib`\n\n# Support\n\nPlease [open an issue](https://github.com/daniel-ordonez/vue-chatui/issuess/new) for support.\n\n>Be aware that some features may be under development\n\n# Contributing\n\n1. Please check whether another person has raised a pull request for same issue before creating one.\n2. Please check issues created before requesting for a feature.\n3. Open a pull request explaining what changes it brings.\n4. Add references where applicable.\n\n# License\n\n[MIT license](https://tldrlegal.com/license/mit-license)\n\n# Buy me a coffee\n\n\n\nYay! 🎉 You reached the end.\n\n[0]: https://img.shields.io/badge/npm-0.1.1-lightgrey.svg\n[1]: https://www.npmjs.com/package/@daniel-ordonez/vue-auto-typing","readmeFilename":"readme.md","homepage":"https://github.com/daniel-ordonez/vue-auto-typing#readme","repository":{"type":"git","url":"git+https://github.com/daniel-ordonez/vue-auto-typing.git","homepage":"https://github.com/daniel-ordonez/vue-auto-typing#readme"},"bugs":{"url":"https://github.com/daniel-ordonez/vue-auto-typing/issues"}}
![\"Buy](\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\")