{"_id":"@dz8540/custom-rating","_rev":"1-2a76601b145e37a4e6ace10145c7af41","name":"@dz8540/custom-rating","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@dz8540/custom-rating","version":"1.0.0","description":"DZ's component rating library.","main":"/Dist/JS/CustomRating.min.js","types":"customRating.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-rating.git"},"author":{"name":"DZ"},"license":"MIT","bugs":{"url":"https://github.com/DZ8540/Custom-rating/issues"},"homepage":"https://github.com/DZ8540/Custom-rating#readme","devDependencies":{"sass":"^1.45.0","typescript":"^4.5.3"},"gitHead":"b329fa7834ead9d75132760b1f4d10f0e5986c5c","_id":"@dz8540/custom-rating@1.0.0","_nodeVersion":"16.13.0","_npmVersion":"8.2.0","dist":{"integrity":"sha512-pnrIpgt/gSLRbLTBHjhckxkvCPUYqKy5CDQTr/7TnSzki2vjiZcURxai+MjKHouLKC76Fiwcp/MoQMEAGQaPbg==","shasum":"b352824a76959d50a20bc87498ed213a84c40951","tarball":"https://registry.npmjs.org/@dz8540/custom-rating/-/custom-rating-1.0.0.tgz","fileCount":82,"unpackedSize":852506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvMA2CRA9TVsSAnZWagAAfrYP/2G+/Oy2auffcRA1PVth\nbQajmqjAk5zA7xRvzr9wL7UFsnzHLhip6L+pDQFvhcZY4ZchDZLAaEv6NKMO\nH092HJATphoDbnYU8ir41tcch5ZqhBHrJjm54bXDmDBbw5dKT5NQi3+Q1jCt\n+F7UIavb7TAvymMATUS2E+MggTBTHYrSheYveVoMort44lPpI59BMgI5CBb1\nxicuMydbsTQhDnY4xGiUYnXcyBu0gUakqQFXu08RUvWgjfxc+klWSkg/8bbQ\nbJ0cgeCBBdCeoGW5jli7MpjuQR4J4DEdZEouxpkv6k8FBzc/KhzAZ0tmjrBH\nWum9QSzjoFnAmhsi1EfIVSBhtV6pvZoRtmrttDiq5gRmVssS3435R4TY9ugZ\nLvLj/tj7nWzZuMoU2mnKZsUgLJmyEwhwTI+WyxUwLLL3gnolQ22c6k0lh2Wr\nW4Jw6woQT/xcB469nOzvCaIfSGZhY/gUIIX6gEmNtIAoD0wrF/KuPgYs1uMr\nirm6wu0FnNG7YdnlQMcvPoEPO4DsL2cm/EqMuDS5bZBLBatXTF3GWab33cHK\nMsG6iynB71RWr0nLK2YDk1YqWm4MxT9HfLVFkgf1/FC1IaEaK04xI5xGCqXL\ngPWuVoud7GgztEJvU/2+Ti0um3bGOKooUGGxjO5RYOk73z47jeoTEjMfWoPt\n51RO\r\n=8yQz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCZpfEuiA8f/sCLb9kPPalhutQllV6X0JvTw2xfQqGTwIhALjMFZVnGKC7oVltyc6g+5bo1/V0q5mOougfkTAAmKBf"}]},"_npmUser":{"name":"dz8540","email":"d.z.2021@inbox.ru"},"directories":{},"maintainers":[{"name":"dz8540","email":"d.z.2021@inbox.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/custom-rating_1.0.0_1639759926728_0.07120078552512066"},"_hasShrinkwrap":false}},"time":{"created":"2021-12-17T16:52:06.642Z","1.0.0":"2021-12-17T16:52:06.947Z","modified":"2022-04-05T06:19:27.466Z"},"maintainers":[{"name":"dz8540","email":"d.z.2021@inbox.ru"}],"description":"DZ's component rating library.","homepage":"https://github.com/DZ8540/Custom-rating#readme","repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-rating.git"},"author":{"name":"DZ"},"bugs":{"url":"https://github.com/DZ8540/Custom-rating/issues"},"license":"MIT","readme":"# DZ Custom-rating\r\n\r\nTo use it, you just need to find element, and then pass it to the class.\r\n\r\n## Installation\r\n1. Via npm\r\n```cmd\r\nnpm i @dz8540/custom-rating\r\n```\r\n2. Manually - all you need is in the \"Dist\" folder.\r\n```html\r\n<link href=\"/Your-path/customRating.min.css\" rel=\"stylesheet\">\r\n<script src=\"/Your-path/CustomRating.min.js\"></script>\r\n```\r\n\r\n## Example\r\n\r\n### HTML\r\n```html\r\n<div class=\"Rating\" data-name=\"Component name\">\r\n  <input type=\"hidden\" name=\"\" data-id=\"input\" value=\"\">\r\n\r\n  <button class=\"Rating__star\" data-value=\"5\">\r\n    <span class=\"Rating__icon Rating__icon--default\">&#9734;</span>\r\n    <span class=\"Rating__icon Rating__icon--active\">&#9733;</span>\r\n  </button>\r\n\r\n  <button class=\"Rating__star\" data-value=\"4\">\r\n    <span class=\"Rating__icon Rating__icon--default\">&#9734;</span>\r\n    <span class=\"Rating__icon Rating__icon--active\">&#9733;</span>\r\n  </button>\r\n\r\n  <button class=\"Rating__star\" data-value=\"3\">\r\n    <span class=\"Rating__icon Rating__icon--default\">&#9734;</span>\r\n    <span class=\"Rating__icon Rating__icon--active\">&#9733;</span>\r\n  </button>\r\n\r\n  <button class=\"Rating__star\" data-value=\"2\">\r\n    <span class=\"Rating__icon Rating__icon--default\">&#9734;</span>\r\n    <span class=\"Rating__icon Rating__icon--active\">&#9733;</span>\r\n  </button>\r\n\r\n  <button class=\"Rating__star\" data-value=\"1\">\r\n    <span class=\"Rating__icon Rating__icon--default\">&#9734;</span>\r\n    <span class=\"Rating__icon Rating__icon--active\">&#9733;</span>\r\n  </button>\r\n</div>\r\n```\r\n\r\n### JS\r\n```js\r\nlet element = document.querySelector(element);\r\nnew Rating(element);\r\n```\r\n\r\n## Instruction:\r\n1. Don't remove all default classes.\r\n2. Don't remove all default datalist attributes.\r\n3. Pass your values to 'data-value' attributes from button tag.\r\n4. Values must be assigned from bottom to top in ascending order.\r\n5. Component maintains 'data-name' attribute, for you can set component name.\r\n\r\n## End\r\nThat's all! Enjoy this (∩^o^)⊃━☆","readmeFilename":"readme.md"}