{"_id":"@dz8540/custom-themeswitcher","_rev":"3-0b2b26cd77c3182757b69c1f21f1a409","name":"@dz8540/custom-themeswitcher","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@dz8540/custom-themeswitcher","version":"1.0.0","description":"DZ's dynamic theme (scheme) switcher component.","main":"/Dist/JS/CustomThemeSwitcher.min.js","types":"customThemeSwitcher.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-themeSwitcher.git"},"author":{"name":"DZ"},"license":"MIT","bugs":{"url":"https://github.com/DZ8540/Custom-themeSwitcher/issues"},"homepage":"https://github.com/DZ8540/Custom-themeSwitcher#readme","devDependencies":{"sass":"^1.45.2","typescript":"^4.5.4"},"gitHead":"7f9556a0f5697dc581fa648965b8f84d0c6c7beb","_id":"@dz8540/custom-themeswitcher@1.0.0","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-t+9QiNC1W2GoEO3WasmKrB/toB65VtzbtwQoEQ7nKM4CN54+eWEUsdhMpwOaQUeFP/lSDX2XtSUWs5SQiTV2/w==","shasum":"25fdd2563a6fb7ae282631d1d74572cf470abe2b","tarball":"https://registry.npmjs.org/@dz8540/custom-themeswitcher/-/custom-themeswitcher-1.0.0.tgz","fileCount":79,"unpackedSize":401761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1f6PCRA9TVsSAnZWagAAiC8P/3NebnkO+F3xYeZy8ZkK\nPMrNtyHasYfByVjkm+ZzTF3cSFLs3tzyylJ/ZjsuHFCvjBUFYgs3JvFWT5F8\nFTlwf0YTRSuAuLVE64Bc2A++yCynAdTfbMfgLotal/eqnB0TsFuwN0Nr8U5S\nRJTQ08Vspg2cqbiwLgBaRFpS4DjYP2+4Lw6OLgDYmvRMtaGx/KyCHDRQ1hJB\n/DW7B1K9RTa11UyVhu3vWZFR1YurvTfuaabGp+9izO8Vhqrq8ISnJpoCEchK\nAQtmhlcYcSU1CHf/HtzaegcMc4wetCQcRKHQ/vAb/HHgZqUsgCs88c+DpKZR\nC+N65AvKCSNl4jNizroz1mJf5elzUqhrf5vxqepIT6V/NqzvSSaOKqHSjzDM\nUNvIOfRqOF41b3fCfPAmbtWDf3t/FrEFaYtIrZucE9w4D1XDIP4VugAb+AAU\ngNIxVT6ZMq11SOsn+cWjGm33D5w7VVN7hbxtJHMXjNh8Q2pVLAqSs5aa17Bc\nxiAZiqxJhiBuM3kV6b5z98C+v1qq4SkPT1ju2l4Lh4DN8b5Byj3Ol6NKtCXR\nWOdWTxhhaWkLBB9LzYUdac35kzaeIn7gczp/3r6i+eSOl15jVAMT4+qfocrX\nplSZ1CDujSV3VTHHS1eAiFDinE16EMU1b8NPAOCs3G9GPvSX5JxyyT68xdrj\nkD0t\r\n=D1Ey\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRKZmN6Tmgv0uv1e57r7gk0L5gY1VD66oDOWaABnL10wIgX4+QBOdiAUcdoetBvWyLWQAocvVrgjnKgAi6By8NNNE="}]},"_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-themeswitcher_1.0.0_1641414287053_0.7861180396270577"},"_hasShrinkwrap":false},"1.0.1":{"name":"@dz8540/custom-themeswitcher","version":"1.0.1","description":"DZ's dynamic theme (scheme) switcher component.","main":"/Dist/JS/CustomThemeSwitcher.min.js","types":"customThemeSwitcher.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-themeSwitcher.git"},"author":{"name":"DZ"},"license":"MIT","bugs":{"url":"https://github.com/DZ8540/Custom-themeSwitcher/issues"},"homepage":"https://github.com/DZ8540/Custom-themeSwitcher#readme","devDependencies":{"sass":"^1.45.2","typescript":"^4.5.4"},"gitHead":"3e3e8b7dc2438ddef5fdbbf105f45358a3263557","_id":"@dz8540/custom-themeswitcher@1.0.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-xoVjk9ecnBIH1RY/yIu6GYtMmYYYyE5pVg2vzQg3dBZU0cXrcj3iYJyJDUM35vucF3f2Qjy4asitRTEYyRRMFQ==","shasum":"39a01bc1a8bfe639656b1e1f6e68abdec6085a80","tarball":"https://registry.npmjs.org/@dz8540/custom-themeswitcher/-/custom-themeswitcher-1.0.1.tgz","fileCount":79,"unpackedSize":402173,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2AP8CRA9TVsSAnZWagAAl8wQAJ0mxVNF1DlImQ8XejEF\ns7I6QDIdaEnauMiB8nnOkmprJRHgHdteK3APC+4R5YMMIT08N+ZXYX+o1S5+\n1QonXvcDN1pcATBI1bBgo7rreH1MIwebKJcuHsEv6zMlBzhLVCs93BTde0k/\n9ptDNRRTlOsrKkexa/frl1Q/4gCmf40dAxZVFawSq67aA5sQCJBHA1LCP4xs\n1xWGEUHYBCNnR9QDp3Z/HzY4ymGmBQlyn18rrWgAlNc/aiz/wtcYjl/HJ2nL\nEP85UVAp5PSlvN2PpHWWgqZM/Ra0C6pTJzW3mfdYCP+h2yWmtVUKTzA13A8u\nIrceTk/wRjR54ItGK9O8xuj7nDgg9LVyglzjxkiAirM/xaT4OQObTu7G+zDJ\n99uMxajLHEWq5irFKYQIKWWO95mbYksTBYtYGnfe1TgXgLpFq8MhGk/fDjpD\nE/ox9bjOxS/aR58i5ieam8f0PlPuFRr0yOQRJC95RwDha7QW5ZONNVvfySz7\ntEuFyY7WNpB2f/9DFHYQEOjaP1RKFir2da5QaTF1fiDzbeqs+BwpPdDij68u\nnB4QgQ79UuNQbv1BhDHD2vXDjX4UGxH8BBrKQWunLIXSRrrnCX9zJi6YRJcY\neF+MpKfuu8wp6G4U+h+MGMP6p0bEUU4AjYk7pX0Nh47oveOCy9RYl56ZLh2+\nE+Ry\r\n=n3QJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVHZL+K2OM11ES1+aXD/hsaKeW2B0NUAiEMC8+WV7WeAiAe5xIjnUs6mb/8afxHuAj60d9aFkEHnARaxSmXKl7zLw=="}]},"_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-themeswitcher_1.0.1_1641546748026_0.21538301669178783"},"_hasShrinkwrap":false},"1.0.2":{"name":"@dz8540/custom-themeswitcher","version":"1.0.2","description":"DZ's dynamic theme (scheme) switcher component.","main":"/Dist/JS/CustomThemeSwitcher.min.js","types":"customThemeSwitcher.d.ts","scripts":{},"repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-themeSwitcher.git"},"author":{"name":"DZ"},"license":"MIT","bugs":{"url":"https://github.com/DZ8540/Custom-themeSwitcher/issues"},"homepage":"https://github.com/DZ8540/Custom-themeSwitcher#readme","devDependencies":{"sass":"^1.45.2","typescript":"^4.5.4"},"gitHead":"1afa295c71791145a96a4703428f2ea11e0aae65","_id":"@dz8540/custom-themeswitcher@1.0.2","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-3Yy+kZS17kaSTizGzVhxylnqK0RXlNOEwISuMbT5mghCqcJ//M2gbyivrDz/AXpG8knL2c7ynqJizcTS5fdqSA==","shasum":"6e8964a95c8c3ad6026f01ad6d7e99aa0f4dabb5","tarball":"https://registry.npmjs.org/@dz8540/custom-themeswitcher/-/custom-themeswitcher-1.0.2.tgz","fileCount":79,"unpackedSize":402977,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2wj7CRA9TVsSAnZWagAA2gMP/j2IV9sA8KWAQQ+xDG85\nsUQfPqIkXcOd4Gaa+7whBB3ZG8EkrNJ4tegVuDrnA580u/CcRcKB320F8ZM+\nWAc8o1C1IpoCXqbnOHx58dj5gUTmjuSDjxqXeJgyB0f/zBTSFV2D8dm2ZHnY\nSmwefyIgZW9I2txvkYFO8aiCgAqQkoM6NM/2fmABM7bk3mmcZxmM2BDsE45Z\npYbhiApAR97HY6RDMAtWuVkawFX3K0dSOvlMh3s8nWNnW0Hoi8IJTNlPlk3D\neHZEYxEvaIhTVxXfa/yhrSCbVzd22jgDDPwVFA+9Hop8wY97LCqTgGSG6+dG\noak/nzZVsDttyRsG7PNJz7xVX/C98U0KuT95s/y96v6YP9fJVXCUpapiepDe\nvj4mB4//TJhYzBGWjIPvsaYKpW97wEijzSgwFfQM3qEIQblp/+yPqJI3e86f\nAR8qumOiZSUiZZXZqs/xW8F65PgSVzq30xrxl5kDS9VTMYy02e1T50CQj6ck\n7DUv3XcAOeBVd6TPc4UGqUjwP8WaK+j5vB8CHTPfQn6rk5TiNOtSneRQTBQO\nBb+Z2cDBdZ/RtvGru+Pf6b1qpmO7terbx1EPqn4MJsQTfcdzc0dnre5Zb3HZ\nYV1j3rSnE7/Ygj49tkKsMm4+wHcL15mhksMKQ1g7hqXyQLUVZ7ywM9JrPjKu\nFWbC\r\n=2IZh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG9jbOJPOcQd7KFltIvhl6ThkQyFMMVOBxYE63+xK7k4AiEAnIZaT3tLic7VIYzCaXEhK8RLMLWtDqFtSwwH7umcDmA="}]},"_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-themeswitcher_1.0.2_1641744635469_0.03197941876892951"},"_hasShrinkwrap":false}},"time":{"created":"2022-01-05T20:24:47.008Z","1.0.0":"2022-01-05T20:24:47.243Z","modified":"2022-04-05T06:19:27.714Z","1.0.1":"2022-01-07T09:12:28.281Z","1.0.2":"2022-01-09T16:10:35.668Z"},"maintainers":[{"name":"dz8540","email":"d.z.2021@inbox.ru"}],"description":"DZ's dynamic theme (scheme) switcher component.","homepage":"https://github.com/DZ8540/Custom-themeSwitcher#readme","repository":{"type":"git","url":"git+https://github.com/DZ8540/Custom-themeSwitcher.git"},"author":{"name":"DZ"},"bugs":{"url":"https://github.com/DZ8540/Custom-themeSwitcher/issues"},"license":"MIT","readme":"# DZ Custom-themeswitcher\nIn order to use, it is enough to find the element you need, and then pass it to the class.\n\n## Installation\n1. Via npm\n```cmd\nnpm i @dz8540/custom-themeswitcher\n```\n2. Manually - all you need is in the \"Dist\" folder.\n```html\n<link rel=\"stylesheet\" href=\"/Your-path/CustomThemeSwitcher.min.css\">\n<script src=\"/Your-path/CustomThemeSwitcher.min.js\"></script>\n```\n\n## Example\n### HTML\n```html\n<!-- In head tag -->\n<link rel=\"stylesheet\" id=\"yourId\">\n<!-- In head tag -->\n\n<div class=\"ThemeSwitcher\" data-name=\"Your theme switcher component name\">\n  <div class=\"ThemeSwitcher__item\" data-value=\"light\">\n    <i class=\"Icon Icon__sun ThemeSwitcher__icon\"></i>\n  </div>\n\n  <div class=\"ThemeSwitcher__item\" data-value=\"dark\">\n    <i class=\"Icon Icon__moon ThemeSwitcher__icon\"></i>\n  </div>\n\n  <div class=\"ThemeSwitcher__system ThemeSwitcher__item\" data-value=\"system\">\n    <i class=\"Icon Icon__sun ThemeSwitcher__icon\"></i>\n    <i class=\"Icon Icon__moon ThemeSwitcher__icon\"></i>\n  </div>\n</div>\n```\n### JS\n```js\nlet el = document.querySelector('.ThemeSwitcher');\nnew ThemeSwitcher(el, {\n  schemeKey: 'scheme',\n  defaultScheme: 'system',\n  linkId: 'yourId',\n  routes: {\n    light: './CSS/light.css',\n    dark: './CSS/dark.css'\n  }\n});\n```\n\n## Instruction:\n1. Component maintains data-name attribute, to you can set component name.\n2. Attention!!! There must be a link tag so that the component can change path for css files.\n3. For every element with \"ThemeSwitcher__item\" class in the main component, you have to add schemes values (data-value).\n4. Support for system theme change.\n\n## Params:\n1. schemeKey - key in browser local storage.\n2. defaultScheme - default scheme if local storage is empty.\n3. linkId - id for link element for change path css files when theme is changed.\n4. routes - routes for css files.\n\n## End\nThat's all! Enjoy this (〜￣▽￣)〜","readmeFilename":"readme.md"}