{"_id":"novicell-lazyload","_rev":"65-587c565bee09125dbadcef2f623cca46","name":"novicell-lazyload","description":"Novicell script for lazyloading images.","dist-tags":{"latest":"3.0.6","next":"2.2.0-0","webp":"1.2.4"},"versions":{"1.0.0":{"name":"novicell-lazyload","version":"1.0.0","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1"},"gitHead":"c3a799a28c6f7e7adfbfb28467eed98fc4237669","_id":"novicell-lazyload@1.0.0","_npmVersion":"5.4.1","_nodeVersion":"6.9.4","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-scY6hcwvEkFfen8ooSSJ5WXplWeqFPUnxzxVET5NVA1t67lFA9LCmIDWlWPq49jQuZm+OrMM+05oGFGVNPvemg==","shasum":"f8e35033ae717afd5ead84c088c95fe9858a689d","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFx86upYk5IyMr9OQBWXJ0kckDzsaYKy8rBBoyHFVQrBAiBjbHagMWhsu86+/f2N/7qFWwq2ur/y4nACg8kF1Bv3ZA=="}]},"maintainers":[{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload-1.0.0.tgz_1509103688069_0.23981703538447618"},"directories":{}},"1.0.1":{"name":"novicell-lazyload","version":"1.0.1","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1"},"gitHead":"14bee166eb7c4b77263061bc92af85c86c4ce4f5","_id":"novicell-lazyload@1.0.1","_npmVersion":"5.4.1","_nodeVersion":"6.9.4","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-SzEN9O+6DImnXjqsB29TNseNlRhGOUfoqc2feg5FFg/TeJ3AkQ2cxNJQ9R2bZpXXe9dyWgYLCh3tr8rX/GUMdQ==","shasum":"fed0184000cfdcd9794961b3cd5be1fe43f7a758","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGm+B0J6QyB11N3S1RgqkoXDqFEGwQh3BDHwuZMHz+H9AiEAoYLi8OD99lagPYTtKnoHCzYHKjagmR9rpGVEIj0VR2k="}]},"maintainers":[{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload-1.0.1.tgz_1509103877302_0.0408950699493289"},"directories":{}},"1.0.2":{"name":"novicell-lazyload","version":"1.0.2","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1"},"gitHead":"bd0fcd7870b21db8c282ffb92419b16a3628f6ed","_id":"novicell-lazyload@1.0.2","_npmVersion":"5.4.1","_nodeVersion":"6.9.4","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-RAM33HRgM+g2IUyOiHnGMVmthZu90QTICtgvzkrGgTau6GIXaf1pi2SPm/JKq6s5JgAnogmxspLKrTWzYIbh/A==","shasum":"8be001a89a7ebed4af94e01c24547f9b5f997716","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.0.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDsuwgPsrR+/XSY+GzUG2co1JBqPttQ7r1vstpQDfGGzAiBXodnVYVP1fd7pg0dWUkVcHDrWUcuZsM9fJ9vAX4AMdA=="}]},"maintainers":[{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload-1.0.2.tgz_1509104186193_0.8502121523488313"},"directories":{}},"1.0.3":{"name":"novicell-lazyload","version":"1.0.3","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1"},"gitHead":"3eca2d506b7943c30b296dfb4110a3684e256c04","_id":"novicell-lazyload@1.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.9.1","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-OszYu3MkwYwQL03dSAsui6U9S5PXc7euom4wQ/qUdoEbp4PqmWjZm03E/v5lFHJsKNUlZajvm890FWJ09WeFYA==","shasum":"6a97ef202e9a98cc0614795b61e17e24186246b6","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.0.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVnQltyX5bOVXxctJx3JbH9IaSAk/uBll3KtU335K7CAIhAOVTY9fn75Og3mUrwd9yQBZG9S8pokU3jCOV4E8uGFKX"}]},"maintainers":[{"email":"sergi.serch@gmail.com","name":"sergi_smj"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"era@novicell.dk","name":"emilras"},{"email":"dla@novicell.dk","name":"dan9boi"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload-1.0.3.tgz_1515754877451_0.9560373474378139"},"directories":{}},"1.2.0":{"name":"novicell-lazyload","version":"1.2.0","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"gitHead":"ab448f6b49f0c63b52ebfb8ecf8a63ee9843879a","_id":"novicell-lazyload@1.2.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.1","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-h284SI5hG2oRmOUd5WVzIPDYv4rEJGgtTHizMoMdCvlgNU8TviwKpTwI7GLYilbZ0gykb1/fSHbnmb34DbAesw==","shasum":"8a45e517bfb7bfd71917c71683e0b1552220f1d5","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzVQCU1iczVu1/a2DFbCamIFOJDpiPA7zDee67oyhlxAiBTS/Upe6RVvLj9ys9Aj68a+INDwCFsVBGsmPFThldj5Q=="}]},"maintainers":[{"email":"sergi.serch@gmail.com","name":"sergi_smj"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"era@novicell.dk","name":"emilras"},{"email":"dla@novicell.dk","name":"dan9boi"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload-1.2.0.tgz_1516027135031_0.5663892785087228"},"directories":{}},"1.2.1":{"name":"novicell-lazyload","version":"1.2.1","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"gitHead":"7502ca8d94a52671a338f98093e63756f8404bef","_id":"novicell-lazyload@1.2.1","_npmVersion":"6.4.1","_nodeVersion":"8.11.4","_npmUser":{"name":"bjornnyborg","email":"bjornnyborg@hotmail.com"},"dist":{"integrity":"sha512-QpFfXoRVp0dcE/OgticUA1F5L9vBi60CeZudWEsqO5WxusWkAGC98QDoTBjHHhUByiEBpNtPWl0FM4i/yUBwTg==","shasum":"bd4afa955a3e1eafd2f086c47771469d852d1dfa","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.2.1.tgz","fileCount":6,"unpackedSize":13375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxHP6CRA9TVsSAnZWagAAs5gP/A6CuBWbMp1eO4d99sLP\nNiKQ/mSVYI/B1vEGxygIfQZ9Qd/EFffA5soQSH3en7ZAZ/fnmlR+GppYbJRo\no70wbDiKY2y+VY73epxtXS0d5JASmjH67/rGI25AUh6FNiaL3OO6CpB0yrCP\ntOsB7zcB88FeAp0WcNNcxPg62VeYYOBmrGjexDMsOGOpYKpY08RZ0BK5yFn0\n41j3O0FUPY42asb/sSkBVJMj1GrhVgL7aWST8os0qk5Ay48//vHTfwgMZEnY\n/oN2gAP4xwh7cwbgi0ZPLi1j4eggTbGuZ/FBPqnHLAFOSlQtNHoTUqH6/uYX\nJq6/eRtDfXiXeyhMHd0uDGKHabfK8EdY/FjFRtKKwu35o7vB/z8A+MElhzo6\nNaLSN3SzvQwwIu0tO4wA48uaW6Watag4LL2A7EhZl2IGFqpfcHzg3Vx8wVuT\nieCDV1ArEiBBEIiAnloH7ieyWyRkEeywVEL5ApWNxhfsIwbzI/L++PuvpwYi\nKERa/Fo7PuD7vjcP67F6cC7Kr4BQVI/VJp7tZzzj84D/cVYtNVcEh5M6UyUJ\nWA1mJVIrB2N6NJ1Nnq2Ba/RZcQOwNDKZ5DJmWB9+cJHtPoA5CPGhcpLPXo1N\n+XcMISVq5K0zyefw8YtDvcLiq2TrZg8z7vKJVmENbs3CatwH6SK0bUkm+w34\nZfGI\r\n=42wp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwe4rasxImrqRYjId+ow7vYlp3V47PwqEM+Hu+Jak+CAiEA/TbcyFWPCEc6rFbqct7Ohg2TNRLG2kHt5FOp7fRpS8s="}]},"maintainers":[{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_1.2.1_1539601402241_0.27050552301606223"},"_hasShrinkwrap":false},"2.0.0":{"name":"novicell-lazyload","version":"2.0.0","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload --save\r\n```\r\n\r\n\r\n## Setup\r\nIn this example `vendorPath` is the path to your *node_modules* folder.\r\nFirst add a new bundle with all the dependencies to your `gulp/config.js`-file, you can just copy/paste this shippet:\r\n\r\n```javascript\r\n{\r\n    name: 'lazy',\r\n    scripts: [\r\n        vendorPath + \"novicell-debounce/js/novicell.debounce.js\",\r\n        vendorPath + \"novicell-lazyload/js/novicell.dynamic-image.js\",\r\n        vendorPath + \"novicell-lazyload/js/lazy-images.js\",\r\n        vendorPath + \"lazysizes/lazysizes.min.js\"\r\n    ]\r\n}\r\n```\r\n\r\nThen include the js file in your HTML:\r\n```html\r\n    <script defer src=\"/dist/scripts/lazy.min.js\"></script>\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"4beb0831e829fdfa04050a02d6eeae3887ef27af","_id":"novicell-lazyload@2.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-d4hKM/sdqxZMT9rXH/YtlJp19Kuo6fb+lg2UQETXIrlSVP1FESemPRcs3F+/tc1ps81L24HmcjZf9c4w8Nk6tw==","shasum":"0c4e9604a068cc04611a5135396d463d3fcc9e69","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.0.tgz","fileCount":6,"unpackedSize":13721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcEnzgCRA9TVsSAnZWagAAfVQP/3nWkKc9WvUb/eC0GWfj\nDt/ysIb4vjNlfydCv/o7a3IwN9NZvfQ79/ZWPSjijDJ/SeIJju4zzzASa9PT\nFlK1L4ztoxPPzZg/QFyz5T0Wi91ob2srWMR8qeVwJCU4+nDBzjT+Qlde3IwI\nDOS3fB7jDR0gXUWYSsuRrZgEEFi4XQ171k1UN5LfOHD0TnFRN2cWJwBiHp7a\ndXcfZAfC+fXPES3CWYM6GHiLCNgq0a2Klpi5r9EKz7gMaqJcbcqhuS3R8Oss\nhrl/DSvIYEECq15rKRQcY3fUAa/LrLICvPS6nfgnBlQDafxqYhwoLs+Gw4pF\nkacYkF2GCc8Pf4cjRIyPqj6qKrs9NLHfMurHdSc242C1dAI+hc1win5qYkgy\n1J1Tkz18Nn4dVq6FX4c5uzQTmWCD1YMCdqBOjPX9eQ6qszCnLFmNYZSKfg4p\npD1DclHWwS/kJfeXJpDjBV2AQoUh45o80Dfv3DOL2WEQMCGmKjedz3+CIbFt\n5h7UdQfnK+ATE7+UUOCPRMbzNrzAqnV4U9gIFweFwqFQuzvmWX/9XC4KTvgU\nUQ5RS6WuaNVIx466ZNope07JcBgOK4byo1d8OAzbb9akYnATJF5BvoujCNHx\nahw+gk+uNUAXa7ak4Ht4eSR2rx0JI9PKX5oE7HhZMvs6tnDQwBNpKiNNJJ2M\ntKBC\r\n=QKTZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDGl0HzsQcM9OzBNQ5igGlycYDWR0eYDiQ4bdc/SABmmAiEA2aasapX9NckN2UHYHuSA20usaOcNfTxAZQo4MOfujgU="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.0_1544715487393_0.486989482272971"},"_hasShrinkwrap":false},"2.0.1":{"name":"novicell-lazyload","version":"2.0.1","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload --save\r\n```\r\n\r\n\r\n## Setup\r\nIn this example `vendorPath` is the path to your *node_modules* folder.\r\nFirst add a new bundle with all the dependencies to your `gulp/config.js`-file, you can just copy/paste this shippet:\r\n\r\n```javascript\r\n{\r\n    name: 'lazy',\r\n    scripts: [\r\n        vendorPath + \"novicell-debounce/js/novicell.debounce.js\",\r\n        vendorPath + \"novicell-lazyload/js/novicell.dynamic-image.js\",\r\n        vendorPath + \"novicell-lazyload/js/lazy-images.js\",\r\n        vendorPath + \"lazysizes/lazysizes.min.js\"\r\n    ]\r\n}\r\n```\r\n\r\nThen include the js file in your HTML:\r\n```html\r\n    <script defer src=\"/dist/scripts/lazy.min.js\"></script>\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"208886300b20479bdbb645bccffa950859e59ec5","_id":"novicell-lazyload@2.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-6IxorVCUeNWX3Gngwj+Zo1NQ9FJ43aXEbmTl79dL0YEkAQ3yv/E5jVinThVdv43fDGU2RLl8J0C9pmw3+QDztA==","shasum":"9a46134e5554f3e39f2d8792daea35e8df350616","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.1.tgz","fileCount":6,"unpackedSize":13721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcEoBaCRA9TVsSAnZWagAAgNwP/jXVTcMQEo3ZsJfO2wPl\nW7h6x40ioUtn+9w8zyEt/bgO5Qj3SbI5O9/SbtiIpA4oeDxzH7euJUC3P5Sg\nCXWAIuR700aHRB3OsIluDJa6EH0yQts92dLO1QbOd18olK3KXbiiRC1rdxr2\nzHESTdmr456yRqtEE9B6hbhiv+ZxGqEXIoOSPdzOsU0+wSrtSpAcFcEbkq6k\nnbLpRYl/SVkUuSvG5mS6VVilqhUBT6BoDCjtCmLNE9moDTTZc/GkYLDsUv4j\nTUOJPh/rU7T11eQKjG+/qq5IG1y/GzXDUdGEWjj/ZSsqZPu6E8rE3Qsv9AW/\nHyd1PiSWtq4b/WhYqJUCnin0N5gBiu0saMRtT+pqSPQO/53ezVbt9es/vKzr\nJaaw8SAHSCacXuNl0Vxushe9++9hI9bfpcFBI7uYKXN651JOsqJtmc91mwyi\nShN9GeyL7nSuIo/99eDnIHJD026FzVu2kvKMfaaw3zwa4gDGaVUHvo8POd1x\nOsO5Eg1GR6HPbQDo6EQ3qHDPyR9Z2OKji8pArwarVtpQFWWQsBj+nxCdYnYK\nCCUt6kWZVzngua7s8Wdq89Rb79g5yQ16bBmyHMSpD0qljJMAg95AktUUjXX3\n+MSVS5tYYb64iDOsUUcPG5d6THi9L8gcD1Htw9eVcSjdXQZceClLpqxkIMlZ\nxeV3\r\n=cmQN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDb7DclF5uQWubU1xUMH+NRZmkFpjiTXLp/7TiCneHbwAiBZ8HhDlcp9aMzo2wUpzczFMB7oP8EoGyZvVB9GADcNPw=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.1_1544716378025_0.041674538459473665"},"_hasShrinkwrap":false},"1.2.2":{"name":"novicell-lazyload","version":"1.2.2","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"gitHead":"467b0c224849bdc3a79397b7fa057629290d3638","_id":"novicell-lazyload@1.2.2","_npmVersion":"6.4.1","_nodeVersion":"8.9.1","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-GFEHgxoo3WE+Egl2dvfMsgM1crtnd0a85rWGu2IySFN3NJgMhsn5pIg7bq3UHnnx1cZUu9O8MpZsqQRavSaGYA==","shasum":"043baf73ea398e7e1e686394e421c7ac03f82500","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.2.2.tgz","fileCount":6,"unpackedSize":13451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGfK0CRA9TVsSAnZWagAAvMwP+wauKwTaFn7YV9w4Wgja\n6tpu3R5j1dVbyC8U286M3wym7MEKFfnQ1i4cOmayJtT2VQaulTJarNltlxES\nJMHNYHOlDnYsExscKCGLGqooG5xo/DZyGuolFzS5r3IKbVRwT5tuI3QSdcDd\ntip8pccjk0uC/0ZHTaSYzoHq+ECVN9Uw5Qz5kiTCNDCAAR0U16jWvwxwrHYO\nQmDUlI5+4gUKpyQylZepJ/Hy4P9pVGID92GTzq8uvjWwNaSb6x3pLhaevwxf\nLek5GcaPhuD6dhW3g6L68WPb378+BHj2gZNGMlVhY7aWRTIeGoroeJrHLq4Z\n0eLzluy6a73lAOr8Pp0h/DkhUknEVaFoIVF+iwK8pqswN6Cw7qkfeRQfVCfv\nVsQ7L7cg9lrvJPERDbemSrw/gb0s+ZEO6EJI1z1/08N9wZdcFzrr/zTitofh\nYtdWnFSMCbSE1dBg2YPJlGoxMCX+CMEsQH+2dFFuWxUMQvPUH4mCmX2DYgUs\nby0tIO1JOZWn1LYLkiOyBdE06Llsk8WdHlk60IPNMt7w+KvmTxvAynQ8eIkb\n2cerUHeQ2py1prTurmseNO+Hgox3GjOhsZSMKYHpw26tHuf7S79Pcgut9Ucw\nLCtTF2pbHqZFGQ4F4Lec+bX3yqUqjw9O4rI57ZH8Qux3pl8Xg1++2O17q/d8\nJugl\r\n=wXen\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeFMp6DWR616lmlP5pwj2irr58WIkHLh9RcAIFomwrpAIgEIPtMX5BorVkqITY9G8WSnM1aNW9AbE7NVBE6z467aQ="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_1.2.2_1545204404373_0.9596343052178167"},"_hasShrinkwrap":false},"1.2.3":{"name":"novicell-lazyload","version":"1.2.3","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"gitHead":"5ae72303b8bbcb3d093be8c7312d2fcd53159cb8","_id":"novicell-lazyload@1.2.3","_npmVersion":"6.4.1","_nodeVersion":"8.9.1","_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"dist":{"integrity":"sha512-tEQrSUNA24hM5h7NpNIWPgTNJibALu42e2H332ed5TCS0gck+6e30x5aXAVOyfKS9WYosOxn6r+B/Ogn4bcy+g==","shasum":"75a2f648f56646ee958486ed25cfdb17d626cedb","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.2.3.tgz","fileCount":6,"unpackedSize":13467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGjOGCRA9TVsSAnZWagAAUwIP/RFsYPof6i5uCfmPfg9n\nvx73tl+AEqFm/+fXDPGVJ6BDfs3ELjz7xCvmCTtyoY1FnoTLgIYbQ5a5wHMe\nVm/9OaBqVDr85JP5b0wJ1ql041jYXoHoR24uuUvmrm/s6Q38tPmAoAldSZ18\nhJCuIquTkzLI4Nuhq245uVznnbZqGpmeKPhXJI64n4+9PIyuhb0xECJW//zm\n8hlFAZyXBFygfrR/4wk3WeEXZlh5u5NmmCQbAuW3MHWsRxtnt/q6Eebrlsqv\nXR+Zwz+AoYsSYxlTEWzF3PXo8PtEruCAPvRzTRizj+OIamCSwiHgPBaMve39\nt0aNle0E9MeJtC2LYyAKbi99Ddj/Yj+ffnJc1AGuJzZcqn2mzjCJYzvSCKqm\nOvpWh5+NG3gzjrU0jfkgSH9b/KOiOS7V9xBAZtXu57FBd/5PpRwi7JqGkq/g\n+1uUFWHD8ZNITU/+mRw36+ARZBF9Kn8ywP+MjS9dygHsvbU8LCDsQRwuV0vF\nWNGzjJXI6s3lvQu0jaVgLs1WgeU2dzmFLZ4jQmf2KjCrmnhWtgcn663ILmDG\n941hGRx3Y3hHt/o4Tyv2ap4Fg52kUwr+Va99ZhdNm2uJlX++0T/YOQzy1CW9\nIEnFcxfyEUh+TG5O3LaHfyFgkGX9mA9ikRxLGkLJoQQdw9V4csoPJh0b3ghk\ndGGO\r\n=NI5U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGTU+CdIYuENay5HYBetB6o+q9z3gI+i5cyze95S6AtpAiEA+ooOhIjkQEV+g+y/VlrdTItLQuJcZIROYjvSlOQ8QxA="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_1.2.3_1545220997347_0.17045807521531597"},"_hasShrinkwrap":false},"2.0.2":{"name":"novicell-lazyload","version":"2.0.2","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload --save\r\n```\r\n\r\n\r\n## Setup\r\nIn this example `vendorPath` is the path to your *node_modules* folder.\r\nFirst add a new bundle with all the dependencies to your `gulp/config.js`-file, you can just copy/paste this shippet:\r\n\r\n```javascript\r\n{\r\n    name: 'lazy',\r\n    scripts: [\r\n        vendorPath + \"novicell-debounce/js/novicell.debounce.js\",\r\n        vendorPath + \"novicell-lazyload/js/novicell.dynamic-image.js\",\r\n        vendorPath + \"novicell-lazyload/js/lazy-images.js\",\r\n        vendorPath + \"lazysizes/lazysizes.min.js\"\r\n    ]\r\n}\r\n```\r\n\r\nThen include the js file in your HTML:\r\n```html\r\n    <script defer src=\"/dist/scripts/lazy.min.js\"></script>\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"a76ef3a166e5965bba72c47c6c9c72c7a0e88e5f","_id":"novicell-lazyload@2.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-PD3TPiUCfJKa6HBJ5O81em9sYxJAYwR9Vc1pCUr0ztMT2newg/G9vI7FQOTUf6SSCyv54KpUBxtj1PwpDSdfFA==","shasum":"6070476f6dbd28e607a864f0b6b030a83b69fa73","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.2.tgz","fileCount":8,"unpackedSize":106656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcRzHICRA9TVsSAnZWagAAJYIP+QDG2M0wUOK1ShqlaHQb\nGNJMMr/6Od4ZgAkhx7stnjhPE2BN8mLZgMCsm5Yt1+mnnJZaMPtQP9orUy5j\ne9lSwTDovDobnAv4c6qcnSCmSKc6CaLLLddZLHEcOe9KekuursPOnZqEUfCw\n8w5S83ch5cGMSGTjjRTdqbh04SadTAnGtbbye58hf+39fmQN51SUsjfWxB+u\nV9IPdONuBkKZqlNBZEAlZJ1k1aEb+kHeH4q9PJgqlx6UB+45D3tvQvrNpE8a\novrO7jf+uUh9XRR00kYJlstXfcCswOczqm3iBzUnNlVgmuRuxjuleyiySQMv\nzpGjwx2FWk98W2LcUT5E2WsLVCnXR1A7VOZ/Yr2qQLNP6+uIIUVHlp3k4zlr\nbO6aWUN6eeIPcqaLIzROKsX35Gvm34k1e7InypxsWz7iYXolNJNSsuqkRIS2\nfLNHr/ni2oiwAx3q562mcpjDaAhNdyUF0xth2HXwDpgYUi9T2HZD24DlmOiX\ntPWhwtoH/DGxyPfXGgGLBde4X+YYrCjBmt0FKiIYQUe2HfHGW4AD9AF82rq6\ncDeQuShqepaJDQX+RhoiskC2b2Q5Db5NJu2/mF6sJHptG5ED+ueJh03pgc2k\ns00aaf0p0nHl8rxDNnL0xgWNZkonnabq4c6aElPDKZw96Dz2I7Rq61i1rud7\n4r//\r\n=tg/5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3Y7qkNrVE/OirWAUEqNbf2kuuDwicBofzH6fLhv8OsQIgb4/EwU9FyNJgl46ylvDG3ci/1bWRKYRTgabXBfUjxy8="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.2_1548169671725_0.8265828304394562"},"_hasShrinkwrap":false},"2.0.3":{"name":"novicell-lazyload","version":"2.0.3","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"fc1167f7e30024569c1c46cd79de16f169aae49b","_id":"novicell-lazyload@2.0.3","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-rpjmlpL+f63YXdh5/h9UhnEVbGIdwqy0IYqTtbfQR8kIOwgorIN97MWBgqEoYyOUHQliHfQSeCxgZvdlUUPHhA==","shasum":"8e085e6cc672b4f3e3fe80db8c342646caf2ba3b","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.3.tgz","fileCount":8,"unpackedSize":80476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR3WuCRA9TVsSAnZWagAACbsP/0kaSLC8Q/BcTWFJvYVY\nQiikPOGT29wqleF7/g/XBtfyTohil/YlOtkTPHRjeJNR30ty5G8UARxBPnlo\nN7KTsNNPk+TWCKj66DUA8Hgu8CK8bbeRligmGd3qa8jvfGgC/sEyfQNEGYM9\n9PRclOoCBKSRvaSkrtHQO3fU7B7uNBJ1m40UxJ0yu5c5yPvHL0VtaQ4QY44W\ntEtsEFdL8WYt4pTjn4nLsND5KnVDiKjwnGGBvTWey8nf7C5NQRsPG7bLu3wT\nrYpoOdapfxmMQkn7PlpEWhx4G7SeJiQTg0GmCI05ArQQvEIy6hDAlsmmLPR7\nFyF9naa6mPsj/I9FyoG3mbtiKeRiexQD7QPbFnALfSUgp8dJRMNAzjzQ4F6w\nLJRO5B1r6Cc/8ITrjLKHPOa4Odg6blnLqZaUD7WJ1OcRzJrDTAUGJ5FogH7k\nA3vxiYM3/dDEOcGhqJhQ/etTgqhPglCq8TEccJaKC8ORP/sMH9oF0PUjrxCJ\nN2i6k4/KxSWIPdCmHfpFva8hexZdzSUIJLlqZ7MKP7gYMIkiTsyoxAY816Sc\nczr/A8Wud9iTjYC/SgRNgQi8SXbpqS8V2o358Az45x7cSyp7LcOo8Ok81hna\nXRaXbSTPILadrHwT+uUL1KMedZjruZ7UjlBX0cM8hj5bdMmY3rd+Z9/DnFuq\nCyYp\r\n=J2m4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDbH+ULXpERk1YXWo21rVXBijAAhLucWLzV7lFp57HC6AiEA8uOOcoVubscIr+4GxZI4j4Qmol99M8so0IGqi1ctn1M="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.3_1548187053648_0.00834402564976866"},"_hasShrinkwrap":false},"2.0.4":{"name":"novicell-lazyload","version":"2.0.4","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"3d3fdbff34bca45e5bc5ffb60efa47b1f36d7d12","_id":"novicell-lazyload@2.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-t0r8cJjzp1rQT+lRhHrQYuj3Dq/ow/0CIU6imSnCvf/9px4AjBYYdUBqIdj9sww83ILELhO4f+78ps5dOJNbkA==","shasum":"c44e590de7241079ec3cc7c95814ee1ac2b70f11","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.4.tgz","fileCount":10,"unpackedSize":88579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR3pTCRA9TVsSAnZWagAAudkP/19FhIYVQuiMIqaTMX8t\nFVbxvW5AKGhctMZuZF+h5oVBwOA1kRPl+VMppBuxWbRSEr0DmfRl6LPdBkHb\nQj1tRiZdNRNz2qxWcWcQuB8NDYkTZjiSt2iGYZI2urmzrZmke3n+smB+R/Eu\nGMxj5kszZtvnr5MPAZBFcwSWV2juXyHiSv8q0e1E3nBFcgCDL3lYhx9sQ2Oa\n2ebIuG0BhpGWActBrXC41FgTV8KWABQ0Trrd5Lnj1C3JZXJnpeWNeYkhLW3Z\nd9Lhk8/aO+b0HMPsGNASgONVSIywHMBZ/92PJ6x6y4h6c4/bQEaD+mX70jPR\ns6P8ot4632cJ2KX3I76cwsTv4dMrkJn/vlk0j75RqybfnDKGZJw6aYP3pwDp\nmHqleHMmisWbztbzKzf5LUSDPXb/MqsKyMGwgX4hN4RkK7h1hKufQKDmzKD4\n02Pp1e1Us2mF9dbF32PXRf5xgwVIYRNkd5WlUiyy2DanmcnRX/wKtsDdICaM\nBUgkgGo3wRl5REmed2YJGIaB7UkmfJheZwVE8FIEgaU9GaMZv/ldz/uvQK6U\nYBEGPh4I5NNr4e67k209sTqocy3nZK/c6q5tmsGEH9VT6z82AOSlu5xvztZ1\nOEtCMoTycYkvQTapIe0KG3M2MxaMNm8Br0IoORfX/UFgXgnj7ImCJSUseHjh\nSgou\r\n=NuOY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/ssdmmxouqMQyvmgFR4lKeF84VaN3xbSLEFhn6sl9sAIgXWN8kvn/a5rCYwQm/HqdwKhwi8M1Gmp6gBaST3CYZjY="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.4_1548188242927_0.9493353858653089"},"_hasShrinkwrap":false},"2.0.5":{"name":"novicell-lazyload","version":"2.0.5","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"3d3fdbff34bca45e5bc5ffb60efa47b1f36d7d12","_id":"novicell-lazyload@2.0.5","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-NLUPCYx9MYfM5pwBqwrkbkAneo9MSgK1uJH5SLM6kQKJOMEmqK4WRwI4bWfcs2HCQmG9kqxVyLgc7uordNwhiw==","shasum":"ac8b7b5657c10d4705aadbf143ca23c1e7c422c9","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.5.tgz","fileCount":10,"unpackedSize":88592,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR3zjCRA9TVsSAnZWagAALLUP/2lNra3y2iP5O/WwEfvW\nRM6ias4+XEbWpejzIvhBqD1dqliYO7060fBCn+jzzP0RyiW3NxhpBvj4nDuk\noNbwtVPZz3N9TH5gK3ipkpYiq3c7qm+I8v1BBMSAuCOgQlb7rYZ3Ymlz/BY1\nh1M2dHrjgImwYThr5NkvpzcqoRGKdz3+t9/RX/ORaW6rI3fdy3bapCOwLZ3z\nl2313D8VlHhSXtwd7Vjs6+ET8v/l0LuYu8B4ywkazwwA7M2L3IqoJL5vtBN/\nnGTgvNOvvCEx+anG6l3nRpyWcELQf5AwLq1elPwKaa79zS6bVTMC7XQVdPNx\nQEabf5OpHohLl/HpRkuC2s8qXpMZ7zZA9J30ejcYpmpahEL2OkNWPNC0uCEr\nMXhpaHeGJCkvXdZPQcIrNENshbYB7DFBokYmOgJYu7mqPnBBs4XSyygy21di\n3orzAX+KjnR711I/tXHyopmsoFg6mxcRiBd6RJhG1Hi9K44ArIMONv431uyX\nKQqQzXE42HK83kKqnPSlx5rViAO9xwXXatlJ6PkufWUTdCVeZ1Eg4DKn0o8n\nJ09oEpEaAEBCH0UmpmOVwI+6KL30SDoXSKFMkLEDO6GxdP08xjZSlCyGI2Mq\n2BrPu+SzQB6WS7GuI8Rj0EehuhF2k7Q3mP+a35v5+Nv/zVlWqmSFqGONZOr0\n63pB\r\n=CYU+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzg45R5Bqul3KiDErCrGFjxKE2HGmA/35apNpeWgFlVwIgEJjqYYfC/cDXtdRcnskpnmWG35px2fgFWMW3QlY3J7A="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.5_1548188899270_0.3310649880305583"},"_hasShrinkwrap":false},"2.0.6":{"name":"novicell-lazyload","version":"2.0.6","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"3d3fdbff34bca45e5bc5ffb60efa47b1f36d7d12","_id":"novicell-lazyload@2.0.6","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-NGg1JMTJQl4BO/0rt2Qj0qm/vykZHbYMlcoNDARyCXcq7pteHMjsEOh+aTEmIUeZt0c3v4yRBOK1b+Vha77MoA==","shasum":"2cd9611f39a6aa054f71918ea94fe447c5565e1f","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.6.tgz","fileCount":8,"unpackedSize":110850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR4KbCRA9TVsSAnZWagAAp7gP/0HE4YnARIZVU4rZvaCo\njG+jvVO+foNIK3vwIanBwAiOHcrsd7Bltpnb5vEZF/zPKOcf6nOY5ksmR/Pw\nqFw9n8raC7KRKaxWLWvmY7UHNUhzA23kdA34pklNQQDKinxID+j9W4+qkHE9\nCg8UEvPXyMdKZHTVbnGmeUVTVe3uFZImBWTei4mrmMe6Xp+Nxbwj17+K9JnE\nLFY2ofaAjlAA125EQZyb5EMM4SqTAiohYZ4cwDFuP/wLHA+5jaCQUenbsXio\nrr5t/v7jIqwBtCMSClPTzfuOk2rDrJ5LKWqzhLTCmBicQvmccx4UqmFYqFZU\niZ35ZRBwhGRBp3jAPDo3qRxPedyjlMWZ7pDuJT2lIjhOQlBeSPrEq2cMbgku\n4fEKCY9+hqOehLpznBzRu2Wx4Q3VHLD5bRf5vKPcufe+JhW3SNQjFFDSSTvH\nXsZRQd5CaDYUqDUSfYFz7zoFkdxM24dboilXAlvVQe9dncO3pt3mcKAmSJBt\nTRayN6ri37QXi/NBTRoTowdCgU2MUcoG7VHgx4stwaGe/2EIJxXg/lBfW+n+\nFvVVwd8wTJ2oDIxsKcEFbCxqf2MOzqOcfA/YwFuf8v2Ok5cdIs83BxqrpZ0a\na5enSqJSrHhyZ/+BKwBJQ59zFOb8OoZJjZsCykupbQEnmIm/Y1OWzSVe1ogX\n6EZ1\r\n=4Yg9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGW9+iN4CMbgGoyCNpcMUU9OMRlKc5/WN+WFFcqE+Xj8AiEAww+oWJHlbrXhph4rVhvyGJxVVXyZaqgA1a9ohohEfzg="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.6_1548190362729_0.6294423569594849"},"_hasShrinkwrap":false},"2.0.7":{"name":"novicell-lazyload","version":"2.0.7","description":"Novicell script for lazyloading images.","main":"js/lazy-images","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"3d3fdbff34bca45e5bc5ffb60efa47b1f36d7d12","_id":"novicell-lazyload@2.0.7","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-JAq8r/M64HEX3bqAxNYfMa0dgf8v7AGYQ51bYDLpLBsnyw/+az23uQaSGkjBv9uPKf/Z3L9j0g9+rgUO2+m55g==","shasum":"383d939e3e07b7eded22d273c701f7403c0e39a9","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.7.tgz","fileCount":8,"unpackedSize":110849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR5ELCRA9TVsSAnZWagAAKwEP/0nZ2XiW2ODYWDtVbk3E\nafjjVupZSbEEbhSWQTJq05g/KwT0xLjVKLzoy+M1qtJz0tkhwxCzsSeO3u1p\nmYt74m9+kUgsJ6MTGLM04Iz8qOz5mUS1OzW/gKzngpkeEjzh7N+YbX57tY6d\ns/F2Jk+hEMxP5HGFxGZxQcbbDdlXtmqVzuPMnaK+DMlf58uNh5wU9CUJ1CAZ\nzUnd+QmFHR7Q+FA5dMiHdFZDmgEXoZ2ujT2lkE9naSo9cCJNnwf08nfXYqSb\nTFfZsnazGbpYEL2Xc7T06vVAg2wxA1U2H1drVz7yKcPWWdVkGgysAJb3a+Hq\nVu3inrnNo8LsVitGZyQpqOIOoXZj5ydO19gsfWZotkf2Z8EpYml0xszHiQJs\nmXmrqzK9llUf/oMODnqCmOEUObDFONHNlnpjNTLe0vJKD+Kgc0OOjPmpPX9f\nrbre8icSx4FvqmkAba7qx6CYm5kWviQnPhxYdzxgbT8wDj8xBGQM+T8YrI76\nTQRBXjdlNaT9FYQQnS4tp+d2Y0Hnl7QvC5zMkPEdVA7YLenBsNHlyc7wPmEl\nO412Z4u1ouG+aIvfa9+J+dKIVpnakQ0C2UFi/0w1cwF/kXhXLanjYMxAxAtF\n9xnb19dVR9NOai1fiQdapjaTDOpBvMH5uRhdx7V9G4wun6CiAwYBIHciTEut\nWpY4\r\n=2Hjf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA18OsIkrULOI2Kg58TtTMJ1heQ5fu0pGoncXo3wHEZDAiBV5kpWO2Jx2t2DyU6CNXfqe4UhsP9XT2UkiJPWNEjSFA=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.7_1548194059004_0.5293435706019971"},"_hasShrinkwrap":false},"2.0.8":{"name":"novicell-lazyload","version":"2.0.8","description":"Novicell script for lazyloading images.","main":"dist/app.bundle.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images:\r\n\r\n```javascript\r\nimport 'novicell-lazyload';\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"3d3fdbff34bca45e5bc5ffb60efa47b1f36d7d12","_id":"novicell-lazyload@2.0.8","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-XclBlYUIDjTJmKz8N9yDXHADwyYHVMXCOA9kRNx1RXAn/xpvLxJCCgngqKSF4fnY9cZ1/qcNT+oQuaamJOY5Lg==","shasum":"d018ea8002b5e0602084a6019132a2040a1eb69d","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.0.8.tgz","fileCount":7,"unpackedSize":64160,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcTf7aCRA9TVsSAnZWagAA1C4QAJ0gU3tbbG1CQ9o87Sih\n2z8fY9SELiV1xxztNI+clDZ8wPmLG8dDg71GvMlT1ZBiMJjTtncpYsVvyGhd\nxMBvLoIE3Q0mWvanlCRGRZ/4UUjGhdB2NlHHYrIqs+4dIVRbcO8XpKHQel/k\nCstlZHhpLGOeLayFu0xZ4ri+ltlg+DmIotoCgvr0jIyJk8BDChIMtB7ZRh6l\n88k2iaSTlAky8ZawMlYaJUND0W8IM0yKgc7eFEAgcLCOS6teHUJeewyHgl4x\nduiArF0Yrk/wldX4YLq5J2+sRnjeE5O7q0UKuPm6BRAf5cPm6yLtgkquOK7R\nZXm8m0c5r9TD4fHZwHsOWn03L7lrtqvxfWhkHxqeC+P3sK91SE0iI+w3R5GK\nRfhjHYTqoYsrTRgj2WFeYTJAYgnEV8IMjYWcdFo4BCUj4zQajLCeq4V/AMSk\nW7me6LhoDtmipB2wD32R8NaQd6POzj4ud3MVisFxIPB0CjqTQum+3dbtBdI9\nX/q7jxIDZ16aXHuyd2N/TBeGdxLeo2ZYs6XCm3V4H/UOZ94Vwzof1mYSN1uV\n0il9zf5iOv6lYq9y/RKovfjOElknSXHTahySvbR2SdIWMB8/bkS4eI2UpNPG\n6AWIzBHBkLu3miURZJXscTDsH9AcDhuXf118tPALn6VqdYWbfI1z5U2Np0If\nSqBw\r\n=Q3lt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhEh6wopwRHaC+V8EmOmgglHJJz9jN/J9gBSFZlwyAaAIgA/LVb2P3KzKaZ8C+kIbmEgPTq+wIZ/lIxbBpcAgfNiI="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.0.8_1548615385736_0.0654484645515716"},"_hasShrinkwrap":false},"1.2.4":{"name":"novicell-lazyload","version":"1.2.4","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"readme":"# 💤 Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n![npm package](https://img.shields.io/npm/v/novicell-lazyload.svg?colorB=c12127)\r\n![npm downloads](https://img.shields.io/npm/dt/novicell-lazyload.svg?label=npm%20downloads&colorB=blue)\r\n![vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/novicell-lazyload.svg)\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload --save\r\n```\r\n\r\n\r\n## Setup\r\nIn this example `vendorPath` is the path to your *node_modules* folder.\r\nFirst add a new bundle with all the dependencies to your `gulp/config.js`-file, you can just copy/paste this shippet:\r\n\r\n```javascript\r\n{\r\n    name: 'lazy',\r\n    scripts: [\r\n        vendorPath + \"novicell-debounce/js/novicell.debounce.js\",\r\n        vendorPath + \"novicell-lazyload/js/novicell.dynamic-image.js\",\r\n        vendorPath + \"novicell-lazyload/js/lazy-images.js\",\r\n        vendorPath + \"lazysizes/lazysizes.min.js\"\r\n    ]\r\n}\r\n```\r\n\r\nThen include the js file in your HTML:\r\n```html\r\n    <script defer src=\"/dist/scripts/lazy.min.js\"></script>\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"1e86a08402999bd91c1259c56278094bc48433de","_id":"novicell-lazyload@1.2.4","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-OU3XOt4F4MVuDoS/I/+wO781gZZ3LOvKVyPZhAZ9FgpEXv6SxQyRTMbVnMpKf0SB5HNFHweRZpiYWujomQw0Tg==","shasum":"35031c74d82b847a3e69a9778af9cacce198c87d","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.2.4.tgz","fileCount":6,"unpackedSize":14488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJch7KMCRA9TVsSAnZWagAAcYYP/3Kn46F2mBy3zYgIJc4S\ne5wK825t1aBzhP+mZfk6NDyG2Dqs1mMc3JH4D9BLUxIds//7OdyMxdjQm+FL\nzPt3KpEYUPWJHghF3mQsZlXKOb9yOkLnWqYLeQHRp/aFulXZN9lE0IlBnKio\nsLHsiQuITPHud22cYm7HONDsWw/HhsyPn+10toLJaq9N6tni8YckErZyYCC9\nx6iMEO5nIJWMEbZkPDoHuFEqJ7IaMWO7YcSmZNoUYCq4G23QF8C7sfrowq1D\nkuDWYP8ehWOGsZH9/UdQAmm+Xr5ozeEzMnnTW9lvgMUmDSug5QgeDwuRNo1X\nePu7Qjdqr6axlcbI2LkhQGoBd6DYzP0g+0/42rDSIGPC7N0KuQe9jiZRGtHq\n1BX+1vPJNZtwkZMbIb/fgBxntpvoZOMnQUw8vvKJ/ZUf4nisEBHo9zGfdOIj\n3jOPuc7mYhf1FLx0xiyHMS3dHPOYU+d/tRVuUmjn4W7phuz+Xxkx2ps9nyB5\n1ZFyykON/0E0RJ2OY5tiqhXub0YUhdJnU9qsFUVted/fWcTHKn0mi1LK50AF\nGCmWTmtWkpz83eqp9sEoEH/0krp01bJpUyhMZepzs8vMBxR4AW/HSBiq0Dmv\nf4WqtUJC8KhAju6O0SwIulh2qSAbcGVVaN7gGvTCbvV7F5mEPQ6TDeM3Iyys\nKCZr\r\n=IwHX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNZAIQC65XiBhPzRsH6foNZLaPDWzMGkXhK5HdM1KkuAiEA26OgKHJwL1+H1o7aIzrBdPRJ/CCvM47csvC5MdSw/E4="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_1.2.4_1552396939498_0.5093147302769996"},"_hasShrinkwrap":false},"2.1.0":{"name":"novicell-lazyload","version":"2.1.0","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.esm.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\r\n\r\n```javascript\r\nimport NovicellLazyLoad from '../js/lazy-images';\r\nimport debounce from 'lodash/debounce';\r\n\r\ndocument.addEventListener('lazybeforeunveil', NovicellLazyLoad.lazyLoad, true);\r\nwindow.addEventListener('resize', debounce(NovicellLazyLoad.checkImages), 100, false);\r\n```\r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"0d16dbbe18ab8dbef3fa83335b5c7f3418ee6879","_id":"novicell-lazyload@2.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.13.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-iZM8Eo+MBnWoDtbL8dGyuwmQFtK79jG9ZMnXVGxkI9w5Y45feag94EyQ3uGXySRliGlSHgLitjxilyexE0hL7g==","shasum":"f124f1f082344e4848c64118b9f60d41364ace37","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.0.tgz","fileCount":10,"unpackedSize":44319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJch8XcCRA9TVsSAnZWagAAx7QQAKQ6sXlz4uGdHijb4GEY\nxbt8bYZfgD7u9WhqkthXHGZEZydXXrrVjnVDkUPiarbOqs8CLkLGIOw4YI//\nZrhzm/j1MCVrPw5krm5VsXR0zLB4UWTFOfvubIiTKzfXdCK3di5RIMfNM9Aj\n+b5o48gtSoFk/sbvdZtICSRvd/jCB4kLGTLkHV1esbq+GOKaBvRDx5dlnOUw\nf4U2fouzBt4dPUodeVRulVUdrM60y1HwVtGGvfG0hqAdPzmZFfUhoB48Sw6J\nAmmIGFS6zEo3LVAF0ceDVbZDwbcbHzlrrmP3lhsNUkaJP1QSLQUSysyhM4Sh\nENr+FhQ3VXdmHScMHxaU65Mv0lz5w49tNDDqqXh6rh7nTv/jIt7fg/F29DJC\nlke4Llp/VC/hYufNMsufo/l2Er+rcQowhmWoYG0JU0S2RIHnxXA84R6jeD6a\nIBSeFpkf8bWlmdZ6cDANkSonm23ULa2EXHE8WTFB4gwGkyXbJOFojtmnJTzu\n1ziz+oNsluda45pjCYJdM5MINY0Vd3NmDaybCIOOiEpyAl4R6Tc+Ixdax3jS\nbcJQzlhxMy6YnCvub8GUHaZbnubl5OO9JeHgnuPjnhxAVGevLIuqtuN0flgS\nr7MyrHh/i7QFyl11rHoUxPGycw/NVnvLBB4NLKvYu5geeJHYCodtl591r8en\nUH42\r\n=BcEY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDMP5uEYbaX6CeE089GcsLWBJo0u4/zSXozdU4s1yHcgIhAKgQ8vpCKM0VYuvTBJ9e+3I7g3dA1F+oJH2+ansqDMgs"}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.0_1552401883747_0.11891944994899584"},"_hasShrinkwrap":false},"2.1.1":{"name":"novicell-lazyload","version":"2.1.1","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.esm.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\r\n\r\n```javascript\r\nimport NovicellLazyLoad from 'novicell-lazyload';\r\nimport debounce from 'lodash/debounce';\r\n\r\nconst lazy = new NovicellLazyLoad({\r\n    includeWebp: true // optional  \r\n});\r\n\r\ndocument.addEventListener('lazybeforeunveil', function(event) {\r\n    lazy.lazyLoad(event);\r\n}, true);\r\n\r\nwindow.addEventListener('resize', function() {\r\n    debounce(lazy.checkImages());\r\n}, 100, false);\r\n```\r\n## Options\r\n`includeWebp: true/false` Default true. Optional, but if it's set to true, Novicell-lazyload will still check if the client's browser supports WebP first. \r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"ee17b488ff2c24a9dc9bcf6bb90db099e86ca02d","_id":"novicell-lazyload@2.1.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.2","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-OSpYJRZAkYyYNnrsvW9ZipeEkUQn4jCuY19CPIT4aYzgs1PJnVbXqis/s2ScXDvV+skC06RjNOY8rnzOvo9Xxg==","shasum":"30adb6c53a7111624220776e4cc32480f5a742bd","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.1.tgz","fileCount":10,"unpackedSize":45407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJco3FwCRA9TVsSAnZWagAAq8AP/iByzDrNEBFew5qS6SbG\nGN3KH6CgKNSHTDTTB/r9L91OAmdc8fSl3G7pQD75sQqyH3Ff2cS9c7atrJ4/\nC1HvQMQa41zXyyflKI6F+oFjJKf3ri34i6krk5vENZBwPT/bu/NAcLYbncho\n+iFPNimba/e79IajQCYUeafEYkUfsO8vldmHqxaa22NGD3EW7QarjpX56vK6\ndCXp7+NWRUnQC9K+F4IfvH35mDjf3mpsZ5hLMBHJYBPiwiYfd+5BZeoPhca8\nYFcdpnc3imXU+1qwiLZ/jCdQYm+fil7fW36p851IY90vlp8rrqoG+LgZmfJB\n4y6uarUf+jIf1IAut9Byt9Oct2BSREe5AEqmvJuyuZawj+zXp+4tgCxzp5+w\nGPH/pimISEERXEdOC44hxuA34ltNY1GJ4b3KWB7LriK/6nN/Xn/17TZXtD8Z\nNiyNd4OgaJcCChJG9Y2NSQyyk75VSs/MhtBfyFoonbbo91u9wSdurqAmz9CN\n79XXfJHy4VgxzVvsPvKRvcbiNbK95XE2MCjzZ687XQtpIR6/AyVDUxjmBMCI\nXWdLpTegPT+S1uIJh92juS/tfCMPKQh9K7cqHAVcIQ8LAE43mDgywzlG0Quy\n4mdCKfKBNsU+V2PscZJoBOryF7mbWwoIi6g6GNpoT6bfvgA2sZ6Ub+r5Xx3A\nrJjA\r\n=gYTv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAMXjuftmpSbOFDArLRmveTp+xCj3lcbOOuIz1gxOIi3AiAarBEHENB8gC4fVCmRkFxlWXiJ2XR/SIsHnPmxVB8qZg=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.1_1554215279181_0.5534652991449396"},"_hasShrinkwrap":false},"1.3.0":{"name":"novicell-lazyload","version":"1.3.0","description":"Novicell script for lazyloading images.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^1.0.0"},"gitHead":"0ec616d61f315765116a068f806d949758218e79","_id":"novicell-lazyload@1.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.2","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-xCN5Zm4C3OosqU53EZmlsy/sAFfHX1V4YB1BGZ0e0qaKhU07aaxI3Muz9ea/t4AOUNGzjtzGp5vmpBAhlnAhVg==","shasum":"75dca3c4b300f25f2fe190cfcc22c7bfdcb1e2ed","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-1.3.0.tgz","fileCount":6,"unpackedSize":15127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcpIUPCRA9TVsSAnZWagAAGKAQAJPt+nAj3MWS+26DW7J7\nh3VxjFfOzzuJvgcRY2q+TW9xzgOsHKc4MDSaK1eZI18M6qFG8xI0iBAOP2Go\nXBOkbcd3gGUn3a6qQ41DpOwcG7rgbYB9y0jZGSkqou4AprLcXKHA/HTHdk8x\nSFPfvaS1lz0Hsvid6q44e1KqHUQGoKg2CkjxzLMfwbMoY9dCtvdtZM0L9gfC\ne8tYEe83TN9MTlS2ILJdjJrd0CJz5jPVigT7PjFRSBANg0XEoYcoWBshdwoO\nADQIh/ta11jMxjIBZVG7pOR7VFZue3O1XyQscFUpCWbrYitnb2rJqgdbsmG0\nwP//owg53w1GLewjyrtlcRAqekQs5AC1LMbok3ONNVGjjlgCFlX3wrHboQoV\nZqvW3wGK2J7i0znqcC5wGTVN7X36R0RIwvQMHSwQV6JZ977qrFwx7+c4MOx3\n2DCNSImbSEW+WN39kXZU8skxTO9q1jIOXXGMcNqYfgUEcjLzGc9vD9FLhKyQ\ny0FPPuiTQgxC3qgtxlR758IORSXSH+iRF/0ZXE9cSgtagoBn8hVwWbQlzgul\nT4yOJ6794r6RfEeSe5wTvogASSrqx18B9xJ0oIBdv87FtOOTbWim8EOXUHow\nLdsMO+8BW7mqDbv1lQtPwv0HzdLTglgIfBDgHOPROkmAfu7k/tWzGoK4RerK\n1DaA\r\n=2DHK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDR//Kmy002tGGt1cFUsOy+tIP/kNtWpJgR3hub96F6ugIgSxDszgHy4c8dAABnDaKI4X8nNp8FUhXOsWWmC3SYc1s="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_1.3.0_1554285838508_0.781091508313531"},"_hasShrinkwrap":false},"2.1.2":{"name":"novicell-lazyload","version":"2.1.2","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.esm.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\r\n\r\n```javascript\r\nimport NovicellLazyLoad from 'novicell-lazyload';\r\nimport debounce from 'lodash/debounce';\r\n\r\nconst lazy = new NovicellLazyLoad({\r\n    includeWebp: true // optional  \r\n});\r\n\r\ndocument.addEventListener('lazybeforeunveil', function(event) {\r\n    lazy.lazyLoad(event);\r\n}, true);\r\n\r\nwindow.addEventListener('resize', function() {\r\n    debounce(lazy.checkImages());\r\n}, 100, false);\r\n```\r\n## Options\r\n`includeWebp: true/false` Default true. Optional, but if it's set to true, Novicell-lazyload will still check if the client's browser supports WebP first. \r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"ee17b488ff2c24a9dc9bcf6bb90db099e86ca02d","_id":"novicell-lazyload@2.1.2","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-+E0dqk2SgbA7vHdm4CYqA8z9JzfMrMFMlLqrnHB7gRyHMpKPKj5cUycIIvJcY+o0t4vxnS/LdhTWVXepxL09xQ==","shasum":"9f89808352b63aeda44e777498f8efd66cf631f6","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.2.tgz","fileCount":10,"unpackedSize":45429,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdE0LpCRA9TVsSAnZWagAArpwP/R5ow+Xv5TQ8tUFqYq4J\nPS/b+hMnglyE+EUSPhPVj45CPTyM5gx/RXvl5TnQ/ywd2qqd0DFDwZ6SGa+G\nEb1nPuATR81v4oRrSmP33wtTAMmoxucL3sPy3F5OTG3gCb3yOKVGhgN9bh86\nuImZ1M07rpuqVqnfB1iMANWP8W4CnUguUvEfftjkyqsCI+fAB7Bu7ALiAkSE\nnDI4A1f8iKHVxhm/CZZ5xFV00tXFHcIcYxWJhizaWj1UK3CN8aewInk34+Fm\nACniDFzNSACAYMIRcu44CGDMLAFpXVsdM3C/TIuxomdJuZM95AelQrdokawL\n52d8JbCf2QDagXe/fMHA5g98+1UhLHSpGrPydBTOuSGC3ZAxxbiIqxtYYQ5Y\nPqnhDr4oQsJEHi5HFQ5UJwgtv0nJaVK3yC0RAbwLyzNIhgSoYFHD1fdDBN4g\nC252cMnWCOlBfoZlWqon5E+D7d6ysIv+wbVAMsHyVfKrN5j5TvcBwl7O+tYJ\nEwVNfTjU6PelBvA/ZkTmYnxmqTielNtGYBO+08ZqZALKRZ7ZiED6XaDa4XAS\nj6odg7gcKxcqaHOUVmrzPRqiTI8D6av12K7Z4bN+xSC46g6WW0wMaX7qAIWa\ngNASs9RON231+1dkTfZFP2FCrJX83J/5GBBoHQgSOY/BNy7NAfty+/fLaFTD\nS0Pc\r\n=naTj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIptq5hEp0XHNqKYVOMWsIh5hSosgvO0x6PWb/s0OUEQIgTUn/Bg5P+JT5WdE/6YX2MIrnXc73gXhSEU8ca1Jp+OM="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.2_1561543400588_0.7158009315525975"},"_hasShrinkwrap":false},"2.1.3":{"name":"novicell-lazyload","version":"2.1.3","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.cjs","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"4.0.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.8","lodash":"^4.17.11"},"readme":"# Novicell Lazyload\r\n**Image lazyloading script in vanilla javascript**\r\n\r\n\r\n## Usage\r\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\r\n\r\n### Install with npm\r\n\r\n```sh\r\nnpm install novicell-lazyload@next --save\r\n```\r\nOr simply:\r\n```sh\r\nnpm i novicell-lazyload@next\r\n```\r\n\r\n## Setup\r\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\r\n\r\n```javascript\r\nimport NovicellLazyLoad from 'novicell-lazyload';\r\nimport debounce from 'lodash/debounce';\r\n\r\nconst lazy = new NovicellLazyLoad({\r\n    includeWebp: true // optional  \r\n});\r\n\r\ndocument.addEventListener('lazybeforeunveil', function(event) {\r\n    lazy.lazyLoad(event);\r\n}, true);\r\n\r\nwindow.addEventListener('resize', function() {\r\n    debounce(lazy.checkImages());\r\n}, 100, false);\r\n```\r\n## Options\r\n`includeWebp: true/false` Default true. Optional, but if it's set to true, Novicell-lazyload will still check if the client's browser supports WebP first. \r\n\r\n## Implementation\r\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\r\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\r\n\r\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\r\n\r\n### Images with fixed sizes (lazyload)\r\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\r\n\r\n```html\r\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\r\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\r\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\r\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\r\n```\r\n\r\n### Images with variable sizes (lazyload-measure)\r\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\r\n\r\nThis feature will get the size of the parent element, and add it as query strings for this image.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n### Using height ratio (or auto height)\r\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\r\nYou can also pass a height-ratio, this will set the size accordingly.\r\n\r\n**Useful height ratios**: \r\n`0`: Auto height\r\n`0.5`: Half height as width\r\n`0.5625`: 16:9 format\r\n`0.625`: 16:10 format\r\n`1`: Square image\r\n`2`: Twice height as width\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\r\n```\r\n\r\n\r\n### Background images (lazyload-bg)\r\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\r\n\r\n```html\r\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\r\n```\r\n\r\n## Extension\r\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\r\n","readmeFilename":"README.md","gitHead":"ee17b488ff2c24a9dc9bcf6bb90db099e86ca02d","_id":"novicell-lazyload@2.1.3","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"dist":{"integrity":"sha512-nqIi5UAzLMdTF6Yw+v4Kx85lb783JtlAFd9iOidfWev79EedAbqoSq30f7xBazeSvzI8OmPrLYzLPz+qHGQvtw==","shasum":"2c84e31e02176f3f38f6269e80d4487aec31d60e","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.3.tgz","fileCount":11,"unpackedSize":54983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdE0YyCRA9TVsSAnZWagAABf4QAKP+Q7fYCFFjWeBkuhiX\nwA3SVLEoYJbDKJtKJACn6xzHTeIEn2XPAy9ur5mmpeEMB2PjjrPD3Qz4Rvc3\ntsAg6u7B0QYwLvJwXAEqT6ms/XLK/BZZKF52CNrQCyIq/ratofOWGIHd0USR\nx60BeuZOqI1u6gK4yzw25Jie94f7JY8iSWCGCPJnQnpUm3UcG2d/9JekUyHP\npz/I+4oDtoVhejrV+c1Im8BQwR4ggzJXgecya3YhRr0iGLwnFHUT9KT2vAbG\n8T5uKJo9ObimnGfYRh6gY32PLATBnb3frWhH2eSkBjc3SI+UD20EtXU8lpBp\nHhk1ExJSJ7UXFfJRjSA/Id4F55Hka5b/LGHr2FKUsYJgA8LkyLKc+IORtcAl\nE4cYeOgwT4euex4yhrtPaEyLnc4XaniUibNRBsQ+4QABpicmhQR6dHIn/WKB\ny5VrlcHxoFIuFygFbgatMmkFAf/76CXTz9q0P6HH0VryIE0EKsv3P6Gz0yWt\nxdY100VRWqnKprvAUby3ZidbA59qySB/OCUDxi0LSTuDbM3Hy5MvnwbVqzju\nR+7jLAGVgawR5sfP1UuMxrOEgsmdWCbyjVODuHVuOA2IPe3vwyJYDN6Vwn/x\n/5kX34vklzins3wMVdN71rzMFSmHX9/b/6UTrE/TQNZKw6tCgdko9CRx0lZ6\n6D2b\r\n=Zthr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzYMpdm1kNPwe8rnI/ewwzTIItTip8jM0W5ny08R/pfwIhANp5Q8OW8trzb5GOjGeUYiPE423Kmwx6aMQNm2F6vTud"}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.3_1561544242194_0.8776171441855132"},"_hasShrinkwrap":false},"2.1.4":{"name":"novicell-lazyload","version":"2.1.4","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.cjs","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"5.1.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.10","lodash":"^4.17.15"},"gitHead":"39e13d381e073a4d5f6139c008dd77e60aa999e7","_id":"novicell-lazyload@2.1.4","_npmVersion":"6.4.1","_nodeVersion":"8.16.0","_npmUser":{"name":"henriksch","email":"hsc@novicell.dk"},"dist":{"integrity":"sha512-o3k8Tsz2R6OHi8MXOeSj474YKgfLWNhN8MVgNaJm2GvPzgdmE8D8C0VJnZzqX9FM1ZKiSDGDpBPqoFXBwbHSTw==","shasum":"1b990f18cb695b54164ef49d4aa8561aa85d56de","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.4.tgz","fileCount":12,"unpackedSize":63611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdTW4wCRA9TVsSAnZWagAANCQP/1jFsf/RkM/PTtl99qz6\nX45O0U03L1XBd+tcyy55j63dIzMwAJEacusBezHbkSKVdumlJkgfClOXK4bC\nNLx//LNzobBtHh1S7TaLWfJBDlU2W2nTWSdIP+ALKYSTMbFai+FDxEpvwCkh\nnwAQBRZxeBR0nSbpUauCBkwsD3o7NAVgxp4FdS2muZAyAAFmW6LQtHEh2nzk\nfmfidAWJdMBOV9R4X74GzIAEuu+PLRMd8x/ztCiy+1fJ5DKLLNYdFoJAhCpY\nwZjtNKPhB3ychdRxlDZekpNGGMMWmvTxy0cTRdWcu1CKdoGrNhuo06L383RO\naILRdgZ+aK3yfcr/hwBG48GzASeLa/4lmflKmIix1i0khqOrvUcdfmMUGQg3\nTUWLSyg+DaL2XG5/aEahT8bMgCct7vYEPzxlECliIddkRnEBj2TdeHHAZjbH\nYUKxDrzuMr8DD8Ac6Jlq8/6UVtJ//MRXfpXdFIvQPN1jKfAZhCCLyfz75gwi\nJG3fEmlTfFdPmJ3o8UNLi+WX/UMkE1Ty+QYbxDcsMSYlKcQeV8jJErEUUhf/\nMPnN4T1sZZqPLPyrRG9iXL6RD0T0IWf8CWc8MujN62OFMpwoOxhTieVnTbPF\n7heX/M8DbHG0+LIQYgdMd4CJHjAa2OQeYZpRVPGMUgXDI01kQjdcMQbMGSl7\ncv5a\r\n=QIN5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJoRqfIUf39+7Pl4felNksyHCpxjpdiHmIVHGmOSaaUAIgQDNfmCAsRNoRGd+cJFqFptNgu2tyek7dYuYJLvIwtUk="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"info@dosh.dk","name":"epenance"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"kg.hansen@gmail.com","name":"korfitz"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.4_1565355567689_0.6892092638323981"},"_hasShrinkwrap":false},"2.1.5":{"name":"novicell-lazyload","version":"2.1.5","description":"Novicell script for lazyloading images.","main":"js/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"5.1.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.10","lodash":"^4.17.15"},"gitHead":"593fa7d367edfbf3680d7b71a25681f7165d68a0","_id":"novicell-lazyload@2.1.5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5A8zcdwLBC0Mw2XKSbI0dE2SUjsvlWR84a4EMEqevTSy+UHCq+WaV39khCfmmbnn3APV/w7qYjEAN6QXOv/8xg==","shasum":"933f662da6202e2aa577352e01e753cb375c86b8","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.5.tgz","fileCount":12,"unpackedSize":63170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbNmGCRA9TVsSAnZWagAAte4P/302Ijdlyiexvl/hhOM9\n3Tus0sT+L14cQfcjg3y3WbIuf39/3HLlHqYhIezqJxyVlJQSrPw8LcgliO6L\nW/BVjPVztQixe8l8/Uq4P/59BXxa070DFZOTpUJTLye2FP5p1jAcP2RzdF8I\nKaLYcIylumg8gfUpZZgDGoo1eKnv9Zlcu2YeWkbYR12J6puzTXee7Cf/jXLf\nc5oc/GJdDOyTdYuLjzED3lKjP1Vmpu31982hP5gsUB+Iy5eoPP7jCKWFa8ye\nutYiYKBolKmW2gf6w2thMng+92IByF5qHknLRb63kh5Zi30c2WJ9Vz8EPjBL\noLKiEI/3sNJyzfPIV0DfNkp1OTpiJCbQL3tv6XAHZ0vUWZA/L3r9naGno6S5\nbg8vm6zzftMPNZPORHxEU3cKSCpeZYfs3xQUqte8dIsckbIxDrqz5cPSbrBc\nmQtAkHx0JXbz/YWSDZ7tTVRCYlDrbKiX1zQKASwMzy17GUelLY6LYdsXN5S6\njVFtHPStJQn8HDsJwVGwlCmp7Iky+p0blIf/9a/GgHY3GkNjPmBO7buFeqlt\nikGbXaMeYIDSWU4MmN7hGagd6KQXppD8Xs6Umecwv9ag7rIRrun2Dy99dwOo\n9MjFnQUpybPsJW5nw3t3wURycsrPnt2ClBSeKBzuBn3+E/W9qIp0ZHWKL1Ky\nhvKX\r\n=KWrS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEfdf5m8V+QEpIM/ScIXu14NAyPtv2YWEFBbMAW2nBL9AiAUzgpRgriUbR1xYnT4fBlSXDiudUuMLFYuH4w8gVvZ3g=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"info@dosh.dk","name":"epenance"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"kg.hansen@gmail.com","name":"korfitz"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.5_1567414661986_0.16592325709291234"},"_hasShrinkwrap":false},"2.1.6":{"name":"novicell-lazyload","version":"2.1.6","description":"Novicell script for lazyloading images.","main":"js/lazy-images.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"5.1.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.10","lodash":"^4.17.15"},"gitHead":"b6a2d79177adef9b07f9744f937ed62e089fb61c","_id":"novicell-lazyload@2.1.6","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EIjECceEcw2Y8SxyrXW21pSBatSdq686Z1LIiCifUPL9/Wxss4lEu5C39Dg1FT3F08a+DRe4fbyiCnYgQzi6wg==","shasum":"5631b2385337980b00ab150118b35378327c3552","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.6.tgz","fileCount":12,"unpackedSize":63375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeMrDCRA9TVsSAnZWagAAtUcP/iSl0eqrd/DnkdM153pF\nWn7Bu8pFsELiX6YSxWk+DB16S/bMtO+VtnFnH/TJqeea2e8hRrqAp5zgoNae\nz0MrfxfFoXNnloy5sUUTQN2iHoDPyfDqqqk6h970rRuotfbXBgv3YDr3GH2w\nxx0gK5LOepFcgV8aN4ENech1Y5OfgDt/+j58gqijNuNXaRwswuOqpn5Fn596\n9vi0n5aP5rHg3gXfJCAldcow0br+OUDKqVrH+5c2jsuapidSEuu0HANBB0cQ\nCPD43cQbGjr9M5lG9pwJX5aPI5194kDwJTibngHKSKgFPOdrtm1RkdOld0KV\nUeowHdoeuU5hHeCnYU8Abmj7JqeBzmAbPGcweAZW3b673YQH8EUx/HkEwyvc\nHwAq/depuQ/0s9K5iDIFgIt3iJgwBAIKyZXdgfiJhJ/mjB+uAGGT6wHa3sSz\nOqhIL7GHQefJvYtUjGEmHxdrhAJaRpWzG4fmoVFG/hg+ci5/ayIVktEdHzVB\nnLr+psW6fgckF5pYRt92TKEXu5AQttyLGaAzbxQApn9Merpp38EWl6m0f99E\nMMtTQlN2W1ZTEgnXwOdcycPt57Ym1DkzulTmBUFLjYezXv1mI6JM2DOug1fs\n6OTVLZ30e07vaDg6dYktngdqfq2VfZDAb1NpJDVIAQzWfTIAVn6dg9+lMQUY\nNo3M\r\n=WUL/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbIzqNQAqQ5W2UvaA8feFSD0X2Wc7n9ZoXInNI34+kBwIhAJQzsR9/54Ko7u56KR8akoEo34Ra7N6R3eLLBuGQwy4j"}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"bsj@novicell.dk","name":"bsjnovicell"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"info@dosh.dk","name":"epenance"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"iasmina.edina@gmail.com","name":"iasminaedina"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"kg.hansen@gmail.com","name":"korfitz"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.6_1568197314981_0.11351765586360174"},"_hasShrinkwrap":false},"2.1.7":{"name":"novicell-lazyload","version":"2.1.7","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"5.1.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.10","lodash":"^4.17.15"},"gitHead":"c8e07273485eab2db8bed0b9cffa66a8020d76b8","_id":"novicell-lazyload@2.1.7","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sRjPt+1/lR4MJKka9YiqruOW5DkNnMcPAsWW6KoyWx0WuIndjJN0G2s+hrFWdcss8Zd4BtxkikQa9afGAIcEFg==","shasum":"05380a4c1581cd47775be5d3e887fe7f9d2b03e1","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.7.tgz","fileCount":12,"unpackedSize":63586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6lpmCRA9TVsSAnZWagAA7SMP+gOjVuX+BUa0sMwQogGT\nOyBSw2BMgvyUosRm/nU6iVhVkvudujRiyS8DT8u7GUAKEflzrxZoDGuovQnq\n5M/5FmtjCVvlIHR4oHSYsMu4FjahRCb+HGgd6P5brkgEUGeDtZxgZt4eDmD0\nbZnbDGp7Tly/SAKZbPug0cRqW4UlUhFYeEHayh1++62tz3+YSB9hLS/3aa/h\nwn+mgOPDwAKZA1DuCNGA/QNinZTyrs1kA2WPy8DzHhhFTfZ6g4+CGiYUJmBM\nC+SAtnAz34JoB1vJ/2KVfMQE1OTetQRJPnKqaeN2nGkuOQpywNcC54VkQSuD\nV2Cacsb/EfzjhdJLep9WdX1cxRLjqEopPLSiNnCuATwhU1bif5kq13cZzZQP\n7jT5vOsZNSBc0+yhwGXGO2JuDiOCr5hwduGF3U6lXqp6KkJwppDBh5sWJCtT\nZnvgbVDTmHNidRiECEVo7euNU/2KUzouAM6hB8QMgeq4+XPmf4egwlvV3Gm7\nB0GO23IQ25ocY/x5FhpLO1XHUCSKmVuW6GHoOKwq31EoyiQgwLxL+IyJQQlo\n5oPWFwtLnFsFdEcGsohzd+rutaVXb1CcSqoU6mpouW6sjZ5gdhT3SDjVus6i\ngoEbXYuAw6NB8puT0w8r0KGBpg1+ahTPHhdpPmuvBTjyqHTzxBse2GHIdHTm\nmWuG\r\n=3Jwy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCW3XzvUaSq7gFrvMTK00r1Vf6sB3GrZjPTpahlC0d7hAIgBPYZIoHScvdooGUBYyXX+YV/jEMOU+qoWPyBBRMIsr8="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"info@dosh.dk","name":"epenance"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"iasmina.edina@gmail.com","name":"iasminaedina"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"kg.hansen@gmail.com","name":"korfitz"},{"email":"luka.gurovic98@gmail.com","name":"ozzy1312"},{"email":"sergi.serch@gmail.com","name":"sergi_smj"}],"_npmUser":{"name":"ankeris","email":"aneke1234@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.7_1575639653893_0.9077271245993095"},"_hasShrinkwrap":false},"2.1.8":{"name":"novicell-lazyload","version":"2.1.8","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Juozas Rastenis","email":"jra@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"5.1.1","novicell-debounce":"^2.0.0"},"devDependencies":{"cssnano":"^4.1.10","lodash":"^4.17.15"},"gitHead":"f22045b30d147bba48260b57e735da4f22167a06","_id":"novicell-lazyload@2.1.8","_nodeVersion":"11.12.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-bBh5S/P6JtQ970F+TBwTZf/AFV4kjLvbRuv9kAA0bcu+DbXzT1JEmUr9ouCFonPxL+SI6VAWGfreohBjalFUQQ==","shasum":"3f0048189770cdd0f71c1f0abb48517625acd927","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.1.8.tgz","fileCount":12,"unpackedSize":66366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIWz8CRA9TVsSAnZWagAAnxQP/238V6u7QtidSZ1IgKO1\nqWR5vWYtX3Avu5vVMyems6C5U3KADJQ7QDGqn1b7zXjdAapwlZBByrQZb4bE\ncCiGsAPDJtt3FKFVXcXoydR5MuiUmu3LL8JkoTkf5yxWRqhkjM36gs8YwFTW\nHwsDg1oG/n6pNHQGR9WcGdWA50sIT2NxyuL+5VZlJt8DDPFeYm3lMvvUXgeV\nH977oPX3BWGk431EnArBlB3CyDuyEyEMZeVBIDE2aah3HBFDlTLNF+tyl7Rm\nfzZKpHynGHu11fSVzbCXquEeM9QZyKbc4HdhnnnYHrZpEYh7Ab/yi2mb6fA+\nPDpBmfvxpHDlKGbqy+APs0OAAfw6tDXvnRoK91rJbJ/1vSV/7GGdIfzZAKhp\nMbcLLP+nkH815YWd1Rk+LIapflxOpNh0T2q/uKUX3c/w5Qtb9DbvwHAWkZxn\np75kCgBv/2w+9nQQtSkj4/KNwWXWOc++2dWI9rovIefatXEktPNzUXbm3auN\n/gU0EX/E/m9ufeWfYZGN+Zuri1PTHuePha6cs3o5jEbfHc6tjFg/2ZER+Wu+\nIlnH1FWMIn18BilxBqfI6YCcW0dsOz95K4xsaC/xlVX63p8qpgYjB8RiI/t9\noCa4XlwFnXotNAJXS7fBbM24CmtFuzfgBwpeAyFmMBXCW9L7XPe6c5D4/yF/\nqQfw\r\n=zif2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHMSl5Edh2yY0XM6kqX099hckealvhtoZ6iyxoopaJPXAiAttDGS0QzImSEhZAhR7COImySULkyvrkso0jwLk4XcGw=="}]},"maintainers":[{"email":"aneke1234@gmail.com","name":"ankeris"},{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"info@dosh.dk","name":"epenance"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"hsc@novicell.dk","name":"henriksch"},{"email":"iasmina.edina@gmail.com","name":"iasminaedina"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"luka.gurovic98@gmail.com","name":"ozzy1312"}],"_npmUser":{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.1.8_1579248891709_0.6207350590622889"},"_hasShrinkwrap":false},"2.2.0-0":{"name":"novicell-lazyload","version":"2.2.0-0","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2","novicell-debounce":"^2.0.0"},"devDependencies":{"lodash":"^4.17.20"},"readme":"# 💤 Novicell Lazyload\n**Image lazyloading script in vanilla javascript**\n\n![npm package](https://img.shields.io/npm/v/novicell-lazyload.svg?colorB=c12127)\n![npm downloads](https://img.shields.io/npm/dt/novicell-lazyload.svg?label=npm%20downloads&colorB=blue)\n![vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/novicell-lazyload.svg)\n\n\n## Usage\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\n\n### Install with npm\n\n```sh\nnpm install novicell-lazyload@next --save\n```\nOr simply:\n```sh\nnpm i novicell-lazyload@next\n```\n\n## Setup\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\n\n```javascript\nimport NovicellLazyLoad from '../js/lazy-images';\nimport debounce from 'lodash/debounce';\n\nconst lazy = new NovicellLazyLoad({\n    includeWebp: true\n});\n\ndocument.addEventListener('lazybeforeunveil', function(event) {\n    lazy.lazyLoad(event);\n}, true);\n\nwindow.addEventListener('resize', function() {\n    debounce(lazy.checkImages());\n}, 100, false);\n```\n## Options\n`includeWebp: true/false` Default true. Optional, when set to true, Novicell-lazyload will still check if the client's browser supports WebP. \n\n## Options\n\n```js\nwindow.lazySizesConfig = {\n    useWebp: true // Boolean (defaults to true). If true is used it will still check if browser supports WebP format and then add it\n}\n```\n\n## Implementation\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\n\n**NOTE:** Add the `format` before the `quality`, for utilizing the quality feature.\n\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\n\n### Images with fixed sizes (lazyload)\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\n\n```html\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\n```\n\n### Images with variable sizes (lazyload-measure)\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\n\nThis feature will get the size of the parent element, and add it as query strings for this image.\n\n```html\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\n```\n\n### Using height ratio (or auto height)\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\nYou can also pass a height-ratio, this will set the size accordingly.\n\n#### Useful height ratios: \n\n`0`: Inherit height from parent 👨‍👦\n\n`0.5`: Landscape image 🖼\n\n`0.5625`: 16:9 format (great for video) 📺\n\n`0.625`: 16:10 format 🖥\n\n`1`: Square image 🔲\n\n`2`: Portait image 📸\n\n\n**NOTE:** If you want to keep the image original height, you can pass `data-query-obj='{\"height\": \"auto\"}'`.\n\n```html\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\n```\n\n\n### Background images (lazyload-bg)\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\n\n```html\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\n```\n\n## Extension\nFor extending the component please reference the [Novicell wiki page 🕮](https://github.com/Novicell/novicell-frontend/wiki/Components-extention).\n","readmeFilename":"README.md","gitHead":"031189a1ac1d1dd9e0e04948dc6c98ab15fcee4b","_id":"novicell-lazyload@2.2.0-0","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-gF1imI/5okbUv6vw/4/pJVKn+Js8qISZC1fdzc2+iX9W99ZkT2ZV/PZRNZWdZtCxP58FZhoBcBhdL/OaShXImA==","shasum":"157394d4909f2d86f28a42b514ea40a34dd0c651","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.2.0-0.tgz","fileCount":12,"unpackedSize":71896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQDjRCRA9TVsSAnZWagAARZsP/RQKHYnPyY1W9jBuW2QD\nrb8f91wP4bWJk3gqXltAeWqpmSS6Lq3JTDm9bsbLCnnUF6vyzBlogAuIT8yA\nFYulqyHnBsZ7Y0xLGtNwCwKXBaEBTV1u7UOs7MwsCt+uaNejZsgatXrwS2qk\ndx7MVkEwoPDlnR+G+VkdAEIPtY9bjKJbkaDSAoIejC9lxtYcNJbJKSA+sez/\nnHIW1YA5v/8WP0tJHjvwJjbEkK0ihEvpvfn3hdXgWcRr3OGiOx3ZWbMQO8N8\nDwwaM/UJIoq12u+AQOblbiVyD2L0JJqeQaPE/rTGVmZecEHgdbVaJ5uNVKth\nyAntOQGo6EHm6PVadXpVHrisTin3R91FoKNCHMlO2VEo7ETyEFLQaeM6KZgO\nmRSwKS/6E/EdvzPGC/J7atQC+XzLVLHvSAu7QqXKgSKOaCgAaJsMa7Wxoqze\nKZ5f+RmEGYvI4Rla23ENJ6qnmqpFAmXqMrFElEy15gjIHJG0Dcfhbs0ruwpJ\nwN450IeBDQ8HxNIbKSpOFqpTC35vqPevXaf+6xw8PIHne+V/wnNF1YAvRkC5\nMdvUkoWBrnoJ5fsdKNclLr9n7vPL4h3OS7MzbvCQXtsQlgtEGSJhqV6L0Y93\nKr2dVB4oJZcDGmCeKGvfa7O/Pder197CctVu0qdBzomv8SvhYUDSu16JpTp1\ni3G6\r\n=9DYA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA8jgDlaJAqq54lbdmXzKzczQhpdqPHi8CxVD094//OHAiBcXqnBrBt+51dTuYo4NR6usggDsloCdjzxf33f87m/mw=="}]},"maintainers":[{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"gregor.redinger@pm.me","name":"gregorredinger"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"iasmina.edina@gmail.com","name":"iasminaedina"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"luka.gurovic98@gmail.com","name":"ozzy1312"}],"_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.2.0-0_1598044369192_0.026651639988634068"},"_hasShrinkwrap":false},"2.2.0":{"name":"novicell-lazyload","version":"2.2.0","description":"Novicell script for lazyloading images.","main":"dist/lazy-images.umd.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Novicell/novicell-lazyload.git/."},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2","novicell-debounce":"^2.0.0"},"devDependencies":{"lodash":"^4.17.20"},"gitHead":"af0048f84aa35f58b2b2cdc3a3b508b22f397f64","_id":"novicell-lazyload@2.2.0","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-WoSd5lb7LrPhItruenKELwOjdjQXNSKDD9cuxnPqPPYvrxcL94laOqKt/JUkwKi4OyLRs1LGqJmJf4HBejIEZg==","shasum":"b15f287bfa0a402e9b6a97b380a0391ae3f0df08","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-2.2.0.tgz","fileCount":12,"unpackedSize":71894,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR3VMCRA9TVsSAnZWagAA0rIQAI5JzN0cdt4PBKb45y6e\n8MlPbuyMdiv88+fJwOpnqPjboj3bxEMSGlSrkWGL+XynBB5CF7xJmS0ddgoW\neMb9/jpvmcCGNx/nEpFDnpM+ljCSONy4iFwuWJmRwgMzkaJnXO4AiqHhV+Gg\njax3yYW1F143rgOcKcye4CW6XZSiq1t8VQCUEk7ipfxqjE1ZrUop7ayfDKLF\n6cJTpG8SKnVgN4i4/ziTzGfjt90uWWwieh/qTVNm8Hkm1Av305yWoeuuOOLK\nwGC2RtlT6HrHJT6bkvufNfsbs38fwUhe81WJi/CZsC86s5hLXom2v1OlkHXI\nzKLsjWxpkWVWEdUmeslMqaMEacqf600e+FYKLzXwuPXimjbyZ4dirWxDuqVH\nG5Rk+O6XEK7yAO+ViSY5dw8CPv0V1wri0lhnkDpeUBEWMy0DHhPCa8lmJ3hX\nGff7nRz8NExAELN8m7zQjXaqbHvEbgSHh/7x3n8Qrej95y+HxHq/hwnxrFjv\nUzew3ZfMne76TQ8T0bgrSy8eXPUJ0C+02r78MNoR7tNN/Sg6XdJ0K5miSIx/\ned+5iwVbpm1iEmNmLvj+a7e285vwiy+o51iznTmuDDeLaYWx+pXyK+RdAdOO\nC6AlKGRxfYF5ezgy7bps1z2kMgvYeHBqhchn2+f9qFjGlXL5WsA2svjF8/sL\nWOXz\r\n=RgJE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGznwujrxcwrc8zK88nLUQvwofx5q878UG0eQq3swKaGAiEA6yWSKc6E9++aEobojVh8aTL/CDFsYfsaEYXwujBaxfA="}]},"maintainers":[{"email":"bjornnyborg@hotmail.com","name":"bjornnyborg"},{"email":"dla@novicell.dk","name":"dan9boi"},{"email":"ean@novicell.dk","name":"emiank"},{"email":"era@novicell.dk","name":"emilras"},{"email":"gregor.redinger@pm.me","name":"gregorredinger"},{"email":"hrmadsen89@gmail.com","name":"heense"},{"email":"iasmina.edina@gmail.com","name":"iasminaedina"},{"email":"jonashavmoeller@gmail.com","name":"jhavmoeller"},{"email":"luka.gurovic98@gmail.com","name":"ozzy1312"}],"_npmUser":{"name":"dan9boi","email":"dla@novicell.dk"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_2.2.0_1598518604194_0.31683826921644775"},"_hasShrinkwrap":false},"3.0.0":{"name":"novicell-lazyload","version":"3.0.0","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"b1b31f13ed7db5b33d056b32d2ecb1712997bb5e","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.0","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-eO7ZSdw9+ikYRiKemAHWnyIGEKQuEgutrmI/LmIeOP9OJmrSS21wj833J8ayOQBk1G4QiHvSfLFE4dtk6SGvjA==","shasum":"4bbe1052e61a3aff0f7b1bb361dd9baebe7bb860","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.0.tgz","fileCount":11,"unpackedSize":60633,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlQ/98n7YObnYWkMQ3DdrS2WFFAHOWRyrS9zJ47YAAGAiBXZyAh/oq8EVlM+s6P6Zrg4tqAlACJkI2v8sn+KcSyeQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjV+MaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpxxg/+MQny6HDHyBlayk3fWP7PmCSh8rQPPhFWiZCFMHIRlb4JxKuX\r\njvbTxHF2nJYI4t1NO94yMNGgwY7amaWfYUAioP9uirPmzppMA0M38nH7d9wE\r\n9Ftr0Kcd7BadtWPi2AMD70dUkB+WKOG8Lw2Ix+7+GRhP/0fxAfArF/Ht83fx\r\nSfpRt0YaClZD5i/b4oJumC0zdxO5ks6V9avrMTbnAPJMSezZjAvrgu4lLNNb\r\nC537gdRrru609vstPE2CnoQH77kbrGJ8B3owCl/qxIbDr8PsqFYsVaLve58J\r\nVwDVaz/5UeyEZDmspbbHesnqh3JGmFEEfoxZswaUhIRWhC4AYZ7DjlC81JCk\r\neo+h8CBW9TE/iiP7ljFT6zXuOZrKa7rCvKUNHBpAkEl57ad+CGboasozYE+1\r\nSB2dYrSJBxr9wbmTCt/XLVbBSXBOQVjFnO7QoMXpJr6pLnUQszgN/TNpaIvW\r\nCMFjXjVa2S4Pa43frqor2qz4ckUbwWeSfyLuoF+iLQ49AsOWvbMoVPu7nDm1\r\nnZX6E1TirpHHbjyS81610qaxGCQZXPvaeZhJu1cnzNFtfbXkF2sSRnf3qU8q\r\nQ9jdJ5SkRcKh8LqZr4i3zvQRFDMd5/a/REyocDXjhfSHU1noqIMfnP44qoAP\r\nGvpO3Msh7hzuCgrA3triXVH9fZ/6tHaEgOc=\r\n=CHJU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.0_1666704154302_0.6731801463477181"},"_hasShrinkwrap":false},"3.0.1":{"name":"novicell-lazyload","version":"3.0.1","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"f28fadd4763bcf24866febe3a066c2a0d7a0a6ec","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.1","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-te0RbmEf/nkT6MZyloXYRs2MWqOsy1Vk58+M3RIMxlltL9CdfGyanFp+FcLpES9xLtwNFzbnSxj+ggsjF/jP6A==","shasum":"caa47910fe28e4a67a16bd40936c3f04d8ac3338","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.1.tgz","fileCount":11,"unpackedSize":60863,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWk+ECY0R7Iivm6kt3ndf81Yvduwql5TQ101Senkug9AIhAMpzjtfOQdIJALbC6zPxkWgR+ek0Z7+pwN6L6KbDiXlx"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWQA7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4SA//Y+AbRUXUg6ZykFpb68Xo+pRnkfdvJvUBsIBfZTi/uTE2PUEm\r\nK25jyXFnnvCp7QyXafMXUuZdxHY/jYsWAQcU86JYoMeNWvaH0L5aMyqHZQ++\r\nN5Ns/OLl4GIfegnHaDJS+doMhUgk/DopZlv/jKLucq3tQHcbnWQJafKC7UgZ\r\nrLixa8Kmv4hEYRXvHvRchvxIY3RW0alrss8LagE3eDyOZmZvqnEqsrMRNIB4\r\n8mxhQBGABTSc7N1vEB+MT1fjKzMzJ15sNy5s/r7J0ChYs2SVxMmQ4oXJ6a3f\r\nr5ZyijjTbVEx4jNS+iCCYbXDO2Uz0zVEc4HTAxvvCDvlyDjBQHM/4kn4MUgA\r\ngAiofpinHjczsnekcXkLMvpr/m3UOZUf29DkSTPopQqbVJ2UOwBmHuyg09ob\r\n+LT76W1wbhMFZquHXloZxXPzMXLSUKk50qHQqpggfj0yUY9U2+o2+mZ7RIAG\r\n0ugLRK6Bg2cNcQVzvcCe6sx4bfetzb6c3Ll30T7u5uiA+P5b8+UkcPXMbcUW\r\nKcjAOLMcHd/+MzjKfCxDwroFJ8OSYennDyVO7oE/y1m76dELxMoNGYiE/Sii\r\neHnKuXvdvkGEtNDwXDk6XIbKgP0buWwdzf7TEgnp0rmETdLw2I/Obwa/7ayj\r\nl1poH4ZXY/tQiarmFN5K+1LQwrm/1CC6EzE=\r\n=DIuR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.1_1666777147744_0.8118159672990637"},"_hasShrinkwrap":false},"3.0.2":{"name":"novicell-lazyload","version":"3.0.2","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"7d4f5aacc7bfdfd3b8f0f436e330557af9dae588","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.2","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-8Okix0oAH/B9Y8D/+wP6S7QKxx6h9bFXpQqDuD/eCaNhb6Yo+zAOyYWe4GuX+NEotkqjpY6pk1sVe/WORGIlTg==","shasum":"4fe3e8fcc631dc286ddfd9415da31313baeebdf4","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.2.tgz","fileCount":11,"unpackedSize":60790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBZTblsAH7Lq3UBdUOmEH6UySLJIe13IxJpptZaG1vrSAiAGE7+LO3dGl4sMNZEEe/oeKtO3W5cTxJ+kbge3ohrQ8w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWQEnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrl1Q//SOoDXRz9uq31Z4mqvTALy00Jk2lOeQ1JTHwSaQktNw+MQTUq\r\nHqrqOfbD1ZxxX6hUg5it4sQIuZOUcD+6tK57E7CoDpwQTkYcULXtXKE28xly\r\nWxOCiXDYt3sYM47EvWNSa++evUmDv0zLFjZONeIl+v0Gs+N8msH5zkW25vRl\r\n2wuGwOwSMPz8Q5TnvShAcxY6cNiCLSpaPzFCgiMMDw4jEZfH0Kl19kH6uQwX\r\nNeWwTn21t2Lfy5BrUu4sRMPl3uFE1K5mjMp4jwaVVwv/F67gL9Y3KDel3Nk7\r\nimjv0VPvLkqPtlaqIh3ufK0qktQVnaMKLyvt+fpP+GEt8PLlkNtzd3bcwrKF\r\nzKNrsKA4j9q+NGZsGEmcKjDw7dr4Lfde12YaLASqbTjMUHZUDIREco8JST5o\r\noNkxluoq8oxZBWDLtQY/eHxRBG7sjWZz6y2UNWGtPstpxdlWsMgWN7OvMkMV\r\nl5AsHBRUGX7phpWj+AH1s2DlVbY2u1aKV50mNf8Xz0P4aXQO6oLlMwBTgiVV\r\nZIEAX91sPSloLc2PisiwJuT837v5kG6VcWHjuxw3SZg7YHDQf8xSBnUpPbz6\r\n6b6X6CZUECpgX7Wv2akARmGSqdPI6syU4iQtBLmjMXbh4I4n/6SKm3IhOfJT\r\ne/wNOgeKQNllX3k8pq2LCtUX158hFe+yOgU=\r\n=itQU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.2_1666777383692_0.4741796706695196"},"_hasShrinkwrap":false},"3.0.3":{"name":"novicell-lazyload","version":"3.0.3","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"522b1a982b6ea6cab1873ce240781851f98eaddb","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.3","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-QvooZ/7wyiJM7DiKnkgi9jpEtkbaCMQH7kd9lVGH2GPLja9ctjEYAcR4w+xD6RVTT76a6XDYBr3lQGisXtC+3A==","shasum":"078741508482065863a40b4cfaa5be4eca640dc5","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.3.tgz","fileCount":11,"unpackedSize":60959,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhaVUpuaFf8AT49bcdBIjh+F2+faH2mzBtx46HznfqlgIhAISAlcRsPftNbqAzFd1rAADCvXCkLPsaI/3Dqwo//XKJ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWQedACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqF3w//f1e3oGG6gQDPu9wkcTVu6o7ySMHE+dxuEvs98Y890vTzoyby\r\nK9SrhRp3orhprsA4nYAgwuDiwtP4cdRAB8L1sRdeZ0xISiypBalpdBzq9Lsl\r\nhUExMBpqVn5ySoJEBV9zirMm73HmKcextGg6TZInW5xVk1NZXBFvtPvQjfr7\r\nW9M4s+1OdunX7RSny/knebmYvlVdgmLLcTyNBQkNmAopL4p1bozJfMgkB2Wi\r\niL9HiCcNwZPqvbullWyiZZaB1Mr7IPNp1RFnnbQlrkZfkxL5+6YouD1omwxW\r\ndpp2oPtEpM7Swff76bRn49Ocxtaiu3W60WkAxkTHoU5gvN73pdx8RlumDtZ3\r\nEEMA2RW70gkEPBjVPCOBQqX3M+uiEsjiNjWswmxl0oN+ctPIk/jBYl0EZtva\r\nrN3eZwQ82oAE4cCdRkF1ytmho3lhyY7779ArHtCj3dBGP/djCYUm/qSBugu/\r\nWVSVw/ISHEfbX0+YmbPlAdPqQQsNyUKvvBs/jC+68zWjU4mmxiJuEy6DmG+i\r\njMH4HFox133KZuzcFlgiXz+wGsEBellVYivH9b7QKlGsAbwCxCj5RS+G5J+c\r\niRhCmbL1cOSvGGH7+cAtn/CMd7f/T0fcPC8GMa3AC2WcKWEqxjFMIDpU+FHE\r\nOTZ0FzKBIB3zyK09XiR49LBlBBshX9IrAUU=\r\n=cyJX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.3_1666779037447_0.7360087731254912"},"_hasShrinkwrap":false},"3.0.4":{"name":"novicell-lazyload","version":"3.0.4","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"53086878174e9105746fc092c22603627bfd89ea","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.4","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-EsMXzI0z3vFSRhmep2WrjyipsuQIgGeL4NA9yHHqAtO4Dx+Z6i6+7bKjUejhm4dwfJiqLfD8OKgvHn4peOznfw==","shasum":"5f600dfe93ae9590e8cfd892daf7a4c8726d7ef9","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.4.tgz","fileCount":11,"unpackedSize":61222,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7pGMmm3KqBWqbd2T6pxVjaczkKd4g3yE9USAQ7fEapwIhALGCx5K79eVBVasqvFr6XvNEQWY32jPmsAyIagwvpnU6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWQnTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoplw//TYiuZEJSSEXpayzX8i6Iw2XIhS7ROYGLA0SkUKPU2hMceeYc\r\nGB3d8KFP+vArygdChFNQnXaGIrZcOt0zH3ibpwC0eK/21XzC1qVPtmDOKZ6t\r\nQMAqV7Cen8Vds0xWc38gRiAoBP5mXRKQlWlNncfi/30HqqCwYKpMPusxjubL\r\nJBW4VPNRXOj3kP8V38ztTmNy4wfLTSz5Gycd2yjMC9KT7ozsVtwLidmLHMP4\r\n29C212B3ivm71jIOpZDpR9OJSaWRUGOwRnhG/IM+0CvDSOaXGQH6q3lij0RQ\r\nKOHAE8nilEFY+ZS190oxTB2gnDcs+TqX/wxBZxpXrhcPqXQ7/PTHmHf23hsQ\r\nzc1UZcgZpnBUrlBw7J5SFR8/R4JCXpKnN4+ERMu69W7c5eMT3dmr0V3Y9V3e\r\nUNcKQnDBPVJgla6x9zWy4k3kjQmo/6MtpJUmPEe9OGMFFLpaXjywcjTX0p41\r\nj+kr5iHRVQ4yae9Y8FMZ9PAZyqbmaDHrAeqOil0iAq8gI6dkVTUVGtsYCUR/\r\nW7oedEXJoibkEhp4HndgbyqflziCMeJDGCFWP7jTkXfkT5+idwzoRydPIqxu\r\n7JciUjOH8/Tu4SmmYTamg4y6rvlA2l5zmb316lzutyDf3TwjR+dN6yTVozg4\r\nOrX2izkQ0Ty/7lgf6qCdkjpnR5IElJOug3c=\r\n=sAUS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.4_1666779603172_0.8787140506573143"},"_hasShrinkwrap":false},"3.0.5":{"name":"novicell-lazyload","version":"3.0.5","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"0a46d1e44d7340c968c2aead3322b6aae0de9361","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.5","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-dYNurvk3US0hF34KPDRZbTAYjYu4YegAuHotPRh+ViLZ1weMfGbwNqMQ1nhywIgsQvCKdT1ThBfru9kxnHrpbg==","shasum":"b46dec7bd94d3a3ecfdfb82accee5978b322422a","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.5.tgz","fileCount":11,"unpackedSize":61406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAx+EPuEkoGGISBCFSvXQs9/fD6f2Qc8FTj9e1uQjL42AiEAjB8BsjXllmABWEza8X0SK/m5ZBz1LiymTRNxJclKDJI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWRQiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkCQ//cL+oR7RhYxHnTiuyRytuCNNx06YAFhb7NfNKmpAEPCA4LhQ5\r\nrla2NxwytMB7T8zKV6oHdw4fA1iZ999rKCXtm4pKLPCgzO/z/eYnplXcF3CA\r\nFV4+cWAiYJ9yhTcEiNJy006FkgXPa1z02HSNNkgLTl8GSMzGDsuHMzUtWtZi\r\nV+vBFQH8Penhxu77StmeUDJ/awiA34oM6sajNW+thMvEKBBlbSHThYYlJRMD\r\nSi/iy8tJ3gIifPF8owQFDTgq2g0nPPHuZDR4mPIs53uSehUEkoWotSViWvg6\r\ntKJylvmJkoNPhDRr+f0fGJKCHn0tu8eai6JEwcwpbDNReZtIdF6sKh9amAtt\r\nbhGgwn9BufD1vQP3QqXn/mjSZfj/8ICu0NNC9lcQf227O4NpeMDd0yY2ccuo\r\n6Ww8QHobrGH37b52rbcMOitVGRVmIVVw4a63sAPMauIYt5jOPRRa9sFZGbor\r\nSuMoOyL1RUO9WFxYPkImwjMrdNBF5BBPw8BB7LXFtsSQWuPU2NEEvOGzyBry\r\nGYWWMVD3wZanATqTosj+VXBnR2agdjXhq44xXghNC8ZyBBza53nangZGJMGD\r\n86x5tB1tq8cTpL7bzCymLPRKrPKaJMcolSsAL892rtdLMOL9zoY2oKlNFhBt\r\n3kPYB6qd4kkLvn+mwyLM6sdya/Ld9yYkWBg=\r\n=LyMg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.5_1666782242415_0.1589399149876758"},"_hasShrinkwrap":false},"3.0.6":{"name":"novicell-lazyload","version":"3.0.6","description":"Novicell script for lazyloading images.","main":"dist/novicell-lazyload.umd.js","scripts":{"dev":"vite --port 3000 --open","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"keywords":["lazyload","images","novicell"],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"license":"MIT","dependencies":{"lazysizes":"^5.2.2"},"devDependencies":{"vite":"^3.1.8","lodash":"^4.17.20"},"gitHead":"4a2f5a32a4683967530622879507a725b5be5f11","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"},"homepage":"https://github.com/Novicell/novicell-lazyload#readme","_id":"novicell-lazyload@3.0.6","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-p0jlV1GoZz1rP4bgl4KHUl+0QYmM6fPTeRicxkcpNIJ+crXE6mhant1mVMJiK+/4ZjecEH2Kt9h73J2GimJ2pQ==","shasum":"90351ddd1cc371083e07fdb0bfa79715b0aa2d79","tarball":"https://registry.npmjs.org/novicell-lazyload/-/novicell-lazyload-3.0.6.tgz","fileCount":11,"unpackedSize":61660,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUWasjcBBnxRPcYCN819aWULCX9Y1FLdE1ZLbs/jKahQIgWi0tJQ5F1CCdTCXpva01/trqTMkFKtbyXs+sEMY6gMw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWRlJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpU2A/+JtfjkS6VOA/MT9r/J4iJYd7VeF7m9quPZCFaS3xcqfCKQpD2\r\n7+TL64w6yltyEiIPT+kimBQ3cQ7bQ8F6RyUHNjfvA9h2Zm5VzUU6Xn8wNMXo\r\nUGL5yq9P/+K0Z6NJ+9Zb/m5PWIOyKzvMdwHSC7D8O0VvKq+ZXQqnewfwiPhI\r\nU9/EvhBRtCZJ7Tr3I7mOZcCc4m8s7viSyoPzflhUeEplceiyRIIOS2jGrLUZ\r\nNpwudRii2rjxWSroJ24bel821FpsOH3NJT045aryw2xHsQCv2tZNT/5cO3KN\r\nyTYBWcgX2CuFsSasahH/bfuGu8fvPlDR4lugI7AlHaTB+S8Qb4W452sC+toK\r\nxZwYJjgxF/6Fn0mnqnif3myoC8qsk7cEPmtPw5qekBvTtZHv0uWmj4s1mqMG\r\n8IVidUVrOOF5LSMUmfEXSYg+AujcAnt8jtXBsQxGLVPGrUEZm0i+2p+mX3ut\r\nRQLb+pZkGc5LFBwaekOt0FPierlQ40AI+H4DndMXHVHY711vq9nnMwtvxtMS\r\n/MGfl4MJzoEDjfFE1nvDhRtq2klesj+2OA5LynWiwGmhp8TQvzdwfGPkb/sk\r\nW1B9v5x6Yj7YTD3UZ7q85olY0t4UfVQ8Wxh3CCUjnTPsVcxr5pqbG9kGLz5z\r\nkHNfXa9UDbSH+dSCxFwXGIEgL7qv2A6IZNE=\r\n=qXHG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"simoneldevig","email":"simoneldevig@gmail.com"},"directories":{},"maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/novicell-lazyload_3.0.6_1666783561309_0.12219007141829485"},"_hasShrinkwrap":false}},"readme":"# 💤 Novicell Lazyload\n**Image lazyloading script in vanilla javascript**\n\n![npm package](https://img.shields.io/npm/v/novicell-lazyload.svg?colorB=c12127)\n![npm downloads](https://img.shields.io/npm/dt/novicell-lazyload.svg?label=npm%20downloads&colorB=blue)\n![vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/novicell-lazyload.svg)\n\n## Usage\nWritten in pure Vanilla JS, depends on [lazysizes](https://github.com/aFarkas/lazysizes/) and some kind of serverside image processor as the [imageprocessor.net](http://imageprocessor.org/imageprocessor-web/imageprocessingmodule/). It ships with examples for easy implementation with the [novicell-frontend setup](https://github.com/Novicell/novicell-frontend).\n\n### Install with npm\n\n```sh\nnpm install novicell-lazyload --save\n```\nOr simply:\n```sh\nnpm i novicell-lazyload\n```\n\n## Setup\nImport novicell-lazyload as a module in your javascript file that observes the images. Also add debounce from lodash.\n\n```javascript\nimport NovicellLazyLoad from '../js/lazy-images';\nimport debounce from 'lodash/debounce';\n\nconst lazy = new NovicellLazyLoad({\n    includeWebp: true,\n    includeRetina: true\n});\n\ndocument.addEventListener('lazybeforeunveil', function(event) {\n    lazy.lazyLoad(event);\n}, true);\n\nwindow.addEventListener('resize', debounce(() => {\n    lazy.checkImages();\n}, 100), false);\n```\n## Options\n`includeWebp: true/false` Default true. Optional, when set to true, Novicell-lazyload will still check if the client's browser supports WebP. \n\n`includeRetina: true/false` Default true. Optional, when set to true, Novicell-lazyload will check the `devicePixelRatio` and add required `srcset` by multiplying the `height` and `width` with the `devicePixelRatio`. When using `lazyload-bg` it will add the `srcset` with `image-set` in CSS.\n\n## Options\n\n```js\nwindow.lazySizesConfig = {\n    useWebp: true, // Boolean (defaults to true). If true is used it will still check if browser supports WebP format and then add it\n    includeRetina: true // Boolean (defaults to true). If true is used it will check the devicePixelRatio and add required srcset by multiplying the height and width with the devicePixelRatio\n}\n```\n\n## Implementation\nThis script *lazyloads* by swapping the `data-src` or `data-srcset` to an actual `src` or `srcset`.\nFor all implementations you should have a `lazyload`-class and `data-query-obj` on the image. Everything inside the data-query-obj is general settings that is applied on every src in the srcset as a querystring\".\n\n**NOTE:** Add the `format` before the `quality`, for utilizing the quality feature.\n\nFor extra plugins and complete feature list, please reference the [lazysizes documentation](https://github.com/aFarkas/lazysizes/).\n\n### Images with fixed sizes (lazyload)\nFor images with fixed sizes we recommend using a specific srcset, as this is the fastest.\n\n```html\n<img class=\"lazyload\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'\ndata-srcset=\"/dist/images/test.jpg?width=1500&heightratio=0.6 1000w,\n             /dist/images/test.jpg?width=900&heightratio=0.6 800w,\n             /dist/images/test.jpg?width=400&heightratio=1 500w\"/>\n```\n\n### Images with variable sizes (lazyload-measure)\nFor images with variable sizes, eg. a full width banner with a fixed height, or just an image added in the CMS inside a random grid column, we recommend the \"measure\"-feature.\n\nThis feature will get the size of the parent element, and add it as query strings for this image.\n\n```html\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\n```\n\n### Using height ratio (or auto height)\nIf you just want auto height you can add the attribute ´data-height-ratio=\"0\"´\nYou can also pass a height-ratio, this will set the size accordingly.\n\n#### Useful height ratios: \n\n`0`: Inherit height from parent 👨‍👦\n\n`0.5`: Landscape image 🖼\n\n`0.5625`: 16:9 format (great for video) 📺\n\n`0.625`: 16:10 format 🖥\n\n`1`: Square image 🔲\n\n`2`: Portait image 📸\n\n\n**NOTE:** If you want to keep the image original height, you can pass `data-query-obj='{\"height\": \"auto\"}'`.\n\n```html\n<img class=\"lazyload lazyload-measure\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-height-ratio=\"0\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}' />\n```\n\n\n### Background images (lazyload-bg)\nThis uses the \"measure\"-feature only adding the image as a background image on the parent element, instead of an actual `<img>`-tag.\n\n```html\n<img class=\"lazyload lazyload-measure lazyload-bg\" data-src=\"/dist/images/test.jpg\" alt=\"Cool image\" data-query-obj='{\"mode\":\"crop\", \"quality\":\"70\", \"center\": \"0.8,0.3\"}'/>\n```\n\n## Building and developing\n\nRun the demo project\n```\nnpm run dev\n```\n\nBuild the package into `dist` folder\n\n```\nnpm run build\n```\n\nPreview the production build\n\n```\nnpm run preview\n```\n","maintainers":[{"name":"emilras","email":"era@novicell.dk"},{"name":"heense","email":"hrmadsen89@gmail.com"},{"name":"jhavmoeller","email":"jonashavmoeller@gmail.com"},{"name":"hotepp","email":"hotepp@icloud.com"},{"name":"emiank","email":"ean@novicell.dk"},{"name":"ozzy1312","email":"luka.gurovic98@gmail.com"},{"name":"simoneldevig","email":"simoneldevig@gmail.com"},{"name":"emilostervig","email":"ems@novicell.dk"},{"name":"dan9boi","email":"dla@novicell.dk"}],"time":{"modified":"2022-10-26T11:26:01.622Z","created":"2017-10-27T11:28:08.947Z","1.0.0":"2017-10-27T11:28:08.947Z","1.0.1":"2017-10-27T11:31:18.129Z","1.0.2":"2017-10-27T11:36:27.157Z","1.0.3":"2018-01-12T11:01:17.499Z","1.2.0":"2018-01-15T14:38:55.971Z","1.2.1":"2018-10-15T11:03:22.424Z","2.0.0":"2018-12-13T15:38:07.564Z","2.0.1":"2018-12-13T15:52:58.159Z","1.2.2":"2018-12-19T07:26:44.534Z","1.2.3":"2018-12-19T12:03:17.664Z","2.0.2":"2019-01-22T15:07:51.822Z","2.0.3":"2019-01-22T19:57:33.733Z","2.0.4":"2019-01-22T20:17:23.102Z","2.0.5":"2019-01-22T20:28:19.400Z","2.0.6":"2019-01-22T20:52:42.820Z","2.0.7":"2019-01-22T21:54:19.141Z","2.0.8":"2019-01-27T18:56:25.875Z","1.2.4":"2019-03-12T13:22:19.642Z","2.1.0":"2019-03-12T14:44:43.896Z","2.1.1":"2019-04-02T14:27:59.301Z","1.3.0":"2019-04-03T10:03:58.686Z","2.1.2":"2019-06-26T10:03:20.773Z","2.1.3":"2019-06-26T10:17:22.353Z","2.1.4":"2019-08-09T12:59:27.833Z","2.1.5":"2019-09-02T08:57:42.165Z","2.1.6":"2019-09-11T10:21:55.111Z","2.1.7":"2019-12-06T13:40:54.000Z","2.1.8":"2020-01-17T08:14:51.879Z","2.2.0-0":"2020-08-21T21:12:49.387Z","2.2.0":"2020-08-27T08:56:44.296Z","3.0.0":"2022-10-25T13:22:34.457Z","3.0.1":"2022-10-26T09:39:07.936Z","3.0.2":"2022-10-26T09:43:03.865Z","3.0.3":"2022-10-26T10:10:37.632Z","3.0.4":"2022-10-26T10:20:03.724Z","3.0.5":"2022-10-26T11:04:02.587Z","3.0.6":"2022-10-26T11:26:01.479Z"},"keywords":["lazyload","images","novicell"],"repository":{"type":"git","url":"git+https://github.com/Novicell/novicell-lazyload.git"},"contributors":[{"name":"Jonas Havmøller","email":"jha@novicell.dk"},{"name":"Henrik Reinbach Madsen","email":"hrm@novicell.dk"},{"name":"Simon Nørlund Eldevig","email":"sne@novicell.dk"}],"author":{"name":"Danni Larsen","email":"dla@novicell.dk"},"license":"MIT","readmeFilename":"README.md","homepage":"https://github.com/Novicell/novicell-lazyload#readme","bugs":{"url":"https://github.com/Novicell/novicell-lazyload/issues"}}