{"_id":"@armino-dev/comparing-slider","_rev":"4-8ac78b4454933f066b14ded90a4b9ab0","name":"@armino-dev/comparing-slider","dist-tags":{"latest":"1.1.4"},"versions":{"1.0.1":{"name":"@armino-dev/comparing-slider","version":"1.0.1","keywords":["js","javascript","ui"],"author":{"url":"https://github.com/armino-dev","name":"Armino Popp,","email":"devel@boioiong.com"},"license":"MIT","_id":"@armino-dev/comparing-slider@1.0.1","maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"homepage":"https://github.com/armino-dev/comparing-slider#readme","bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"dist":{"shasum":"dfcccb1e8d82a03434173d6e8507848dd30ad232","tarball":"https://registry.npmjs.org/@armino-dev/comparing-slider/-/comparing-slider-1.0.1.tgz","fileCount":21,"integrity":"sha512-qq3aDGtvIkTmN1Sa1J7KhiVX+L5bdXxVh+aRYKRnUHUNvrCvAe8a95kfb+aXYtSKkFct1k57QfTCUboyWOJAvw==","signatures":[{"sig":"MEUCIQCuigwRrGcdsx4OFMzl44JL9Jg3qQ/SLpUr+40oDGwsZAIgNM/O9/b7kbkuvvX0iOQfgJkwOYggbVSa7p6OJDphPeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2350429},"main":"src/comparing-slider.js","title":"Comparing Slider","gitHead":"bdfbf8dd514c301b6509e63546e714a038b29a7d","scripts":{"dev":"NODE_ENV=development node esbuild.mjs","demo":"node demobuild.mjs","lint":"npx eslint ./src/**/*.js","prod":"NODE_ENV=production node esbuild.mjs","test":"npm run unit","unit":"karma start karma.conf.js","build":"npm run prod && npm run demo","watch":"NODE_ENV=development node esbuild.mjs --watch","format":"npx eslint ./src/**/*.js --fix","release":"release-it","report-coverage":"codecov"},"_npmUser":{"name":"armino-dev","email":"devel@boioiong.com"},"repository":{"url":"git+https://github.com/armino-dev/comparing-slider.git","type":"git"},"_npmVersion":"10.2.4","description":"A simple image comparing slider UI","directories":{},"_nodeVersion":"21.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"karma":"^6.3.20","eslint":"^8.53.0","codecov":"^3.8.2","esbuild":"^0.19.9","postcss":"^8.4.33","puppeteer":"^21.4.0","release-it":"^17.0.3","autoprefixer":"^10.4.16","karma-esbuild":"^2.3.0","karma-jasmine":"^5.0.1","karma-coverage":"^2.2.0","esbuild-sass-plugin":"^2.16.1","eslint-config-jquery":"^3.0.2","eslint-plugin-jquery":"^1.5.1","karma-chrome-launcher":"^3.1.1","mini-css-extract-plugin":"^2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/comparing-slider_1.0.1_1707321012671_0.29831822116701945","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@armino-dev/comparing-slider","version":"1.1.0","keywords":["js","javascript","ui"],"author":{"url":"https://github.com/armino-dev","name":"Armino Popp,","email":"devel@boioiong.com"},"license":"MIT","_id":"@armino-dev/comparing-slider@1.1.0","maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"homepage":"https://github.com/armino-dev/comparing-slider#readme","bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"dist":{"shasum":"d7363b0d260b100e39218bbd96cf8f9314ab5faf","tarball":"https://registry.npmjs.org/@armino-dev/comparing-slider/-/comparing-slider-1.1.0.tgz","fileCount":22,"integrity":"sha512-g84UtB7LuSwEV+k1nKqVNLK0cfccgdwkqRkHPEo9A13d40aydFp548KwpTNvKkIyiKBvdZ0vssXNVuI5PFiS5g==","signatures":[{"sig":"MEQCIQDpCYJLx0uZLPPPAHydNfb4WB4BtI3WShgxeDImpRq9jQIfY3Z2xjMrOwWsGH16brEVp5YSP+ViBExKQaNKqysGpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2350987},"main":"src/comparing-slider.js","title":"Comparing Slider","gitHead":"d9c906a826f6ca12df10864caa2b9492f7bf30eb","scripts":{"dev":"NODE_ENV=development node esbuild.mjs","demo":"node demobuild.mjs","lint":"npx eslint ./src/**/*.js","prod":"NODE_ENV=production node esbuild.mjs","test":"npm run unit","unit":"karma start karma.conf.js","build":"npm run prod && npm run demo","watch":"NODE_ENV=development node esbuild.mjs --watch","format":"npx eslint ./src/**/*.js --fix","release":"release-it","report-coverage":"codecov"},"_npmUser":{"name":"armino-dev","email":"devel@boioiong.com"},"repository":{"url":"git+https://github.com/armino-dev/comparing-slider.git","type":"git"},"_npmVersion":"10.2.4","description":"A simple image comparing slider UI","directories":{},"_nodeVersion":"21.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"karma":"^6.3.20","eslint":"^8.53.0","codecov":"^3.8.2","esbuild":"^0.20.0","postcss":"^8.4.35","puppeteer":"^22.0.0","release-it":"^17.0.3","autoprefixer":"^10.4.16","karma-esbuild":"^2.3.0","karma-jasmine":"^5.0.1","karma-coverage":"^2.2.0","esbuild-sass-plugin":"^3.0.0","eslint-config-jquery":"^3.0.2","eslint-plugin-jquery":"^1.5.1","karma-chrome-launcher":"^3.1.1","mini-css-extract-plugin":"^2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/comparing-slider_1.1.0_1707392304157_0.9458545612720353","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@armino-dev/comparing-slider","version":"1.1.1","keywords":["js","javascript","ui"],"author":{"url":"https://github.com/armino-dev","name":"Armino Popp,","email":"devel@boioiong.com"},"license":"MIT","_id":"@armino-dev/comparing-slider@1.1.1","maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"homepage":"https://github.com/armino-dev/comparing-slider#readme","bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"dist":{"shasum":"8c998f5a1be62cda81412484436e5865f5d227a1","tarball":"https://registry.npmjs.org/@armino-dev/comparing-slider/-/comparing-slider-1.1.1.tgz","fileCount":22,"integrity":"sha512-KtPzSmA6sN4xlTlx5I3Vu80Q+3r8isQQn2SXHkwZJwQdMWYVmbD8OT182KhLacJDdN74DUiK4u+CoGbm7qNTWw==","signatures":[{"sig":"MEYCIQDAG2mqU9bgb9QTQsATfL3JlGgLssEV0loL7RrPR1IprwIhAMR/irNdOwfJnSDJRpIoIKCf7te+s7d5Fa8EdkGiAsaF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160025},"main":"src/comparing-slider.js","title":"Comparing Slider","gitHead":"3462264ac616fce14379a4ee6b182225799ba060","scripts":{"dev":"NODE_ENV=development node esbuild.mjs","demo":"node demobuild.mjs","lint":"npx eslint ./src/**/*.js","prod":"NODE_ENV=production node esbuild.mjs","test":"npm run unit","unit":"karma start karma.conf.js","build":"npm run prod && npm run demo","watch":"NODE_ENV=development node esbuild.mjs --watch","format":"npx eslint ./src/**/*.js --fix","release":"release-it","report-coverage":"codecov"},"_npmUser":{"name":"armino-dev","email":"devel@boioiong.com"},"repository":{"url":"git+https://github.com/armino-dev/comparing-slider.git","type":"git"},"_npmVersion":"10.2.4","description":"A simple image comparing slider UI","directories":{},"_nodeVersion":"21.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"karma":"^6.3.20","eslint":"^8.53.0","codecov":"^3.8.2","esbuild":"^0.20.0","postcss":"^8.4.35","puppeteer":"^22.0.0","release-it":"^17.0.3","autoprefixer":"^10.4.16","karma-esbuild":"^2.3.0","karma-jasmine":"^5.0.1","karma-coverage":"^2.2.0","esbuild-sass-plugin":"^3.0.0","eslint-config-jquery":"^3.0.2","eslint-plugin-jquery":"^1.5.1","karma-chrome-launcher":"^3.1.1","mini-css-extract-plugin":"^2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/comparing-slider_1.1.1_1708162342504_0.5609462909444025","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@armino-dev/comparing-slider","version":"1.1.2","keywords":["js","javascript","ui"],"author":{"url":"https://github.com/armino-dev","name":"Armino Popp,","email":"devel@boioiong.com"},"license":"MIT","_id":"@armino-dev/comparing-slider@1.1.2","maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"homepage":"https://github.com/armino-dev/comparing-slider#readme","bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"dist":{"shasum":"3bb641b0854eb7dea1b524da48813c78289a22fe","tarball":"https://registry.npmjs.org/@armino-dev/comparing-slider/-/comparing-slider-1.1.2.tgz","fileCount":22,"integrity":"sha512-BIy/d/eUDIPJulTK2gqt+vt+7kjGAMdHf8FRsp2awKR/0WpQn2rOmgBXqgkzyPOzqa/4xGGgOkm8HAmKAGJgnw==","signatures":[{"sig":"MEQCIFNOs5UTUc6NJnXU3AX445W4K/P7lhH45PYexql6P+rvAiASuY9i48Tf/aiCOR9m73SC6zo1JnU10S06EDZMTFs9ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160025},"main":"src/comparing-slider.js","title":"Comparing Slider","gitHead":"5cbf3d5904271157fe6d2590bcc24b925693c2e7","scripts":{"dev":"NODE_ENV=development node esbuild.mjs","demo":"node demobuild.mjs","lint":"npx eslint ./src/**/*.js","prod":"NODE_ENV=production node esbuild.mjs","test":"npm run unit","unit":"karma start karma.conf.js","build":"npm run prod && npm run demo","watch":"NODE_ENV=development node esbuild.mjs --watch","format":"npx eslint ./src/**/*.js --fix","release":"release-it","report-coverage":"codecov"},"_npmUser":{"name":"armino-dev","email":"devel@boioiong.com"},"repository":{"url":"git+https://github.com/armino-dev/comparing-slider.git","type":"git"},"_npmVersion":"10.2.4","description":"A simple image comparing slider UI","directories":{},"_nodeVersion":"21.4.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"karma":"^6.3.20","eslint":"^8.53.0","codecov":"^3.8.2","esbuild":"^0.20.0","postcss":"^8.4.35","puppeteer":"^22.0.0","release-it":"^17.0.3","autoprefixer":"^10.4.16","karma-esbuild":"^2.3.0","karma-jasmine":"^5.0.1","karma-coverage":"^2.2.0","esbuild-sass-plugin":"^3.0.0","eslint-config-jquery":"^3.0.2","eslint-plugin-jquery":"^1.5.1","karma-chrome-launcher":"^3.1.1","mini-css-extract-plugin":"^2.6.0"},"_npmOperationalInternal":{"tmp":"tmp/comparing-slider_1.1.2_1709373702065_0.8128698345542933","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@armino-dev/comparing-slider","title":"Comparing Slider","version":"1.1.4","description":"A simple image comparing slider UI","homepage":"https://github.com/armino-dev/comparing-slider#readme","main":"src/comparing-slider.js","scripts":{"build":"npm run prod && npm run demo","unit":"karma start karma.conf.js","report-coverage":"codecov","test":"npm run unit","demo":"node demobuild.mjs","dev":"NODE_ENV=development node esbuild.mjs","prod":"NODE_ENV=production node esbuild.mjs","lint":"npx eslint ./src/**/*.js","format":"npx eslint ./src/**/*.js --fix","watch":"NODE_ENV=development node esbuild.mjs --watch","release":"release-it"},"repository":{"type":"git","url":"git+https://github.com/armino-dev/comparing-slider.git"},"bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"publishConfig":{"access":"public"},"keywords":["js","javascript","ui"],"author":{"name":"Armino Popp,","email":"devel@boioiong.com","url":"https://github.com/armino-dev"},"devDependencies":{"autoprefixer":"^10.4.16","codecov":"^3.8.2","esbuild":"^0.24.0","esbuild-sass-plugin":"^3.0.0","eslint":"^9.3.0","eslint-config-jquery":"^3.0.2","eslint-plugin-jquery":"^1.5.1","karma":"^6.3.20","karma-chrome-launcher":"^3.1.1","karma-coverage":"^2.2.0","karma-esbuild":"^2.3.0","karma-jasmine":"^5.0.1","mini-css-extract-plugin":"^2.6.0","postcss":"^8.4.35","puppeteer":"^23.8.0","release-it":"^17.0.3"},"license":"MIT","_id":"@armino-dev/comparing-slider@1.1.4","gitHead":"9423aecea0afc12d75b564eb4c0345e96b53e92a","_nodeVersion":"22.2.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-yFdWAHtBSN8mAL47L0iDQMJ242/28G4lXSnr9QtdI3n8QMx2prrSqaXw9g/IawVm6Q8Ly8VR4Awmq3+c+4QsZg==","shasum":"6140f83cef78478b3f7fae752f9b0fb13b62f112","tarball":"https://registry.npmjs.org/@armino-dev/comparing-slider/-/comparing-slider-1.1.4.tgz","fileCount":22,"unpackedSize":159907,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTZnO0LXqsADP65GSdX6U4dn1XQmIBkg52LkkoiEYDSAiAEQAWUCgCX43pHSpzKCJ1eVP+L3DeIPX3JxXWAJepLwg=="}]},"_npmUser":{"name":"armino-dev","email":"devel@boioiong.com"},"directories":{},"maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/comparing-slider_1.1.4_1732122098304_0.3267265331025615"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-07T15:50:12.535Z","modified":"2024-11-20T17:01:38.677Z","1.0.1":"2024-02-07T15:50:12.842Z","1.1.0":"2024-02-08T11:38:24.359Z","1.1.1":"2024-02-17T09:32:22.738Z","1.1.2":"2024-03-02T10:01:42.223Z","1.1.4":"2024-11-20T17:01:38.501Z"},"bugs":{"url":"https://github.com/armino-dev/comparing-slider/issues"},"author":{"name":"Armino Popp,","email":"devel@boioiong.com","url":"https://github.com/armino-dev"},"license":"MIT","homepage":"https://github.com/armino-dev/comparing-slider#readme","keywords":["js","javascript","ui"],"repository":{"type":"git","url":"git+https://github.com/armino-dev/comparing-slider.git"},"description":"A simple image comparing slider UI","maintainers":[{"name":"armino-dev","email":"devel@boioiong.com"}],"readme":"# Comparing Slider\n\nThis is a vanilla javascript component to compare two images with a slider. \nInspired from [CodyHouse's jQuery plugin](https://github.com/codyhouse/image-comparison-slider)\n\n## Getting started\n\n### Using npm\n\n```bash\nnpm i @armino-dev/comparing-slider\n```\n\nImport the components into your script.\n\n```js\nimport ComparingSlider from '@armino-dev/comparing-slider';\n```\n\nImport the css into your stylesheet.\n\n```css\nimport '@armino-dev/comparing-slider/dist/comparing-slider.min.css';\n```\n\n### Directly into your html from node_modules\n\n```html\n<script type=\"module\" src=\"node_modules/@armino-dev/comparing-slider/dist/comparing-slider.min.js\"></script>\n<link rel=\"stylesheet\" href=\"node_modules/@armino-dev/comparing-slider-dialog/dist/comparing-slider.min.css\" />\n```\n\n### Directly into your html from cdn\n```html\n<script type=\"module\" src=\"https://esm.sh/@armino-dev/comparing-slider/dist/comparing-slider.min.js\"></script>\n<link rel=\"stylesheet\" href=\"https://esm.sh/@armino-dev/comparing-slider/dist/comparing-slider.min.css\" />\n```\n\n## Use it\n\n```js\n\nconst options = {\n        // the container id where the code will be rendered\n        containerId: 'container1',\n        left: {\n            image: '//path/to/the/image',\n            alt: 'Some alternative text'\n        },\n        right: {\n            image: '//path/to/the/image',\n            alt: 'Some alternative text'\n        }\n};\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    new ComparingSlider(options); // if using es6 import style\n    // or createComparingSlider(options) // if using cdn/local script into html\n});\n```\n\n### **Please take a look at [this working example on  CodePen](https://codepen.io/armino-dev/pen/PoLBdMd).**\n\n## Demo\n\nDemo can be viewed on [here](https://armino-dev.github.io/comparing-slider/demo/)\n\n\n## Contributing\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nPlease make sure to update the specs(tests) as appropriate.\n\n## License\n[MIT](LICENSE)\n","readmeFilename":"README.md"}