{"_id":"@alessandrodias/lazy-loader","_rev":"4-fa94aaeaad6003b304024d9e1e18b064","name":"@alessandrodias/lazy-loader","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@alessandrodias/lazy-loader","description":"Lazy load images using Intersection Observer","version":"1.0.0","repository":{"type":"git","url":"git+https://github.com/alessandrodias/lazy-loader.git"},"author":{"name":"Alessandro Dias"},"license":"MIT","dependencies":{"intersection-observer":"^0.7.0"},"gitHead":"4c8cd36bb628ef6e90de13b1e3656f6255253774","bugs":{"url":"https://github.com/alessandrodias/lazy-loader/issues"},"homepage":"https://github.com/alessandrodias/lazy-loader#readme","_id":"@alessandrodias/lazy-loader@1.0.0","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-nc7TnxSpgmVdz5JLZFsIKW6dFcPjPxaxUqA5wZvNCMPsRh0IBfjCQwZeJLU3RThau1GDX7jXf9tdi1WRzLdIig==","shasum":"213b262481a299ce9b3d899013c6f43bec7ce8e5","tarball":"https://registry.npmjs.org/@alessandrodias/lazy-loader/-/lazy-loader-1.0.0.tgz","fileCount":4,"unpackedSize":3561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXdfjCRA9TVsSAnZWagAA24gP/jUhKILFes7c4ICl8gjy\nj9gAtriISH5okfQ2ubt6ZRp3/JtR3UFIXzg2CNtqWdM6txVnIdcDJXLBT6z8\nsQ5FQ+v/uFPSOLZanYZklU1d4NAqrD3+l/akC5QyVAd14Cu8il/CcUGPcisk\nRNFkwZyw2Cw84gV+pfpCQ5VhW/QHNN8qLuB1MVgEqpUHbnqIusHfJdI50GQG\nDk3oxvWpfM8hJ0yJVrI7KeztLxFXHRmA6heAabnYvU5icaP2r6n7zFPTjMR9\neUOidBqIKWCnnixl6+0GpW7VQEgDG3Ky57xVM+I0iKU3nCcbLdTmLAhKAO49\ntx/UlYfMsnFMgrK7c4QdSnMmbdEX+tFQ2OK857BG1S4K8QgxhOsBu0pJ5fG5\nZI3jnL7FTkTflMIbMbsEvE7ulw5m7OxX7bP2dUApaeddrOB8kpkFdFu1+Au/\nHH/tAfftuQoZtZxdQsNssULwgsjygFD4oDvhVGDz6lKMzXFAx1JFGB+ydRgx\nXaseEX7QG4jb2wKFksy1Or90Zok/06jTDn3f4Kqw8AhzPsYdbxtvQ1SBzdwg\nMS+ERc9ld8NXfiVCoRKY4/5zt5JUATDulIDhTX/awJxmFV1tsYEDQe+lBBd4\nV6x/mQlKQW1aWpUKGnO0LWKuMS70CLWo8wrMy0v6C54/oDidbKZ+KkL6sdS/\nS/1u\r\n=VRDe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBp95kgeWPQo71zKDGI590TfVlaX7W9vP/qlocnONwmmAiA+96s8B2x79wiMI0ICfC8pLumtfrDXr1pAuErkmPemxw=="}]},"maintainers":[{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"}],"_npmUser":{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-loader_1.0.0_1566431202943_0.995945838972724"},"_hasShrinkwrap":false},"1.0.1":{"name":"@alessandrodias/lazy-loader","description":"Lazy load images using Intersection Observer","version":"1.0.1","repository":{"type":"git","url":"git+https://github.com/alessandrodias/lazy-loader.git"},"author":{"name":"Alessandro Dias"},"license":"MIT","dependencies":{"intersection-observer":"^0.7.0"},"gitHead":"6f664a2f3ada55602377da6e29c5f03bbca6281d","bugs":{"url":"https://github.com/alessandrodias/lazy-loader/issues"},"homepage":"https://github.com/alessandrodias/lazy-loader#readme","_id":"@alessandrodias/lazy-loader@1.0.1","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-3s/BJVa7k2Z5Weuqzyy7+qIB5YDfoj9PIR5F/Tpl3n8tbPAo48U12DQYYDE2//91peFmcnO6YOdEZSNtP+7+Lg==","shasum":"dd4d8d0be41f36024b3666933f736ec657842bcb","tarball":"https://registry.npmjs.org/@alessandrodias/lazy-loader/-/lazy-loader-1.0.1.tgz","fileCount":4,"unpackedSize":3692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXdjoCRA9TVsSAnZWagAABTIP/Rw90eZrtCidSr7cAgMV\nV/asq5JqJmori/Fk1zLkaJAKCkGEuEgHIwa1qvR749khvMqiyWSsIt+7WyXl\nl87b6tr5f8/hfiYbVGzWAL+i4sEbVrNJgVXunI3+RwTrGJ+b7VjCc+Nf2fCv\nGP5Tcw+gvKXQ7QlYt1J+Fb0NPwnPZLwXjGyuie2uc6D94L2kh2b2sg4nTv0h\nOLUaicjUasam6ZeYhxacB0Z1Qa5Ppv4+BL6anFXnA8zf3x39S/S3Plx0Jm5P\n6nJBuZjnyLi1LCHqxXEZF0Gyh7q987n5QmvT4ERKXYXp+O3hYPdw6Zt30vbn\nYLrtoJhfYsG6CeFgQozi9zF+QBdInnxv4ka59E1ZU3v7vPMQk3tL02V/SBE2\nubcne3j01IdX3E0LVXkoDs8stcJFBee3e6067kO2Zb1sUUv5AH1a/SM0yLtE\nYk5nxof8Fb85F60435lSs5JHX5LRmBN3IdeAvXYC2nuOM8HpV5SEAsvGaTzn\nGPWqBMfc9Urgz73KcFuvAWEBoVIiSkz3DCMi0jHsuqytuPKwoxlNEROCxHI8\npExdaWusAQU1a+VO5YpOppOdvzZ8LmJkMPZpSZGb0djFri2ccWapOnNAkkla\nHvfZ4rfl4fhqB0H5eygVujYg+e6Ize4kEyjAVAWSQHRGAu/2byDtBk+EpSui\nxT79\r\n=fy4j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDx4avwm5ZFRPO/4qUk/zIsVmT+YnrV25zehzcYOgHmpwIgTXOtpF0bDOqUGUBqDAWiVHyrFzVaPhwAva6EvcDQtZw="}]},"maintainers":[{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"}],"_npmUser":{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-loader_1.0.1_1566431463274_0.26051042007096115"},"_hasShrinkwrap":false},"1.0.2":{"name":"@alessandrodias/lazy-loader","description":"Lazy load images using Intersection Observer","version":"1.0.2","repository":{"type":"git","url":"git+https://github.com/alessandrodias/lazy-loader.git"},"author":{"name":"Alessandro Dias"},"license":"MIT","dependencies":{"intersection-observer":"^0.7.0"},"gitHead":"6f664a2f3ada55602377da6e29c5f03bbca6281d","bugs":{"url":"https://github.com/alessandrodias/lazy-loader/issues"},"homepage":"https://github.com/alessandrodias/lazy-loader#readme","_id":"@alessandrodias/lazy-loader@1.0.2","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-9lUaQmsox+sgTlQ9m5Vr22rPqzvXipu18JFy5lbWc22fq+QKp9TRgHpontU8scpaYvcM88EvXi9igrVlzGfO3g==","shasum":"3f5a2733d39e80f1fb1afdf54d98b21726ed6a24","tarball":"https://registry.npmjs.org/@alessandrodias/lazy-loader/-/lazy-loader-1.0.2.tgz","fileCount":4,"unpackedSize":3696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXdkOCRA9TVsSAnZWagAAr5YP/3tIS8oS58FFqYj1itmJ\nXqCMUnRNF7zu/G09YxnSj3PrLzJjHt3WoN//fPraVk4jf2fygQcyo+Fjw7zI\nhGHeLqJyFVSUG5Aah3VjmNg2s+i7GXZNa7MqBo0KA2ObZZ5eZYh/7QBib6bY\n0VIdAJ6gpGvf/HP7SeYpqr8EBYmT9nUeVErzQaF4KdZGxJkxxEIJ2Y/Q5l9P\nFo6WAyVKzTiyGlj3DDS960RIWykq6Ia56VrAjrYuWOVmgOPSW1R6yMokf2/g\nNAtR0asNQrfNY5TnOVlO9BrhcR4xcZiZuSZ4zVC3M6vM18BIM/VFmVNvIXa2\noLTVvR1AujqK1AWdVhkI9VqSTc14jbO1LFFHHE7OsMcQOO79KUwgxBO636Ji\nPuy38kzcNXf2GC5uB99NYmnJG1jMFmVOaE7QqWp/m5iVFHa2np566wnYmqza\nGTa9nUeXi6meJNve3J1vzuB1QoG/wmYuiLPEl1V9mze6Gsf0XiBsZvw+m1Zu\nqCoXJ/kFpuJuMQSGFsdCf9v/fQ4K4l4ayTWyehvElhwIoXC7azUndm7cePBL\n3auj3LpW5fi4dp+u09Hz/90a25N1PcKgMqIq255nu9w8aidUJVelJFyP+w1f\nB14zrGiH/+kPnbowm50qM08reAWgjVnwBSeub6EgPo+uJSgKAJY4Z1F/tvZf\nGlMG\r\n=LKpa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIdRunEwq9p403AEcwHygUj3xPFQo1mX29d0pfn1TfZAIgSblK26LmQ/1XBWlanL1doro3GGTkcB7Whtvi15cPGVE="}]},"maintainers":[{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"}],"_npmUser":{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-loader_1.0.2_1566431502338_0.7479220615799829"},"_hasShrinkwrap":false},"1.0.3":{"name":"@alessandrodias/lazy-loader","description":"Lazy load images using Intersection Observer","version":"1.0.3","repository":{"type":"git","url":"git+https://github.com/alessandrodias/lazy-loader.git"},"author":{"name":"Alessandro Dias"},"license":"MIT","dependencies":{"intersection-observer":"^0.7.0"},"gitHead":"859d9be35f5204fbc4d88a82662553bc4e9d7d5e","bugs":{"url":"https://github.com/alessandrodias/lazy-loader/issues"},"homepage":"https://github.com/alessandrodias/lazy-loader#readme","_id":"@alessandrodias/lazy-loader@1.0.3","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-6vOI33OgSL47iB9PVg8+Gnelg7OSoG6lCYQ0pQctAVzHEXdxZFDrz+7h83lnmEZsnqSoldYwjJ9uaaX151m9RQ==","shasum":"2eef364d244e5ba3adef0c7d656ce8729001c3c3","tarball":"https://registry.npmjs.org/@alessandrodias/lazy-loader/-/lazy-loader-1.0.3.tgz","fileCount":4,"unpackedSize":4280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXfAaCRA9TVsSAnZWagAA268P/RmVuVeBVbjGNE6Bo5S/\naoY6t9aZGpaqkORaT8MhauXRHjRsCr8Zh/RqNriIF1CIrndR42s/G6eRi5T8\n03ktpBYZQqzdLYcu1BYPobteREpgwcaXiUWf14UOHW2oAjMFd7VyFccTiThp\nQ6rhnZ7mj0xL3NXhMNq/2wwMbIwyDlM6vALwWDdIF2SXbtHxWNSY54RjionF\n0HM/mRtN06SPWA67QbUD+1FJ5ItnhZUSSd8kYidtXH9HzsHAPoPVAroimzty\neByfJ12IX2e2tpDMCqcYalq4widUCllB0yDg5+FtJy7OJ069PGCZ/P4V7Hug\nx7IAn7383RU4wrUZrlGUTb5gWZd9hY9H/cmnzG7z2Z+L+SEp1BvvZGPtiBid\nIYyasNwBkkdXXpBcb0c6/5kmNkcI3Nfq15s03tjVvKbuAF4L/4SvlJnlr/6U\n0804W/t+dQge/cTAaln8hlzTQ5Y24U1J/1jJm36CYwa4jTAybnmS1NN3ubLx\n5zFJ3p3K10aLBsyJGqj9NZFwh8I0LhibOdQshf/s5DdY74RlUOusMOwa/9Hb\naTVZnpkCfK7+za86x3l8ECED149akKs587FyrihbdcGb4NvJrMj8KiXiNlGS\nDpnk5p+wWCVeJJZiU/xnrLEmG3l5+lf3n3czaVDEAIR/SFGJHv+rS/cpe2hw\nZ5/g\r\n=bBpS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZ2VUCtnTjKgE05wNNeJKQCSgrBe1RC0FTOb8zmle6JAiBCN/OG9sROhS5WBajL2K1GN1US3qS2xF7bDomev+h+Xg=="}]},"maintainers":[{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"}],"_npmUser":{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lazy-loader_1.0.3_1566437401669_0.5854217145672198"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-21T23:46:42.731Z","1.0.0":"2019-08-21T23:46:43.063Z","modified":"2022-04-04T12:37:53.162Z","1.0.1":"2019-08-21T23:51:03.600Z","1.0.2":"2019-08-21T23:51:42.501Z","1.0.3":"2019-08-22T01:30:01.854Z"},"maintainers":[{"name":"alessandrodias","email":"ale.dias@hotmail.com.br"}],"description":"Lazy load images using Intersection Observer","homepage":"https://github.com/alessandrodias/lazy-loader#readme","repository":{"type":"git","url":"git+https://github.com/alessandrodias/lazy-loader.git"},"author":{"name":"Alessandro Dias"},"bugs":{"url":"https://github.com/alessandrodias/lazy-loader/issues"},"license":"MIT","readme":"# lazy-loader\nLazy load images using Intersection Observer.\n\n## Installation\n\n```bash\n# NPM\nnpm i @alessandrodias/lazy-loader\n\n# YARN\nyarn add @alessandrodias/lazy-loader\n```\n\n## Usage:\n\nReplace the `src` attribute from images with the `data-lazy-src` attribute\n```html\n<img data-lazy-src=\"path/to/image.jpg\">\n```\n\nInstantiate the class to lazy load the images\n```javascript\nimport LazyLoader from '@alessandrodias/lazy-loader/src/lazy-loader';\n\nnew LazyLoader({\n  '100px 0px',\n  0.5,\n  yourCallbackFunction\n});\n```\n\n## Settings\n\n| option| type | default |\n|---|---|---|\n| rootMargin | CSS margin property, e.g. \"50px 0px\" | 0 |\n| threshold | percentage of the target's visibility | null |\n| callback | function | null |\n\n## How it works?\n\nThe **Intersection Observer** will observe each image with the attribute `data-lazy-src` and whenever they are about to appear on screen, it will set the `src` attribute with the value from the `data-lazy-src` attribute.\n\nIt also works for background images. But in this case, you must set the `data-lazy-src` attribute to the element that will have the `background-image` applied to.\n","readmeFilename":"README.md"}