{"_id":"@napopravku/siema","_rev":"26-bd595e13609dd06880a828e6ab8c12aa","name":"@napopravku/siema","dist-tags":{"latest":"1.5.2"},"versions":{"1.5.1":{"name":"@napopravku/siema","version":"1.5.1","keywords":["slider","carousel","lightweight"],"author":{"url":"https://pawelgrzybek.com/","name":"Pawel Grzybek","email":"grzybecki@gmail.com"},"license":"MIT","_id":"@napopravku/siema@1.5.1","maintainers":[{"name":"nemphis","email":"p.nemphis@gmail.com"}],"homepage":"https://pawelgrzybek.com/siema","bugs":{"url":"https://github.com/pawelgrzybek/siema/issues"},"dist":{"shasum":"dcd8dcf47e9dee219eaf0bf961897e6e9c7aa2f0","tarball":"https://registry.npmjs.org/@napopravku/siema/-/siema-1.5.1.tgz","fileCount":4,"integrity":"sha512-gxOFLh9vRYfQK/B5RwJRbReY5hExjOYGxbJpN6jxdyzeQIIrqEoJPPaa8hb3XBCFvIY/Rx++O6JbuGMB+WYSMA==","signatures":[{"sig":"MEUCIQCoh62cWyStnLkcn4I0xggwCSesWPkD4H8FTgMfRJpieQIgXrKgH0ekj5Z3a5XOtghOIOEExfbu/SNq/xOU+VDeJzY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23577,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdn0VJCRA9TVsSAnZWagAAkWYP/jo9TotSflsGvzQIEhsr\nbQu+1C13xSEaNmCYIsXUc8RtD39Z24rKOTOfdm0DZYvw+9bEgu/ucXn+4c4m\n5JjowZY0SlTHqwrceCTlHSA8N/p9zjSYlK5/D0dvm5y8eepPIraPzqemjue5\nrXRqp50edNnFbnkqSLD5VW5ZwzGcB2jWCO/CBPLozVO5fs+vnbMR6pnt6h4y\nq/lJVR47fSNNSldpMcG+/6GQZqtGYqwb194BWjV+PjUIAb3aB7vOPgrN34aM\nI7GAS2cx3jyQGx/1Sc3QViQwWi4nzNwVLAEi+YH+2Ih/wuePAs5r2Ex2WTzT\ng0/Sz5Ey4JbjmCmGnMIDrPvSg718SullHZb5lTSQldHtIc/2Q1JUgASVagG5\nrW63G8W5EtJSUqLwojVkFPZIumFYBG8mgeZWp+aGs1z6VFxsDEpGzk3EKb/r\n8kC/c1XqIC9y9GnU6aFhcR89zhONMlNdbNJRQm8Z7UtAdnCmU0GY/08j2A/Q\nUa4YYgZgYbfD70ABpNsq7bkoguUypHcpu9Tebym2M70uA6vtO1PS8f7RMNZu\nX8yxC/eIRWlEI4Tqgx+4dSHHvpNxOlUFF2+3YN/hhuGW01hYJuOx+rnvmbzl\ncEiWKbZRMK1bq25r4hkoMR9u4oLsK+ZZiHGbmMW8Uy4mHWiVe0Hp6qEDuEty\nx73E\r\n=bVHU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/siema.min.js","gitHead":"11bfdcbca513d8d27397cc5467fdda9713906117","scripts":{"dev":"webpack --progress --colors --watch","build":"webpack && cp dist/siema.min.js docs/assets"},"_npmUser":{"name":"nemphis","email":"p.nemphis@gmail.com"},"repository":{"url":"git+https://github.com/Nemhis/siema.git","type":"git"},"_npmVersion":"6.9.0","description":"Lightweight and simple carousel with no dependencies","directories":{},"_nodeVersion":"10.16.0","_hasShrinkwrap":false,"devDependencies":{"babel":"^6.23.0","eslint":"4.16.0","webpack":"3.10.0","babel-core":"^6.26.0","babel-loader":"^7.1.2","eslint-loader":"^1.9.0","babel-preset-es2015":"^6.24.1","babel-plugin-add-module-exports":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/siema_1.5.1_1570719048563_0.14519318616721866","host":"s3://npm-registry-packages"}},"1.5.2":{"name":"@napopravku/siema","version":"1.5.2","keywords":["slider","carousel","lightweight"],"author":{"url":"https://pawelgrzybek.com/","name":"Pawel Grzybek","email":"grzybecki@gmail.com"},"license":"MIT","_id":"@napopravku/siema@1.5.2","maintainers":[{"name":"bunpav","email":"p.bunaev@napopravku.ru"},{"name":"koop1214","email":"koop1214@gmail.com"},{"name":"nemphis","email":"p.nemphis@gmail.com"},{"name":"yalozhkin","email":"yalozhkin@gmail.com"}],"homepage":"https://pawelgrzybek.com/siema","bugs":{"url":"https://github.com/pawelgrzybek/siema/issues"},"dist":{"shasum":"c6516de2c8d9fb88a0ebddcaace5cef138bd905a","tarball":"https://registry.npmjs.org/@napopravku/siema/-/siema-1.5.2.tgz","fileCount":4,"integrity":"sha512-UmJDvZ3JDvlxqg+e1H89nfvaN3LHOYgDWQR3SPCopUBu6/zhztHp+Ge1YrPQZY7Vo7X+/BCuAb/lZYaYyEuOpw==","signatures":[{"sig":"MEUCIFs/1RFOTXwsuUiPDPTqcmfYBI+4XgB7aIZb7ZPFcuCrAiEA3aPMPx0QpvibZ+A2eMb2rHj7bfJcx1/rWont/9FWuIY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdstuECRA9TVsSAnZWagAAoDIQAJl+0/2uEJopQ1qyDV9l\n37tySV4+7X0ze4hQS21lHBFYon9YrJNTFlPG7okhpC3p3GJ879i7GqcyQAyc\nk2oUXTRqPHx6eWucZpWwHOesGDxz8c3Ujb9ReP/KsPMe83woivL9xK7gassg\nvqLh+E+ZsJpbqXlPKA1lyusfAaB+maaq7RG9wBPAOLdXdUeSsovqFCXzOdep\nuTSIGmybZm2uICHEtVjv+bqVlgFjhzAG3F3GEckjSiyNXlx9uyCHu/IYh8vK\no9w7FOIXRb5VeDFNSt20JPf2iaE/o6bQv7f+mfN1fNcdw79bXLSqn7Dszslv\nAQSuAJss+9v+ZSG4KxN9EPMLYkMPE19Syggt05QC2sBzz40NdrAY+pShZXEw\nfPCtFBfDO8sMgbdVUe5Fak6J4O39sKxngZZCtENrXGlBWzh6RMZs35nfi6eC\n65MbfGw4soyoKbtEn0LpQ2eCIoZBsqV3uMAAjmnqRASN1o5h6g7h5OVswyq5\nN7G2dD2QjEFFmUsq1GPl2MVyl+GZ9E0yXgIKGkkHlu5HamPAKwUk0+O/A7VB\n2ZHhwUV7B072b5kl+plIn03QG/hjZekrGRM5q+0pv1bpwBLVsg+mMDQxFhnJ\nLsKN3JdcmVFmqGye+8kzIpr+uhrCWkVtt4+uPacT57rx2VNMODtpklCxy7LP\nk3mJ\r\n=+UK7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/siema.min.js","gitHead":"e9be0c1c9e06490794a8656a5fc6006183afb351","scripts":{"dev":"webpack --progress --colors --watch","build":"webpack && cp dist/siema.min.js docs/assets"},"_npmUser":{"name":"bunpav","email":"p.bunaev@napopravku.ru"},"repository":{"url":"git+https://github.com/Nemhis/siema.git","type":"git"},"_npmVersion":"6.11.3","description":"Lightweight and simple carousel with no dependencies","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"devDependencies":{"babel":"^6.23.0","eslint":"4.16.0","webpack":"3.10.0","babel-core":"^6.26.0","babel-loader":"^7.1.2","eslint-loader":"^1.9.0","babel-preset-es2015":"^6.24.1","babel-plugin-add-module-exports":"^0.2.1"},"_npmOperationalInternal":{"tmp":"tmp/siema_1.5.2_1572002691918_0.41201673259772376","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-10T14:50:48.315Z","modified":"2025-11-19T15:25:21.388Z","1.5.1":"2019-10-10T14:50:48.702Z","1.5.2":"2019-10-25T11:24:52.070Z"},"bugs":{"url":"https://github.com/pawelgrzybek/siema/issues"},"author":{"url":"https://pawelgrzybek.com/","name":"Pawel Grzybek","email":"grzybecki@gmail.com"},"license":"MIT","homepage":"https://pawelgrzybek.com/siema","keywords":["slider","carousel","lightweight"],"repository":{"url":"git+https://github.com/Nemhis/siema.git","type":"git"},"description":"Lightweight and simple carousel with no dependencies","maintainers":[{"email":"p.nemphis@gmail.com","name":"nemphis"},{"email":"khristoforov.vadim@yandex.ru","name":"deil92"},{"email":"jarvis@napopravku.ru","name":"np-root"},{"email":"t.matveev@napopravku.ru","name":"kartearis-np"},{"email":"f.ussaev@napopravku.ru","name":"darkstyleee"},{"email":"v.akulinin@napopravku.ru","name":"v.akulinin"},{"email":"d.tsvetkov@napopravku.ru","name":"datsvetkov"}],"readme":"# Siema - Lightweight and simple carousel with no dependencies\n\nFull docs with examples: [https://pawelgrzybek.com/siema/](https://pawelgrzybek.com/siema/).\n\nSiema is a lightweight (only 3kb gzipped) carousel plugin with no dependencies and no styling. As Brad Frost once said \"do that shit yourself\". It is 100% open source and [available on Github](https://github.com/pawelgrzybek/siema). It is free to use on personal and commercial projects. Use it with your favourite module bundler or by manually injecting the script into your project.\n\n## Installation\n\nSetup is trivially easy. A little bit of markup...\n\n```html\n<div class=\"siema\">\n  <div>Hi, I'm slide 1</div>\n  <div>Hi, I'm slide 2</div>\n  <div>Hi, I'm slide 3</div>\n  <div>Hi, I'm slide 4</div>\n</div>\n```\n\nIf you are using a module bundler like Webpack or Browserify...\n\n```\nyarn add siema\n```\n\n```js\nimport Siema from 'siema';\nnew Siema();\n```\n\n...or manually inject the minified script into your website.\n\n```html\n<script src=\"siema.min.js\"></script>\n<script>\n  new Siema();\n</script>\n```\n\n## Options\n\nSiema comes with a few (optional) settings that you can change by passing an object as an argument. Default values are presented below.\n\n```js\nnew Siema({\n  selector: '.siema',\n  duration: 200,\n  easing: 'ease-out',\n  perPage: 1,\n  startIndex: 0,\n  draggable: true,\n  multipleDrag: true,\n  threshold: 20,\n  loop: false,\n  rtl: false,\n  onInit: () => {},\n  onChange: () => {},\n});\n```\n\n**`selector`** (string or DOM element)  \nThe selector to use as a carousel. Siema will use all immediate children of this selector as a slider items. It can be a query string [(example)](http://codepen.io/pawelgrzybek/pen/QvLjxY) or DOM element [(example)](http://codepen.io/pawelgrzybek/pen/gWYaje).\n\n**`duration`** (number)  \nSlide transition duration in milliseconds [(example)](http://codepen.io/pawelgrzybek/pen/BRBoqO).\n\n**`easing`** (string)  \nIt is like a CSS `transition-timing-function` — describes acceleration curve [(example)](http://codepen.io/pawelgrzybek/pen/aWovrB).\n\n**`perPage`** (number or object)  \nThe number of slides to be shown. It accepts a number [(example)](http://codepen.io/pawelgrzybek/pen/bWbVXz) or an object [(example)](http://codepen.io/pawelgrzybek/pen/dWbGyZ) for complex responsive layouts.\n\n**`startIndex`** (number)  \nIndex (zero-based) of the starting slide [(example)](http://codepen.io/pawelgrzybek/pen/vmBLER).\n\n**`draggable`** (boolean)  \nUse dragging and touch swiping [(example)](http://codepen.io/pawelgrzybek/pen/mmbVVj).\n\n**`multipleDrag`** (boolean)  \nAllow dragging to move multiple slides.\n\n**`threshold`** (number)  \nTouch and mouse dragging threshold (in px) [(example)](http://codepen.io/pawelgrzybek/pen/gWYPrQ).\n\n**`loop`** (boolean)  \nLoop the slides around [(example)](http://codepen.io/pawelgrzybek/pen/zwOrKN).\n\n**`rtl`** (boolean)  \nEnables layout for languages written from right to left (like Hebrew or Arabic) [(example)](https://codepen.io/pawelgrzybek/pen/XZNEgd).\n\n**`onInit`** (function)  \nRuns immediately after initialization [(example)](http://codepen.io/pawelgrzybek/pen/BRBjpE).\n\n**`onChange`** (function)  \nRuns after slide change [(example)](http://codepen.io/pawelgrzybek/pen/RVbrVe).\n\n## API\n\nAs mentioned above, Siema doesn't come with many options - just a few useful methods. Combine it with some very basic JavaScript and voila!\n\n**`prev(howManySlides = 1, callback)`**  \nGo to previous item [(example)](http://codepen.io/pawelgrzybek/pen/JNPKVE). Optionally slide few items backward by passing `howManySlides` (number) argument [(example)](http://codepen.io/pawelgrzybek/pen/wdwWZQ). Optional `callback` (function) available as a third argument [(example)](http://codepen.io/pawelgrzybek/pen/JNPKQW).\n\n**`next(howManySlides = 1, callback)`**  \nGo to next item [(example)](http://codepen.io/pawelgrzybek/pen/JNPKVE). Optionally slide few items forward by passing `howManySlides` (number) argument [(example)](http://codepen.io/pawelgrzybek/pen/wdwWZQ). Optional `callback` (function) available as a third argument [(example)](http://codepen.io/pawelgrzybek/pen/JNPKQW).\n\n**`goTo(index, callback)`**  \nGo to item at particular `index` (number) [(example)](http://codepen.io/pawelgrzybek/pen/gWYLXP). Optional `callback` (function) available as a second argument [(example)](http://codepen.io/pawelgrzybek/pen/ZKzBvo).\n\n**`remove(index, callback)`**  \nRemove item at particular `index` (number) [(example)](http://codepen.io/pawelgrzybek/pen/BRBpQJ). Optional `callback` (function) available as a second argument [(example)](http://codepen.io/pawelgrzybek/pen/rmBjjE).\n\n**`insert(item, index, callback)`**  \nInsert new `item` (DOM element) at specific `index` (number) [(example)](http://codepen.io/pawelgrzybek/pen/QvLdaJ). Optional `callback` (function) available as a third argument [(example)](http://codepen.io/pawelgrzybek/pen/vmBgdZ).\n\n**`prepend(item, callback)`**  \nPrepend new `item` (DOM element) [(example)](http://codepen.io/pawelgrzybek/pen/rmBymW). Optional `callback` (function) available as a second argument [(example)](http://codepen.io/pawelgrzybek/pen/LyPWLe).\n\n**`append(item, callback)`**  \nAppend new `item` (DOM element) [(example)](http://codepen.io/pawelgrzybek/pen/RVbpZe). Optional `callback` (function) available as a second argument [(example)](http://codepen.io/pawelgrzybek/pen/rmByGj).\n\n**`destroy(restoreMarkup = false, callback)`**  \nRemove all event listeners on instance [(example)](http://codepen.io/pawelgrzybek/pen/oWvZEd). Use `restoreMarkup` to restore the initial markup inside selector [(example)](http://codepen.io/pawelgrzybek/pen/ZKzeoL). Optional `callback` (function) available as a third argument [(example)](http://codepen.io/pawelgrzybek/pen/Wjepyv).\n\n**`currentSlide`**  \nPrints current slide index [(example)](https://codepen.io/pawelgrzybek/pen/XRNOPP).\n\n## Browser support\n\n- IE10\n- Chrome 12\n- Firefox 16\n- Opera 15\n- Safari 5.1\n- Android Browser 4.0\n- iOS Safari 6.0\n\n## Extra & Thanks\n\nSiema means 'hello' in Polish. When I play around with some code, I always use random names. That's the whole story behind the name of this one :)\n\nHuge thanks to [Jarkko Sibenberg](http://www.sibenberg.com/) for the cute logo design! I can't thank [BrowserStack](https://www.browserstack.com) enough for giving me a free access to their testing amazing service.\n","readmeFilename":"README.md"}