{"_id":"@baianat/turbo","_rev":"5-0847c1e5f23ecbdab70b48426b4884d5","name":"@baianat/turbo","description":"ES6 carousal","dist-tags":{"latest":"0.0.0"},"versions":{"0.0.0":{"name":"@baianat/turbo","version":"0.0.0","description":"ES6 carousal","author":"","main":"dist/js/turbo.js","license":"MIT","keywords":[],"maintainers":[{"name":"Abdelrahman3D","email":"abdelrahman3d@gmail.com"}],"devDependencies":{"browser-sync":"^2.18.13","gulp":"^3.9.1","gulp-autoprefixer":"^4.0.0","gulp-plumber":"^1.1.0","gulp-rename":"^1.2.2","gulp-rollup":"^2.15.0","gulp-sourcemaps":"^2.6.1","gulp-stylus":"^2.6.0","gulp-svg-sprites":"^4.1.2","gulp-uglify":"^3.0.0","rollup-plugin-buble":"^0.16.0","stylus":"^0.54.5"},"gitHead":"f88ff3cae463338e6ac14780dd361ca8dbf488c6","_id":"@baianat/turbo@0.0.0","_npmVersion":"5.4.2","_nodeVersion":"8.5.0","_npmUser":{"name":"abdelrahman3d","email":"Abdelrahman3d@gmail.com"},"dist":{"integrity":"sha512-stH6TJj/IjCLmd6CBkTgT2Zr43MDdIk5YpXEgkSsr+vlO48xcNQdFe01sxbuQp5VOfuE5ZZNblTC9osK/PwCHQ==","shasum":"61045d1283cfe21cf329d2c1ea5242af1c9c8fc1","tarball":"https://registry.npmjs.org/@baianat/turbo/-/turbo-0.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEqnVJeLZGNGwjtRmSdrV0waEZ/aX5UUxDOVa3Rusjr/AiARHAnVd08rcLmLIL1+gV1gTMstMF/wWhb6fptHSij5vw=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/turbo-0.0.0.tgz_1507661132953_0.8705297168344259"},"deprecated":"we change pakage name","directories":{}}},"readme":"# Turbo\nES6 carousal\n\n#### Current version: 0.0.1\n\n## key features\n* Build using ES6 classes\n* Lightweight\n* Easy customizing\n* Support SVG out of the box\n* Infinity scroll\n* Center mood\n\n[example](https://baianat.github.io/turbo/)\n\n\n## How to use\n#### include necessary files\n``` html\n<head>\n  <link rel=\"stylesheet\" href=\"dist/css/turbo.css\">\n</head>\n<body>\n    ...\n    <script type=\"text/javascript\" src=\"dist/js/turbo.js\"></script>\n</body>\n```\n\n#### HTML markup\nJust the ordinary table markup with class ``table``\n``` html\n<div class=\"turbo\" id=\"carousal1\">\n  <div class=\"item\">\n    ...\n  </div>\n  <div class=\"item\">\n    ...\n  </div>\n\n  <!-- you can add any icon you want or use ours-->\n  <a class=\"turbo-next\">\n    <svg class=\"icon\" id=\"icon-next\" viewBox=\"0 0 24 24\">\n      <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/>\n    </svg>\n  </a>\n  <a class=\"turbo-back\">\n    <svg class=\"icon\" id=\"icon-back\" viewBox=\"0 0 24 24\">\n      <path d=\"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"/>\n    </svg>\n  </a>\n</div>\n```\n\n#### Create new carosal\n``` javascript\n  let myCarousal = new Turbo('#carousal1', { settings });\n```\n{\n    itemsToShow = 1,\n    itemsToScroll = 1,\n    infiniteScroll = true,\n    centerMode = false\n  }\n\n#### Settings\n| Properties     | default  | description                    |\n| -------------- | -------- | ------------------------------ |\n| itemsToShow    | 1        | how many items shows           |\n| itemsToScroll  | 1        | how many items to scroll       |\n| infiniteScroll | true     | enable/disable infinite scroll |\n| centerMode     | false    | enable/disable center mode     |\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2017 [Baianat](http://baianat.com)\n","maintainers":[{"email":"mobher@gmail.com","name":"baianaters"}],"time":{"modified":"2022-04-04T17:30:49.987Z","created":"2017-10-10T18:45:34.644Z","0.0.0":"2017-10-10T18:45:34.644Z"},"keywords":[],"license":"MIT","readmeFilename":"README.md"}