{"_id":"@astrocaleb/lazy-render","_rev":"4-d62f18a6d2c65fcf73d85980fa4a25d0","time":{"1.0.0":"2021-04-18T14:56:40.998Z","created":"2021-04-19T14:58:10.254Z","1.1.0":"2021-04-19T14:58:10.626Z","modified":"2022-04-04T15:54:34.493Z","1.1.1":"2021-04-19T15:30:55.034Z"},"name":"@astrocaleb/lazy-render","dist-tags":{"latest":"1.1.1"},"versions":{"1.1.0":{"name":"@astrocaleb/lazy-render","version":"1.1.0","author":{"name":"Caleb Dudley"},"description":"A super simple lazy render script for whatever element(s) you want.","license":"MIT","main":"index.js","keywords":["lazy render","lazy load","delay render","delay load","lazy","load","front-end","javascript"],"repository":{"type":"git","url":"git+https://github.com/AstroCaleb/lazy-render.git"},"homepage":"https://github.com/AstroCaleb/lazy-render","bugs":{"url":"https://github.com/AstroCaleb/lazy-render/issues"},"browser":"dist/lazy-render.js","babel":{"presets":["@babel/preset-env"]},"plugins":["@babel/plugin-proposal-class-properties"],"browserslist":"> 0.25%, not dead, last 2 versions, IE 11","scripts":{"build":"rollup -c rollup.config.js","test":"echo \"Error: no test specified\" && exit 1"},"devDependencies":{"@babel/core":"^7.8.4","@babel/preset-env":"^7.8.4","rollup":"^2.45.2","@rollup/plugin-babel":"^5.3.0","rollup-plugin-terser":"^7.0.2"},"gitHead":"cbde9dc8fbc67d213e7db97e3351f58e3fdcc0c1","_id":"@astrocaleb/lazy-render@1.1.0","_nodeVersion":"10.15.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-RqfKZQRZExEmIKmceh0wjZzi1BDFA02KEDLYFxGUpWSX4fO/JWfzbPO9FOeGYRJ9MB5GZjR0J1Bl1BeIMwp/cA==","shasum":"1bcfc6192fe6588ddf8ca8cce9e15f752ca83b02","tarball":"https://registry.npmjs.org/@astrocaleb/lazy-render/-/lazy-render-1.1.0.tgz","fileCount":9,"unpackedSize":21076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfZqCCRA9TVsSAnZWagAAX1UP/ieRo8XNMmgAurkC4LAF\nDh5pEm8W/nsuT9MjhVAc2SsSZm6zLbuqM4J8vZZtq3tIsZbUx4K0BJOdAWlV\ndV82UTmGiKTloM8BjbY9bv3OE8O6+5kjMmRFyHynGBhmYgqvHD69wt4K8K3N\n7p3N50Alg8GhD4V8VJ1/KO98VyRkmwi2WExD0ayS0XuQ2cHiiycSTTPFztqc\n4p3FHkRhImS9qu/LyWl3je8DeeAIceCIzzbKhJXbFdCAZXmXmUXhfjdyNUUw\nlJUv+bybGzJjJ1u1YM6SUKCmSv+3X+y435MhpvVu6QEpSdP+m8hUTuwurUh/\nE5m4YM6q/W4aNgKJh8lTPBADeC8ZwgPId1yLpPOXP2ijzjBGSPg0ZBhQluSj\nt7ZQNb/hCaPEPPI08e45ONs672pfAJdjQ1Uw1M5Euj7+38K9YjDSajXdzbYa\nV4fK0XebUOo/lEOfcgH/GpgilZlw1DbCQw5THrdky6rZW/fkNk2EQD3EklpG\nD72fUoGnvORPq66mDQwQWieb+f1BQUzvBdnzkVDCY28wQX8obfi7dG20f8gT\nA7B6NmtLetPBg1rv6JNR9/F3zpCVqSsz8skWs17aHgeprbwRFtDCaNXgmpsT\nOqQrofojuPmMrAlfk3pRWpsPXPM3/FJENaciWE9pZ02lJGg5py8oi+xYkCtA\n+Sfy\r\n=Yk82\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNP0Y8nfWesXijgZEetwRAAX4X8AvzC8dSgeANZNM+9AiEAhL9tbG7OjRqQ4/edRAsW5vblUBzt/CAfhUHWHRGsAdE="}]},"_npmUser":{"name":"astrocaleb","email":"caleb@spacedashboard.com"},"directories":{},"maintainers":[{"name":"astrocaleb","email":"caleb@spacedashboard.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-render_1.1.0_1618844290329_0.5593312224963047"},"_hasShrinkwrap":false},"1.1.1":{"name":"@astrocaleb/lazy-render","version":"1.1.1","author":{"name":"Caleb Dudley"},"description":"A super simple lazy render script for whatever element(s) you want.","license":"MIT","main":"index.js","keywords":["lazy render","lazy load","delay render","delay load","lazy","load","front-end","javascript"],"repository":{"type":"git","url":"git+https://github.com/AstroCaleb/lazy-render.git"},"homepage":"https://github.com/AstroCaleb/lazy-render","bugs":{"url":"https://github.com/AstroCaleb/lazy-render/issues"},"browser":"dist/lazy-render.js","babel":{"presets":["@babel/preset-env"]},"plugins":["@babel/plugin-proposal-class-properties"],"browserslist":"> 0.25%, not dead, last 2 versions, IE 11","scripts":{"build":"rollup -c rollup.config.js","test":"echo \"Error: no test specified\" && exit 1"},"devDependencies":{"@babel/core":"^7.8.4","@babel/preset-env":"^7.8.4","rollup":"^2.45.2","@rollup/plugin-babel":"^5.3.0","rollup-plugin-terser":"^7.0.2"},"gitHead":"5b5530abaf1db32fbe3455bd3d54eb1098e1652c","_id":"@astrocaleb/lazy-render@1.1.1","_nodeVersion":"10.15.0","_npmVersion":"6.14.5","dist":{"integrity":"sha512-vS61zseBHp8woAqGVpJb7PMaRrCh1+Dbk+ATuCBdL1X2kr+VUzTOo7So4YsGIfOalniMnylrqq7YsaxKkmMjew==","shasum":"4524e914d853468e4ccf1ad8bc943e258b323e58","tarball":"https://registry.npmjs.org/@astrocaleb/lazy-render/-/lazy-render-1.1.1.tgz","fileCount":8,"unpackedSize":20625,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfaIvCRA9TVsSAnZWagAAE8QP/1fnqPxgQOdzjqeghZXx\npHj2elmwWabmNldqeAYyxkNJoGeZFWFcBF7Abgh2RDMulMDyn+Bubx2AgFjR\na51qh/9tIt2/TZkefZhzh2WJQ5gNnVcBHQGiYqt8jjw/W/8Va3MpwHbFBDvN\ncejvyUy8jH/HVmw4LOyYvR0L05jeFKaMTspMFA7FelHzM91wpG7D/zEhZI+R\nNWAEEfpm6NTN/MbmxyoSE//6AOSmdzDucNdfSj+PNiNHkf0kCS+uNPwUk3GW\n30CBDRaYVsxT14VdMeP7SqGKqjLs1AHGgyAkycnDT+YEHRd3MG8m7IkDF1yQ\n11URM2s+2ulP78VTk6bN7myjvi7INGw8A6xy+nWtGXwREzzH62DIimyqYFlb\nmBSj6KMIbL4yfwx+BYyM0TPYWOBUTtQpiP41Ph1yc0WVHmUmFX9VNkWlFHIW\nRFH7sC2A+dRPjeKGzz++PTLvRRFEbxj2ZRut9oO0I+3Z9UuKnquooMKgQN2l\nKX1WvRgZY0tjf9f4xqj1UEyoXPnnNPMYsrDKnGnLfF79D0ZkYcY9xwgszJ+e\noANhclulP+ctPZoDYUWafikgl/e1PF+bxhLN0X4J8W47RCSemT72f2MFW2aD\ng0PDKWuADp0RBDLRwK7RpEhetD6dzM+Vhy/w24EYMNDTy82xsXwygkfwGw4B\nx1VJ\r\n=NDqO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBNVAyMAMZ4qz/KjdzqX35nD9apHSMTy31/t0UJ2u2BRAiEAkgFSbMGns6rQm4Yn3ds0DrJdzC75SHju/xtmD85JcSw="}]},"_npmUser":{"name":"astrocaleb","email":"caleb@spacedashboard.com"},"directories":{},"maintainers":[{"name":"astrocaleb","email":"caleb@spacedashboard.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-render_1.1.1_1618846254814_0.7461321819784343"},"_hasShrinkwrap":false}},"maintainers":[{"name":"astrocaleb","email":"caleb@spacedashboard.com"}],"description":"A super simple lazy render script for whatever element(s) you want.","homepage":"https://github.com/AstroCaleb/lazy-render","keywords":["lazy render","lazy load","delay render","delay load","lazy","load","front-end","javascript"],"repository":{"type":"git","url":"git+https://github.com/AstroCaleb/lazy-render.git"},"author":{"name":"Caleb Dudley"},"bugs":{"url":"https://github.com/AstroCaleb/lazy-render/issues"},"license":"MIT","readme":"# lazy-render\n\n[![Size](https://img.shields.io/github/size/astrocaleb/lazy-render/dist/lazy-render.min.js)](https://www.npmjs.com/package/@astrocaleb/lazy-render)\n[![Dependencies](https://img.shields.io/david/astrocaleb/lazy-render.svg)](https://www.npmjs.com/package/@astrocaleb/lazy-render)\n\n> A super simple lazy render script for whatever element(s) you want.\n\n## Getting started\n\n```text\ndist/\n├── lazy-render.js\n└── lazy-render.min.js\n```\n\n### Installation\n\n```bash\n# npm\nnpm i @astrocaleb/lazy-render\n```\n\nIn browser:\n\n```html\n<script src=\"/path/to/lazy-render.js\"></script>\n```\n\n### Usage\n\n#### Markup Structure\n\n```html\n<... data-lazy-render=\"<attribute>;<value>\" ...>\n```\n\n#### JS Syntax\n\n```js\nnew LazyRender([options])\n```\n\n- **options** (optional)\n  - Type: `Object`\n  - The options for rendering. Check out the available [options](#options).\n\n#### Example\n\n```html\n<img data-lazy-render=\"src;picture-1.jpg\">\n<img data-lazy-render=\"src;picture-1.jpg\">\n<img data-lazy-render=\"src;picture-2.jpg\">\n<img data-lazy-render=\"src;picture-3.jpg\">\n```\n\n```js\nimport LazyRender from '@astrocaleb/lazy-render';\n\n// Delay rendering of elements, all default values\nnew LazyRender();\n\n// or\n\n// Delay rendering, passing in options\nnew LazyRender({\n  threshold: 75,\n  callback: function() {\n    alert(\"I rendered!\");\n  }\n});\n```\n\n## Options\n\nYou can set LazyRender options with `new LazyRender(options)`.\n\n### threshold\n\n- Type: `Number`\n- Default: `50`\n\nAdjust when elements load, relative to the viewport. Threshold is a percentage of the viewport height and width, similar to the CSS `vh` or `vw` unit.\n\n### callback\n\n- Type: `Function`\n- Default: no-op\n\nCallback that fires immediately after the element is set to render.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}