{"_id":"@alpinebricks/knob","_rev":"3-973e307d18b6fcbd2d1cca066b18b376","name":"@alpinebricks/knob","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@alpinebricks/knob","version":"0.0.1","description":"An knob ring gauge widget for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"scripts":{"build":"rollup -c","watch":"rollup -c -w"},"author":{},"license":"MIT","peerDependencies":{"alpinejs":"^3.8.1"},"devDependencies":{"@rollup/plugin-commonjs":"^21.0.2","@rollup/plugin-node-resolve":"^13.1.3","@types/node":"^17.0.23","rollup":"^2.70.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-serve":"^1.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","tslib":"^2.3.1","typescript":"^4.5.5"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"./dist/index.min.js","module":"./dist/index.es.min.js","types":"./dist/main.es.d.ts","exports":{".":{"import":"./dist/index.es.min.js","require":"./dist/index.min.js"}},"_id":"@alpinebricks/knob@0.0.1","dist":{"shasum":"65ed3aca890232ec8b4a68772ee2269d92a5b9d3","integrity":"sha512-zAh2iJ5kBev6cXly9Z6KkVLvejzTOj7VErPHEm5goz8Scz99ZvdjCLQIPnWr16axW8kedhc7pmIx6cUsI/qCgA==","tarball":"https://registry.npmjs.org/@alpinebricks/knob/-/knob-0.0.1.tgz","fileCount":10,"unpackedSize":9466,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCOPcy0EeIA74jJEwlkPjE9D+1Mn3aiLa2n7qd/loMlAIhANIA9MvCMSAZ9WUKes5LkIv10eOuLA2vGZPXWiLytT+O"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRHuLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZxg/+NJQIdn9gLAJ8bACTpu3jBG/7JaLcciy+AmG/nCvq+UBxYg98\r\naxJLkzpci0CEdhd+EsFbQKe4bKwkywI4nuQ+8o4fE+wWuCa70J+K6XhbDbIn\r\nmz5Y1diIY9vu/X+ZX4AGios+xE1W4f5mt4Fis2uN28q2b8fQ1gE9ZixzMfTy\r\nibgPrs55i13UpFAeMlg1C9nLa4DPH/2fpCpB6gljVANU2+fMue06NNmEOHTf\r\nuFhC4nixusBqjFZf9aZk2UWiF2qAeDAdr4MtxuUlym/IsggySBXjyS9nSyQy\r\nzHefFPz3wXk3UpsqBv7JgZchw2KYTVAeirv6MrRzshWQRWEL3eXwmr1Lslfw\r\ntq0pRJ1ShHPtPZEbZLRz5qU80p6aHwsi+y/uVQvcV54+Q9oBrIhD7I5j6lnO\r\nBbAoFogIdgKvwoMK85yH/jlIsJYsH3dKjMYIX0GdWCyK6YSgq5rXlRbvYBEg\r\noy/rWNEDsCOuJXGM72SNxtlpO759jNQRUKzcvwHb9BSIyoNNMZ/cNegOb5fp\r\nLNOLZ1m5oEOWX283ORI0Eq9s1MHCwXgWYMycz0WWZpMRdFxtfdcZvsvYQVlp\r\nMfeZyKsFXzc7L6wCpEtGbaCH8RolLtmUnzVpq3VW90DsG/yXXowsdzezpoO0\r\n/DWIPOrUoaUyVEVDWKP81NjhHdXfTwqaYus=\r\n=V2OZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"synw","email":"synwx@pm.me"},"directories":{},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/knob_0.0.1_1648655243190_0.8384770610671071"},"_hasShrinkwrap":false},"0.0.2":{"name":"@alpinebricks/knob","version":"0.0.2","description":"An knob ring gauge widget for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"scripts":{"build":"rollup -c","watch":"rollup -c -w"},"author":{},"license":"MIT","peerDependencies":{"alpinejs":"^3.8.1"},"devDependencies":{"@rollup/plugin-commonjs":"^21.0.2","@rollup/plugin-node-resolve":"^13.1.3","@types/node":"^17.0.23","rollup":"^2.70.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-serve":"^1.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","tslib":"^2.3.1","typescript":"^4.5.5"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"./dist/index.min.js","module":"./dist/index.es.js","types":"./dist/main.es.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.min.js"}},"_id":"@alpinebricks/knob@0.0.2","dist":{"shasum":"30151b60fe48d923f6633cdf3db5a721b40cf948","integrity":"sha512-ZMGaNG2wSEjPYXQmfP9kJWAqMiDwZZh0jydSh0YqoMbu/atKh2yKBpZepH6pa3YyOtTa7Ql88n+jUwpJJSvEEg==","tarball":"https://registry.npmjs.org/@alpinebricks/knob/-/knob-0.0.2.tgz","fileCount":10,"unpackedSize":13002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcrohMDup+zt76MT/aG23F3Ni0KjTsVZuUerQ9sVm7TAIgQ3p5lbkR+a1JVm1hxyEiQNVTaSX+Ub2Xl1UX457xrbE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYWeTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwBQ//ek8FHzG3TFYDjN/SG+S8oq3tPCyQzIvbd1Yw/LYnbvpuZ661\r\n7l3E/+2HjhMHC6AiSNuPRRC9XBPKqjY+daiQnkRnqEg2i8+dI+hqFGbCeUci\r\nbHc3o+OqGoZ9eZqIevBWaj0jKlYUezTmqI4hiXUh3QWdY35fSlEDyc7Cqmae\r\nzZun0dw37nFM7nXJ5EE9kfFpPn/VpgMZ07knxMHKbrkVqwpqePwipApTimMx\r\nr50qEOXMtqL+/aP47UWIsGtcxictFP3MWoIXsL525XmFlhnrqFxqSU6nyoHu\r\nT2BXUCu/ajmDFthIu+RTf28uv4XdcfMGof+8VECP4yuIl9cI0rlnVnz3Q1W7\r\nxMH+oClTksXmMxjQqdU2zrT//xTCPs+uLmRCe5X9JanVJ18+NIdSDYbcdC8F\r\nsmIRVoXnOezu3rX3kaynJfXRuY01Llr7C5IXN8O5L75eu6AuqXHscrBZzjjR\r\nIazGauYzeTNaGtW3kkE05YoORiv9BRXa+RC/c83aWpixyf6yK/D5jxVflI9F\r\n1Wwu6AAS852nPRaHYBFmcDMwGV+FONA04Yp7x5ENO6deWM1qCQv+83w43Srj\r\nssKXSLRlpYPMVM9M9wMDUXm7vj6iDTJ7HCVL7JUlC2bI9cVQM10qiZNcyld+\r\nf7x7/xNuG4tGKfp4Zt9RnWxmgc1QbX5fnyY=\r\n=64+6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"synw","email":"synwx@pm.me"},"directories":{},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/knob_0.0.2_1650550675584_0.026632324475823976"},"_hasShrinkwrap":false},"0.0.3":{"name":"@alpinebricks/knob","version":"0.0.3","description":"An knob ring gauge widget for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"scripts":{"build":"rollup -c","watch":"rollup -c -w"},"author":{},"license":"MIT","peerDependencies":{"alpinejs":"^3.8.1"},"devDependencies":{"@rollup/plugin-commonjs":"^21.0.2","@rollup/plugin-node-resolve":"^13.1.3","@types/node":"^17.0.23","rollup":"^2.70.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-serve":"^1.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","tslib":"^2.3.1","typescript":"^4.5.5"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"./dist/index.min.js","module":"./dist/index.es.js","types":"./dist/main.es.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.min.js"}},"_id":"@alpinebricks/knob@0.0.3","dist":{"shasum":"9bcc82dabb1602ed90654e98d54771e45f81a03f","integrity":"sha512-WslSZtKZ5brVAezGP1ZPxlrF9Xs/79z9hP2FkTORwNRiTvHXPNNkNTHtQi9QJ2cJ2/7EwsjtIe0Imxuc5Qlm/A==","tarball":"https://registry.npmjs.org/@alpinebricks/knob/-/knob-0.0.3.tgz","fileCount":11,"unpackedSize":18790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZs64tR8qWyU0XlCk8jJbLGDSzRTjYGnvIh6IgKXIO/AiEA1Koi7OMhTnsaivDyJJGkp983zFUJRNtxfEc0oNV91Eo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigmYNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonBQ/9FQ/9XsSa1+7T2PSWOx39kA1u1iOx/rXyuhZjFw04cio1ztuk\r\nieTqFmKyVfcjY6XaGyQqb9Y8/Vbm3qNWnwSeMSWpQ98w6BtY7+mfMIzzyiDl\r\nN8D6z0bczL7LmjAMnafDIIkAjH2FUCVxSgid7E0DbwQ4FfoarY/vJt8KulPH\r\nuOkm7TZPijx5BycirRf1HhRsgem/aeuIKBx9E8vjdEKemRWuF3pLYGnfnR2x\r\njC74iKcFzzfDdoy332FNzY9K4YaZWj5XUH8KgDy33bEgll4key86RgjYb8l+\r\nG4nz0vtwnd63krHOjmWGoDSimkxDttPGc70fIJcfkY65rqPsj2ZbVuI/dwTR\r\nlFGIdYx2ApLq156ChKem5aQGJb40fxw1DyCsRGT/tXkmmEZPvkIlDpgRCYOj\r\nnke6ivQtWm7PDoo9Oh4NJUsgjvwFqUIvdXcTfvuZzw34xRoApgSvIzmo+Cmk\r\nJMmmyFr1cDYtLnlhZ4U+B/E10/dUSiMixFMq4iNcs3NMn4SiSwXdCxYaDVUY\r\ngDtLn9qsDix7e259BuzFvWnK/8NAAmJgop8OJs0goamb0KPuJagAfTt8Bks7\r\nu7RsnfI1pgmpKTM+P0uaxWsI0am9EtKtlElaHN0Eu2h7dMnEf6+jRDYuoG7g\r\nzjLtra/G/XCjqWCUQRUZXIQUAdzcVTdPSeQ=\r\n=wZH6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"synw","email":"synwx@pm.me"},"directories":{},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/knob_0.0.3_1652712972852_0.3340436207417632"},"_hasShrinkwrap":false},"0.0.4":{"name":"@alpinebricks/knob","version":"0.0.4","description":"An knob ring gauge widget for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"scripts":{"build":"rollup -c","watch":"rollup -c -w"},"author":{},"license":"MIT","peerDependencies":{"alpinejs":"^3.8.1"},"devDependencies":{"@rollup/plugin-commonjs":"^21.0.2","@rollup/plugin-node-resolve":"^13.1.3","@types/node":"^17.0.23","rollup":"^2.70.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-serve":"^1.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","tslib":"^2.3.1","typescript":"^4.5.5"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"./dist/index.min.js","module":"./dist/index.es.js","types":"./dist/main.es.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.min.js"}},"_id":"@alpinebricks/knob@0.0.4","dist":{"shasum":"c267ab9982c28f02cde87c616f2ff7e836a5df01","integrity":"sha512-QR6dIq6PFwJMWJJ+Y4GlVq7TgL7kL0iNABlMuUjHyWX73GyFTN1cWElRH9oamN2BfJebd5MbCo0hfCR3C6gW3A==","tarball":"https://registry.npmjs.org/@alpinebricks/knob/-/knob-0.0.4.tgz","fileCount":11,"unpackedSize":19566,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCj/G3xbQw2HPhxtEaQ8ZDGIlvOP0RZa8Qdin/4KVHT2QIhAMS/u0mqVP9fnhXKOunrwnKcDju5kiVYy7xQcowV6fUL"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig2WwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJzQ/8C4hxc8ftBeYb/r3SYLq6oke6D/sPg+y3pJqwReHrAlRVGLBu\r\nEXpNXfluOv1J01DfBaXWsjku10nyjMcT+9GgvMgD9UaZPL4u4+tvDnb+PooI\r\nDEOCezk+/4e/WmGlPaJZN5ll1SHCDq/io71mY9y9ok5QFnJ35Eiaq2uS3ROa\r\niX+eaN0mSRkn2Pif/I+MUqqb6XBpv0UV/3T3Qg+CAvRmfVt2HB7sCTlJxL8N\r\n+2+RUqc+YAs03ZP28KVyDNIvKjjbd4ltNEEigl5ZZwey9H4zrmXTbC3qmk9O\r\ncTsi92FOH+CZufRzTewvaekGAVC5F/vwolnM6FOXbTB0M6HvtDHXcZQK5kf9\r\npK7qmxq3bOxpoFLRmplQv4MNTn3oXdMj21V02g0VdNW1/lRcSuTYntPSVxfW\r\nvvAWGZauKu/5WlqLM+Q8kfUsFlycef/8MceEtmcYS2H+hAp6GFHHjq2qKkdX\r\nl5lfGWhLvmom9I+qM/iZmqgUGc96aS8B1MJMG27Hllz+Y6nQqvR3nBiIz8yg\r\n+OoyFHI9batUzNdSUxZw2Cyk4HbJVGQC9DkAu2tiNLwzMNwFS4L0in/Vt9td\r\nxqHEVnrQ17SuZ5R6/r9F7/bWSIeJ4qCBlDnUmjeNAaqxqBEHq/D9sIwrviDu\r\nGMpY3AD0XnZuZKTusIzbAzEzTlE5geI13GQ=\r\n=Jfac\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"synw","email":"synwx@pm.me"},"directories":{},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/knob_0.0.4_1652778416280_0.6409069271621388"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-30T15:47:23.127Z","0.0.1":"2022-03-30T15:47:23.522Z","modified":"2022-05-17T09:06:56.565Z","0.0.2":"2022-04-21T14:17:55.845Z","0.0.3":"2022-05-16T14:56:12.996Z","0.0.4":"2022-05-17T09:06:56.463Z"},"maintainers":[{"name":"synw","email":"synwx@pm.me"}],"description":"An knob ring gauge widget for Alpinejs","repository":{"type":"git","url":"https://github.com/emencia/alpinebricks"},"author":{},"license":"MIT","readme":"# Knob ring\n\nA knob ring gauge\n\nInclude the Alpinejs lib in your html:\n\n```html\n  <script type=\"text/javascript\" src=\"https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js\" defer></script>\n```\n\nInclude the component:\n\n```html\n  <script src=\"https://unpkg.com/@alpinebricks/knob@0.0.1/dist/index.min.js\"></script>\n```\n\nInitialize it and animate to a given value when it displays:\n\n```html\n<script>\nvar $knob;\ndocument.addEventListener('alpine:init', () => {\n  $knob = $knobRing.create();\n  // run the initial animation\n  $knob.animate(30);\n  // and later run update to animate to a value\n  $knob.update(40);\n});\n</script>\n```\n\nDeclare the component:\n\n```html\n    <knob-ring id=\"knob1\" x-cloak x-data stroke=\"10\" radius=\"100\" bg=\"lightgray\"\n        :progress=\"$knob.progress\" :color=\"$knob.color\">\n    </knob-ring>\n```\n\n## Parameters\n\nStandard parameters:\n\n- `stroke`: stroke width of the circle\n- `radius`: controls the size of the circle\n- `bg`: the background circle color\n\nWatched parameters:\n\n- `progress`: the displayed value\n- `color`: the main circle color\n\n## Methods\n\n- `animate(v: number)`: animate the initial value\n- `update(v: number)`: animate to a value\n- `increment(v?: number)`: increment the progress by a value, by 1 if not provided\n- `decrement(v?: number)`: decrement the progress by a value, by 1 if not provided\n\n## Options\n\nIt is possible to provide a color function at init time to control the main\ncircle color from the progress value. Example:\n\n```html\n<script>\nvar $knob;\ndocument.addEventListener('alpine:init', () => {\n  $knob = $knobRing.create({\n    colorFunc: (v) => {\n      if (v < 50) {\n        return \"red\" // or any color code\n      } else if (v < 80) {\n        return \"orange\"\n      } else {\n        return \"green\"\n      }\n    }\n  });\n});\n</script>\n```\n","readmeFilename":"README.md"}