{"_id":"1r-image-previewer","name":"1r-image-previewer","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"1r-image-previewer","version":"1.0.0","main":"lib/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/ravisingh8v/ImagePreviewer.git"},"keywords":[],"author":"","license":"ISC","bugs":{"url":"https://github.com/ravisingh8v/ImagePreviewer/issues"},"homepage":"https://github.com/ravisingh8v/ImagePreviewer#readme","description":"The library which helps you to reduce your Work and Time.","devDependencies":{"typescript":"^5.2.2"},"types":"./lib/index.d.ts","gitHead":"d9df19aaeb6dd7af18f0ae2c4a3525038f3b047f","_id":"1r-image-previewer@1.0.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wpcIRC0hqpIE8YYIS4TvtAFeMgwYTdTUP9pBHQGZD0uRsLyv/522LD2qxXWgEpcjAo2H/Q6uPLIgfTeE9xXwSQ==","shasum":"c54d6d137e27d8a706c91fa51120979d9a9c4d7b","tarball":"https://registry.npmjs.org/1r-image-previewer/-/1r-image-previewer-1.0.0.tgz","fileCount":7,"unpackedSize":8176,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBfML7jVlslQnd2eahqzKjLA5xOqfTZAnTIggA2glUWHAiB+G7eJQfm++hjX2M3QvlRGo80h2OsQAH5aTNcR9EQ+UQ=="}]},"_npmUser":{"name":"ravisingh4v","email":"ravisingh8v@gmail.com"},"directories":{},"maintainers":[{"name":"ravisingh4v","email":"ravisingh8v@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/1r-image-previewer_1.0.0_1696912426800_0.9526442059257516"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-10T04:33:46.799Z","1.0.0":"2023-10-10T04:33:46.971Z","modified":"2023-10-10T04:33:47.302Z"},"maintainers":[{"name":"ravisingh4v","email":"ravisingh8v@gmail.com"}],"description":"The library which helps you to reduce your Work and Time.","homepage":"https://github.com/ravisingh8v/ImagePreviewer#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/ravisingh8v/ImagePreviewer.git"},"bugs":{"url":"https://github.com/ravisingh8v/ImagePreviewer/issues"},"license":"ISC","readme":"WELCOME\r\n\r\n1. For Installation npm i image-previewer\r\n\r\n2. Import it on your module\r\n   ex. import {imagePreviewer} from './imagePreviewer'\r\n\r\n3. For Using this you must have container for you image/img tag and also id in that container that you are going to pass in the function parameter\r\n   ex.\r\n   <div id=\"image-1\">\r\n    <img src=\"./abc.jpg\">\r\n   </div>\r\n\r\n4. now when you want to show a previewer of your image is up to you\r\n\r\n5. Syntax to Write/Pass parameter\r\n   ex.\r\n   function onImageClick(elemId){\r\n   imagePreviewer(elemId,{\r\n   elements:[\r\n   label:{\r\n   labelName:'',\r\n   background:'',\r\n   textColor:''\r\n   },\r\n   position:{\r\n   top:''\r\n   left:''\r\n   right:''\r\n   bottom:''\r\n   },\r\n   arrow:{\r\n   direction:''\r\n   length:''\r\n   }\r\n   ]\r\n   })\r\n   }\r\n","readmeFilename":"README.MD"}