{"_id":"@apatheticwes/flexicarousel","_rev":"6-de96c73694ef6bec30e89365a061ff86","name":"@apatheticwes/flexicarousel","description":"A micro, responsive, touch-enabled carousel.","dist-tags":{"latest":"0.8.7"},"versions":{"0.5.0":{"name":"@apatheticwes/flexicarousel","version":"0.5.0","description":"A carousel that'll use CSS to dynamically adapt its width. Uses transforms for its transitions and is touch-enabled","directories":{"test":"test"},"main":"index.js","scripts":{"build":"npm run build:fe && npm run build:cjs","build:fe":"browserify src/shim.js -t babelify --outfile dist/flexicarousel.min.js","build:cjs":"babel src/flexicarousel.es6.js --out-file dist/cjs.js"},"repository":{"type":"git","url":"git+https://github.com/apathetic/flexicarousel.git"},"keywords":["carousel"],"author":{"name":"wes hatch"},"license":"MIT","devDependencies":{"babel":"^6.5.2","babel-cli":"^6.10.1","babel-core":"^6.5.2","babel-preset-es2015":"^6.5.0","babelify":"^7.2.0","browserify":"^13.0.0","del":"^2.0.2","gulp":"^3.9.0","gulp-babel":"^6.1.2","gulp-connect":"^2.2.0","gulp-jshint":"^1.12.0","gulp-rename":"^1.2.2","gulp-tape":"0.0.9","gulp-uglify":"^1.4.2","tape":"^4.6.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.1.0"},"gitHead":"d7d5f0939c22c2b5c162c8633a19a581cf774965","bugs":{"url":"https://github.com/apathetic/flexicarousel/issues"},"homepage":"https://github.com/apathetic/flexicarousel#readme","_id":"@apatheticwes/flexicarousel@0.5.0","_shasum":"bf53994bb521c5a2dbef88320092d58d9f080c63","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.3.0","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"bf53994bb521c5a2dbef88320092d58d9f080c63","tarball":"https://registry.npmjs.org/@apatheticwes/flexicarousel/-/flexicarousel-0.5.0.tgz","integrity":"sha512-jnmzcj74Kbe1dCKMqjNcVOnyZd25F2l9dk15CZJlrIcTHKPGzrAxK0bkzcQju5lsJsxNfpdyE0e1MeP8hqRIXQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpu0hs1rWBB4JJPruoGqq3iCCHPeCiY/hNBizWb+84gAIgM2gmNh99Sy57UGscFQ/9JQHKd08b7C2jvLp5W+x9XcM="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/flexicarousel-0.5.0.tgz_1468706346049_0.02994180703535676"}},"0.6.0":{"name":"@apatheticwes/flexicarousel","author":{"name":"wes hatch"},"license":"MIT","version":"0.6.0","description":"A micro, responsive, touch-enabled carousel.","main":"./dist/flexicarousel.cjs.js","browser":"./dist/flexicarousel.browser.js","jsnext:main":"./src/flexicarousel.es6.js","repository":{"type":"git","url":"git+https://github.com/apathetic/flexicarousel.git"},"keywords":["carousel"],"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm dist/*.js*","build":"npm run clean && node build.js","lint":"eslint source/js/*.js","test":"tape -r babel-register test/*.js"},"devDependencies":{"babel":"^6.5.2","babel-cli":"^6.11.4","babel-core":"^6.11.4","babel-preset-es2015":"^6.9.0","babel-preset-es2015-rollup":"^1.1.1","babel-preset-stage-1":"^6.5.0","eslint":"^3.1.1","http-server":"^0.9.0","rollup":"^0.34.1","rollup-plugin-babel":"^2.6.1","rollup-plugin-uglify":"^1.0.1","tape":"^4.6.0","uglify-js":"^2.7.0"},"gitHead":"ee7e4d2368e7f65637b18239deef877a44bb0474","bugs":{"url":"https://github.com/apathetic/flexicarousel/issues"},"homepage":"https://github.com/apathetic/flexicarousel#readme","_id":"@apatheticwes/flexicarousel@0.6.0","_shasum":"100f1fc3caceace82630855617312782cf269cbc","_from":".","_npmVersion":"3.10.6","_nodeVersion":"6.3.0","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"100f1fc3caceace82630855617312782cf269cbc","tarball":"https://registry.npmjs.org/@apatheticwes/flexicarousel/-/flexicarousel-0.6.0.tgz","integrity":"sha512-WL75inSk9HOgY3H/wBjX7r6uH3HkI/OM3XhMyVD76udajqSSxVxxjmSMirtqBejevtYItT9Iio0y03vpGf6mFQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEHsR2ygb/mi2LMl3446Ht2P5VbNXL4RQiJ6TC1F/sMMAiAcYpYKhkIC4XvYEw10RrF7fOp2Tc7kBD2nJSt89kbv4A=="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/flexicarousel-0.6.0.tgz_1469418893873_0.4657567322719842"}},"0.8.6":{"name":"@apatheticwes/flexicarousel","author":{"name":"wes hatch"},"license":"MIT","version":"0.8.6","description":"A micro, responsive, touch-enabled carousel.","main":"./dist/carousel.cjs.js","browser":"./dist/carousel.js","jsnext:main":"./dist/carousel.es6.js","module":"./dist/carousel.es6.js","repository":{"type":"git","url":"git+ssh://git@github.com/hugeinc/component-carousel.git"},"keywords":["carousel"],"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm -f dist/*.js*","build":"npm run clean && npm run lint && rollup -c","lint":"eslint source/js/*.js","test":"#tape -r babel-register test/*.js"},"devDependencies":{"eslint":"^3.1.1","http-server":"^0.9.0","rollup":"^0.50.0","rollup-plugin-buble":"^0.16.0","rollup-plugin-uglify":"^2.0.1","tape":"^4.6.0","uglify-es":"^3.1.3"},"gitHead":"f5cf72529bb22fdc8b05b2af2ba51a7de980e05d","bugs":{"url":"https://github.com/hugeinc/component-carousel/issues"},"homepage":"https://github.com/hugeinc/component-carousel#readme","_id":"@apatheticwes/flexicarousel@0.8.6","_shasum":"766bfdecf069c18412b67bb65f15bd44253ba372","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"766bfdecf069c18412b67bb65f15bd44253ba372","tarball":"https://registry.npmjs.org/@apatheticwes/flexicarousel/-/flexicarousel-0.8.6.tgz","integrity":"sha512-af5ELa7p30Mdgsx1QMPPhsvMmJivY9mEGM07Vp5GzNjJKg3N87K00I+ThF0A/ZmSfT/xq0NHk7Wbn7PatRvaVQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjGJouImAWVEy7sPsrx2wN5z2tZclsq1y1l7qgT01ThwIgfdvvinZxnFtGseLwQAHGCy/cW0OpqJAjI28Tn+qOG2I="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexicarousel-0.8.6.tgz_1515001263479_0.8727916462812573"}},"0.8.7":{"name":"@apatheticwes/flexicarousel","author":{"name":"wes hatch"},"license":"MIT","version":"0.8.7","description":"A micro, responsive, touch-enabled carousel.","main":"./dist/carousel.cjs.js","browser":"./dist/carousel.js","jsnext:main":"./dist/carousel.es6.js","module":"./dist/carousel.es6.js","repository":{"type":"git","url":"git+ssh://git@github.com/hugeinc/component-carousel.git"},"keywords":["carousel"],"babel":{"presets":["env"]},"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm -f dist/*.js*","build":"npm run clean && npm run lint && rollup -c","lint":"eslint source/js/*.js","test":"tape -r babel-register test/*.js","prepublish":"npm run build && npm test","preversion":"npm run build && npm test","travis":"npm run lint && npm test"},"devDependencies":{"babel-cli":"^6.26.0","babel-preset-env":"^1.6.1","eslint":"^3.1.1","http-server":"^0.9.0","jsdom":"^11.5.1","rollup":"^0.50.0","rollup-plugin-buble":"^0.16.0","rollup-plugin-uglify":"^2.0.1","spy":"^1.0.0","tape":"^4.6.0","uglify-es":"^3.1.3"},"gitHead":"bbcd118ce8a0bc109fcbf2eda34c9280c8d528cc","bugs":{"url":"https://github.com/hugeinc/component-carousel/issues"},"homepage":"https://github.com/hugeinc/component-carousel#readme","_id":"@apatheticwes/flexicarousel@0.8.7","_shasum":"db0d840014b3a8f8e4268203b85ba022c1f77280","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"db0d840014b3a8f8e4268203b85ba022c1f77280","tarball":"https://registry.npmjs.org/@apatheticwes/flexicarousel/-/flexicarousel-0.8.7.tgz","integrity":"sha512-lYFpdIY2JqKX/+FQeTr/5cVLzLiN6Kp/YXyGGiE3mdbhDGUn//BM5zPB7FwFXEd9DQBaJcXrl81qq/PFhNzM2w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE3i/3mjMmYVEzNGmfOx4JMFSzSE0tuLLat3aPYMe0wCAiBPtUzDwhcE9yIZ1Ky1r5gIbGCiFtPnSS6AjZXMxMs0tA=="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flexicarousel-0.8.7.tgz_1515089004175_0.7643670383840799"}}},"readme":"# Carousel\n[![Build Status](https://img.shields.io/travis/mohayonao/pseudo-audio-param.svg?style=flat-square)](https://travis-ci.org/apathetic/flexicarousel)\n[![NPM Version](https://img.shields.io/npm/v/pseudo-audio-param.svg?style=flat-square)](https://www.npmjs.com/package/@hugeinc/carousel)\n[![License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](https://raw.githubusercontent.com/apathetic/flexicarousel/master/LICENSE)\n\n> A carousel that'll use CSS to dynamically adapt its width. Uses transforms for its transitions and is also touch-enabled.\n\n## Introduction\n\nThe general idea is that this component should maintain a separation of state and style. That is to say, the Javascript maintains the state of the carousel (which slide, etc), while the CSS should take care of the presentation of this state (ie. transitions between slides, responsive, etc).\n\n## Overview\n\nFeatures a touch-based interface, simple API, and a very-lightweight footprint. It does the basics well, but that's it. No bloat.\nYou can swipe to drag a slide yet still use CSS to control how the slide transitions will behave. You can also choose to change slides by\nusing the exposed API. The carousel works on both desktop and mobile, while only weighing in at 2.5 KB!\n\n## Getting Started\nThere is an ES6 module you may consume however you wish. Alternatively, you can also include the relevant scripts in your web page, and then:\n\n```html\n\n
\n \n
\n```\n\n```javascript\n // available options\n var options = {\n onSlide: someFunction,\n activeClass: 'active',\n slideWrap: 'ul',\n slides: 'li',\n infinite: true,\n display: 1,\n disableDragging: false,\n initialIndex: 0\n };\n\n var container = document.querySelector('.carousel');\n var carousel = new Carousel(container, options);\n\n```\n\n## Options\n\n| name | type | default | description |\n| --------------- | -------- | --------- | ----------- |\n| onSlide | function | undefined | A function to execute on slide. It is passed _to_ and _from_ indices. |\n| slideWrap | string | ul | The selector to use when searching for the slides' container. This is used only to bind touch events to, on mobile. |\n| slides | string | li | The selector to use when searching for slides within the slideWrap container. |\n| activeClass | string | active | Class to use on the active slide. |\n| animateClass | string | animate | Class to use on the wrapper when animating. |\n| infinite | boolean | true | Enable an infinitely scrolling carousel or not |\n| display | integer | 1 | the maximum # of slides to display at a time. If you want to have prev/next slides visible outside those currently displayed, they'd be included here. |\n| disableDragging | boolean | false | if you'd like to disable the touch UI for whatever reason |\n| initialIndex | integer | 0 | which slide it's going to start on |\n\n## Methods\n\n| method | description |\n| --------- | ----------- |\n| next() | Advances carousel to the next slide |\n| prev() | Move carousel to the previous slide |\n| to(i) | Advance carousel to the ith slide |\n| destroy() | Destroy carousel and remove all EventListeners |\n\n## Demo\n\n[Hugeinc Carousel](http://hugeinc.github.io/showcase/components/carousel)\n\n## Develop\n\nAfter cloning the repo:\n```\nnpm i\nnpm start\n```\n\nA server will spin up at ```http://localhost:8080```, where you may play with the various examples. See the \"demo\" directory.\n\n## Support\n* IE8+\n* Safari / Chrome\n* Firefox\n* iOS\n* Android 4.0+\n\n## Release History\n\n### 0.6\n* updated some css\n\n### 0.5\n* added destroy()\n* added some tests\n\n### 0.4\n* better dragging response\n* fixed click bug when dragging\n\n### 0.3\n* cleaning up cloning logic\n* further optimizations\n\n### 0.2\n* bug fixes, mostly\n* updated slide engine\n* more robust dragging on mobile\n\n### 0.1\n* first release\n","maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"time":{"modified":"2022-06-12T14:43:31.094Z","created":"2016-07-16T21:59:06.975Z","0.5.0":"2016-07-16T21:59:06.975Z","0.6.0":"2016-07-25T03:54:56.174Z","0.8.6":"2018-01-03T17:41:04.851Z","0.8.7":"2018-01-04T18:03:25.724Z"},"homepage":"https://github.com/hugeinc/component-carousel#readme","keywords":["carousel"],"repository":{"type":"git","url":"git+ssh://git@github.com/hugeinc/component-carousel.git"},"author":{"name":"wes hatch"},"bugs":{"url":"https://github.com/hugeinc/component-carousel/issues"},"license":"MIT","readmeFilename":"README.md"}