{"_id":"@ax-design/reveal-highlight","_rev":"59-aea1f12ceceb29ebfacc401ef09522fa","name":"@ax-design/reveal-highlight","dist-tags":{"latest":"0.5.2","alpha":"0.3.0-alpha.15"},"versions":{"0.1.0":{"name":"@ax-design/reveal-highlight","version":"0.1.0","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"gitHead":"5177b58de96ff1383ca0a4106e1caa9520935ef7","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.1.0","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-oWlTSEk2i1SzQP+yQH76JejsSmBeMcnQ1vP/40yam2HHcOn3DazAidUWCZ1tclT8RISHeGPVsAafhQ/Ph1eF+w==","shasum":"17223e844c8a852dc3c1db037429113d26ce10b2","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.0.tgz","fileCount":37,"unpackedSize":1426757,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+5Q/CRA9TVsSAnZWagAALloQAJJ28AdZjtU0rPwn3Cl0\nvwEXt9AQFwMM/Mj2ZIfXNA/DuiKeno0CxZ8Ai3ethXQAnDZm6bHPhXi02PQ2\nVcmqBrNL0WnhaDy6eWNQ+KiNLFncmr97yh3g0SCZGpeOSm8ifMGIDnXGNYDt\nTdUgAS3bB+XVUJNaVfGgij1qzJqHi7BLwnRT7XFnor1eZr0r0BJ3ZDrmsWzm\neAjWzXDz6R2Zuu/v0MOeQ0QPQT7sCQhTAKyiXSLB1u50R4Nvgq7hgFho4kUJ\nc+r43c6qBq4J8yrw2RPh0+hFkPeGBSj6ilnOjDB5rijpmiXSpctbTG+iPEFq\nNmtJikhGBoQ5O5tRi1W9y0e4R7+iwYrfaZzMuw9vUE5F+dEPlF+FHLr3RIDK\nJk1eV1vG8xZHALWmwNmJ+WXEBBEexECWT/qrfVu8u/CZGVRsedXUnmlPQDyw\nnK4uPYqaDgwO/AdT9rUwdlr5cZW5xruojjo75UiV4Cnzd49MMam/Oa53IP4r\no7UdtcoZeUqrqKyaF9v2fCatqf44/1hgS7kcXR/CaUXKeuC9dD25K42YStpi\naP4hjg217p3ZEQSCxFpxPUFqJYkLuiploHUJ92fAo7EmJsGPllJbu8o5ZAAw\nD+Y4Oe6rhV/bXjk3TryqakA30Qw33RdQxL5P7sFWnrvOFe0zfgqelVUAn1vL\nxjGQ\r\n=+vPj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7rMjtYAUkysrghJMbwqQvzBw7UbeScHSfCjsiSimboAIgRQWOoGEClsRE4lF/EC1USAz6eMO3N32YmUg61kbymaU="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.0_1559991358990_0.08664519168185603"},"_hasShrinkwrap":false},"0.1.1":{"name":"@ax-design/reveal-highlight","version":"0.1.1","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"gitHead":"0fa326877d3b83b13a4c44f066396b1c683d1672","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.1.1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-GdQcFsYZR1Cp35fJ0Imu1wSljz6ngg1sA3lsMQXD5In7fsBLRRv8KS/LzJ1r9PHjkuRnHhUMaXQLDQRCBak0YQ==","shasum":"6bba655cceca6569bd81352ad92dfd8e43727d58","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.1.tgz","fileCount":37,"unpackedSize":1427382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+50eCRA9TVsSAnZWagAAyS0QAIGjQoLLi3x8E4R/5VEh\ngnWBg7stz3iIwEZcv/OHA8AblUSlNvaPQeTrB5K6MV4fQd0l6bmX0Ey4wUP3\nVnCxN34whAscxl/rZs40M3yj03/5Bl2aebEfKiBfcKyBVYQa/MCJDtrSDOnf\nThGNJwLlwN9r64kSvNGntc/oMnQmkD5BJl7JQACtAlElSbqAA80FaoIewDbA\nQxXQ0lgt4nhdSj5XZ/S5RI1hCvtYVyHTZtUZiTS53rEChuTZoMw1WY5MM+wL\nQzCJqeI6BoxYsYITKgTIJ+SZk6SAVOWw7dhU25vwnw+S5DnW2MfL/giphSOj\nP0Jg+ZYr0XATS2/HYxH1a9SLHa9SNyLQNxMdfKV+bu8YVaorIdqpQrAKJbrO\nZGHExvRdKVn2LGE4LC3ni2yr5tCjMe3tO1TWpuTyJeKcYHyd7W39BtX7fSvY\n7O9tf/a8ujgHTc8mR6ZgoX8ex706/npnwXRhrKzlCBp8wVg2pXEraoDx9QGB\nM4F4UgFPSciwNRB6dEGigiVTHsrHadqQsvkzr5OEBz/VtSz5gVKjDfKjtqcE\nRzD8qW3BFBssLe7cA0J/dtFWBjjlWxNd0Qlhdaxqq2Qd6/TcZ2+ZHbTAlcyD\nWJMJ1D7c8ioXzriqod1YEqiv+b+E09obctpvRYyQaQkqffEQlDv4GGHl98Y1\nnJ7y\r\n=7xCh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxcOlSmjQoT8UzYSc0Nc8bAGHik4DrN+AW74rc/ok96AiBr1881RcuTRGJ287ZtKCdj0fNdGOhjNORSkW++5fcQKA=="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.1_1559993629361_0.5196019462344585"},"_hasShrinkwrap":false},"0.1.1-beta.2":{"name":"@ax-design/reveal-highlight","version":"0.1.1-beta.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"gitHead":"6cb48709d00ca4868fcc2d6ff98c4fc0cc762b11","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.1.1-beta.2","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-HyLmBWVvIaia54gcKP2k8BCG9uJBWmu9UJ55KzKjdu+bAuME5XWWkWEpPo3BzassUKL+cLd0VJRQd63EprU0Hw==","shasum":"cc71230407cd2f98e5b5d9820f4e0b6d46e2b673","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.1-beta.2.tgz","fileCount":36,"unpackedSize":1435824,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+9zzCRA9TVsSAnZWagAA724P/1iFql99AMW3c0c+Xyir\nZ/nXl+DkQJrmFWhMx+519QAGiv9OiAmooy7rmGfa5PWqK3PChLb6Uw/tIAlc\nGRHJWMrYfT7C6iGfMBR6mAC78RxahlbdBQeerH5ZLxLuNZBlwrZ+DdLGzo/E\nh6VloguWcXxLmRCDe/UCxd8p4+kWEk6dBRBFVLXLvX3+FYEtfgxXWht63Ena\nA0HgXE7tfn9msS2ms9BaN0op5gNS6V9WG8nM5g3IpHkrrs+LxjGycF3vWQDC\n807yGv9UKBmET1+jNcvDRH0wSTDSmPm8yRGCrzX8UOLw768TGR8nGvXDEzqT\nb3YSHQwZ/HqE6k396zxIPrOzF2bl6gyh3dlnbzbEmaP+GHCAMLDNC9Wnay7E\n86bEDnKkWd0xfsj2aFwRv3ivFNE+TAk+7NDYauY9Vm8frxDO3rSsi8pHe+E4\n2sX137azYuAbJY8BSgogC+mH31o4juJpZjjw0rKvAqEqygep6rvKFkchbeFK\nyTUA8hlAmdkL5dkJf/GK4Cvbi+/rVjijncrvRKbGEk8/jwFEEw6RPAbHLsYN\neEqTaAQseEu3ZU40irxFdCIFgF9duMUyPovYe3bBbnGfRt+REQm2q9DkapuR\nzhtmpqKaePY2PG0K8XLjBAxNgK+rV4oAex0Lfe9xwLdaLQygJCOOqR53H+AP\n77jv\r\n=4POy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEfoLV6Hzox8kUobCUUV7ysp74UwvhlBlpFRRTB5ePTwIgZKf2hFANVfUe/3npr8aG4kOFVVgNA0okDRnimo4cBmw="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.1-beta.2_1560009970557_0.6971773992087951"},"_hasShrinkwrap":false},"0.1.3":{"name":"@ax-design/reveal-highlight","version":"0.1.3","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.3","dist":{"shasum":"5d3d89f0029ebfda437ef49ed68925926c53f582","integrity":"sha512-n0dFn652GFYtmb/wpq2Z+LvxFEuXSK8YZzZbY9jc8aaUxZ2EcOAnRkFGNJoUzWNx+1er/NT6KhkRIj2NPLCV/g==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.3.tgz","fileCount":42,"unpackedSize":1368001,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIAGECRA9TVsSAnZWagAA82cP/iAHUAoi6DEkILoRYp/I\n/uj5BlZWRoFTOyd9KshbzWhYt/eT1f7L7GJU+VabOBIOx/QRsvZIg1a+dog9\nQ9cc5mpilhl3YSxwN03J1l/t01aqiS/ItoGBzaz1teW8h5731wZeoLQz9qYd\nIgEsURQ62sx8dv2Ha9EScoqlG3VmS27hzrQGL3QCngS3L71XEwhjMyiOtv79\n3jFXvaUnN3a19Li3stC3QZGli+px4BjHr4A31JqQFsa9vZOcVSmK6lWXZZzO\n3X5JZePrRGOtRP/xkq/TyCQcpF1zrKNn7AeY2Z5iFTOGzVBrAXnxQg56+TDg\npgyD2LV2e2rSiFu5BxUEqlzscaQoBngpxoXWhcjCDqSIkIScMuXNSEB+XMbt\nuGN1gVwqInZsN748MIkgP20dHTBdHv6A96dsE9pwy4+GMdvI8rIzJW49w05/\n4dN2pxpjyyENEJmRSYNv8os5A4sh3BkaXskaPnbaf3kvt8ctsPKbLjmQJhb8\nBEyIc0gSSsT/CzLeU7xXSYg0EMF27021eM+APQ2UN3ANuVftE3JCrT5UfTrA\n256pCaVxTZy/uPWqOq2a6pqFjvWxoStpGBHAUAfApUcBB64tHbCsrDND2Pm7\nn3S+DddaF/EooilRnLz09ok25q4rwa3XRWt5g0WjqgcrloYQzzk4/eABsy2M\n14SK\r\n=6JQg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk1VuncsC8dvtAHa6GEq+jxT/PqkyMad5X4VMUxuu36wIhAIZFUXEY7FtP/q3GOFwRJHdZBVxt8Nk+s6pcLbIB7H+R"}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.3_1562378627674_0.864112719834758"},"_hasShrinkwrap":false},"0.1.5":{"name":"@ax-design/reveal-highlight","version":"0.1.5","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"gitHead":"420df41674e1c60c0b5c78ad1c8d21944cad26a4","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.1.5","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-zdrgIX/GYA8y9TYV8ZBq0p53UAYRI85dJ6QJ0e+vNaikYO1yGtCKSwFbodx7HQSHGOG0iGnw79ZFNq6iN2ldug==","shasum":"38aaf74988bd8711b7d0e443ff307b7bb32d78e8","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.5.tgz","fileCount":36,"unpackedSize":1438929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdO7EyCRA9TVsSAnZWagAA6FEP/RmYc1RkHLIQFYZlbrWU\ne3nT5tVfpOR+YzJHj9Ga6FcsGHZAWtm1+5KVGp+Xu+B+jNW33NKffghMqVd5\nz6a44V0dmH4NEr1+uJh7Ntdiiw9nQXZjQ3t/HNlaiD4NfgQZbJ6Rq9a5FGNs\no5zSZHl+YLYFZWxpeqnMhrTSlHwO2L7U77qukk0OX6jfjC5S9tzw7Nf5iOe4\ngjpTh7yRYPGZzcYf5mijWU0nxREVjo5vUmXiL54kjVWZCycCzXk56en3qoe4\nGRCQ9CGBueI4ILcv6HCkDZSAf7D/FRcU5PtPlHzqj7GhWlSkIw5Nz39VsxEW\nXf3iZx3zUZgTwPBSK+HYkxk1EpatIadOwzlx0DH6XswxwrLgkbAcKAeH63Wa\nM8jEqPhpxxlRw4XtUSjdJ0GXByIWb+g/sXkaH65kL3M11awUx/3+Q28zQzMV\naDxWNWBy15g8r5Dtex7akckbbl8eQIeQQeE1Or9QhUxVsRzPxghSocEbHRof\n9xVtlyGWohL3iI8E80QX5o7PMt0TOfXP8dMYjGovdKNx9OnYOa8GBI4Fe+t4\nNf2MNnU4AOulY00bmglGhMW6zTIdrslFbz0D9VvH2NLBIkuINoloUIB8h+uE\n026jHGQ7V4QQUUSNQlH5xXk3950qrIMFCyEQPPp88YcWklCv3ZDHOCQDQnA+\nVXBl\r\n=w8wK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhg7dwznWQ+AjPsjwoAD1hAfoBniXpDYWXeUtFgDBdyAiAXcz37CezQ99qNAOu3TEKJ6pNqI66tIUv9OiNPkkM3qA=="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.5_1564193072990_0.60524541843584"},"_hasShrinkwrap":false},"0.1.6":{"name":"@ax-design/reveal-highlight","version":"0.1.6","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.6","dist":{"shasum":"087324d0b226a07c87ee124c732e0ab01238a962","integrity":"sha512-oGX0/VjzQwNVLgFsVOmw6xHwNfltny49U+JuEVWZRfvL/wtFoBYY2cMz9P/uE8vCHq4OP1Q9jl+17Bn2nIkCHg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.6.tgz","fileCount":42,"unpackedSize":1369751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdPO0KCRA9TVsSAnZWagAAdG4P/1hDR/fnHUWGQRC0HCxL\n8F7jklbKqgyMb3VISDMtWnNr+KHoosUqdgGZOt2WhKJbQ/zFORRi9poS0GaB\nH4qbnRjBz+C73vi2u/aKzqbUZ2mRepyQKu7i7tOgGr0vA0RwXmrVrKN/vCmI\nzg2/VZuUKCA2XiE8QmHzs9D9M15j+w/06GX3lIMozEJRcOD7rEkc7D6/9QnL\nxYZInbiWMEoRr5JFFz3r8dW8UX5u3vjYhW3NQKXaR32g2owAUszn8MatTTdM\nuOKxebIeHzpkhRH4d+GgOnpIvtu7U2btp/2mn4E597tOqocobdeUith4Oyo7\n/EYr9tHEHcxFVAzVgi2jRdSj7SLfKY5VnfUoESa6DENK9TJ2YE8TF6gmsnHE\nIhMEceWm+HrcV5R5JtnO/jqwLA+n1CV8f+XBCW6SXFxXXusN86Qpezm3UFq0\nwDQZuyJxjrB7oInVQ5ZxJ4A9j2U+tcl2d7lM/ypduSjTHZCL5IRSTWkPO5G9\nCyq20M0JHzR9FXJxBkNqPoAMtHrfCr+ZILpSdWGTNx/k9AQxNm7cSCH5Url1\nqhHYCBNCgUSEKA3ivgpV4dpNc/1qj4eEywKBnbEBHikRWgOSkw5Vw4+2trA5\nI0yZDKW7YkCMnS3UZeP2NwdA05yXwH36CNiqka/a4J2pNfLDrICB2uFYKq18\nT8tY\r\n=bZOX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCUYvTIWM4RRFVqElYofawY58BsxCwleRRuPX7CcDJlgwIgAtNsArHbrbnUXzkg+aku6ZAidMP5diqEFP/zBQpV/mc="}]},"maintainers":[{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.6_1564273929397_0.19418013541264378"},"_hasShrinkwrap":false},"0.1.7":{"name":"@ax-design/reveal-highlight","version":"0.1.7","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.7","dist":{"shasum":"761b4adedb5f8d38ea154ccecb434c333bff7e8b","integrity":"sha512-If5vFpk1W93Qd0i/81mpmjW1TIgb+tvMku9qqIG/8ZA0flEpddggrXdJjg2LURdYscA/Ud31Ay79rjX+cFTHvQ==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.7.tgz","fileCount":49,"unpackedSize":1382080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSRU/CRA9TVsSAnZWagAAxeQP/30Ozlo3uYH/Jhh0gyUj\nIqTG5ZLbNVtvDJb0c6cpNZV7hJL0XDcbW8LRwyQLD0wy2HjZSLDBWi8qvBCg\n1LuO4b2Mq8MzaVwJphYl+MH1dwJVt2eTNgUNfHKwSfCyHhxvnVONNKY+CVQO\nusRKkvGObh9384bqShSOyhHI9SaYOqy9hXKOtQYzpzHI6e9RxNN9uAwZbhLn\nuovVshVz27I/jsZiTjJOBynSnT2Wv+AM4LSzVX3AQTkNoGdRJ4wQ1ude+M8l\nCc2qibvGlOo3zHTMzktNd05F2W2nhDMOBJlvWuzRKHyUnQxeSbyxKZ77nsTB\ns5RSU/RnBFHuN87IxiKaLS9kEttO/0k+IL2+Y72JZhscb6yDNHy5YqwuQK/m\nLLKQeiSJPafpVPpqiEXG63huTQw8VnnR95PglIF0B7n3mN67bBp08AFOQIMc\nDM6nfxvYE5qKkIrqI4iz/JWSK+tiGcxjeSC7jokDvqvaLjfJ59sMW9skGieK\nExUmlDJkO64OeDeyIGQbwBWkpkVAonZEmrirNP3FcW3PWP1wLDRPI+HaJCJl\nXhiAQYUMKiU5ni9eH/+e4AQKgneWDmGnf1Fs2c3IQz7vJQ4yr0MzLSsifmso\nK44mqazvYyM497WW2kfAt2hi4tuPleshIDY9XcNR9HMZRLPiIkogT8/KZctT\nFwNH\r\n=EMx4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+PZIQtwWGjjMEZf7vF2OKiuN9koR9IFqhCRUDGVyemAiEAl4hqBIXCF3A9NR+4JvIXNq+6iLU8NLWuxyaupcazwE8="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.7_1565070654927_0.6484828415952417"},"_hasShrinkwrap":false},"0.1.8":{"name":"@ax-design/reveal-highlight","version":"0.1.8","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.8","dist":{"shasum":"454e800491d369a229ed0ef9720c411278507c95","integrity":"sha512-SgRNTiUVb+eYsd/c3HwTfMxZOSrC9hTu4D0mLLZqox13MGie72cChmnFFDLheM1ThSV70BY/G2OYx7LZKNaWJw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.8.tgz","fileCount":49,"unpackedSize":1385455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSSqJCRA9TVsSAnZWagAAiTQP/0b9e3g7HDI/HxWWXbmc\n7QrrSMlYAqk2CDaEVCIN5vprI1WYoIRCQ/gPby8945JgaCWccc2Olr9n8awv\nCCZ8ZzW4i3hdmECKuayRJ0KTTrVeJsaOQz7Ad6IRd+hJfX7Z3qYQr8g4IKvk\n0kYWg4nsnewEI7r1cJCVg9TwQhYPdDx5eKCnG/c2hJrMwdpIp8FATUw0sa98\nYlaxZgTEICjjd3TQeqqDqRAPvBw/cN8lBCek33P+AFWfkRqFewPbWg1vzEcJ\ndpbt/WDwm+/ON8c1duexuyHJA++6QvFP7aJndcvFEHBXXZeiROGfcZnR5wx+\ngOTEhpuSiU0/Q1n3XPuaME6fmXUtdLpsiIVodEbt/pyy4v86zsi+MRmrkqXO\ncxSbA+UOzhEUlGxUqVZGq0+FZfpgedO8/klKBXcElJQqNAncVxi+N3e9tKYX\npy6kUBubsPQeehcLiviMQnExvymhFVeSdyK3Y1fQWn4ZmouLsEQLUIAvz2h8\n2/3NAXu4orPMspmokPIftsFBF+TU9zTh5X/jlO40W4OVMxwFLHa0qcwZdDdj\nqqK0REq1UVWWiT+BmfHSGaeq5pU2KMWD/ddcWzlRr4JiO5+GSHnO9SIZpOLR\nLW9LsMVEIQn4xOBA8ifIXqfDYdMwWQyHsat1u2dIpHk+FEktuVmDA5pDe1x0\nn/v4\r\n=825u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkN0hvcIYQbZnmSzTnwG6neapte+VzaPdzLpVeH4OwnAiBWFOHolrFMDl9FinsfgYPRg86K22CsXm+V/SO8Ygf0Qw=="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.8_1565076104170_0.8543782073803485"},"_hasShrinkwrap":false},"0.1.9-beta.0":{"name":"@ax-design/reveal-highlight","version":"0.1.9-beta.0","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.9-beta.0","dist":{"shasum":"b43c781296481a5c8ef61ac2f99ade488d3e4196","integrity":"sha512-tOJxo7HcSi+gWcCYtfKanVrvsqL+M72bLFZ/JEhOoBHZA/M6eWT2YmyGY9Puga7eBsIVD212kMCyeO7TRy0Axw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.9-beta.0.tgz","fileCount":56,"unpackedSize":1399513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdYnPhCRA9TVsSAnZWagAAQCEQAJtEu1ylclR1l/Acb1xH\nYK0xiq26Lhb6XYZP+9CoiRUsk9kORnj/kSDgCs7Xvzk1svddoS+bT8T+oMiU\nfAjwqTix+SYjZHrFr8EueoHcftfIGwlQ7pJsdL5FoixyW+s/ADkH59tdgESr\nbk+HbCR5719tTQ4H3qJOeG3c9Z9ojoamR7U37ygvsdC41cPPgctnhE4c8PVQ\n4FPL4V4zLorb7WRTtipVBRerqIWlzfQGy0U2mcMi3YG4rWsNpK61omJcv7b1\n3OudXdKfPjJNo8l/QpyWIdkdy2u7iA6qnRYIPS+n/fGOVlY+/DpADTWeXxG2\npam/HFYCf4eZPryxBUxPiwsn0kEfVg1P5tot+H/Pxw+uvAKs2z82J5gREa1a\nzl+yVxfXj5w26ZZmXxbDW4DB2n3znXFqaQnpWOVXe9JaIlpjSTq1wvRhneht\noab4ao5u/FdhJ9FD0Y+rXlRKulvKkB+hYger4R6LJ2BX2lDxFTWTJ1x3ttoi\nc1RmLseY7ovkbpr0qUso12CnWaMtxTxall7LGEQ2DhV/qEGzt/YV2LDW49v6\nyv7GeP8132K6Pzxsqse6mw+lv2WQQUaBEU1dN44j4CGR1Dv091B+B9eyTvZW\npYB6C5fpyE7qyuxLOobnzdhP8nPvjjRfMLzFQsLeacNJLlMnN/xUfz8AsNTQ\nI1aq\r\n=tfTx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC38dDQaVa+nvu/v9BIKH9+HthkFFWS7QisymO4Q+kbWgIgOzcWt55C1bTT32ItmcyaUtn2K1PG7T5jQl3v0A2aZG0="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.9-beta.0_1566733280495_0.8197130977099629"},"_hasShrinkwrap":false},"0.1.9-beta.1":{"name":"@ax-design/reveal-highlight","version":"0.1.9-beta.1","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.9-beta.1","dist":{"shasum":"b6d741b3c2afd1a1de1d5c9ff8407f93a85b720c","integrity":"sha512-X1w+VpB5K4Y8EIdBeNbl5XR9YS6VcOjGWFANncj8IQEoFHEv10QOUDVY3E7nfZm6bg0lGJQyCid6hRVM+ujnKw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.9-beta.1.tgz","fileCount":56,"unpackedSize":1400467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdYnkACRA9TVsSAnZWagAA1uEP/3Ept1Gb4iB9AqCNGVuo\nYYaCzQYaOroqy4OwM5uMlVs3/Fvg/kymdi39x7bqbqPXRPxjoqgyukowoC6U\n2Jzh8cdz7KOlVycozwTRsCVipqPpvFHpoIn5vDKa2CzFwghZxv3NdcdZe0bq\nNHXdC9ivVGHpNWOQNv11kBiYXNehoHQhsJ0HsSQbW0tUcrWsM/ehEBmfqF5P\ni/ybSkTyTU4UEyb8Wwxn6qB4ynVAod34rIVI0pyPZLk6uodwxHL/wgYHJWTI\nz+C544jfFWVYpo8phv46pOlp1VZoI9fsF2efnKIdY920Eg53PHUQRy2TN5On\nzZuvWTw1SOdbjDM9RgPmEQu7otL3HTgjqAAYBCLggMct+2fnxyS/vyKjRKSo\nCWYT0BM4RqiHx0lcfAdmI4hcS+ABDQkd9i9HPw8kknJ3SfWnNDOZt6wM0yHn\ndeSNIiPdNMuCq5Lh7r/AIgnUZ3g4jGrerQYq7L4QNRzjYycaDhtv0pSFPmUy\nGCU5e4c6bs02wGEnwULZ2OXx8HR0IBvConel2MqWyCD/AjkPKWYvO/SkXvZ9\nl0xZ7wKHmYlUOZ3NIJwt0VsY/In5CfazkDXed9w9ePQq2K14cRZZ8dDMJ8xv\n6HT0IiFdEnQcRTp5ZV2kfksbWe1WDVx/Mw8aN1ILspXDzmpJuTpQxffiUmrQ\n2SCs\r\n=cjGR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGwKIwQCzMarwFu5+uTMRFTt65vy26HslkS8ucv0vh43AiB7pWutgxca5tqfWDXQXaJyii3XksTBH/bY9tpBnm575w=="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.9-beta.1_1566734591899_0.7090208242936888"},"_hasShrinkwrap":false},"0.1.9-beta.2":{"name":"@ax-design/reveal-highlight","version":"0.1.9-beta.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.9-beta.2","dist":{"shasum":"74514938eb3ea5547bd0c2eae5728cb89b6c980a","integrity":"sha512-7KemazMYAowzdHlAzRE14Weo2JJlo7A/iywEcFHHHa7vNn9GGUi9NeifyJ1qMUWQFD0lLnOJzggyVgxmfxf+UA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.9-beta.2.tgz","fileCount":57,"unpackedSize":1415348,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdY901CRA9TVsSAnZWagAACJUQAJ4hmEtYyoLArovhjzXE\n9bF+Nc2Ni69KWaaUl4ZdQqJOiDcsvlEbgX5DC7Ed2WhgUkv/5kpDL5V6vhda\nbq4F6Gk2W0v/8HC5nOMph9tNYalOaV+J3TOYILpNVSTtar0FDt5qDVdUA5px\nWHO1aDMOXzH3zZRzufxiOYxqeIj5GapFNUwJ28kjHyvi5D0Ip6SX3alXyjjk\n6roOMTVIFjDAHtHU6/OTF+LF43GXKN5KoTmdTVbMcqVfOu7DQlgx4s1pyU35\nu+oH/fCxkyGMmqNtomGg/Og6Q4cu++NNC/Xl5m1sFxnxKY3+2dysdLFZu0ZZ\nlAViG0hLjyWOWOPfbc3bsLBym8Vk1RFbqmYojuTx79RyJXV3U/nmS7EgW9RC\nook5lTS3dLpneshZ+MolXaPsWcKdhf4jhEO78IM46Zzer2MKoecqTuS7e5dQ\na5PJuWsDy0UqhWaDlb7jym/eMQFsH9uIf+meWRrFHPfVY4h/S0Ydl3VCUn7M\nHU5kIXtxBs4tYTCAdjkevZINyuJB4WmKRsnPQhNlAybzo9N91mb/jrHTMN4/\nn59GdEomMd44OOqnqy4gZEpG8YFTSGLLo4CJEYgR6UvB+2r5plyjiq59H6Du\nfX+ks2PazSYYl8YI1qSiLRyH35n5U/DGuPxepBSyfNIVFz60XqcDWEJAUHzR\n7yTK\r\n=xA6v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDMLrX/5k79Nax5a01FdWfZrMHWyGJIRjRdAdiJF5fTwIhAN938zYuAQ2EmJmfsEDebLiMHOUW9GG6fxB9P39S4p+/"}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.9-beta.2_1566825780113_0.8266195817009494"},"_hasShrinkwrap":false},"0.1.9":{"name":"@ax-design/reveal-highlight","version":"0.1.9","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.9","dist":{"shasum":"a456e576d0c014943f9142756e3e856fcc9fcbac","integrity":"sha512-b4E9vx+ycvKltgkZvp0g1AJRNiSxa1dryaUZV0MP+LvdRaQoGu0RTm1qyYV1jh6maxsvue9xns3s6XXCxvlTRA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.9.tgz","fileCount":57,"unpackedSize":1416242,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdY9/zCRA9TVsSAnZWagAA91MP/RHq/NTOdnHUclrgP39S\nsurD25Kk9UPRhd17is8XkrBRnXXs+WQV5v+28UV2l+N9XSUnxmALN8b8R/nA\nrHqBOu1tqsKJWOl2GgMwpxc9dKWTQ8xT4o+OHvtoc8CXbshpl1yNSDGWPuwN\nDn0IJ18z06Cmli/kgjkjcyS88CRt0ExzAWUlF3QGEs3WhUvhTKhzt+um6lIs\nEI2vxEeawNk1IDgFK563gszgb7kvELaqcuiuEyDq8YA3j5D3Is92wFaa2jv7\nxEpAgTTN6YMR2lGJ27at6d870/kja3K+d7F1bexgHJfqipP8A8u6I3U9/pzC\nVlOTiWElj+yVLOCRsvIamczxPpSQ1361ywZw22zdf97upCpoSnHFEl40pEuM\nolpTW6euIXlVrMA6zoXeBWxSB5mMKcdX0APArObkR8Arm5uWs9DnPqqWLPov\ndXShgECzNyb/zZpS1KkvqQ2MFxD04aFUpxvNtWNUv8LoKYi2VMV1KKAc1pai\nyuBT1WmnMwCJV+tHouTdkRhu2L+axQ0MssgnJuAYQhlz8GBaDCzQanCG9qGt\nsxBFaq76KxQ6llxbyh3xq5E5TSTRbVOdxlV+oGdeJ99y4syUogSDWPZL9tQa\nkADWs43/69MUqxUXJmnA4oDPhCSgj9lzCqpb7TgtuYtOX/KSALPH/Y7OFWAW\nUqER\r\n=99y3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICRL0VDBZrGeiz3Qx4zDnAVHI8nbaOMccISE/rAlT3c1AiEAmY+4THPXTX57FTxTmpSn51hHVdJm+Tr7A+p2ORdZpKI="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.9_1566826482721_0.19904286015621087"},"_hasShrinkwrap":false},"0.1.10-beta.0":{"name":"@ax-design/reveal-highlight","version":"0.1.10-beta.0","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.10-beta.0","dist":{"shasum":"aa883ff4e9b9203ec6e2fae22f9d4e7bf5d44bd9","integrity":"sha512-Zk4sZ0KRVOnn6B4ZpcZdXXNY13XRpdxOgN7jUV5bbeqEVqS0OmFdzZ90fLlhLpp28/jBUY0T5MCHLkdcacg+7w==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.10-beta.0.tgz","fileCount":57,"unpackedSize":1418395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdY+3YCRA9TVsSAnZWagAAc+oQAKOwo6V6ZZpU2j6g5QGL\nUOsKM6yRtsDnSWTOnTk+t3MnjAIC+kzL4ZsrXGExq692hdKHPYc4+CC0aNI/\ne118CRNi47fBBB60E8IhHpEBSTY+/mU+6xS2WsXBPKdWa2Vb6qMq4/kRkVfk\nIat5wsdDqg9PVKDMiX++mp5/o+aoKEaXAdSiWUHQ2F8lTQZTWBYHccYVjwl6\nw6a3G7+gEjNiFMBZtT0fQFu+sPN81LfAk3Lxsg8rdZ+3LFqghX8wrUiC0qAM\nBWFFPHTTOgAjwuhsWo3arQ30oWpS4904Zl4VtPdloFhmKkoagO/S062e7u18\nA6JjC5t3ic+0GGeVQVn4Y/ONPw2qzL9Eq5XrhitXWv/COd2YRGjJQl2k+ETU\n6vGatcV8zK5xJIbufXlDBHb2aENgjSkBPFuTuyKQdlu+HDeslp3w5Bi0MLc+\n9ae9qap9T5ZFTFgvMnRW7YdJP9xheZZzzHteMz0MsrAOfELWb6eUvsAll9hM\nvu1XwwE7+W1fXhgoKoKWgSy8wFbS2ja5eXthNL1mJw8TLoODbEpjumw/60DT\nBLhOWwhQCXKY6PNf2SK2jecyako3Pyw0N1K1zGMlesdWRn3TnA1hQHmWesNO\nPse7vfAIV61FJ1RxwlS7/xNM3GdiI0BMNXKR95ZpZGB8IpFUYtXtVzLv3Wqv\nLmXR\r\n=J+O5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDp1BiPRIvAO90CkhUQDtE7vq3muAfyunm/frWQhPIguAIgPMZFfNY+OHxoWYXbbJZUNz6eoNH7F9pqeZcjNKO5B2I="}]},"maintainers":[{"email":"stingzz.go@gmail.com","name":"balthild"},{"email":"zjwpeter@gmail.com","name":"jackworks"},{"email":"losses.don@gmail.com","name":"losses"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.10-beta.0_1566830040042_0.9638223279605183"},"_hasShrinkwrap":false},"0.1.10":{"name":"@ax-design/reveal-highlight","version":"0.1.10","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.10","dist":{"shasum":"a66322f5152107d8a562af3463a28c31772e5cc0","integrity":"sha512-gTztpofbmxnOFvwbnD6D4+HSwc6vW/jjXazfZ+f8CYyP/Uk6+2PxARXDB6PIKwjP0c3ePR8DbspVRA4RExHoTg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.10.tgz","fileCount":74,"unpackedSize":1410870,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZZLwCRA9TVsSAnZWagAA5FQP/iR6iMY/QsSm4aKO9Q+D\nlgeXuwnvt0u3yWY9923g+gd64XUQmnkB7Z0TnPfOAybelQzYv3bUslTTnJaS\noqRpLiT7/9tycW+ovJ5QOj93WFObLUwS8jO/DXSct4VKhmoeFlVwZPj6BSah\n3nKRwYiQw3zPpSyE+t9uUZtdg+WIaZ0fEqC6XFVcOS9ALAg20tN5KW+f7JND\n5REiwh90Az7ORmVo7t4hc3CKFkNbVwVw0ad0hc2ZQ8OoprvHxAniRhTulBFV\n0qTWsdRdbobeJFHoK4lV87HdYkaHM43qo0Eu2ir6gneAXGcnvF1RZiiK+re9\n5YrtDIeUWRpqtREWUT+BKjJu18po4LLll1bqSsw6lW44kfLoyBA5kgrtKy2z\nXpt4gy7yzx6giscEg7iweQ+vgmC0qHXzzycMUESZYMa+kQhP8r0Sg57BiSRt\nLhODCOd2cxZOo1rHAgnn6KNhgoaFR+SGYdNZ6aYi9hjl53FHHaoue2Mr8xnS\ngEH19qUV2YHux67wcGcefCytyKbG2TP1/2vit3SDCvnr95nTMW/9QRsDqoUb\nIYzw//EN5E6hvCpW8CHJOwEDfTR4hnMJtg6CIUdFY0RE08Ipv9JqQUU25E4d\n9kV+QCWrtDL2ptAS5VP2CQC2nQPKWi3e9EQmyk+TGRlw6XdJTJY5fW3IudcA\n+Jau\r\n=3WM2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5UaX8HeOgzG42t1bAm8ra/4jR4dPC9Up11DlfVEe9MQIhAKzE8Vs8gG4hMQmR5w7p9/t3RAe/YQW7SdT74SIEVFNK"}]},"maintainers":[{"name":"balthild","email":"stingzz.go@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.10_1600492272210_0.012594904410273555"},"_hasShrinkwrap":false},"0.1.11":{"name":"@ax-design/reveal-highlight","version":"0.1.11","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^1.11.3","rollup-plugin-babel-minify":"^8.0.0","rollup-plugin-typescript2":"^0.21.0","typescript":"^3.4.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.1.11","dist":{"shasum":"8a916d8c185a3b72c34acc89e2ac06f8ceec359c","integrity":"sha512-OLHn1t+r4QUhsekRMF/VXs5ITZDyFMTfEVTRIP5yXkeJTkxB1J0OBIuI9BrBEnSj6wkGQqhn/XmFYNbsxPVyJw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.1.11.tgz","fileCount":74,"unpackedSize":1410899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZZQlCRA9TVsSAnZWagAAXEoP/jSievHZmwqMniqjrLW7\nidQV3YRqNuLnFmmPEnxNAUSeMNCpXHqZrq57Bh7LAjD9C5b8hSR9L/o+vjel\n+Xqnu6OJmSnIW87ISyCJaAtXX5r7kKPWZGrbUxBBUBXU12oTaicqC35kFkUp\nzksxKftR7Hcrf6Yo1LfBXrwT7sPtbTzZLPGLGhERKY3L1SnIL0jnfh6lS60Z\nNFZjysfq98/Mbr7lHkX1p2Vm7sw7K7lDyMZx21NKSKhPoXSO8i4qobIVYB30\nConj7tU3hdoi6hjNAQmIRvPMRDxjoQGlAKrsLHntnl2l31RWZxnOSM7A2EYu\neVcN5Id4GFsEIHmA1zVMKCXHDub0XELTGqKY6OZqYKwKdPbzmDlAbzy3ZrCk\nwk7VaBAFQ6W1fJYNVnX0AkIwshwSI218WM1MYgS3E2AK+MpwhisTbLX0V3/m\n/X+KlBhcgzyzU9BAToCwI4+C+yfx2Ktr8qOgxlCP9fWbRPd6+2A6GJZQUc5d\n9vu0cLrjgixDwaDOfWmKhhSaKlIe+1+MUyqtT7/Bjdw1ux2eF8ExJmJOHAKL\nV+qQzEFcstj80FbEssInHIvfd4lhmmKkZyGw4iz8mpE5jzcpE9fdMr7+2K3m\nwgPruk6ZfgkLIfAZVpjsIgPO78Dnu/rWq7Shp5262UNUq9lzkU/REMdNPTFd\nt0D3\r\n=RF9k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8DrmSlsWmUTDLo0yMCuObMdGpiikrUK3U4GHr3Fe53wIhAMM0r+luiqEcdlYmWus9lyncG5p0eCYaEvT5iX+MQtiA"}]},"maintainers":[{"name":"balthild","email":"stingzz.go@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"losses","email":"losses.don@gmail.com"}],"_npmUser":{"name":"balthild","email":"stingzz.go@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.1.11_1600492581248_0.7913522437892322"},"_hasShrinkwrap":false},"0.2.0-alpha.2":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readme":"<h1 align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\r\n</h1>\r\n\r\n<p align=\"center\">\r\n  React component that implements Reveal Highlight of Axiom Design System.\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\r\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\r\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\r\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\r\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\r\n\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\r\n</p>\r\n\r\n## Installation\r\n\r\n```bash\r\n// with npm\r\nnpm install @ax-design/reveal-highlight\r\n\r\n// with yarn\r\nyarn add @ax-design/reveal-highlight\r\n```\r\n\r\nand import it:\r\n\r\n```javascript\r\n//CommonJS\r\nrequire('@ax-design/reveal-highlight').register();\r\n\r\n//ESModule\r\nimport { register } from '@ax-design/reveal-highlight';\r\nregister();\r\n```\r\n\r\n## Usage\r\n\r\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\r\n\r\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\r\n\r\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\r\n\r\nHere's an example:\r\n\r\n```html\r\n<ax-reveal-provider>\r\n  <h1>Welcome to project Axiom!</h1>\r\n  <ax-reveal-bound>\r\n    <ax-reveal>\r\n      <button class=\"ax-reveal-button\">Button 1</button>\r\n    </ax-reveal>\r\n    <ax-reveal>\r\n      <button class=\"ax-reveal-button\">Button 2</button>\r\n    </ax-reveal>\r\n  </ax-reveal-bound>\r\n<ax-reveal-provider>\r\n```\r\n\r\n## Style Controlling\r\n\r\nreveal-highlight use custom properties to manage the style of highlights\r\n\r\n### --reveal-color\r\n\r\n**Type:** `<color>`\r\n\r\n**Default:** `rgb(0, 0, 0)`\r\n\r\n**Description:** The color of the reveal highlight.\r\n\r\n### --reveal-border-style\r\n\r\n**Type:** `'full' | 'half' | 'none'`\r\n\r\n**Default:** `'full'`\r\n\r\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\r\n\r\n### --reveal-border-width\r\n\r\n**Type:** `<number>`\r\n\r\n**Default:** `1`\r\n\r\n**Description:** Border width in `px`.\r\n\r\n### --reveal-fill-mode\r\n\r\n**Type:** `'relative' | 'absolute' | 'none'`\r\n\r\n**Default:** `relative`\r\n\r\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\r\n\r\n-   `r(border) = min(width, height) * fillRadius`\r\n-   `r(fill) = max(width, height) * fillRadius`\r\n\r\nIf `absolute` provided, gradient will be:\r\n\r\n-   `r(border) = fillRadius`\r\n-   `r(fill) = illRadius`\r\n\r\nthe unit is pixel.\r\n\r\nIf `none` provided, nothing will happen, you won't need this option.\r\n\r\n### --reveal-fill-radius\r\n\r\n**Type:** `<number>`\r\n\r\n**Default:** `1.5`\r\n\r\n**Description:** Radius of the highlight gradient.\r\n\r\n### --reveal-diffuse\r\n\r\n**Type:** `<boolean>`\r\n\r\n**Default:** `true`\r\n\r\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\r\n\r\n### --reveal-animate-speed\r\n\r\n**Type:** `<number>`\r\n\r\n**Default:** `2000`\r\n\r\n**Description:** The duration of the animation being played when the mouse is held down by the element.\r\n\r\n### --reveal-animate-speed\r\n\r\n**Type:** `<number>`\r\n\r\n**Default:** `6`\r\n\r\n**Description:** The acceleration rate of the animation when the mouse is released.\r\n","readmeFilename":"README.md","gitHead":"0d1183b13ae046434d36158a768966d27409bbc1","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.2.0-alpha.2","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-l3kk1QEV/lIULcYoRsdxLRVO5MF/HwjMu/GXNZbVHBdIbyxktd6Ou39jPxTFVJL04IN+ONdEEHioLY7Kt+uKRg==","shasum":"148c0a23743622b6a010dfab874f0400f6ff228a","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.2.tgz","fileCount":56,"unpackedSize":1422490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJ7osCRA9TVsSAnZWagAAZMUP/jPAAdorUzV1rB2Jh5Zo\nBC4S1MuU4OdJ5Vf7cDQ/q33s0wo5jQVct/tFzLkMBkmaMTAYwS8bLck0hwxS\nugGOu708Sbkn6cxAT1/NSx1Erc20ssj3d5msXOgqwc3Qfbxcqt3WwWQovUl3\nKUITQHXD3MK7zYQ0zCSdca0KaHjiqH1gTSlVXO53cuzaxG6k0/szfbhyJUxs\nKt0QOMAvBhmtKW74lKTAoX6Jv3sk2LmpGHOCCJRD+2pRqVmPsThlzy1JZ9dT\nfbtJtAqf2+rkVSZNoZwo0OpMmx/JsyahlM9uS94IRZb1bCc+HC3jHYsI29UI\nf2cVRAflYl1nRRU6YqUfH0jMR/Rfk+nk+90geuWMepO7yyLBa+YCWHwSzumG\n/HY7I2xMUxcUYxivMxETYqQcGictsJc/pc7kyE3Ywj3BNSIlbsvvHIyEYBNI\nygyh/1RT7WAq5CrWUzwoG+qI3uk5o+Khhn/uE3HqdqNxbrFTOZDUbRKUXsE1\nvQ3gNj6tQu22GHXiMPljl66yckG6CW+24i3xlWlUJ+9mD6fYEgopVxzEDgsW\nPAhdEJD8cSELE1sFGZnm1AliE002GEG3Ktg0OvacRWkWHrudHRh8i/5ufe7g\nUT0RfBXp2+UtAFSLN2xf9rofEXKXYVJR9DUrSWUKJ98Ibb4mTcKPCFY+QPzK\n5yQC\r\n=Myy8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDe9fqyNQHNhVRBQoYRVS67MTHbpzd5vpE1r0QN+os0WQIgQEGgGm0tfqPDSGbHMinFuZ+0iJStyWP8u1lnkiLnNA8="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.2_1613216300232_0.5516354245017765"},"_hasShrinkwrap":false},"0.2.0-alpha.3":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.3","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.3","dist":{"shasum":"bbdffc756fdd45c09abfaa7b0ffdba8f9e16a16e","integrity":"sha512-MuFK2B3y9lBsZNlBqW58e3fqPiTrOzcICbLvUYP7EweXwikf3He7FBAZVQNGkcVhGS/gt5MSi+FUjmKcGlHcHw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.3.tgz","fileCount":63,"unpackedSize":1423871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgK6r4CRA9TVsSAnZWagAAHKQP/32k7Unv7oKC3ie6qCky\nRyVvuJPxlCe67Bxtmd1t7hcYZQge7X6RpdckjOlSIjHHgVX5YWdFpE99VNF7\nBEsao14NF9QOGUkDN3iczij1TM9S/WyVvlnoQGe1YMcwWx9vNiRndBqwN+Ci\nkLmPqADpiAc9Ap96Uvg05yWb3pH6LP8WmzkG3j7x1jCLSJvzA5nhJ1IaVr7r\npuQ2eo5H/saZbaXAEqbtSarLwv3xkr3UPbvdGDaWlr8WQPuxr9YuNsYqJH+/\nJSZvKPOAy84nyUyzv2yhfwS0jkQBz2rqxZ3ZWH6LGkROP7iKOPNCJv9uufMz\nXfEzECYfJgsGSAOljxIeE3jNUk4SP3LbnzsI1q/2d41nxMtnIoAYNyGxqzgf\nmmEKn3Vqw9WjjG0ZODYXUIEQxvtEUeyhD4hgWbjMl81DL/RSZInvd/BJjysP\nOWLHlrLDtmBh3dcEIWqUrUZpjAYrE6RR+WgETMq/Qv03Tbx4+c31LlZjX9Ui\nwaEWOjqoPUDSYj7FMEhJLsxZsappR5SopVkG1UKPbQpzPcbaTuJNn8/KA4qn\niJd2Ijp4q7IVFtibvg0S6YWi3xBYGejGyoryzT64b5q3PjS7d6p7Le/W5Upi\nMlFB/RF9cDS8YUzZQt/vd5GjNPiYYjYUQbPwYQBiIpmXQYCI0qYvhWHmBZqM\nVo3B\r\n=nFsb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC+PGNsV+kZIuC0dvvIU4xdzKah7qZ+9HUeJN5DllOhTAiAXMHxQayi9Ppub/Ug/47StzPko/CD7veIHnpJOsHsa+A=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.3_1613474551790_0.616353061180958"},"_hasShrinkwrap":false},"0.2.0-alpha.4":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.4","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.4","dist":{"shasum":"00c1bff6106d7cae295f469e71d5a166efb7a587","integrity":"sha512-EfGEdZ13mFViOmTDkp/QFyBVAQy1YMDBB+NfwwaoXRVVPNfiaqzlBbKiredL96MOahptpb2BPTPtMoQ+eICWxQ==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.4.tgz","fileCount":63,"unpackedSize":1423996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgK6wNCRA9TVsSAnZWagAA5esQAI1h0yxFP6tDoUNSpawd\nopCeR9kBO90b0DT0x/1tlaelV4iIIILFpfwjnl6Y1mFW0alq33iujcCfbUIs\nYVBHBrT1PcPqO9sDhOzUixjXesLPd7rAxa9Q/3CTaYWMQAtv/ZFaLiPs3eiY\nVbzxKxzMmxLvXSgIJDn/+ZkMwHA7aL+nYQrpad2wdJ657+c/UbDfur+asiyv\nVRUWtJm4ZpsGxACPWW7zZ5k5m/Ir1XXWvUso98W0HKOGIECAhwGwt0daI/xe\nooW/PlpqVMLgZEka/NqSHyXv/lGiMgyTbZCYXkJQ5EkfbHPffATKDlAzIiy8\nQFzbHbHpmD2V97pE+uqQkaPY87uKh/HQNoGNZaQ4wUb9O8STxUSZXdhyE8Rf\nIdM/KY8VHb/IG+u5umt77z3HijapRRRKa4qY0aRUpZfDhVALBNaXy5TWAFkj\nwEUXPn+reAwt1VJ6Ak2OzlgAVTr+04LNGp4vfFg0PEl4ylIzmHokFIn4QNOu\noorU15gE1jsFrQGGsg+bbsIdLGNAsy1kOPxvKNP6ffU+aPFsT5V9arg76frX\ny8l9xut4bA4+MwWYixmSPRw+OzGClJfnN0I0sbIiS8kCtgQLat7YDSuvHcNt\nGzjXIQud8Vrva/D/9JFXPtDi6lVbH11gW79nqIy+GSlhBE3RXSUvITmVUf9l\nUAGA\r\n=vQei\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEEUx2aHB6qxzL23W6eV2DxTWDakQY1X2X0A3uJOFVfxAiB4Fd36wgBDi3wtDBMQHaS7AXjt2xu+dwnYIPnRatJX0g=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.4_1613474829001_0.7698413304102769"},"_hasShrinkwrap":false},"0.2.0-alpha.5":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.5","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.5","dist":{"shasum":"d14e8a5ea01dabec0d4a96e2a79477150545ea95","integrity":"sha512-noWjunq8Cw2nxfOBcGtVAdU7rPA52mImCSkPpZ6tZlhsuHAZWMl4dEeQES0ihVvJrzg4rLe6TvnSZy3zwQQrvg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.5.tgz","fileCount":71,"unpackedSize":1441012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLlyOCRA9TVsSAnZWagAAJtsP/iL8N0Ikful7lmgYEC+t\nCMmweiMHcf5ZPWydRTPeKXVbdPRiA/aO1gXwO3osBwFdTxeJ/DKc62pGcw47\n4ePI3623DkGev1LA6X0BuRc8uvC4cDzO5gaOXy5jX2d04sfZ1un+J+F8GTFA\nNA68tNaVTjISRcq08sKQSVjlmA3MYRdskDPl5iY0fL9aSXBRSs4DGssvrSz0\nFoxV0KCll8ZbnRm5ImMPOj9DtL/A76eOU4oLfxnt9wYeWoBhJlHFqeaNKVoW\nfrGufUmfJI1eGCdYP8SbUODPB0ciLpUBeUIEVxqcJYMDN0TaAZSv8CMRICe2\nOqgV9x/ImaVEaVfJnC7ptgKeWWB6IdVPJFwUJ7vP5ubyGE3Bi5SvcZSA8uIF\n5A+z+hVKmY3btx9ADn3UHhE9f/X5JJ5FDmwjENLs5ZlQhuiva5kXwMgHA2WZ\nzNrunBxbZLhsh+V9xkjoDc8va28GRxi+VjqWqbnGblIGJs6ibUFZ/En54nec\nTOCQ7o+r8YtADQmYNbOFa6MFkz4h0jBmfyOeU2K9i3unYMFFD5li/Laxkzk+\nf+w/eTx0L5Ressb/8LkRUNEKpbGJMmGer75jnoDcCF3OLLuK1+H29dh4ocmt\nqbla3PD6otB1Ql61HyIjL1S6ljbghQlR81cbPnoozcm1gcD4eP1d4lFTD15Q\n33LP\r\n=/TD+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHEA8DUaurg6xM2opGMGzf7RFUL4WUsK95SpBt5X5gVOAiEA1o4vYcidKMXlEib1yZjddhIIfRs7gq/WDgVcUZcuon0="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.5_1613651085915_0.8900798194988742"},"_hasShrinkwrap":false},"0.2.0-alpha.6":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.6","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.6","dist":{"shasum":"dfd9d732c0d4a6fcf88ac9efdda61626f08e2f50","integrity":"sha512-oSAtWt/RtbVR0EgMXfPcaGmqmTRbU1BBeNrGBRmDDxZ7p3xBtdNVjYWHTIM0c6LppGUEKNE3d/pLsJ20v31iZw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.6.tgz","fileCount":71,"unpackedSize":1441025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMiVcCRA9TVsSAnZWagAAjq8P/3ubQ7N+QCer4IkbRYeg\n9hNn1eKnYSv0v9/+x5fhMYdHjZfXW00xBlHFZLjEiVdlhcjHRMaF2E13qYMN\n0Jz+P0hmDS+zfsG9/yOKM10Qj4sz19oc6SlbIFEWbBQX/tM7+7k6mfTeUfjL\nBUi3TQsf54bWatN4sRxaERZ8Cs+tYA8uMxOD0ri5Omdxlh58ssXKqNj5ThqB\n75cp8MoXAEVLd1d03TNR9TkdVqd6phoyhdUSy/rs1XKdsGp5jjIUsfo07H3o\no//M0zUT4Yy6NarL+R+1KMJAgf4MXKjG5F3KhWykdm2jpQTeN9Sma93zsJt+\nha317oE9YhUIRwNrmOWOo8AY1xVE1HToA6syNOjkhdw8f93mf1rK3Clpedqn\nml0fC1me8AFjseByaNnXbeencr3+5QPJL5KOzkxpjawgcjvl7Ud2WL+mZa6L\nm/2VJZb5jW085Nnzglk4HLWq8nuNCkvCOWVQem493OkMTAccXXhkeQoTRoRG\nP7rOVvMlEcMMRnCn84ClhgIK5oNBMuf5Q+Z3RHhOq2P/s8yFD6jZT8LytCP/\nNkAqRohMBHt2598bTAtx72rhqbOyTPPFIWiD2/FoLKfqIzp+v61lQ16R0pHr\nrLCjHlB9NnFYZmGicjyOi0reSMqfr6+IjlY29Hwbmojf26e2t0bHOUt6G4DB\nGZzS\r\n=pdge\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDwlvHMKf7wSGShab8DNmon9lB9RuMp3+vGab1EJP2vuAiEA0bZP7pwSgReHCkKQoYQUBVUdWeIS0WS8y/iu85hEFT0="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.6_1613899099463_0.23229463062514166"},"_hasShrinkwrap":false},"0.2.0-alpha.7":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.7","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = illRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.7","dist":{"shasum":"d073f43045060ffb0e201da3887561ee8fa4828d","integrity":"sha512-gwDbxQqBc417pFPi8UbSQbqvYK0xfDTZLBWX5kLKufdv5hVUuCY/ZhAHDCFl9kF6pnvdvzX9qkock7/7gwV5ZQ==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.7.tgz","fileCount":71,"unpackedSize":1442184,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOdDyCRA9TVsSAnZWagAAWssQAJplB4D66rHI64lO0c8E\nXWcahhhmXXIVLQe2VBs1CEOiyh9BsIcieXyGEspJGWnw6BNtLK9f5M6rqGOz\nLmFwGCYfXioGO5Uw7uCN0UMvEvhiOYtyFPRm9NxWeqiPmJQy39f6wD9OYzAv\niUoLaSEB9B59lt6QNKBE4gZZmZlbrdDqATrwMrUqUYSwbe0o7GElmYHSf5o5\nTiFw5qjwd3PU8JqI7dk/O2oVGS5zuuM5rZ+3mGhXgEAHbVKhcaa0cXSCwkTe\nvCFVmiq4qr4/L8wZI8MZEwJKr8Uw3N74gwi6XMTreqXQnvxfqpI6+r5YW0id\nzrntPa2ISsxzf/zoHRBjakvn9M0DSbKFLO7Am+Ykh/RK++8yWgPlkiHl0QSi\npkZQ7HqIbg36JaBLgTSqkW9euNlNlQTTWCsp3Q1Ha6vQZqxrzvY++uT15xPo\ny56kp1bpF6PiPXHkFOlbGAPZS5WN9vWzRMWaSt6iyOdSUgv3088fUquzFh6j\nXOd4O85F3x7vrhC7SRKSzuSHaRsyDVNZrtwDxNKfoVRjXsAW3ax2Jhtyv+Hp\n1MbcDk9vU6aUezuPECfRH+9oA6+qMoSJ5sQq/6TQwOCzWWZ7KgxFz+XSiZvA\nJepfastzlWHT32T3KVvR8ruV4FGvwEAKo4hPCI4hWvriVgSqHwaBb99G7Plp\nzSx7\r\n=b2Tf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCVuju2O4sRrTrpSkytfwPUJyusDGwt7XaYoBcgc6dcQIhAMs0x1chgBPwWA93pm94ZDOcIwKlk5RfjTAZGTKH+i4/"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.7_1614401778130_0.8359508874586643"},"_hasShrinkwrap":false},"0.2.0-alpha.8":{"name":"@ax-design/reveal-highlight","version":"0.2.0-alpha.8","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-alpha.8","dist":{"shasum":"9cf434da2a6bc9de291fe6e6a33e95209fd169d5","integrity":"sha512-wPwJuKMAD2PaKsX0gcgW1MslnPzlaAutzakRfMNfBQLNXwhOizRl90s8xEU23UVm5+YmvAhMI7kzfAnhXoAouA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-alpha.8.tgz","fileCount":71,"unpackedSize":1450619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOv+bCRA9TVsSAnZWagAAkYcP/iya5XQV73Znvq09JI5I\ntEQCRVsU+Jw+jEyRBU8tGOvUCcJRtOMvdso+YzSDgMgGsXY5KiGourD9/oAm\nM0+aPh8lXhpmLqUT0NuxhndIFfQ269bXQTewAscNaOAxZO4LSu4XtVUwXH2B\nCYY03DSZ7HGRrhzsdilfAc1kQtrG90NbvN43bZu9FZLQQkgEEUVVeuJCIbGl\ndPtMTvCViD+S6l76vhWAZ+VmOZoFME3nnxRakMgHTYc5Csq/w3Yrd94mXueg\nof6GADtRf42eF6bKfwmA2LQXK/5qStpnnFNd395n74UiaSkaF6kIF9cni2hg\ncdxMhTydl773fsACWuzp+8f3bN7V0zyDUsKPzcpP6JLP1X0IdxNNDlmGIozG\ncFkTFoi1MtfIVbPxD9+5r2wyaL/d3/QclbXboQOk8w1lJTdtYHqSrMsSNPhA\no1ptbOe/7llMDJPHeukln+1/F8PKgTgsd4chqb6QZtCCSUhnUcu5ovVcYnnr\nhPSlQKvYLANRAg5ckm2sHJcQJKpRniXITJk0KbT2dPrScSrtUisFsrZGgz/V\njC+JAxjvQm2qI4FOgBJLYwIKWhFbH/5YB1Nb/ocj+MOTW8JHpxYCnCAoOHET\nWZ/R7+1bUVdj6LHGWTGLYro/MqaNXN7Hr1qRV2urbG3tLusY31JAuflnJJJG\n5RD9\r\n=1Uas\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOqjIi/+Hvtw7sUQEYjE6PfSJQnVqMbSk38FflrijT0QIgBwNgPhQ3Pua9s+Ny+T08C3R3YKrWC9PBfn4ZH/p4fw4="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-alpha.8_1614479258453_0.3951623476443493"},"_hasShrinkwrap":false},"0.2.0-beta.2":{"name":"@ax-design/reveal-highlight","version":"0.2.0-beta.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-beta.2","dist":{"shasum":"7cbabbe787b02e81a17c387a0b4f4be49b4b2d53","integrity":"sha512-lj4UgG/n+fKQauccrhyTARHnNZh5cHo3CWzIn1gPsEy8aQgm+nij5X+dGIIk0PzeqVGrgCic67RuXVusIPPtWw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-beta.2.tgz","fileCount":78,"unpackedSize":1464643,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPN3rCRA9TVsSAnZWagAAs1EP/3W9cdG2xfEjUzpCCprz\n/ussWEE5VyK3lsghPNPpqxoYCafw135peHsctqG5cTHXU900xWbr0pR/sTjK\nLuJDGqML2cJfNu6Te3xBkEntUbxxauB8aRzERhD+0Rf5U+2Oqlm2na2ueAjn\n61pWcgAWHthzRg8E8U+G+td3ltAcMgQypei0oi/rEfFDVtIXp6fiLfW6H4qu\nZ4DPW2U4ca+qeyGApMAmTsNnEpfAeMbj0ZoFfv2OeWW6PFv1jvDU/MA+fc5X\nr9XT8REHBcUl0o7loCJm9zAs/N1VbNR5QV6sUdwfS8MdVmq3jBFBEut5UU1o\n4k4VCy+kdDFYpxyZ+M/57iTOANQeJYR04Q5svJCVyYvypLFLrUFAho5wgLSg\narj6JTREZ+6Jcz9v+ibGGhgzMJwPQYy65diFeGNKn9Uenb3z+PfbFfRX5CEs\ntMoJhaoUMK+1gpSOOVY43Fdwh2LHcx4Fn6F1mqLTWFFKwhimrZkSlbUrunuc\nqxuGpaVB6H3tOCyJv7VcLkpeUdW/jGXxM6db0nBeoCtlpzNcHpFZWfMZkgwc\nIYq2iV8sZtzJkOfOc9Kh2mJD/pp03V0M+foDtOdZLW9GOSQsnhkNUhEUVLoc\n++ANk/T1qe9atKDJO3iUZIVR4winUGJQtjaErlLQy5rFNkG7WRfMc/o7DYLN\n+EJn\r\n=/ZLK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC/NT8jO1ls44lOwh5Ys5LcnrTURXz0Xdnf180oJXt/OAiEA805/vWm8fQ5NPrcJx6Ktic5CwNN+xtmZdurj5tivdfE="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-beta.2_1614601707201_0.5303124938477881"},"_hasShrinkwrap":false},"0.2.0-beta.3":{"name":"@ax-design/reveal-highlight","version":"0.2.0-beta.3","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight.\n\n### --reveal-border-style\n\n**Type:** `'full' | 'half' | 'none'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect, `none` literally no border.\n\n### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n### --reveal-fill-mode\n\n**Type:** `'relative' | 'absolute' | 'none'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\nIf `none` provided, nothing will happen, you won't need this option.\n\n### --reveal-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient.\n\n### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n### --reveal-animate-speed\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-beta.3","dist":{"shasum":"70d413ae80f112742f35e392c5b73ee360a1e35d","integrity":"sha512-zrjO6nipfw4+jdhupnH4gB+hJ/sYTY1CEunKQr39QcZZWBaacxrbxyvfmSoThNed3OJPCDQSs9z38+jDZ1NUag==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-beta.3.tgz","fileCount":78,"unpackedSize":1464632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPkCXCRA9TVsSAnZWagAAzPoP/Awn0WOWsnpVPg3ecyFb\n35uzNsnnncgJVhmJraSQpo2OzUh8cUHan9Ga0+RjIdS3QkZMZLk6IqbR6m3L\nkksoGs6DZ0QAqlEKdEXwdm5QAhi8/Q+zhG4xC+0HJUf0JhvtBosKTBcgZciZ\nj+D5/q3E/kR0GlAiI3ZI4OXr8T7qENDY+957g258g/0yk10g3TK9jQ7EcEzt\nFGTDvxXGvXnDNNuZj7z9COZ0WIxAssYQwghElE17bh5vwDQKOhjVCrMUVqW+\njipUgE4MkXkzqOY3lj8YqsORXCaS8z2cUJbPCAiLLGCMvyEQvppJ8kBBkDur\nP8d/5UwYAuzmnTIR7GzEkNpf6TIzjqdR9tXFpo1HTDaYBsC+dTGPw2W3zIid\nf2WfLO9FGEu7EXoqBhdFC/vV5CSsGLQ13j/0ht5+qR1TmIOqbuj4VCuf2Egl\nP+avkrADi5PN399Yf49sgE5NQAg1csL3VDZz/uXWI6iQCDnsYnSIE8kPlN82\n9evI2A4cpzmRQLO1l1ozo9h0zawHvLcsSQV6pCbSSDPWZYhjR/2yT1ht1mvy\n+SqO70lOdx1xrqry71SAF8XYLV8oTod0gPGzpCVUDLvu6ojMiFK0ddP3xPg/\nkjE795Xgbl64NL4FpJiU03Rfk+nzjSEKEh0Gy2N50rnqMjQjxGyHpwFi1IiK\n2qGP\r\n=MrUd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuFMutWRNMQhoxO/lXE9P9OeP1Zo3n70kRZPJ4OYW2UQIhAIIOOPv8mXTL6yEfKT8PG8LYcaK+tv8Lwqd1mSoQwMnx"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-beta.3_1614692503328_0.6537688428195736"},"_hasShrinkwrap":false},"0.2.0-beta.4":{"name":"@ax-design/reveal-highlight","version":"0.2.0-beta.4","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0-beta.4","dist":{"shasum":"09539b20be9820c48f9c0b30c7f2473e718364ad","integrity":"sha512-CrnA/ID3jFNGpxBI9LJlVEdM0GdMIUUJtwfST6Yyn9LUP2KB9BhNaeZ9o/fh4Ee9IWv1k6Z7zZYzd942QU5pvw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0-beta.4.tgz","fileCount":79,"unpackedSize":1471154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQOPDCRA9TVsSAnZWagAAOIwP/0YQkck1BhqsjVaiuby5\nMbCcV3MTpV0uVgTUrxyC97j9Vwh1PQeFgGbyWtxt7tskNPwzfYJ4flWQ4IG/\nT7vJ0LiNA/u9GYawWqbFB1A/KHd0+t04v9eoW9BDmK1FFla0aMJuLZfUsgCW\nKE37qPsbbyzMlPPSKjoOmCITsmj3blBGA9nA3Qri25bOGx9xTDNx9pYPkgck\n8BBBv6saoRdoGrEoDYmOvsTTv22f6eSnazScy07jlhlocOUx6qHBXV9BVMO6\nY4xykfB54KqI67gMBTUBpjtLKG5wQlXYes+SReoSf5FReGKkOdElhgloId56\nG7Ay/OVBdqLT5oAkzbrRPktgkiXvqD8gAies28UbIVxZFtkuj6oOZSo6sPjH\nbc5OGNuBTJm8GE8sqaT4sV2m1EKk8PyjWoXsh7scNBL6KuFxRLYVKjlUJOet\nX61zcGGpZPbC44CQISeMMCuTtGqn+5xco2F2RX4KZzeo97kh5BS/OAMCDzK+\nED7yTlKz5LUd/vC2zxfzfa2tRsWDYRbPaibBfQRyd/D8YVeU8HhrUmo0qwp2\nWqrBpEVeESAQDqHiuOOZtoTGbKGIgUyDHQxOL1YJhPxMCs4O7EZSXNdmts43\ny+71HbEKG5k/3DlfYZ/7jTP8M9jjQRes5jNfdcJ2V8fb3R84/of+nPDe+sWi\nUyDQ\r\n=yt4p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFUvv1I2sVfC5CaLtXVJOxUeK4m0DLH8MRgqICBeCDxAiAcuXj58gs5U0zSIVZAGpP6d15q7crfqYoKsg5mkR7fEA=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0-beta.4_1614865347229_0.3019824215757785"},"_hasShrinkwrap":false},"0.2.0":{"name":"@ax-design/reveal-highlight","version":"0.2.0","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"dependencies":{},"licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.2.0","dist":{"shasum":"f62025cb1f32ad2f7788965bc846bff84e307d1e","integrity":"sha512-GsjSXOX30gkgi8+4cbTR+eP3I4iJwyHk9njlOK4Bwh4OCjNLf0a5114r5vSDgp1aDNlkl4bOuGLXblBz7cHMbA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.2.0.tgz","fileCount":79,"unpackedSize":1471147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSKXyCRA9TVsSAnZWagAAg2MP/ihAuYYSWojDosRmD69D\nd8Q7gRm9BETedifVlI0ppnpn6EfGaryEJTFHo8dBotNKtlsLXZM96R0s4Yle\nJlDPqGJXYpuo1J0VQK2NZ+ZBrlKFk6DIwtdfhperfMmf4GpJEVc1aVUCTIVk\nkeiG5bZ6oc8zkKOmpDSWgTui4tuu63C7Mq2eD7HUW3FagkLvoHhxV9AlxxLn\nP0Tr7XOjkMxQ0+Qs6LmA/cbmzLTlt400eiIqwFtldZ8psmV1Gpv2Lt/CKhAd\ndDXk+EvAYpjClvT8Dfia+r2cmjwiO3xxOvy/c3p0Of6Aru1lGy53IX7FoI98\nu7rS/7uXyMTgY/5iB+bO1WHNY3Bc4dRCnltGk1iBvFCRrSMRBpzWHlePsvjS\nqrIGd9LzNl/DBhaIqxxzxrA9ZhOacpoIll6VxxyNG+ZhYfDda9IYAFhpH/nx\nfcAhCVUkxqwoNwJZV3oGtT7Dj5JQ7pB1SPY7vlw4mC0PBX1zJhQ/Nbc3BHkJ\nLhHvCjUmuSvREVP7AfjBJrw7VyqRDw3NVYelhxwHmDIYcWpjRdeuvHz5YgM/\nPYjTBGsdCTGWMqgA54fgBvHhnifDJaxi1JnaiISazVLOhuFFBuMHlnCPT4Dq\nNS16d9y2i/O1BNrGBRUmJfdHyGzwJ84Kq2VHajeUnID1ymsXi39XCsp6vnbY\nMrrg\r\n=gKSs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA9kIoKCezhbvF2aWqrpYeyLVyDNO29hf37+xCrp34aFAiBWbVsNj+RSzlRoS74hRyuTJRIbt4Qos8Q2N95g8L73Vw=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.2.0_1615373810123_0.11842802531088892"},"_hasShrinkwrap":false},"0.3.0-alpha.1":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.1","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":"https://github.com/ax-design/reveal-highlight","license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"_id":"@ax-design/reveal-highlight@0.3.0-alpha.1","dist":{"shasum":"995015b1869c6a698bcaf80de29e7c1aab332a4b","integrity":"sha512-IN9EEKrZLOmix1XQPlXMDgPXJndIoJ3ponnEflmt4d2g2qqGg9bdhKeKEsHCy3e/ZA7YgNlFBrE4cOfVCDmX3w==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.1.tgz","fileCount":79,"unpackedSize":1483886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVusFCRA9TVsSAnZWagAA528QAITghjFcEy6un0zkucyq\nY0pVAeQHjj2RYqTi6ueZEcyA/drCS7cgDSzZIaaf4H58LCKX1JhsL9d0I5cX\nkm2NFWWvqz76jpqMMaAVyy1C909xo25QOZE3MQJFR5YJ+teabK8y+fKkeVkz\nXMHvyMe7bOCkAQxQ1jt3t3C1UBaTmk4y0d1QrNpcMfwCtRa9J24WIbJK5ssn\nParZJsEAelX9cBfMxbAyXyG1WIiCoMLqjP+B4x/8sYnvgVGmZxkmohOfty7a\nQw7igS+KKGc3XVyYw8obYylTcmrq/OEUiIszl9nkPNIBiKdEhopLeRlO0Yye\n+9M/XLJas9qBEL/Y+l+HTK2Je2eJfWtQLuElNqvZJYjKb0nuBcsKiBv7kCQ3\n6WtFsqQ4yx4aUn88ONDPixYMxnZecWdWtuNV+sS+fMUihUsBwpYefTjls4Pa\n4hVHdIKhyDskOiUQpDuZXJWTghHKPNDpubVZ44LFhKpUdqpKRgKffynrTx1G\nafjA9KN31ku6weHnkEYGVGS42itWx1gskc8cQQA2XqZpwnIcddQ8OqcTPUxU\nsfuwu9JZCzKxIbS0uqhlMOuLGdKf/+OB5tfSPyT2YyQOtkuE6cRFFESBsqDd\nJdYAO7fuGl1UTh+AuIRdRJAO3/+GoZ+kduvOWPr8WyAwJKgUZ1krQZ+viQkC\nWewo\r\n=1Mit\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYqWk1DjktIhcF+5V2S/YyXW6NktP21x8b+tIKyCKg0AiAVeZ88izvGdrvwjcYLPfMgy12AMl4QB1hhXB+DxfjjZg=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.1_1616308997012_0.653438546313239"},"_hasShrinkwrap":false},"0.3.0-alpha.2":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.2","dist":{"shasum":"3e84e49dbb6b8b9075879f8980d7328093ea7287","integrity":"sha512-5PD4bisJq46d+n/7TGBExrBCrX6mmWQtt766k4QrdTPTZnmMH+OhuA6QRVAA82TEbdvq/1pAGLNLhHYHNRC5EQ==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.2.tgz","fileCount":88,"unpackedSize":1488201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdv+ECRA9TVsSAnZWagAAAPQP/2efQgTESXhaK9xyZBFw\nUPqVGTht9albPr80GkXW8kOZs3mw89uI7pS0iK7gIr+AHgp8I9dGe0Syt2qP\nwlz/Wcl6KCDf30A/wzg+qQBJRP7yGerEAnf1N+29mL1JacPboTY5AJhitptN\nmAordM3bbUqSel05Rz4zI5tEMSX0iHHD/uBPppARcl1TY417Sf1fRU1GJ64O\n9dBPOVXm1hrFAqzBf4nmy2hjOaYQyH8PAQ+qe98AhlAGs+WdAVdyM6gruut9\nRmWkOQlLlSKwvBtsYhlNYPRkUcu+TJLWHvtuRai85qK/NUFy34iO3DmGxt8j\nS41ZGoH9/OuSuJM6m/aAeDHuPFscRFUe48bdQ2Jhcxef9v1GZqPmuo9IfFyq\nPB+1nGZCXM3jUsvRkL+wsYDKsIh5466XekZ1FWeuVaI8aLCzfgbo70LlMxrs\n+uPVpc/E8ABoCaBVrGLoXd52/LRwAotjami0DKkt1QQiS6zhByqW3I1vtA+X\nk9J2g7AkcYaTluIIXLwIE7PnNNNdiZ6lOspykNDyMXUo7SD8nMzc4uJ1HjEK\nwoOlu2cgGd87z7RsQJ48WvwhG5NANlG0pno1dIKmX6LBHZbIN962g3sN/ZxJ\nfieHd3Oe/GBa553zlr12SvvqcVjfLhQ4BeG/LPyqqTpyAvYdRGgOJ9BT8v06\n3aeA\r\n=8bkN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAdPemgQpz9AbpvDGa87OLkRDvUY2PYiVPu5DWgJStGVAiEAljLjy25Cb9QcOuAQgj+wjXdzafOQhMThbEuPEuZzfik="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.2_1618411395826_0.6554496590764758"},"_hasShrinkwrap":false},"0.3.0-alpha.3":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.3","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.3","dist":{"shasum":"a21c1d7cca2ae8267f4cfa5a20647be28edf8787","integrity":"sha512-J6Ga4DfIPWa1jlDuVMoyBNVmLKcibPLjyzcDkF+LABYziFukaN0eaEBiaBJGpdTPp1fsBmK0TDf5nt/RmVsISw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.3.tgz","fileCount":88,"unpackedSize":1506214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgephfCRA9TVsSAnZWagAAE/MQAJYR0KnUNHoFATokYFtx\nyDv23LBt32JvIi60aVm3y9FQrNH0Mhcwd24f0wIjm59SAyNucbVYmRhLBNRF\n2Bwqm3imuVE5kB+JQyi6g4mJpHO79DIIW8K7BjPKowS/Ue8EVNrqHjsgckyH\nEtYnZwC1F5zDfK30QmgPtG4HSC/fW9j3HKMdk0mMEfkkjU+vVpzucdK5zvCW\nZo6iZItjsgQsWWJQla6tcKyde0KPIN1A8vLhSGUYPrUMXMEdgpiUVrtueQ00\nlW9cW7YNWzGdHmDjJXv6ECelDanykLh6rmZ/CXnKA3sa0Zfy4fH2wAAQuCv2\nyhxWUVtoFwRWLWWln8ZUXKlqPQmFE7gi/lsvGAdUOe9cgJDpbUlhWA5tFAEs\nmZ8VtNwbw5IorErrPsbcBTv8RKX7ZIm9S29mN4HrMENdF8HCIwmxPX9igzqX\nhMczUZvFbZmyhEywBScHByQupQUzWOkSdUEHEDq+BzMQZb5K1f2obsWEheWf\nKNSWjx9rV2DB0PY7uQ/3vr1nlUKfNo8Osrv3FNb0rAz02QtEL567edg41805\nwl4tj1P1quSpYp3qRBunFB2p76m8CSzeqdg7tzg9qHobTsv8zQgocjAe4PbU\nB8AaWUag20Jaryp0k3LqDaGlODP5WaCOBlTTafhT2JSOyDjIbDmn7PGzzVK6\nGv3k\r\n=/w4d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDdLs4aEwCzfLBiv2v9qG2QT25p+KAwMYl9rKcknnGtMAiAENKTIBk9JM+yW8Nb9AecAAUgED6NZRPGBGuTGZAeFBg=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.3_1618647135262_0.888999309173865"},"_hasShrinkwrap":false},"0.3.0-alpha.4":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.4","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.4","dist":{"shasum":"1e6b7697b89f320d3cdcc98fd08b92d2e8c0bd8d","integrity":"sha512-pmotVbVVNV51tmEru3W19HI33wLDjTkuSdvswgHTBplug3L8zCbb/u+QSq6cHGLqxunv0O/sJKyMjylVUZkrcg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.4.tgz","fileCount":89,"unpackedSize":1581566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggW6OCRA9TVsSAnZWagAA2xIP/iegIHLAKHt4C/eScsIW\nVUxas8BWJLzEzBdIbjBYcfPHXnVF1TDbtvWiZySnQ28sBlkjT3sqFxKBdDo8\nqzoAEOlauM/Tq9EzJhJqWN7gv2s+mnDJgS5yJnxtOZO9wGsgBNmL7kLfflSq\nRRJCbbrxykUIIRlMoJ1MBdR8uwazIlabX+jGN2/IEOQT+GyHeG0YOTQs0ijY\noXcOrc8Pmcu7ajl2q6v5WIiVEJNXzz2jzVzc/2mcvOXynlHzR93luJpJ1RgN\nuyk5wvP9d9i/WfClT3bk+QnoVxDFfGDzPJPSpscnRv95Epmax7RrVbu1A698\nVom9xpZenpNuAK4pta8VLb3HGl31FvU6wQAE5rm67zQrddl3jsWOgWf6C1gm\nJp5dH3hOUO3qpTaaWW6cV8dVIRAosAVjUrZ6j1JscCa3QaUbCVmgu/v+WYOd\nozlVgXJ0fFC9zx244SzF25O+bZCpPAqRRCy1qtDBH+Tqwus0onCryAS05R/L\nhgQ16yxTJesMBDnYJZAcQnHtMd/kg93C5vj3xdvVSXtjzY4ydqQ+mKilJ2fF\na0hgxTWYgINAtmvrdZ7UfoIkMwuvJuTGaYVRWGMm/68ZZnBA1a0ijVE8ebps\nFWeyZdYE9SZFF8prTwQQR3KrmHBZ9zKKXYg52s435g7TwEwaq3JFhv6M6O9o\nifZk\r\n=1ZfS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA4QRszvagYCqWYgPr9P5pjsX1sUhV59Y+308UzTQ28BAiEAzKPLdQZkipak8vetOiiHiym/CEgniykny0rkrjfu3n8="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.4_1619095181931_0.7130964392317944"},"_hasShrinkwrap":false},"0.3.0-alpha.6":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.6","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.6","dist":{"shasum":"fa7ea7422ebf222a049a5dac881a8084dfa1219d","integrity":"sha512-LLcLKLoq6XW8g+bUTdfoZCLuTtq0CXXABfLRPm+WDZMWJW3ZpWWs7jvDENcrKflO75jLa7ErFK1a86YjO+xsfg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.6.tgz","fileCount":88,"unpackedSize":1511401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghXJwCRA9TVsSAnZWagAAqMoP/0Omd/B63cI9ks3Sabpv\nhUCn+2E30oG8MetU9ehlnx9+O2t6Ls65WYInX5+Go1+sShQFWQZ3MVk64cTz\n55exJJt0FPudkUQhB400/TJ34vTn9axp7Ta4A8fH9UOnWCgtUyhVLeAzKZq3\n61mouQUT80YppJTvNtbovLJZkMGy5jc5HTQp2yUqwWP/w9NgJHLP1CPdPqnM\nLN6dkrB6c8QUM5/JGeTiLj0zyKeZ2JcPCRsFyVbYytS/5bfbQHapkMHrHElr\nVI9JLgUailYgDIoGnXRnVb7SWoOJaZehlZChjamHV3nJgw1Yoi3jZXFnYdi0\nb6d9lpgi6VJvbpwmtr0+DOCJWgkLZiC58rVyXD9IF3ZoVqsgOtaBhDgf2U7s\nhPoX0GwzgbBI4qPAW1Y4usqmtWka3jxLVnwIS/H30pCclqHtZOF1tg9YX688\n2bUCdAIIAZUWfGp8NgvY0BAeybFBHzoIjrBTGUci0u9to8arLDYdc9OKFY1E\n8qodkWRf4bRWSAwTADckISoD5QrwqHSI5EdLaOFC8n5uJJJcIX9vaY/8zkMg\n5+2yf/nN7blCMEUtt2zoqD395L5b3u3AWpmsfo6DzjY7S4gPFWwi+xkS2Yjk\nbaWOatgxdAn7p9hDucUPdKVqXSbDJE7ATt/OfCtAVmhlrXBrGF0AwWGp8HOa\nXziO\r\n=MJP2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAVBbNSvuDlji/LoE5ytQs04oU9WdjFRqczwSXbbVo+OAiAw77q7kqGk3TN1/O3eaAnsg3LgHz9jB+umFOMfdDWjhQ=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.6_1619358319508_0.5214737229094473"},"_hasShrinkwrap":false},"0.3.0-alpha.7":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.7","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.7","dist":{"shasum":"31f158f8eda9cd3749fdead72f9386612fda0afa","integrity":"sha512-qAtXzJEsdGsScgDTb/Ru7dn/6QVOkqcO7QI/XsAxTibOFKtJFzqH2kvukMGXNTbTA9pSbsjpkR1tqPpM4gB0sA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.7.tgz","fileCount":89,"unpackedSize":1512577,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghriLCRA9TVsSAnZWagAAEVMP/2axQl/uD2sy9dRlh1Qd\n4h5UMXlyl6rZ4XU6ekkR2kML1Dne2PSafZSJzbgsAgvjCy4+ZRd1aHECgGPn\nO3VCysQTrp1yChavNIb3PWMzcGNWD6Bd8AhkXjuOSBF7jyCEV3oCGXm/tcVm\nNdPnsFub+dSM5GheFF8Dq36httDE+97hTN7tUuDK1k3ZU5axaZReziL1rt00\njlxFQ/J5ENQXuvxZoqroZowo6eiwm/fISJJqTVa5OOB0f2AH71WZ6joA/hv+\nwcW5fWRY8UppXvT/N5ECQ0I8aDceKx5De9pMX5ohNKb9Henmz3S6zAPpIQwc\nRcc7y+qYkAjQwXPudJuK7Px/wDChWjE/KIbWa39EMQZiAzrJl3nZH4mp26WX\nPTIGrasukMxJE8fAEOUVR5on/U/w+A5eb85i5zn39XYWAvyqUuyg3Hx6xoYw\nlWp33eQWzG0r298zjrCwLU2CGgDn3dcCAFOGAPx0tGUE1z5Z6M+Gkyf9MmeY\nePeNLWeo8tTtFeVRqcyqoTB9w3F1aiAXZXPminZuNqhIcR7dqKXBEw8N2azZ\nij3MjCLEiK1/VN4v3zAMV09zwfvQuFLz3iFoRELwHT3g4InKXYG2NWD2dUcs\nx/ieuEYKanFpWO67/4Oz06uX5pTwsMD5z0SeCsxPE3LS/YtnWGafsEuEPQjS\nPnxD\r\n=A3Lr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDX7tS9ZI74QidGYa0ZJ6oKLl28sXD8ctLA3mmIyQpGbAIhAI1zXPXDTFGAY+Kx+BdT1MmLtorPkhWMfR+33MxgM1bg"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.7_1619441803174_0.6824080849310636"},"_hasShrinkwrap":false},"0.3.0-alpha.8":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.8","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.8","dist":{"shasum":"8da489c28e5cd56976ead208acfaa1bd53160ab7","integrity":"sha512-SuCxtIr8QStFtw3wwBrdR7u6v/sfv14R1mOuT4aKydTJCdRVfEWvcp0GwinecfrhsBPhGA9mW5Y6o/MeVnsPtw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.8.tgz","fileCount":89,"unpackedSize":1512459,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh/hXCRA9TVsSAnZWagAAvjwP/0LKwfnQFuqK4o76nHkw\n0IOr8kkXXfW8ztYiciDZNHOyTB8kLw2COPiJjfYWJAgylMG6DBL9upGjnNry\n/DfahbboHesN0vOEKkEvL47z1XnUQpVA9KRhupSn6NTFnHay/2CqENBL+pHI\n/+EBhLjG46GYYVRYrDJESShC33SnfLsRChaWxbSR1pFZQFDhj1Ws2PKdM547\n8O5z91SLc8RQ5FISSCtyhuYMmxUZi17Eh1XPjz3+EZaiVWPWqMitv0nMyjSG\nryTwR8VjStEB6z3pss1T/X/O9CZcV1G+wSnB4puHRWW1l7sqE13BaiaMXZFG\n8dVV8lnrezvE0dgbsS0FOsY16ZUeGTQgWPatE8nvtjowIE30NMupOxHwhHeO\n3NtKmhXys9BDR53QowwhuEu/kzvxxkyoKZ0AQnsbhsIsrCmfdb1wvkiqxLwQ\n7Crj9WDOVNBQXWtBnQvuBMDlY3XSRTJkuxh+W4qnwuguNlh5PX72vLSYXbYq\nJggw38hXlgWj0whFDHnOlM/t/aUsjyC+cZimiqerTIHTIvLrumUqnXY4eTPi\nleqZEHBuH0yGUuiD7krV6Ss+O4XeHOqWAMd6GPHopG+mHzswzlQXi+6UQvbk\nUXei+mAkUDALZ2HeoBS37tWiTrE97CjkUSUKCmxND6XhuF3ScYC0TTrri4z3\n+IeK\r\n=Y96Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVRtOWBVbajeAS6RZKgvuWuK2ooRX+nA/nZ76vNqHg2AIhAOZ1d5Yl71ob6vbE6h3eUGeJpm/EHsfZU5NzD6od4vHB"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.8_1619523670361_0.15207107850087875"},"_hasShrinkwrap":false},"0.3.0-alpha.9":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.9","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.9","dist":{"shasum":"12f10d9380aec4c033700b69893c4f831557b5c1","integrity":"sha512-3HXEMEb5XdA3uU2lLxT1hzhS0gwWjxXUZAmjhDRG9ShlKa/u6Dyhdy5NvRgTXMkrmAKoox1F9cry3Bwm6UN2cA==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.9.tgz","fileCount":89,"unpackedSize":1514198,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh/7cCRA9TVsSAnZWagAAIPMP/jTzJnzUArvYwCr/Mewv\nxKTz/yVrrtp2MPgneGAzsgX+oSdT94UZnUvytUqdvDlY7l9FK8+5eNPNO7UP\nLk0azHSi3LRaFcnT2aKBBpqhzm7KLKXtAe/YSxOVyAoaWSU/Mh4ExjQXlFEg\nEZ4YpDPOpZSKLyeO0BkKvsbSdDZy2m10K6xCXucEsxa+89p6s6PeH/aHaAdD\nCt4tRV661XDHwFNgkMES00jk7GJBWSFsCAE1gYUB1AmJwRowPKHvUXASU+xy\nd9NXUqpYZvwNFQIF84KFYY3D1owzg0dsjk7XgOSZg+vWwkRovTbTwby4ioB3\nDRyWscTlnJpzOZQRrEy+Y+ZCezxKuptbKeBN0gJuYUk+PVzpF+lqbC/IN9iu\nyX61r8/6T1CiU4KxwkGpwTgk79lbM/Ri7VSDberdfa4faLnZJQVPXIdV9RUf\nFFMmOKO3Nv99i1v3FpIqerIkipZhyvT58jM6Wjoj6d08tDZxZeHjBxdBLAYT\nJWcz2MJh6Dwu6jkZUXjrRttGRicHi+LPexkfWijrovS7KKe5CJBLX0uaZ4rm\nO1R9OPU+OSiKC3d/qDHuorpxoKUpsxfKSiakExNKw5CG90+2XR7tiycpXojZ\n+Y5ANnDMSH/srRMrpZXK5EdKNvGwGDIxdA6p8tZQZzJUVKqxgWnbFn6H28u5\nTAm/\r\n=lTyV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6ti6TC6adrTtyB6rdwa0eMfAghoUkZUU2SN6gobseHQIhAKpXvaSffktxDbJUAjx7k/h+g+w4IbUkG4hz3CpnXU5I"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.9_1619525339895_0.30381868825416714"},"_hasShrinkwrap":false},"0.3.0-alpha.10":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.10","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.10","dist":{"shasum":"cc5bdb12249988287da4c20984b0b194f57830b3","integrity":"sha512-PQb1Qqj5sIF6usNBzLiYMycVgqFehCG0gkoS2lXEhaQ9uTWvGP667jNYcqM3UBj5+sKxOvhAqAj5Jw7mF9we/A==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.10.tgz","fileCount":89,"unpackedSize":1515440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgip+nCRA9TVsSAnZWagAAAOEQAKItIQrHAByO3BGRTLdK\naFTcPfWp8szaGljLkQmoKYnY+t1+Ogz5InyFKuK1J8Pu9DpqgezexjtKmXhJ\nH5ZzPK+EzUrA9ZE1a9lRxkVPc6Crgk0ObTwHXCea18p/yW/+485DaVNtJapg\nhoMMKkYy6pRyNJz3I1M4OfYWLGhrKKVkVkrhubgfwCZwkbH2KJ8N/T/0wTS0\njWu66/FmcgsjrOz7vmAks9IMuLOoq4na5WGScQMVoS6b61blAdX4NhPSL5r9\nxBhiqFRzVrz03gL23caw8xzT47VgQOF7j6CGcO26bEtQ/jmoAhbzeBddCe53\nNAFHGD9H/hqrRxpataHtNbU6pKgpkuENYqHjx3c0ldSm7gqFU62YxGoBqORB\nC1Q2CDlA+onTdZyLHeu+Nk99ISnY+5RJxVUsEo5Bxs5cxvHy7UgsXX5Et8gS\n0gDrGcBJQPbeQu0AwLZuHx6ewMV6DgePeMZBN/K4EqbBFPL+eAtkY52MnzoF\nrD55XE1PKQH1A87CO7rmRXF3MdFwqQzDOCty9mUOiTxYfSbYxSSf6rP9kvh1\nr3eGkbFpBSrrf0zQ6pKBODcjOnhxcOD1HCefsl5iZxlM9+r4xQ4o6oifEyri\nNIYDioNPTJ2XZtvOnGUjgMZcn1XBlshhcmaPWguThXLQmo4s4tdF5LltNE+C\n0KDe\r\n=aOZT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHEr1j57R5Ms27KOKXsd8rHPK3R8H03YG1NUatpl9IrtAiEAtQAv3z7Ho1hkPkNN1XVdpG6PiEsFxgOO9oSbuTHO550="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.10_1619697574367_0.884453183559714"},"_hasShrinkwrap":false},"0.3.0-alpha.11":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.11","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.11","dist":{"shasum":"4d69cc694dff5dfbb1af4a79bdb717959e6b4057","integrity":"sha512-uWxinPs6TSXO9IZz88D0M/g3vi5aHX8myF26x/zoYc6UJwlcPPuJuqPiuTWuPR2o70TeukrBtER3t8yq9zGA8Q==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.11.tgz","fileCount":89,"unpackedSize":1516935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkTiRCRA9TVsSAnZWagAAd5IP/R1YPs/0oK/HYKmSgamh\nPFh2YJbuWkQyrhlc74jAfbtfx6fmOdseXaVvkhBSEU44+m0F1pg0Xv4Ta4z9\nIYVpLwnWdZxLlcqWvv4QOSieNTUVluLXavKMRlOK7RFYhIrwxSKP0Sf/xfZv\ntw86vmDJwVWBrspIkT/GcxQlg/NdJQYLypoEeWvbdfpzDGeHv/tHrxJZHCyW\nlPiNgaANu7Lvs+7G9V/ssxQGp5eBMWB9/WvHng8ZaXcmoUbC1+wb7Um7PVoK\n7O+x56kBjj9BRxYz4PIEhlqIc6j3NFD73wblT8TT8VR/3win5gnNgTTgzFHD\n24EoqYBFNGudyrj9TqlJc+02IMV8ep6vbDkCHGFaJ2m/5OIIAS/FVLnuj+Om\nLd9fLA09+/26vnL1lALKwkhuF7L/cpC0wsJSE7tP1D8MZZV+1dn9pAOvypXg\n+r3MFA9mrf79Ct5sXmMIA0YeR3LxQ5FKAjsELZNzZDJHeIoQXG6nIGMVwgv4\nvy6PzFG2c2l/4h0KfzcIvdx7z+AlQITZ/APsLrGA24dt0OajqGSaG6ppabjg\n+Z+n/TdMDEakIShTkgoojrdu/NeX5bipQm6MnHqwj0Vy7NEtIWKIhoxz47Nd\ne654xcTKMwo+2BqnMgpVDLzxMejPh0rnvf/usk/w5N/4tWfSguGNY8TguNF+\nwYhd\r\n=cFJJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDkjO9FE2bz0XQJZZAwQYVvABIp6ngdQJ10LslvttG8IAiEApmcJBbEmd5xIL/uS0rnN2QOd8TU4E7rDuJhxtYY5yT4="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.11_1620129936224_0.37573589760647597"},"_hasShrinkwrap":false},"0.3.0-alpha.12":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.12","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.12","dist":{"shasum":"878d18e47e5d5746dbcf1fd8579cea88dcfa0ab6","integrity":"sha512-5eVPzlzyOSupdsTY7M8mDkkkh9aOLLzfolEuW6OqJEr9tGt1HObPdCqykyc+8RVKTw32SOKoMGni4LrffcH7pg==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.12.tgz","fileCount":90,"unpackedSize":1590529,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkq/bCRA9TVsSAnZWagAAuqgP/2EzjChMq25hsA6VzBPY\n8DD7I8LxGFEVv8KvWVdFaU75oICjxekH9jjEePAFkAySsgJ2JI8UxxpY0ujq\nhxnlYz7eIWTN0wcHNUnWv24ZAAH7piQYMgX4WRubor+Qj9MltuEfPavSCd7w\nlb9SLNgPEPGZAlfbvXn+V5pk90uxJOcf9jaeml0kEiw99LAmtKfjbhODqIH8\niPv9Kk+CTYJqeuxC04r40mYexlF44SayzMUdXk4ZfoGHDGPq2xsiRkaqwQVR\nboL3q6c7I1EcmvqROZrYoEG5muri66ciyH+fUu1HprqHDRiK7lLS65UOHpWJ\nZ0cULXLVNJr9y+rcYQGByZ3tZUXy6JuRBEns0U9omhiLLaIrffjKxJ47hSY2\n7J4B5VL7SczcE4ZIz+bciE0YDpd/sPT2k12aLvZZeUtgukkcS2buFJxLX5d8\nyxSFz/PD9Qtw+OrgKr2tmSkUu/aeX/TQfZDZG2M1QINZsZUp5BIgjfKb7U+0\nOS1CsnuNwdz3ViDjDUJAxowI/d+xuXYR1D0iQRmgnbrwhjjtMyzcX+wYNzvp\nIPOIJvnRh34iTp+wynJA4hw0wXfweiM8cYOH4lF9Q7D+j8ogfSIjoPnxd3aj\n+JuJizR1gZiiOeiLEK2217gjBt/vB2YvAtKNAuQAysXrYIi/vwtug2b/ReCZ\nl1bG\r\n=YrDh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClrwSaYr0nbsa2c4K1tbB98suMzKCtho2PDH2+jXq7HgIhAI1eYH1orNI7zdnBSGLO3ysJFOcAE5nR3qdsvkbMpXwH"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.12_1620226010661_0.4837828335226917"},"_hasShrinkwrap":false},"0.3.0-alpha.13":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.13","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.13","dist":{"shasum":"5e61f18c10b4976eea3a5338e94370e28987109e","integrity":"sha512-bDauYNj1xKZ26JCIHwnN0yu7u9PIzq9zTpSJOSzCVThpA4dWM6147e3Fy96iAMDxB60BCyOA+CT7yMeYkmCT2w==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.13.tgz","fileCount":90,"unpackedSize":1590799,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgk/xwCRA9TVsSAnZWagAA9mgP/RouFns8YWHxKBvLPlK1\n1OXIB/o1AhfW2sm1tPvbP4bogFMPtf6iR+rLlCckX88E2+Vc5uRFMW0Bps9c\nbcM3SOIc28bhEkYqPydBFd9KiaAPOlsFC+HsOjgUp1QD5AQk0RU0nnFeuQDv\nlguKapurW0YnTpQRc+ne2S7rEHdgLSrTAkFBOTMQpLWEM9QMGDW9sQjddxlz\n6GcXEUd3LlOhTmkG1QD6qkBPEhC+pOmSHp71iKa7PEAbDxkvzpXi+2e10K+J\n6Ul8nAfpZHzcm35+yMF5oNohHA1GWHubn3bpJT8QoZ1bOUrxS/nAleevs5Bv\nYSXZOJ/y8yY/x5i4MqBjOeuE5k14kB+J2uvCfSDJsLV6Dm1Vwx2DIMKm3Ffh\nE8rMwa62S1zzP/3s882u/Itqyem+FuuQ49LhjEd3SqBVQAp8cmPvFSPpvEP7\neSCBYnkyaZ1dCXVyhsf2oAxW7FByoZzFHmOCCWiBD91qEjWa62n2hjdN9yeX\nXNfWKTBItu2TpB/Ms4KFiOXmWmHV/K0CEPPq5KyViQowweYV3E1GGsAA7za3\n/LqpdYCTMUHvq6BCGBx+o8F3DEE43G8SCjDtAU0sAbZw7aIFe09xZV3vThea\nuLcZ8qSetXM/AP74haKZ4u7t9IcYII+jbOhZdJNsAIZCS+sfeB5YwLKYz0sq\nKue1\r\n=pfo4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDB3YE0d0L9X5IV1YC/tPxEbg7uDAjCRlqf+4woswWf7AiBqw931UJFVyuNPuJmMKvVyjAYg2tuC8gibiulbQlLgBw=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.13_1620311151823_0.9937264341068557"},"_hasShrinkwrap":false},"0.3.0-alpha.14":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.14","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"https://github.com/ax-design/reveal-highlight"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"readmeFilename":"README.md","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\n</h1>\n\n<p align=\"center\">\n  React component that implements Reveal Highlight of Axiom Design System.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\n\n</p>\n\n<p align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\n</p>\n\n## Installation\n\n```bash\n// with npm\nnpm install @ax-design/reveal-highlight\n\n// with yarn\nyarn add @ax-design/reveal-highlight\n```\n\nand import it:\n\n```javascript\n//CommonJS\nrequire('@ax-design/reveal-highlight').register();\n\n//ESModule\nimport { register } from '@ax-design/reveal-highlight';\nregister();\n```\n\n## Usage\n\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\n\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\n\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\n\nHere's an example:\n\n```html\n<ax-reveal-provider>\n  <h1>Welcome to project Axiom!</h1>\n  <ax-reveal-bound>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 1</button>\n    </ax-reveal>\n    <ax-reveal>\n      <button class=\"ax-reveal-button\">Button 2</button>\n    </ax-reveal>\n  </ax-reveal-bound>\n<ax-reveal-provider>\n```\n\n## Style Controlling\n\nreveal-highlight use custom properties to manage the style of highlights\n\n### Overall control\n\n#### --reveal-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(0, 0, 0)`\n\n**Description:** The color of the reveal highlight, could RGB value or hex value.\n\n#### --reveal-diffuse\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Control the behavior while pointer not in the reveal highlight element, if setted to `false`, nothing will be rendered; if setted to `true`, border will be rendered.\n\n### Border\n\n#### --reveal-border-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`. It looks weired, but it is constrained by the CSS Typed OM specification.\n\n#### --reveal-border-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the border gradient, please notice that this value is a number but not length.\n\n#### --reveal-border-width\n\n**Type:** `<number>`\n\n**Default:** `1`\n\n**Description:** Border width in `px`.\n\n#### --reveal-border-decoration-type\n\n**Type:** `'miter' | 'round' | bevel`\n\n**Default:** `miter`\n\n**Description:** The shape of border radius, the same as possible values of `lineJoin`, checkout [this document](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin).\n\n#### --reveal-border-decoration-radius\n\n**Type:** `<length>`\n\n**Default:** `4px`\n\n**Description:** The radius of border radius, if `--reveal-border-decoration-type` is `miter`, nothing would happen.\n\n**Note:** To control each corner, use `--reveal-border-decoration-top-left-radius`, `--reveal-border-decoration-top-right-radius`, `--reveal-border-decoration-bottom-left-radius`, `--reveal-border-decoration-bottom-right-radius`, if the value of these values are negative, `--reveal-border-decoration-radius` would be used.\n\n#### --reveal-border-style\n\n**Type:** `'full' | 'half'`\n\n**Default:** `'full'`\n\n**Description:** If `full` provided, there'll be four sides of the element will have a light effect, if `half` provided, only the top and bottom side will have a light effect.\n\n### Hover light\n\nHover light is the light effect shown up when you hover on the reveal element, it will fill the whole element.\n\n#### --reveal-hover-light\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the hover light or not.\n\n#### --reveal-hover-light-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-hover-light-fill-radius\n\n**Type:** `<number>`\n\n**Default:** `1.5`\n\n**Description:** Radius of the highlight gradient, please notice that this value is a number but not length.\n\n#### --reveal-hover-light-fill-radius-mode\n\n**Type:** `'relative' | 'absolute'`\n\n**Default:** `relative`\n\n**Description:** How the program calculating the radius of gradient, if `relative` provided, gradient radius will be:\n\n-   `r(border) = min(width, height) * fillRadius`\n-   `r(fill) = max(width, height) * fillRadius`\n\nIf `absolute` provided, gradient will be:\n\n-   `r(border) = fillRadius`\n-   `r(fill) = fillRadius`\n\nthe unit is pixel.\n\n### Animation\n\nWhen you pressed on the reveal highlight element, a ripple will show up.\n\n#### --reveal-press-animation\n\n**Type:** `<boolean>`\n\n**Default:** `true`\n\n**Description:** Enable the pressed animation or not.\n\n#### --reveal-press-animation-color\n\n**Type:** `<color>`\n\n**Default:** `rgb(-1, -1, -1)`\n\n**Description:** The color of the hover light, could be rgb value or hex.\n\n**Magic Number:** If the value equals to `rgb(-1, -1, -1)`, the value of `--reveal-color`.\n\n#### --reveal-press-animation-fill-mode\n\n**Type:** `'cover' | 'constrained'`\n\n**Default:** `cover`\n\n**Description:** The filling mode of pressed animation, when using `cover`, the radius of pressed animation would be `max(width, height)`, when using `constrained`, it would be the radius of the hover light.\n\n#### --reveal-press-animation-speed\n\n**Type:** `<number>`\n\n**Default:** `2000`\n\n**Description:** The duration of the animation being played when the mouse is held down by the element.\n\n#### --reveal-release-animation-accelerate-rate\n\n**Type:** `<number>`\n\n**Default:** `6`\n\n**Description:** The acceleration rate of the animation when the mouse is released.\n","licenseText":"MIT License\n\nCopyright (c) 2019 ax-design\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@ax-design/reveal-highlight@0.3.0-alpha.14","dist":{"shasum":"98241b778a19f678ba64801da2c2ec0e69b4846b","integrity":"sha512-VrByQrtrTvgMQB4m/tWp0HwZ0sLeH9WH4FObMS4ks340pTyhyP8rVs2EvzWKplKLbbgbIeT77KyV+4TwLzmVCQ==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.14.tgz","fileCount":90,"unpackedSize":1523362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoRquCRA9TVsSAnZWagAA70sP/j1HAdjOYxrNvkJdRCu6\n2hPRRfoTv0fwZZZjFfGApD1KBiSwvoS7X+k7peBNsXi5he8OTm1zK6eOZA4G\nYVYSptUmTrWC1CfKfpH9GOFsW1p7SJdfNRVeUqsrlEB04F2KRjCxiksFrBpu\n5SGua/XnhELdeO3+xBtVjrWP9H5o7W8ESpUuOlV/y/smnK5sxSmhfiSxl9uE\nvl7X/88n9w4mLnztr0IzZQlocfPdSqCaohRzB5dwceD+Upu9jy7jYnmpE/oh\nc5kflrGHB6bu/3cnMSvGhn7eOIUL2fQHuUfNOkbXtvEc6f31tRDPZCTJ4Gdl\nmcNlHdJpc9O+jzOeZy1tyIzTortqoEKsFs6ilFNs6It6QRxTOhAwDrnw5U4W\n1ENJXvafs2uvvcXxY9zT7/A9nu2a7JIx1q0GS2SLRrsJzkPz7bXfsGyD9q9S\nkGng7Uy2Ux0QI69dZfBxvmbAJx4j0tPfRr5J35vooHNbqJEgtRVrUVRfnEqA\nBzkesJk09yngIDRG5jzBKznWSHWqJHQxYEfL/EG7KgL1aW0ysz26s3sJlUDK\n8cEy1LNBSZ/UfR/l2VdMSkjfCX5lOwzbEWTGOHwVHmgS/UyzcsMaKvcYWu8V\nqcYXg14bbYc1phlYrNJjJSJmvUC99dNyAOXknkDn7G1rVUMk6H1sQNdsWdSt\nKO9K\r\n=LVpp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZDY+fCyvV/kuha7KLh+kKWZzIz+xtlUUP5lqXyBYSggIhAM9L3lshjy4v1OiczpPh1AlJXhob8nNWxjWaAivbAcms"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.14_1621170860863_0.25723609912074363"},"_hasShrinkwrap":false},"0.3.0-alpha.15":{"name":"@ax-design/reveal-highlight","version":"0.3.0-alpha.15","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":"https://github.com/ax-design/reveal-highlight","license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"_id":"@ax-design/reveal-highlight@0.3.0-alpha.15","gitHead":"bbb3640c2b213b11735601e35112ccfee3a85cce","dist":{"shasum":"c4e45c0f1e2579de46a145029d455747df39044b","integrity":"sha512-cupxB7VvuEE9SQ37iomL2kUTB10SYKS/QcD7RLBsZ99ErGOyXyvaNxb8VRrjNBcgXS79rLAPogrurkcW6KlF0w==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.3.0-alpha.15.tgz","fileCount":80,"unpackedSize":1533264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJho3Q/CRA9TVsSAnZWagAAvhwP/1i+MbMZjuUGXgcKuA9J\nPi+c8cZtAEx1jkTTy56Y+N145+LDP4ptGRj1zj+a2XQ2xy0UuxByQ1Ph2TKf\nkxARJT6+qtjZAcyzum9ZzL50z9N3qQKCww+GZl5Xttt8l3Z+G7+mhrBPEZTy\nyAPORXXkjp+07Xhj0Z86wufUlYziqWlNX3/kqVY1yfYFEC55EbI9Fszi59Z7\nozcvcrny9ubLFHFUFNR9t4q/Krq/nTKd7HJ+ZFVytgJIo1UT33u775XWiD92\naLZcTr+4D/rpXybGDDH9W7CfB9wuTehlahWjwvnyagR6JnkyvZegX7vrV1n4\ngdF3/9ok+j+qHZA7VElPedP0KNLTFqKB2r+47oGFLLjMuaX9S29bNPzW0Ra4\n0djqr4YAlMPp367cLl4HnZBVF1PBlTTKetgX4+LvMyHapbsxGfyJU8FBU7Pt\nvGN1Kwq5i4d5yFNwgDSVzjZqu+rOKfwSfwzFsbbGss+TgDFxxcbqwB5mAsze\nKrDgYAmm4k5IHWN5c4w1rtzgewRg4WVnyMpD2feIw+1ri3SSiWVTpuJlBkAq\nrO2NuITHPUYxJRJ7nsyBz54jXfQ+lrIc2Itbke8v3iGx04Vma1MlLakRkds1\nvvLdev9sB7pOpvib/6K0GxWOg4eBhdrdPn5s2Ut2EqEONrkOPCUQBN338Fxj\nmcsb\r\n=pYJZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGxDxPWSHCc91a764YC2vtJnYS64qo1WACup54lSsWhSAiBfPvEMuAWoGug/G20UqFNce7bVu6T7z2L8YSDCo2HFoA=="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.3.0-alpha.15_1638102079402_0.20891474881981997"},"_hasShrinkwrap":false},"0.4.0":{"name":"@ax-design/reveal-highlight","version":"0.4.0","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":"https://github.com/ax-design/reveal-highlight","license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.2.1","rimraf":"^2.6.3","rollup":"^2.38.5","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.29.0","typescript":"^4.1.5"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"_id":"@ax-design/reveal-highlight@0.4.0","gitHead":"b43e00445ecbe65d88a3ab0f96d435530f50ea37","dist":{"shasum":"73f70579af998d6f338f6341a01d0c5f8b260a61","integrity":"sha512-PqhLCsQR2tuS0FYMAkVWo6L5HNUkyI8kXqIlILDffPM8NijPmrrBXeNTZoP0/oMABfpSRoo0Ka1LQG+L+qQ2tw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.4.0.tgz","fileCount":116,"unpackedSize":1661234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvz6sCRA9TVsSAnZWagAAs7cP+gLBQkGIZhhzHyym+Pt+\nN7zGNp/XWV9vi2kCnE/gpEeQXyCVOQo8vYJCmGn9g1XEaYNab8cobnwUZJk2\nUGLSEmHPiEi08gtlwIN7tUOowZE11pEwACGjRBAS/JgYp4k0Rg4JkNzGyIf3\nNFMqatsisheWIu/NfWfWFTAyXm0M5Hdx2W7YejpQnyOzzkzzwkB5xHDXBNbl\ng5Yf3IS7GvcEMY4MxHcG4F2qqsl4UaD8Oncv0arxxWmnAvupn5LZnMJTS6/w\n+V6Vgy4Y4UYvueuMSb7fgwcgr4sbEeNbLKthmauktZaWk2V71uTFgxz8locK\nJDAruQwim15S3dB8y+tAtdvZzHOt23ocaozQbSYnXqFt0Dp7D8IWKuGPABBU\n7awc2m75B5Ogar/75iJL0PihBRlChVUQVAi55wa2eQ3QUctZMbWh7s1ITxDb\nsfyCvauuwz7BKWE7FsJnRY4DiOZlZ1sY2Mtp7Gj32cHHH4HWytrwl7xTeh/q\n97Nb/RpW26E1UAe8I4oCzdBOzW7X98AZVbAI5Ie7Fcu9OeivPnuVl3jBifpw\nzbYU/bnzR4so4KOb4riZLtndLo8WHCrujoMXJMabZx16X8H179XCD6t5TOq9\nVXoz/4zCPUuhbWeQHz5d1KYR8QsEvUfcOgUQj9srAvsQ848d1M2XSJS0SM8M\nq+g7\r\n=s2sQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICSPeWBad16RPt8fTGJ8s4TKb6i1uBQhuHXfUt7QUTukAiEAh4IuQNgcmLFf3l1wn/9vmE93nv6ntWyIwmKSD9wqI5o="}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.4.0_1639923372506_0.6290857998413497"},"_hasShrinkwrap":false},"0.4.1":{"name":"@ax-design/reveal-highlight","version":"0.4.1","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":"https://github.com/ax-design/reveal-highlight","license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.5.1","rimraf":"^3.0.2","rollup":"^2.62.0","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.5.4"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build"},"_id":"@ax-design/reveal-highlight@0.4.1","_integrity":"sha512-X1uX802i6u7By4hFU1mzFfjTlUgUsIZRKC9f97wBp2ZvXuze1LrL8y1+Q2vIxHPaw1KnrQeX7ZKLlIz6zmqc0g==","_resolved":"C:\\Users\\Jack\\Workspace\\ax-design\\reveal-highlight\\ax-design-reveal-highlight-0.4.1.tgz","_from":"file:ax-design-reveal-highlight-0.4.1.tgz","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-X1uX802i6u7By4hFU1mzFfjTlUgUsIZRKC9f97wBp2ZvXuze1LrL8y1+Q2vIxHPaw1KnrQeX7ZKLlIz6zmqc0g==","shasum":"231dc62e82964d635caef7d0d05cf5e23da18ec3","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.4.1.tgz","fileCount":104,"unpackedSize":347833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhx9eDCRA9TVsSAnZWagAAAusP/1AIyPmV9tWedHZ3YoWV\nX/7aivygg5LSDKV1GqRaL2irSFiHdyukHkkO6Fk9DEen+t1rviAyIkxIsroD\nnBKSuqPEBLOut5or6FtJrtQ7++aGvUWwIQA5lM6UtlfV7GXk9k0bfyKZrH/U\nB0v1cyKWmTJqLX2iubAjjRE/ChmUQk1+5qvu/cmVF7ruyGauBNyKNBpD4orq\nLubUZnqorcvjxeA7VrpuyCyiQ+5F/5qm+1Gip42MTrB9K3SEVZWtZAZfsXia\nEtqz/oTnKlc4ewCCOwLwZujeqJTQKt7AHddHm45B2W+XMlgAcdI8rlEXKlZt\nNXQN6p51ytAnhdbLSgiKb69oeX+u78mQey1Q3Q0mcYUqm6iqCmQZBmyQe6he\nSFqdAFuspCJfUq6CP7tSVMwAdc5qTqMw3JvjeqP6goeCdS4yepKb1fuX2r9j\nJpxZv9ZzgZju0O8FwVDzyYuV66KakBHZh3FOAG1JWdIyq/BE6s9WUWXjPwcR\nwZ04iHNdBx0KmVgfUW/fDz87AOpz+IKXy5kgdAeU9b1TR7rNWODplibN9FGG\nIqrn6qghLkeVO3e5wJVX3f1NpuG33ABjjMu1P2XMytaNDp3SxeJrOJIyUYtg\nVb5/SbcyLyPWX6qAkQdV7sZB5D86ydBRS7X7j0QxhBnN1xmYGfhiPIcpZIAC\nvJ2K\r\n=zTZh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnh2ng8ySwv2lFjJgCpp0toMwl3FejS3vp09Uvs3BVZAiEAulfFKr15c9Kmrxlkjaiie+g1jP1b+evLZXdWFGU3AY4="}]},"_npmUser":{"name":"jackworks","email":"zjwpeter@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.4.1_1640486787525_0.28048068081420574"},"_hasShrinkwrap":false},"0.4.2":{"name":"@ax-design/reveal-highlight","version":"0.4.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":"https://github.com/ax-design/reveal-highlight","license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.5.1","rimraf":"^3.0.2","rollup":"^2.62.0","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.5.4"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"_id":"@ax-design/reveal-highlight@0.4.2","gitHead":"215ac1ce1d791d98b290e45bd0d0270813080a3e","dist":{"shasum":"8ffc7bc18fad47fb8ac918cf35257c96663be511","integrity":"sha512-82QZwIUG3g7HFsqulNz54ljQCSA7EVu2ncPVZmsjlgh7KYNfaH/AcmLLjYD/xYZZ5BR5DFERR8FqWynOT0bGaw==","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.4.2.tgz","fileCount":104,"unpackedSize":351939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyAL+CRA9TVsSAnZWagAAs0oP/1GuODforVqZA2qta2ts\ncMPpZFjvbT2rPhxbc5PNBFB8lwZFQzr5b5QeVx5+zu5JT9PChXF8P4+dUPP5\nAekYMRY6uE5pPXShwvyV6vGhFZE11EnRuiYnkVvYAVO8blXBtqBCWi/X8yYu\nwlN9T1N0u0hCi14aoQE5e4tcjoy62Y8azYNqX4MM39p0NTRuf4bwZft2E1Kw\nSqmrUz+V2BdZdcUQR2esJBLNaRCxeI6l1g8r8ZEeNFzXaUhISRePlIqF09Y5\nxFWdR0JjNKMs9b7KXTZyIjQGRgbMh9YwM5Y9ZcLgNQPYIOaPXFi4D6X2BHjs\nf0Gt0xVzGvWodjILNx4KNcfAZlvyhBLmupfXVMzftuJWAcjJQYR5tIpNNvG2\nce5vA90AsdczOUSmfA06YtlPmTexFbgwzBQ/73E9mKJkrnLLni/qMp94kRDy\nCriD+xT98Yk4CxW4Barv9a8O2qdkQtkGCQfz2m7WyxP4ZtjWjQpkGfOoEIKb\nObahqXkrDmgiNrUNz1bcwkBz6w4dLGK23Yrs1/W8LBMm7RxoccvKWBxYHVvT\n+aj84Iko2o5h9oj3bFmtRGkn6/L1ETV8VM7KavyAK/etRhXX9Y2qEQ4Gqs1A\nYkJ/bLFlHTZ0Xn/zjjwMaZwVF8IJZlisv27+7AZJ8/RmM0cjE3dH+eO3SW8S\nFje4\r\n=SEAS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9V0H1KTetQ5ioanzATmaHk5M76YDERN2TCvr/xfyp0AIhAIxIIr4WaKRM5Qeb/BJxYtnJdtseMOXuTxMCSr+9JsrC"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.4.2_1640497918158_0.1600933541270595"},"_hasShrinkwrap":false},"0.5.2":{"name":"@ax-design/reveal-highlight","version":"0.5.2","description":"Web component that implement Reveal Highlight of Axiom Design System.","main":"build/main.js","module":"es/index.js","typings":"es/index.d.ts","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","sideEffects":false,"devDependencies":{"npm-run-all":"^4.1.5","prettier":"2.5.1","rimraf":"^3.0.2","rollup":"^2.62.0","rollup-plugin-babel-minify":"^10.0.0","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.5.4"},"scripts":{"start":"npm-run-all --parallel start-tsc start-rollup","start-tsc":"tsc --watch","start-rollup":"rollup -c -w","build":"npm-run-all clean --parallel build-tsc build-rollup","build-tsc":"tsc","build-rollup":"rollup -c","clean":"rimraf ./es ./build","prepublishOnly":"npm run build"},"gitHead":"cd50aa164da97d8f60c9680c2f6abe58f77d3831","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"},"homepage":"https://github.com/ax-design/reveal-highlight#readme","_id":"@ax-design/reveal-highlight@0.5.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3VPjmlByAZ2qnwGIvLm9ga64g1sCzCRrxt+o55DF2gJUnFRvfool44wxls0DhOKZeDpmYVPq4ZulYhkktveXfQ==","shasum":"0662a6fd319395a0f6f1180937838288bfff4190","tarball":"https://registry.npmjs.org/@ax-design/reveal-highlight/-/reveal-highlight-0.5.2.tgz","fileCount":104,"unpackedSize":351799,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiTrURyCYcOFUfsrCp4rZqQ3UXrHcAGWYIPyLeSOFyPwIhANIDj8I0JA6UlJo9yxrg5kD1sIZijyyMLQ7vweQkUCEJ"}]},"_npmUser":{"name":"losses","email":"losses.don@gmail.com"},"directories":{},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reveal-highlight_0.5.2_1695114479563_0.5361889744043122"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-08T10:55:58.802Z","0.1.0":"2019-06-08T10:55:59.156Z","modified":"2023-09-19T09:08:00.066Z","0.1.1":"2019-06-08T11:33:49.962Z","0.1.1-beta.2":"2019-06-08T16:06:10.726Z","0.1.3":"2019-07-06T02:03:47.864Z","0.1.5":"2019-07-27T02:04:33.245Z","0.1.6":"2019-07-28T00:32:09.647Z","0.1.7":"2019-08-06T05:50:55.289Z","0.1.8":"2019-08-06T07:21:44.626Z","0.1.9-beta.0":"2019-08-25T11:41:20.701Z","0.1.9-beta.1":"2019-08-25T12:03:12.114Z","0.1.9-beta.2":"2019-08-26T13:23:00.298Z","0.1.9":"2019-08-26T13:34:42.861Z","0.1.10-beta.0":"2019-08-26T14:34:00.226Z","0.1.10":"2020-09-19T05:11:12.420Z","0.1.11":"2020-09-19T05:16:21.481Z","0.2.0-alpha.1":"2021-02-13T11:29:04.727Z","0.2.0-alpha.2":"2021-02-13T11:38:20.471Z","0.2.0-alpha.3":"2021-02-16T11:22:31.941Z","0.2.0-alpha.4":"2021-02-16T11:27:09.255Z","0.2.0-alpha.5":"2021-02-18T12:24:46.221Z","0.2.0-alpha.6":"2021-02-21T09:18:19.711Z","0.2.0-alpha.7":"2021-02-27T04:56:18.271Z","0.2.0-alpha.8":"2021-02-28T02:27:38.660Z","0.2.0-beta.1":"2021-03-01T12:19:53.388Z","0.2.0-beta.2":"2021-03-01T12:28:27.401Z","0.2.0-beta.3":"2021-03-02T13:41:43.495Z","0.2.0-beta.4":"2021-03-04T13:42:27.381Z","0.2.0":"2021-03-10T10:56:50.393Z","0.3.0-alpha.1":"2021-03-21T06:43:17.208Z","0.2.0-beta.5":"2021-04-14T14:38:02.013Z","0.2.1-alpha.1":"2021-04-14T14:41:18.895Z","0.3.0-alpha.2":"2021-04-14T14:43:16.031Z","0.3.0-alpha.3":"2021-04-17T08:12:15.620Z","0.3.0-alpha.4":"2021-04-22T12:39:42.214Z","0.3.0-alpha.5":"2021-04-25T13:43:13.391Z","0.3.0-alpha.6":"2021-04-25T13:45:19.816Z","0.3.0-alpha.7":"2021-04-26T12:56:43.441Z","0.3.0-alpha.8":"2021-04-27T11:41:10.594Z","0.3.0-alpha.9":"2021-04-27T12:09:00.074Z","0.3.0-alpha.10":"2021-04-29T11:59:34.629Z","0.3.0-alpha.11":"2021-05-04T12:05:36.481Z","0.3.0-alpha.12":"2021-05-05T14:46:50.861Z","0.3.0-alpha.13":"2021-05-06T14:25:52.065Z","0.3.0-alpha.14":"2021-05-16T13:14:21.078Z","0.3.0-alpha.15":"2021-11-28T12:21:19.700Z","0.4.0":"2021-12-19T14:16:12.750Z","0.4.1":"2021-12-26T02:46:27.715Z","0.4.2":"2021-12-26T05:51:58.289Z","0.5.2":"2023-09-19T09:07:59.828Z"},"maintainers":[{"name":"losses","email":"losses.don@gmail.com"},{"name":"jackworks","email":"zjwpeter@gmail.com"},{"name":"balthild","email":"stingzz.go@gmail.com"}],"description":"Web component that implement Reveal Highlight of Axiom Design System.","repository":{"type":"git","url":"git+https://github.com/ax-design/reveal-highlight.git"},"license":"MIT","readme":"<h1 align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/logo.png\" alt=\"Reveal Hightlight\">\r\n</h1>\r\n\r\n<p align=\"center\">\r\n  React component that implements Reveal Highlight of Axiom Design System.\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <a href=\"https://www.npmjs.com/package/@ax-design/reveal-highlight\"><img src=\"https://img.shields.io/npm/v/@ax-design/reveal-highlight.svg\" alt=\"npm version\"></a>\r\n  <a href=\"https://travis-ci.com/ax-design/reveal-highlight\"><img src=\"https://travis-ci.com/ax-design/reveal-highlight.svg?branch=master\" alt=\"CI status\"></a>\r\n  <a href=\"https://deepscan.io/dashboard#view=project&tid=4412&pid=6185&bid=50120\"><img src=\"https://deepscan.io/api/teams/4412/projects/6185/branches/50120/badge/grade.svg\" alt=\"DeepScan grade\"></a>\r\n  <a href=\"https://t.me/axiom_chat\"><img src=\"https://img.shields.io/badge/chat-on%20Telegram-%230088cc.svg\" alt=\"Telegram chat group\" /></a>\r\n  <img src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"MIT Licence\" />\r\n\r\n</p>\r\n\r\n<p align=\"center\">\r\n  <img src=\"https://raw.githubusercontent.com/ax-design/reveal-highlight/master/docs/screen-record.gif\" alt=\"Screenshot\">\r\n</p>\r\n\r\n## Installation\r\n\r\n```bash\r\n// with npm\r\nnpm install @ax-design/reveal-highlight\r\n\r\n// with yarn\r\nyarn add @ax-design/reveal-highlight\r\n```\r\n\r\nand import it:\r\n\r\n```javascript\r\n//CommonJS\r\nrequire('@ax-design/reveal-highlight').register();\r\n\r\n//ESModule\r\nimport { register } from '@ax-design/reveal-highlight';\r\nregister({\r\n  compat: true,\r\n  borderDetectionMode: 'experimentalAutoFit',\r\n});\r\n```\r\n\r\n## Usage\r\n\r\nTo add a reveal effect on your web application, you need to wrap a `ax-reveal` component with `ax-reveal-provider` and `ax-reveal-bound`.\r\n\r\n`ax-reveal-provider` will manage the global reveal style, and cache the rendered highlight bitmap for better performance (WIP).\r\n\r\n`ax-reveal-bound` will manage the rendering behavior of `ax-reveal` components, while your mouse enters the boundary, the highlight components will get started to rendering, while your mouse leaves the boundary component, all highlight effect will disappear.\r\n\r\nHere's an example:\r\n\r\n```html\r\n<ax-reveal-provider>\r\n  <h1>Welcome to project Axiom!</h1>\r\n  <ax-reveal-bound>\r\n    <ax-reveal>\r\n      <button class=\"ax-reveal-button\">Button 1</button>\r\n    </ax-reveal>\r\n    <ax-reveal>\r\n      <button class=\"ax-reveal-button\">Button 2</button>\r\n    </ax-reveal>\r\n  </ax-reveal-bound>\r\n<ax-reveal-provider>\r\n```\r\n\r\n## Style Controlling\r\n\r\n* Checkout this living example for detailed usage:\r\nhttps://ax-design.github.io/playground/?path=/story/components-fundamental-elements-reveal-highlight--basic\r\n\r\n* And here're the source code:\r\nhttps://github.com/ax-design/ax-design.github.io/blob/master/stories/templates/RevealHighlight.ts","readmeFilename":"README.md","homepage":"https://github.com/ax-design/reveal-highlight#readme","bugs":{"url":"https://github.com/ax-design/reveal-highlight/issues"}}