{"_id":"@azenox/slidesjs","_rev":"2-3384f61715dcfd54fa44e8e7ee2ede41","name":"@azenox/slidesjs","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@azenox/slidesjs","version":"1.0.0","description":"Improved Slides functions from JQuery to pure Javascript","main":"SlidesJS.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"azenox"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/AzenoX/SlidesJS.git"},"gitHead":"24ef938bb4b5a5bec9dbf04144354db66e0fee20","bugs":{"url":"https://github.com/AzenoX/SlidesJS/issues"},"homepage":"https://github.com/AzenoX/SlidesJS#readme","_id":"@azenox/slidesjs@1.0.0","_nodeVersion":"14.15.3","_npmVersion":"6.14.9","dist":{"integrity":"sha512-aARzAZahUG0pySxXLIPUOWUqvyuUJ//IlF7bMiLjkgGzU3fnsMuDzwToGXhYZJDGU1g3t6oltG/KXe3n4IJePg==","shasum":"5fdd1d9ee3d67caeaa6f70f7dda44648ee22bc27","tarball":"https://registry.npmjs.org/@azenox/slidesjs/-/slidesjs-1.0.0.tgz","fileCount":6,"unpackedSize":13102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGZSgCRA9TVsSAnZWagAAfqMP/1/7Pf/RYnhGLPD6tO14\nhOjsHN/R0ygqURavEEDZXbnuZk9BH3K3NUZaQRhwKrMIzds0ttzk9KpV5vNI\nMuutfryRGvZgYiGongNUvSJ/MpWLLUJCDTzmizayWehZqHgZj7XC6swYFjwP\n6ldoufSdvD9O1ZUQLu9agR3Z3mo443ourcHP9mDw3Cx7CKIVN9SoA8BoAc4W\nRL9i68ELsmN+OtWKoHulwtsph6k/Bog/5EKZeHge9fYWxpRDPmpu6IMrdnkv\nlhUbOTo+nnXb2cCIK84c6juLZ9SxMAGJ2xM/4EJCGr4AHj7hKkmILq1d1cq5\nlJORRHbIzr9oIag2YyrPM8iShytHxVUgGP+1W6vXMuCc6/ayFFRZwkMYevqq\nrMY0BS9xDwZro8/kDKRNCPyDR3Rfn3eQ+m/cNowI5vQf+OpWaZ7IUh1mM0ME\n/YVZrIK9x6B3/k7TbHTi/ctGuv55m4uOO9n8p9lbkQv0tiL9o/zC3ICeTYj/\ntGyg6PAOvhqZ2mYU1jLJOgKYg2bwAcpAfVSIRVOqkHVmxGDKenWRfI4lrdRT\nqdM+KjhbBSwm+pUAdla0dmYoFmQucN9dHqB+D/H3LqXyfbFpA/bFL0S/g3Ia\ntvCsHS7lzpdOcFxILGQPXVSuQ+67OP31EsboU6KgUxI0iBlAvP2HVzS9Fltg\n597m\r\n=09ed\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS17uez9+xzstI7Upi4pePWTMWFSFTTbKKiRQtYwRwtgIhAKRD4A2CEpN/ca7HeSO61EszmJVKjVvvw9JmqEGjoLmJ"}]},"_npmUser":{"name":"azenox","email":"azen0x.alexis@gmail.com"},"directories":{},"maintainers":[{"name":"azenox","email":"azen0x.alexis@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slidesjs_1.0.0_1612289183565_0.2753316039119933"},"_hasShrinkwrap":false},"1.0.1":{"name":"@azenox/slidesjs","version":"1.0.1","description":"Improved Slides functions from JQuery to pure Javascript","main":"SlidesJS.module.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"azenox"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/AzenoX/SlidesJS.git"},"homepage":"https://github.com/AzenoX/SlidesJS","gitHead":"3a4f90e571c85f55b9a194ad0f46e84e91e1b27f","bugs":{"url":"https://github.com/AzenoX/SlidesJS/issues"},"_id":"@azenox/slidesjs@1.0.1","_nodeVersion":"14.15.3","_npmVersion":"6.14.9","dist":{"integrity":"sha512-liVSbidj8cFPL7Q17ppmv3qjGgUbmStWG3Ekl3vp26yX/uOjRzLqeOh4MGxn/SwvAwI9Nbdq9F8BYOYkZQPh3Q==","shasum":"fc3abba14368f334db1ef8258879c3928cde1ae6","tarball":"https://registry.npmjs.org/@azenox/slidesjs/-/slidesjs-1.0.1.tgz","fileCount":8,"unpackedSize":28564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGaKmCRA9TVsSAnZWagAAcuoP/1puGmN+EELIASllzv9n\n9y9C+7rAFUXerqgLsk2bld9i+laXmMK0Ctb/pvhcibhraGh6KYsgpOlF+PvW\npfoUVRzkK7Tl/6JuaLTyu1/HDUxVnd9jKfecy1gD2hf1SEczoKpIVSkrmRod\nD/r0XPonHszCMjUpxggQStMePPu02kFnnzr6F2aBt8YuLZ2EwgSRsOIQMHS9\na3Z9EO9SIab80wpAqlrCz/CYiA0ChpiWL3amcXT+rLo1Dkmw6N2V3lwXL0bW\nJta06qkKZjTEYG2l3G1DDQvVnMZ9uhXdXT/qbSFzBioDR50DQ3uhK1xAhtWR\nBd9a4z5p318SAc7dCy90d7Op3vbolcRjvyCCLSq+N8S53L5wZ3WipfFEuG/2\nNXU+HdykTXaw6HWa5hzvPyX0nzCxhXNLe4Fl1N6+NrssrYYPrrwu/dn4qozv\nTar6YlNqQil2znm8OUxVZTXXRxXXsE968TW5fYdhT896UEAdxxkXbtv2vM4k\nT5o3RqXjCyGqSMo9z9ImAchetWPL+2KYiC9BXUnU93AeBgFDEBLWkADsf1CW\nEte/D7KCOSD30TFNf77jSKMGMQr6H5EuRDrv8f82xd4ewR6JBaVrum5nL/W6\nZao1ICYnKEO17NSGtUbKLhy1YpH31DtAP7IVJiV/stVfSgBWh9dCbtWH5Q89\nmEdI\r\n=xyW/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJXbmHcCWr7ICTZ5Y8zcAB6MLzRod7EhwErpd03zJtNQIhAKMLJcx4zL7feftpfZ3b47Feh9SUvVDxx4FIVM5X2HYc"}]},"_npmUser":{"name":"azenox","email":"azen0x.alexis@gmail.com"},"directories":{},"maintainers":[{"name":"azenox","email":"azen0x.alexis@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slidesjs_1.0.1_1612292774355_0.053502086745745636"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-02T18:06:23.523Z","1.0.0":"2021-02-02T18:06:23.709Z","modified":"2022-04-04T17:15:51.014Z","1.0.1":"2021-02-02T19:06:14.531Z"},"maintainers":[{"name":"azenox","email":"azen0x.alexis@gmail.com"}],"description":"Improved Slides functions from JQuery to pure Javascript","homepage":"https://github.com/AzenoX/SlidesJS","repository":{"type":"git","url":"git+https://github.com/AzenoX/SlidesJS.git"},"author":{"name":"azenox"},"bugs":{"url":"https://github.com/AzenoX/SlidesJS/issues"},"license":"ISC","readme":"# SlidesJS [![npm version](https://badge.fury.io/js/%40azenox%2Fslidesjs.svg)](https://badge.fury.io/js/%40azenox%2Fslidesjs)\n\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](http://azenox.fr/)\n\nImproved Slides functions from JQuery to pure Javascript\n\n## Getting Started\n\nDemo: [https://dev.alexishayat.me/SlidesJS/demo/demo.html](https://dev.alexishayat.me/SlidesJS/demo/demo.html)\n\n### Install\n\nGet it via NPM\n```bash\nnpm install @azenox/slidesjs\n```\n```js\nimport SlidesJS from \"@azenox/slidesjs/SlidesJS.module.js\";\n```\n\nOr just download the file and import it\n```html\n\n```\n\n
\n\n### Using Class\nHere is a basic usage using SlidesJS class.\n
\n\nindex.html :\n```html\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n```\n\napp.js :\n```javascript\nwindow.addEventListener('load', () => {\n const div = document.querySelector('#div');\n \n let slides = new SlidesJS(div);\n slides.slideToggleY(400, 'top');\n});\n```\n\n
\n\n#### Methods\n\n\n\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n
NameAttributesDefault ValueValuesdescription
.slideToggleY()duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
.slideToggleX()duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
.slideUp()duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
.slideDown()duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
.slideLeft()duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
.slideRight()duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
\n\n
\n\n\n### Using Functions\n\nYou can use it using function too. But you need to use the other file (npm includes it too):\n```html\n\n```\n\nHere is the same example with functions:\n\n
\n\nindex.html :\n```html\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n```\n\napp.js :\n```javascript\nwindow.addEventListener('load', () => {\n const div = document.querySelector('#div');\n\n window.addEventListener('load', () => {\n slideToggleY(div, 400, 'top');\n });\n});\n```\n\n
\n\n#### Methods\n\n\n\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n \n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\n
NameAttributesDefault ValueValuesdescription
slideToggleY()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
slideToggleX()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
slideUp()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
slideDown()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
origintoptop, bottomSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
slideLeft()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
slideRight()elnoneA HTML ElementThe target element
duration500 (ms)0 - Infinity (in ms)Set animation duration
originleftleft, rightSet animation duration
from0Between 0 and 1Minimum scale size
to1Between 0 and 1Maximum scale size
\n\n
\n\n\n\n## Versions\n**Latest version :** [![npm version](https://badge.fury.io/js/%40azenox%2Fslidesjs.svg)](https://badge.fury.io/js/%40azenox%2Fslidesjs)\n\n
\n
\n\n\n\n","readmeFilename":"README.md"}