{"_id":"@altgr4m/vue3-one-time-password","_rev":"13-6ba1a601dc211e7c7021f8fd3f124648","name":"@altgr4m/vue3-one-time-password","dist-tags":{"latest":"1.0.13"},"versions":{"1.0.0":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) component for web apps, compatible with Vue 3","version":"1.0.0","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otpInput","verifyCode","otpComponent","oneTimePassword"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"15ca383a0ff25b421364aa0787d233552319413f","_id":"@altgr4m/vue3-one-time-password@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-gjTcRB8ayDE6lNl9xaTtIdLOWVFvtMCaoZaUXgvBe/FCtB7mU3SAOvhdSngcMREmC9AnW/xvURbPVbDNAmOdVw==","shasum":"7cacae2f8b1422f30c30aa3c6833ad07030f44b2","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.0.tgz","fileCount":7,"unpackedSize":23434,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfm0sGjGla+pipdtn3uBSc3QbcCf3+UFO3Sm2N07+7TAiAHV/t1p0LcmEqAh4QDb7bW/fI42K79Id+hJM/7QMnY6A=="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.0_1709997694447_0.972922826092957"},"_hasShrinkwrap":false},"1.0.1":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) component for web apps, compatible with Vue 3","version":"1.0.1","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otpInput","verifyCode","otpComponent","oneTimePassword"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"5e6c641a405a4b48c7f6f955e9cc608931d4e4ab","_id":"@altgr4m/vue3-one-time-password@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-znoVeOroq9svASQ63+I0sijIqnAg5sTJqzBbZjsjXGzyJJfdeGXFRxHCuEMVkNc+ANsGBpLc3UpPSTmfsYP0gg==","shasum":"8b918298043aa378a0bf42de0a312f57ba462e2a","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.1.tgz","fileCount":7,"unpackedSize":23754,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyR9Wx5CpJrO6WvHVclttR8+B8Ciuo2d6H9/RGrBhi8QIhALe5Fz3nceb6uwR7nHVmpdzXsPDmwH4n00+bhnagoYg3"}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.1_1709997936868_0.9815274077495684"},"_hasShrinkwrap":false},"1.0.2":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) component for web apps, compatible with Vue 3","version":"1.0.2","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otpInput","verifyCode","otpComponent","oneTimePassword"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"cc2a145847228f25a4a6fc7f05f812f8ac7b62f9","_id":"@altgr4m/vue3-one-time-password@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-oC5jiWPQYBq7vzCRbzTAI+UWJxM0iTMbBhmdDYotR+Mx9zvE5nLgYs3FH+bH2+acIdTZmGtj3QYU+Yvdp8rbsQ==","shasum":"b50ca632e9b27ac9a2c70d48e5fc8a77dd6d790b","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.2.tgz","fileCount":7,"unpackedSize":23768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDC4gFtq07HM3R39fRsWDWxEnpCEVbiNCYdef97Xr/PDQIgJlIXnbS8Drw3voRARWvyQRgizKkLQ3bXLU5eNMTG+TI="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.2_1709998316580_0.8778565000369354"},"_hasShrinkwrap":false},"1.0.3":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) component for web apps, compatible with Vue 3","version":"1.0.3","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otpInput","verifyCode","otpComponent","oneTimePassword"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"c71ecc049c4771bb5428776b42eb496bf6b3565e","_id":"@altgr4m/vue3-one-time-password@1.0.3","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-LUf8GxrhcQh+rUt7Cnae2RqtXZTrqAy/y6xi56pA8OZMQDuWEM7SP37pUFmVK3mG/FDoCroeA2sL6kC4LN9OUg==","shasum":"6a1c3dc4fa3769ae0c9e47b27ac373c1514f05ad","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.3.tgz","fileCount":7,"unpackedSize":23769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiSnhUGdS6c/PGh22vpVxu8V0nCK4oZf0eq2nvuY7mCwIgdA8eitX9PfzYmcPyh5+Ux0XCqs1WWGqbzY3wfoWBuTU="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.3_1709998441984_0.5001855141028138"},"_hasShrinkwrap":false},"1.0.4":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) component for web apps, compatible with Vue 3","version":"1.0.4","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"07f03c5ac5531b9b07a09a2e3199a797044ef708","_id":"@altgr4m/vue3-one-time-password@1.0.4","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-6qe2LLNgNmB2N7e3KTjZOA879JXPTCJ1tYEg0Z8CJNlpzwLp/vz+GWHFBgmIbFilQVtCQuMF+4fW4rERTEv/YQ==","shasum":"29f7e352cd87b72db08f32c6ebf88abd018e16b0","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.4.tgz","fileCount":7,"unpackedSize":23891,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD21C8eWNQH7hqQidypNHfM6K18KmhLR6Ds7sQX14pfUQIgT3QFpbyn6KNT9XmDt/0hwQVatcpgpwsWECNZA8wKgbE="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.4_1709999299813_0.6497917667423263"},"_hasShrinkwrap":false},"1.0.5":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.5","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"2bf30661f5f219be4643b10e2252439df87d9e25","_id":"@altgr4m/vue3-one-time-password@1.0.5","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-O0iYAesfPeNGfouOLBNZPVSnPQTCeed1ajk2HddxRIkaWa/kyCP6Qk1UA4fbts2aqlIav2gN2xYuy5f3OmnKcg==","shasum":"c8877fbe12a3c5c7b00ace5073eb01ebc3906007","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.5.tgz","fileCount":7,"unpackedSize":23933,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUce3AYDxBmmVYc8pYKcM4FOrjrn54zEFmaYuP+dTyWAIgYL/UIGqAiApm9auaKnLqMnniZkqNhN1/+54tZ4Juk30="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.5_1709999409972_0.06772121877443893"},"_hasShrinkwrap":false},"1.0.6":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.6","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"b1f580ece17aa068e5d9dfd851ab5cbf013692fa","_id":"@altgr4m/vue3-one-time-password@1.0.6","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-n6bkEqDw3YyVDMD7MUUUemhzlT0hVYWpSDOsW7YtJfp0dJT4VNYeqJHCWHe9UbWkWkZMuWMj/OmDHNom9QC3cg==","shasum":"ac57586b45d6a03ae881e49f2dbe619128eac7fd","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.6.tgz","fileCount":7,"unpackedSize":23955,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxQIKSxZSXy1CvlawQhz+28If2cWh6g1cobkzaHNeHcgIhAIyWiNsKE25KcckKYpQnfF2hPQqwNL0UwKWMqbV0j2Vd"}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.6_1710013287215_0.6868046626146562"},"_hasShrinkwrap":false},"1.0.7":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.7","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"c15606cf5735006aec6e7dbf60979452134c50c7","_id":"@altgr4m/vue3-one-time-password@1.0.7","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-1EXer7Kcm/eiS8TrhMdvWH3TJTMt1sKlq8O2GCs+gfkyoZFyRkZom4vxplwzfwWJX3S+vrA6n9bgcq/eNUAnrw==","shasum":"b97ca18982d332a9345862e617bfffd7844f871e","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.7.tgz","fileCount":7,"unpackedSize":24751,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGqfQfVbHaenoCProTed3HtNxtITHR2Kt7rjSKtpjztwIgAv7pYe1oAOZtVLczB8SqN5nSezXoA7AtxYGJ7WSaHnM="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.7_1710022070934_0.4041050010346705"},"_hasShrinkwrap":false},"1.0.8":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.8","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"17a0a42a697888ce7877b88a5dde36f8c9091637","_id":"@altgr4m/vue3-one-time-password@1.0.8","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-1hfPaW398SyQWwEbG7CilqK48XPsW7n/mcnInOIDEGlGxjCGK6/1yIm5myhzC+aGj4fJzwupDWc7ongD3Vt6kQ==","shasum":"0dbb91725bc63b8e6c0669a6914df903cc054eb0","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.8.tgz","fileCount":7,"unpackedSize":24755,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpyXV1OvycLBU63XjThugoh8PflHmOabOO9VNXxeEftwIgMZD1tflw5UrJa01ObzCM9KXLjw0HR0MW2e0WjGtsR0U="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.8_1710108397997_0.032338968147040736"},"_hasShrinkwrap":false},"1.0.9":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.9","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"2a5def74862f7672b5bd32a08b836b53c8e45710","_id":"@altgr4m/vue3-one-time-password@1.0.9","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-KiYL1o0hsJ2Z7v1Q4kr2RLToOgMk+xkqrSoUImQrrsjItslZgBgAv9tDLLTeFVlS+x8LWLux/VViPHasOMPVvA==","shasum":"6e6f38ad32e4b0d923e352d1d6399d7cdc934ad0","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.9.tgz","fileCount":3,"unpackedSize":11819,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnQTpMmmZQKjtrONyQFhqYBVIWGsLi9OFr3USKkjDbFAiEAlHnhCEYoKQWfH4FfBnxeS0Qr1/xFLvR3BFcQQLKd5X4="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.9_1710181115612_0.25516897780747305"},"_hasShrinkwrap":false},"1.0.10":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.10","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"d89cf255857c2bb2a2e4819bd863a9394b7d6cfc","_id":"@altgr4m/vue3-one-time-password@1.0.10","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-TfiFtHcS5Uz03WaHYRVqa9z+oKEvF8WqOQ9x/94uKCuPOGD/LpCh4ZiKotLm2+7ubnpwFEdQu/+yDx7vOcasSQ==","shasum":"79f2fcb020757ab3e2561dc652dadb3b2af39185","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.10.tgz","fileCount":3,"unpackedSize":11823,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC6Goj1eWevt5o1ZwM4cYLpNP+6w98CsZcU6HyRYUwOYAiBpmFNy3Q06x9AWc6vqENU61oLp3YvmggM7lm9btbmPQA=="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.10_1710181205096_0.4476295005680244"},"_hasShrinkwrap":false},"1.0.11":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.11","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"gitHead":"27b5c7f9ac3a04cf41846b5f8700ab31df1e71a5","_id":"@altgr4m/vue3-one-time-password@1.0.11","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-UfwmyeMPIK0/fdmXZF/WhBqBBIS0s+X2P1OSOwdlHyuiTEnssBuAOH+V6yFGlc5SZT3pphCUaIs9FSqNMKyJHw==","shasum":"307a8af32e37aa49204795437d351945561bac9f","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.11.tgz","fileCount":6,"unpackedSize":23311,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCu9A3yqvXRB0+mfmn5qHJdF8g7jw6mvy6QkM9EdiKT9wIgYifxpuAXIBKGrK0JTbVbJyF10XY7icpMpXuZ0vu0ZQ0="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.11_1710183210932_0.10593449153255996"},"_hasShrinkwrap":false},"1.0.12":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.12","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"repository":{"type":"git","url":"git+https://github.com/gramblicka/vue-3-one-time-password.git"},"gitHead":"c0fbeada83b5ec4f49d28d85c6cc526836c1ef56","bugs":{"url":"https://github.com/gramblicka/vue-3-one-time-password/issues"},"homepage":"https://github.com/gramblicka/vue-3-one-time-password#readme","_id":"@altgr4m/vue3-one-time-password@1.0.12","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-9gjO/kC+Jc2beoFKwy/3nrQNzGNJ/C9siR5qqO3ZrXJibD9s9kseKqTfJ1VylLNtNqB4g/VWTwgNcss106OPew==","shasum":"61cd980ba77aba7af722054e7304aeae3872956c","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.12.tgz","fileCount":6,"unpackedSize":23420,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgJBEfGgC3agks7a44GyTZPWHFK1S8/PC8ON+tgYBiSAIgcY6hiYniTf/Ofz0PiNPj+DvKuaD9wPQDhf8GZ3ajoeM="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.12_1710183853846_0.8481747720571524"},"_hasShrinkwrap":false},"1.0.13":{"name":"@altgr4m/vue3-one-time-password","description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","version":"1.0.13","private":false,"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue","nuxt"],"type":"module","main":"./dist/one-time-password.umd.js","module":"./dist/one-time-password.es.js","exports":{".":{"import":"./dist/one-time-password.es.js","require":"./dist/one-time-password.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","typescript":"^5.2.2","vite":"^5.1.4","vue-tsc":"^1.8.27"},"browserslist":["last 2 Chrome versions","last 2 Firefox versions","last 2 Safari versions","last 2 Edge versions"],"repository":{"type":"git","url":"git+https://github.com/gramblicka/vue-3-one-time-password.git"},"gitHead":"135e5299af063013a709e4eb1bfc1c6cd5377e4d","bugs":{"url":"https://github.com/gramblicka/vue-3-one-time-password/issues"},"homepage":"https://github.com/gramblicka/vue-3-one-time-password#readme","_id":"@altgr4m/vue3-one-time-password@1.0.13","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-n5icwIodzJeCJRGwws2sQ7+E0C8ejahU3Ljp1K2En4bPd0k93H0hL9a3oyAdxf8FHnfkRIY1gVQmGxM48NDmyw==","shasum":"26c378559fa063dcaf0b06a9c921289a24df27aa","tarball":"https://registry.npmjs.org/@altgr4m/vue3-one-time-password/-/vue3-one-time-password-1.0.13.tgz","fileCount":6,"unpackedSize":23432,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQY2b24hDfxwqqMbe4yAz9dJKtws5uTqIfNNSC8m6k5gIgfLGuakDIlAvK+WkER12g8KW78RDPyZVubWLuW54jPrk="}]},"_npmUser":{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"},"directories":{},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-one-time-password_1.0.13_1710186132707_0.5084005294845193"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-09T15:21:34.368Z","1.0.0":"2024-03-09T15:21:34.603Z","modified":"2024-03-11T19:42:13.424Z","1.0.1":"2024-03-09T15:25:37.010Z","1.0.2":"2024-03-09T15:31:56.735Z","1.0.3":"2024-03-09T15:34:02.240Z","1.0.4":"2024-03-09T15:48:19.984Z","1.0.5":"2024-03-09T15:50:10.141Z","1.0.6":"2024-03-09T19:41:27.386Z","1.0.7":"2024-03-09T22:07:51.084Z","1.0.8":"2024-03-10T22:06:38.140Z","1.0.9":"2024-03-11T18:18:35.756Z","1.0.10":"2024-03-11T18:20:05.281Z","1.0.11":"2024-03-11T18:53:31.095Z","1.0.12":"2024-03-11T19:04:13.984Z","1.0.13":"2024-03-11T19:42:13.019Z"},"maintainers":[{"name":"altgr4m","email":"gramblicka.daniel@gmail.com"}],"description":"Customizable OTP (One Time Password) is a 23kB lightweight component for web apps, compatible with Vue 3 and composition api","keywords":["vue","otp","vuejs","otp input","verify code","otp component","light-weight otp","one time password","one time password Component","otp divided/group mode","transaction pin","otp composition vue","nuxt"],"author":{"name":"Daniel Gramblička","email":"gramblicka.daniel@gmail.com"},"license":"MIT","readme":"<div align=\"center\">\n    <br>\n        <img width=\"100px\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Vue.js_Logo_2.svg/1024px-Vue.js_Logo_2.svg.png\" alt=\"vue-logo\">\n    <br>\n       <h1>One Time Password Component</h1>\n    <br>\n</div>\n\n> Vue 3 OTP is a 23kB lightweight fully customizable OTP (One Time Password) component for web apps,\ncompatible with Vue (Vue 3) and Autofill one time code from email / sms.\n\n\n<p>The OTP component allows you to utilize two display modes (divided and group)\nwith an adjustable number of inputs. You can either write your own styling or\nutilize predefined styles for all tags, including active/error classes.\nAdditionally, you can choose of three types of inputs (number, text, password)\nand insert your own error messages.</p>\n<br/>\n\n<div align=\"center\">\n    <a  href=\"#installation\">Installation</a> •\n    <a  href=\"#usage\">Usage</a> •\n    <a  href=\"#events\">Events</a> •\n    <a  href=\"#props\">Props</a> •\n    <a  href=\"#styling\">Styling</a> •\n    <a  href=\"#examples\">Examples</a> •\n    <a  href=\"#demo\">Demo</a> •\n    <a  href=\"#license\">License</a>\n</div>\n\n<br/>\n\n<div align=\"center\">\n    <img src=\"https://gitlab.com/altgram/demo-vue3-one-time-password/-/raw/main/assets/otp-preview.gif\" alt=\"Example Image\" width=\"500\"/>\n</div>\n\n<br/>\n\n## Installation\n\n<br/>\n\n```sh\nnpm i @altgr4m/vue3-one-time-password\n```\n\nor\n\n```sh\nyarn add @altg4m/vue3-one-time-password\n```\n\n## Usage\n\n<br/>\n\n1. Register (import) component into your app\n##### a) Register locally\n\n``` html\n<script setup>\n    import OneTimePassword from '@altgr4m/vue3-one-time-password'\n\n    // You can utilize styles provided by the package\n    // or customize them using own styling to suit your needs.\n    // - Look at the \"Styling\" section bellow\n    import \"@altgr4m/vue3-one-time-password/style.css\"\n</script>\n```\n\nor\n\n##### b) Register globally\n```js\n//  main.js or main.ts\n\nimport OneTimePassword from \"@altgr4m/vue3-one-time-password\";\nimport \"@altgr4m/vue3-one-time-password/style.css\"\n\nconst app = createApp(App);\napp.component('OneTimePassword', OneTimePassword)\napp.mount('#app')\n```\n\n2. Basic usage\n\n``` html\n<template>\n    <OneTimePassword/>\n</template>\n```\n\n## Events\n\n<br/>\n\n<table>\n<tbody>\n  <tr>\n    <td>Event Name</td>\n    <td>Description</td>\n  </tr>\n  <tr>\n    <td>@completed</td>\n    <td>Return string that represent OTP value typed in inputs when all digits are completed </td>\n  </tr>\n  <tr>\n    <td>@changed</td>\n    <td>Return string that represent OTP value when input changed </td>\n  </tr>\n  <tr>\n    <td>@paste</td>\n    <td>Triggered when paste value into OTP inputs</td>\n  </tr>\n  <tr>\n    <td>reset()</td>\n    <td>You can call reset function that resets input value (see bellow)</td>\n  </tr>\n</tbody>\n</table>\n\n#### Events usage:\n\n<br/>\n\n``` html\n<template>\n    <OneTimePassword\n        @completed=\"onCompletedHandler\"\n        @changed=\"onChangedHandler\"\n        @paste=\"onPasteHandler\"\n        ref=\"otpComponent\"\n    />\n    <button @click=\"resetOtp\">Reset</button>\n</template>\n\n<script setup>\nimport {ref} from \"vue\";\nimport {OneTimePassword} from '@altgr4m/vue3-one-time-password'\n\nconst otpComponent = ref(null);\n\nconst onCompletedHandler = (token) => {\n    console.debug(\"Completed\", token);\n    // write logic with completed code\n};\n\nconst onChangedHandler = (token) => {\n    console.debug(\"Token changed\",  token);\n    // write logic with changed code\n};\n\nconst onPasteHandler = (token) => {\n    console.debug(\"Token pasted\", token);\n    // write logic with pasted code\n};\n\nconst resetOtp = () => {\n    // reset input value if needed\n    otpComponent.value.reset()\n}\n</script>\n```\n\n<br/>\n\n## Props\n\n<br/>\n\n<table>\n<tbody>\n  <tr>\n    <td>Name</td>\n    <td>Type</td>\n    <td>Default</td>\n    <td>Options</td>\n    <td>Description</td>\n  </tr>\n  <tr>\n    <td>inputCount</td>\n    <td>Number</td>\n    <td>6</td>\n    <td><b>number</b></td>\n    <td>Number of OTP inputs to be rendered.</td>\n  </tr>\n  <tr>\n    <td>otpMode</td>\n    <td>String</td>\n    <td>\"divided\"</td>\n    <td><b>\"divided\", \"group\"</b></td>\n    <td>Change display of input, options: separate , group</td>\n  </tr>\n  <tr>\n    <td>inputType</td>\n    <td>String</td>\n    <td>\"number\"</td>\n    <td><b>\"number\", \"text\", \"password\"</b></td>\n    <td>Type of input data</td>\n  </tr>\n  <tr>\n    <td>placeholder</td>\n    <td>String</td>\n    <td> \"-\" </td>\n    <td><b>string</b></td>\n    <td>Placeholder of inputs where data places</td>\n  </tr>\n  <tr>\n    <td>borderRadius</td>\n    <td>String</td>\n    <td>\"5px\"</td>\n    <td><b>string</b></td>\n    <td>Border radius of inputs (in both modes)</td>\n  </tr>\n  <tr>\n    <td>inputsGapWidth</td>\n    <td>String</td>\n    <td>\"10px\"</td>\n    <td><b>string</b></td>\n    <td>Gap between inputs (in both modes)</td>\n  </tr>\n  <tr>\n    <td>isDisabled</td>\n    <td>Boolean</td>\n    <td>false</td>\n    <td><b>true, false</b></td>\n    <td> Whether the input are Disabled or not</td>\n  </tr>\n  <tr>\n    <td>isValid</td>\n    <td>Boolean</td>\n    <td>true</td>\n    <td><b>true, false</b></td>\n    <td>Whether the entered value is valid or not</td></tr>\n  <tr>\n    <td>reverseDirection</td>\n    <td>Boolean</td>\n    <td>false</td>\n    <td><b>true,false</b></td>\n    <td>Whether the input is RTL or not</td>\n  </tr>\n  <tr>\n    <td>isAutoFocus</td>\n    <td>Bool</td>\n    <td>true</td>\n    <td><b>true, false</b></td>\n    <td>The input should be focused-on when page rendered or not</td>\n  </tr>\n  <tr>\n    <td>hideCursor</td>\n    <td>Bool</td>\n    <td>false</td>\n    <td><b>true, false</b></td>\n    <td>The input cursor should be hidden on focus</td>\n  </tr>\n</tbody>\n</table>\n<br/>\n\n## Styling\n\n<br/>\n\nYou can use predefined styling (import bellow) or write custom css.\nAdditionally, you can insert your own classes into component as props.\n\n<br/>\n\n``` html\n<script setup>\n    import \"@altgr4m/vue3-one-time-password/style.css\"\n</script>\n```\n\n<br/>\n\n#### Styling props:\n\n<table>\n    <tbody>\n     <tr>\n        <td>Name</td>\n        <td>Type</td>\n        <td>Default</td>\n        <td>Options</td>\n        <td>Description</td>\n      </tr>\n        <tr>\n            <td>customWrapperClass</td>\n            <td>String</td>\n            <td>\" \"</td>\n            <td><b>string</b></td>\n            <td>Wrapper class</td>\n        </tr>\n        <tr>\n            <td>customInputClass</td>\n            <td>String</td>\n            <td>\" \"</td>\n            <td><b>string</b></td>\n            <td>Input class</td>\n        </tr>\n        <tr>\n            <td>customWrapperValidClass</td>\n            <td>String</td>\n            <td>\"otp-wrapper-active\"</td>\n            <td><b>string</b></td>\n            <td>Wrapper valid class</td>\n        </tr>\n        <tr>\n            <td>customWrapperErrorClass</td>\n            <td>String</td>\n            <td>\"otp-wrapper-error\"</td>\n            <td><b>string</b></td>\n            <td>Wrapper error class</td>\n        </tr>\n        <tr>\n            <td>customActiveInputClass</td>\n            <td>String</td>\n            <td>\"otp-input-active\"</td>\n            <td><b>string</b></td>\n            <td>Active input class (focused)</td>\n        </tr>\n    </tbody>\n</table>\n\n#### Example styling of component\n\n``` html\n<template>\n    <OneTimePassword\n\t    customWrapperClass=\"class-styling-wrapper\"\n\t    customInputClass=\"class-styling-inputs\"\n\t    customWrapperValidClass=\"class-styling-wrapper-valid\"\n\t    customWrapperErrorClass=\"class-styling-wrapper-error\"\n\t    customActiveInputClass=\"class-styling-inputs-active\"\n    />\n</template>\n<style>\n.otp-app .class-styling-wrapper {\n    ...\n }\n.otp-app .class-styling-inputs {\n    ...\n}\n.otp-app .class-styling-wrapper-valid {\n    ...\n}\n.otp-app .class-styling-wrapper-error {\n    ...\n}\n.otp-app .class-styling-inputs-active {\n    ...\n}\n</style>\n```\n\n## Examples\n\n<br/>\n\n#### Group Mode:\n\n``` html\n<template>\n    <OneTimePassword otpMode=\"group\"/>\n</template>\n```\n\nResult:\n\n<br/>\n\n<img src=\"https://gitlab.com/altgram/demo-vue3-one-time-password/-/raw/main/assets/otp-group.png\" alt=\"Example Image\" width=\"400\"/>\n\n---\n\n#### Error Message:\n\n``` html\n<template>\n    <OneTimePassword :isValid=\"false\"  customWrapperErrorClass=\"wrapper-error-class\">\n        <p>Error message<p>\n    </OneTimePassword>\n</template>\n\n<style>\n.otp-app .wrapper-error-class {\n    color: red;\n    line-height: 1rem;\n    font-size: 12px;\n    text-align: left;\n}\n</style>\n```\n\nResult:\n\n<br/>\n\n<img src=\"https://gitlab.com/altgram/demo-vue3-one-time-password/-/raw/main/assets/otp-error.png\" alt=\"Example Image\" width=\"400\"/>\n\n---\n<h4>Divided password input, four digits, without placeholder</h4>\n\n``` html\n<template>\n\t <OneTimePassword otpMode=\"divided\" inputType=\"password\" placeholder=\"\" :inputCount=\"4\" />\n</template>\n```\n\nResult:\n\n<br/>\n\n<img src=\"https://gitlab.com/altgram/demo-vue3-one-time-password/-/raw/main/assets/otp-four-digits-password.png\" alt=\"Example Image\" width=\"400\"/>\n\n---\n\n<h4>Focused (active) input:</h4>\n\n``` html\n<template>\n\t <OneTimePassword customActiveInputClass=\"custom-input-active\" />\n</template>\n<style>\n.otp-app .custom-input-active {\n\ttext-align: center;\n\tborder: 1px solid green;\n}\n</style>\n```\n\nResult :\n\n<br/>\n\n<img src=\"https://gitlab.com/altgram/demo-vue3-one-time-password/-/raw/main/assets/otp-input-valid.png\" alt=\"Example Image\" width=\"400\"/>\n\n<br/>\n\n## Demo\n\nhttps://github.com/gramblicka/demo-vue3-one-time-password\n\n<br/>\n\n## License\n\nMIT\n","readmeFilename":"README.md","homepage":"https://github.com/gramblicka/vue-3-one-time-password#readme","repository":{"type":"git","url":"git+https://github.com/gramblicka/vue-3-one-time-password.git"},"bugs":{"url":"https://github.com/gramblicka/vue-3-one-time-password/issues"}}