{"_id":"@myfrom/paper-pager","_rev":"1-bc57c42f1bbb1468c4cd4066051f9f8f","name":"@myfrom/paper-pager","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@myfrom/paper-pager","version":"2.0.0","description":"A light and accesible Material Design page indicator","main":"paper-pager.js","scripts":{"test":"polymer lint && polymer test","analyze":"polymer analyze > analysis.json"},"repository":{"type":"git","url":"git+https://github.com/myfrom/paper-pager.git"},"keywords":["web-components","polymer-element","polymer","paper","material-design","pager"],"author":{"name":"Wiktor Olejniczak","email":"myfrom.13th@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/myfrom/paper-pager/issues"},"homepage":"https://www.webcomponents.org/element/myfrom/paper-pager","dependencies":{"@polymer/iron-a11y-keys-behavior":"^3.0.1","@polymer/iron-selector":"^3.0.1","@polymer/polymer":"^3.0.5"},"devDependencies":{"@polymer/iron-component-page":"^4.0.1","@polymer/iron-demo-helpers":"^3.0.2","@polymer/iron-flex-layout":"^3.0.1","@polymer/iron-test-helpers":"^3.0.1","@webcomponents/webcomponentsjs":"^2.1.3","wct-browser-legacy":"^1.0.1"},"gitHead":"8596ad4300c4a87bc8be28b799a1a35014df33de","_id":"@myfrom/paper-pager@2.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.4.1","_npmUser":{"name":"myfrom","email":"myfrom.13th@gmail.com"},"dist":{"integrity":"sha512-b3kq2LiaeVSjof1a1b0k9jAlhzd2Qh7kbwFSWDxTPIFVz6yBA7A8kWJekS3547K6AGSaYJL0EN6psPK1VHzhAA==","shasum":"a46594596e268969a667d4b1fd246e47b513d353","tarball":"https://registry.npmjs.org/@myfrom/paper-pager/-/paper-pager-2.0.0.tgz","fileCount":11,"unpackedSize":36505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrRqNCRA9TVsSAnZWagAAoCYQAJ1V4+/imzk7pmZ/PWYY\n2BgnJD9uXilXQdiQF1zFSIxv7S8uf4AYMCiPwgbp1kj4XIWclOyyRjh2jEbg\nQOST+wP85cfsKiaGIi8tejrIav5WBrc9QnoIyxwJLQjdK+mSvsoNCZ++Aft4\nVxKFZds19CkjbbMZyQLlgb6yF+ygpfQyucmWU0okEQq8Y6dSSL5jNyBgwR6D\nt/oUUtDUrGFzQwdXJCRZeuHv1U7i2JSuVwV+WR/g9rTj5m6YDJO+HF1Z22pm\n+Kf08SqpS42aii4VDWtsaGSHYJGOGgoqM7Q7JbHwK8QADdZUy4JdoZj0IbBv\nMCONgIczwyqrmeQevULyKe50NkcU4opeZ6erh+neXGKvgJbij2D2w/7I0XrS\nGbxTCx/vuucEtwuOfCxQxPaPk3jC2tTldlE67mwI0xMx9Tm5gPv2WFWiqXTF\n0bcowDPQgmIXpdGfkJr8WPLnw2+7XPyAawpl7eb2qJhBHehAEMxaWHuNIXcw\n607HhIkQ6hfhXoONhmL31cXkmkwa83EROIjmD5hwLASqL4oOHbewPAE2Z7Tu\nLSZtkQJVDT4nm6bzUj08bk+/9npIENmlHGR8W7mdCkyIg/Fbn+uuO9SyGQjQ\nQImeFtpKgxuixRg7JgNXQX199CgEYX2WCK8/YLjh3RzRBwgfPprxxp2EBaAb\nIPyO\r\n=A5zA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAZMS6+78TDN1VORWwqFTB5d+9zBYMHbTXq1Rtm0G345AiAaCkpZDUumXX1ghvEzKdjAZRzAImEI9myiS43pMvKfdQ=="}]},"maintainers":[{"name":"myfrom","email":"myfrom.13th@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/paper-pager_2.0.0_1538071181054_0.04126935233140938"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-27T17:59:40.894Z","2.0.0":"2018-09-27T17:59:41.270Z","modified":"2022-04-06T07:05:29.686Z"},"maintainers":[{"name":"myfrom","email":"myfrom.13th@gmail.com"}],"description":"A light and accesible Material Design page indicator","homepage":"https://www.webcomponents.org/element/myfrom/paper-pager","keywords":["web-components","polymer-element","polymer","paper","material-design","pager"],"repository":{"type":"git","url":"git+https://github.com/myfrom/paper-pager.git"},"author":{"name":"Wiktor Olejniczak","email":"myfrom.13th@gmail.com"},"bugs":{"url":"https://github.com/myfrom/paper-pager/issues"},"license":"MIT","readme":"[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/myfrom/paper-pager)\n[![Build Status](https://img.shields.io/travis/rust-lang/rust.svg?style=flat-square)](https://travis-ci.org/myfrom/paper-pager)\n[![npm](https://img.shields.io/npm/v/@myfrom/paper-pager.svg?style=flat-square)](https://www.npmjs.com/package/@myfrom/paper-pager)\n\n# paper-pager\n\n`paper-pager` is a Material Design page indicator that is easy to customise and allows controlling the selected page by clicking on the pager.\n\n## Installation\n\nMake sure you have installed NPM, then simply run  \n`$ npm install --save @myfrom/paper-pager`\n\nNewer versions of this element work only with Polymer 3.  \nFor backwards compatibility use versions 1.x\n\n## Usage\n\nImport the element\n```js\nimport '@myfrom/paper-pager';\n```\n and then just use it as normal element.\n<!--\n```\n<custom-element-demo>\n  <template>\n    <link rel=\"import\" href=\"paper-pager.html\">\n    <next-code-block></next-code-block>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<paper-pager dark></paper-pager>\n<!-- `dark` attribute is only for visibility on white background -->\n```\n\n**If you want it to work on older browsers you must compile it from ES6 to ES5.**\n\nThe default item count is 3, you can set it either by specyfing `itemsCount` property (takes a number) or binding an Array of items to `items` property (this will basically set `itemsCount` to length of provided array).\nProperty `selected` is the index of currently selected page, can be updated by clicking on dots representing each page.\n\n**Check out [documentation](https://www.webcomponents.org/element/myfrom/paper-pager/elements/paper-pager) for more info**\n\n## Contributing\n\nIf you found a bug or have an idea for a new feature, be sure to open an issue **but first check if there isn't one open already**. I'm also very happy to see any Pull Requests, but to save you and me some work, comment on issues if you are planning to work on them - that way you make sure two people won't do the same thing :wink:\n\n### Local development and testing\n\nFor local development use **[Polymer CLI](https://www.polymer-project.org/3.0/docs/tools/polymer-cli)**. It's a very easy tool for working on Polymer apps and elements. Serve your element with `$ polymer serve` and **before you submit a PR** run\n```bash\n$ polymer lint\n$ polymer test\n```\n\n## Credits\n\nMade by me, inspired by Google's Material Design page indicator that can be seen in different places across Android N.\nOther resources:\n- http://stackoverflow.com/questions/26423335\n\n## License\n\nShared on MIT license, check [LICENSE](LICENSE)\n","readmeFilename":"README.md"}