{"_id":"@apatheticwes/panels","_rev":"4-0a5f1cd26ab315c59b727b330ff8a7e8","name":"@apatheticwes/panels","description":"A simple navigation object for sliding panels","dist-tags":{"latest":"0.2.2"},"versions":{"0.1.0":{"name":"@apatheticwes/panels","description":"A simple navigation object for sliding panels","author":{"name":"wes hatch"},"version":"0.1.0","license":"MIT","main":"./dist/panels.cjs.js","broswer":"./dist/panels.browser.js","jsnext:main":"./dist/panels.es6.js","repository":{"type":"git","url":"git+https://github.com/apathetic/navigator.git"},"keywords":["slider","navigation","panels"],"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm -f dist/*.js*","build":"npm run clean && npm run lint && rollup -c","lint":"eslint src/*.js","test":"#tape -r babel-register test/*.js"},"devDependencies":{"eslint":"^3.1.1","eslint-config-defaults":"^9.0.0","http-server":"^0.9.0","rollup":"^0.34.1","rollup-plugin-buble":"^0.12.1","rollup-plugin-uglify":"^1.0.1","tape":"^4.6.0","uglify-js":"^2.7.0"},"gitHead":"c67f56e17d626ecf050bcf24ef9c125f8c4c1279","bugs":{"url":"https://github.com/apathetic/navigator/issues"},"homepage":"https://github.com/apathetic/navigator#readme","_id":"@apatheticwes/panels@0.1.0","_shasum":"998192c0727bfd59e0c864afda310014d46c0b03","_from":".","_npmVersion":"3.10.5","_nodeVersion":"6.2.2","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"998192c0727bfd59e0c864afda310014d46c0b03","tarball":"https://registry.npmjs.org/@apatheticwes/panels/-/panels-0.1.0.tgz","integrity":"sha512-rjYURHaYEkF6IP581ZQ0k0H0dL4Hv5ps3oatZdM/trRcNdjsTcb7DeRF9V83kSEddVzZeHqmm0sYOQAzOhgyHw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIES3SzdCtJLw1DELdQb/Nn1D6i9IAM9ohVanNEGJBXELAiAVFgS13o9vvQNlHcH+GaIH1PC9g4QajAWUnPsrwEcMOQ=="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/panels-0.1.0.tgz_1470943306226_0.4086229035165161"}},"0.2.2":{"name":"@apatheticwes/panels","description":"A simple navigation object for sliding panels","author":{"name":"wes hatch"},"version":"0.2.2","license":"MIT","main":"./dist/panels.cjs.js","broswer":"./dist/panels.js","jsnext:main":"./dist/panels.es6.js","repository":{"type":"git","url":"git+https://github.com/apathetic/navigator.git"},"keywords":["slider","navigation","panels"],"scripts":{"start":"http-server ./ -p 8080 -d","clean":"rm -f dist/*.js*","build":"npm run clean && npm run lint && rollup -c","lint":"eslint src/*.js","test":"#tape -r babel-register test/*.js"},"devDependencies":{"eslint":"^3.1.1","eslint-config-defaults":"^9.0.0","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":"873cc1908fe51e44391738a6101d84321743a1c5","bugs":{"url":"https://github.com/apathetic/navigator/issues"},"homepage":"https://github.com/apathetic/navigator#readme","_id":"@apatheticwes/panels@0.2.2","_shasum":"314aaafab071a06b1b9ae69a39fefb100ffbd50a","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.5","_npmUser":{"name":"apatheticwes","email":"wes.hatch@gmail.com"},"dist":{"shasum":"314aaafab071a06b1b9ae69a39fefb100ffbd50a","tarball":"https://registry.npmjs.org/@apatheticwes/panels/-/panels-0.2.2.tgz","integrity":"sha512-VSG+TNXmn5EOcUaHm7T6PWa3dUK0VxYrqkd0XxTgwkNTXoXl+/kdZjkmirOrwO/J6r+L0SZk/mDb0Wxd6DUh0g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEFsLA3AJvOibw6ZVsf0fEzu2nB5uF0fJQp4sOCkhvL1AiAnYGf9nSUMWVxXc1K0JdlzlpgvkazamBioWzLT0Fou1w=="}]},"maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/panels-0.2.2.tgz_1511799999510_0.5121252832468599"}}},"readme":"# Panels\n\nA sliding-panel, carousel-like component that transitions through a series of slides.\n\n## Introduction\n\nThis Navigator component can move through a series of slides using whatever CSS3 transitions you desire. Additionally,\nit'll dynamically adapt its width via CSS media queries.\n\nA strict separation of state and style is maintained. That is to say, the Javascript maintains the state of the Navigator, while the CSS takes care of the presentation of this state. While this is a basic component that achieves a particular use-case (i.e. a single slide at a time), you may use whatever CSS you desire to control the transition itself.\n\n## Getting Started\nDownload the [production version][min] or the [development version][max].\n\n[min]: https://raw.githubusercontent.com/apathetic/navigator/master/dist/nav.min.js\n[max]: https://raw.githubusercontent.com/apathetic/navigator/master/src/nav.js\n\nInclude the relevant scripts in your web page, and then:\n\n```html\n<script>\n\n\t// available options\n\tvar options = {\n\t\tactiveClass: 'active',\n\t\tbeforeClass: 'before',\n\t\tafterClass: 'after',\n\t\tanimateClass: 'animating',\n\t\tslides: '.step',\n\t\tspeed: 400\n\t};\n\n\t// sample instantiation:\n\tvar container = document.querySelector('.panels');\n\tvar nav = new Nav(container, options);\n\n</script>\n```\n\n## Methods\n\n+ **next()** : advances the carousel by one slide\n+ **prev()** : returns to the previous slide\n+ **go()** : function(to) advances slide to the index\n\n\n## Support\n* IE9+ (although, now requires Object.assign polyfill)\n* Safari / Chrome\n* Firefox\n* iOS\n* Android\n\n## Examples\n\nPlease see the _demo_ directory\n\n## Release History\n\n### 0.3\n* Fixed: when snapping back to _same_ slide, prev / next slides were not getting class=\"animate\"\n* Fixed: uses ecma5 js (ie. bind, forEach). ==> added IE8 check\n\n### 0.2\n* add tabs demo\n* Fixed: uses non-IE8 friendly class manipulation (ie. classList)\n* Fixed: if mobile and not infinite, can see wrapping slides\n\n### 0.1\n* still a proof of concept\n* uses ecma5 js (ie. bind, forEach)\n* uses non-IE8 friendly class manipulation (ie. classList)\n* uses non-IE8 friendly translate on slides\n* mobile transforms are currently webkit-only\n* if mobile and not infinite, can see wrapping slides\n","maintainers":[{"name":"apatheticwes","email":"wes.hatch@gmail.com"}],"time":{"modified":"2022-06-12T14:43:31.387Z","created":"2016-08-11T19:21:47.422Z","0.1.0":"2016-08-11T19:21:47.422Z","0.2.2":"2017-11-27T16:26:40.402Z"},"homepage":"https://github.com/apathetic/navigator#readme","keywords":["slider","navigation","panels"],"repository":{"type":"git","url":"git+https://github.com/apathetic/navigator.git"},"author":{"name":"wes hatch"},"bugs":{"url":"https://github.com/apathetic/navigator/issues"},"license":"MIT","readmeFilename":"README.md"}