{"_id":"@afiniti/image-lazy-load","_rev":"19-8e6517843bc5cf1f4a005f21cacf64cf","name":"@afiniti/image-lazy-load","dist-tags":{"latest":"0.0.9"},"versions":{"0.0.1":{"name":"@afiniti/image-lazy-load","version":"0.0.1","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"2ffd5e3498ee20c8e4c596e05005f312ef0dc783","_id":"@afiniti/image-lazy-load@0.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-h1cl2U3zh3Vo8t/hQSqeBNa2CuOI+mQNp7zHI7kniw0mrblGeQds28eJ+gjyl4Blp6MimLWZjknmtz3hNCuVlw==","shasum":"a4c7282e8adce6c3021ccb0ac694aa58a043f648","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.1.tgz","fileCount":6,"unpackedSize":2243605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd28e3CRA9TVsSAnZWagAAaNEP/Aq8dXnK1vHeoVCQkbPf\n5WCVzLB/sTloHnw4tIEjPTrGtyXzbSOLjVn7pt5XaYhnSYabkXLVxWcUuaA4\nOKkpO5IhU9M9pZD4fYiEW673Ry9G5an1LN7ZL1tiwzlmAFXtRzCgmMPJuCPq\nqRfq5/fSTLz4t1TaRUmzXxQhQ85eTjR9VP6ODG1lKqLCXD88ukBZrwWIBXPP\nz2pbYkZ1C+ZoBksx6WmVS8YYQu4N+ki9lvd7/xd00UolVmdqo1AKU98WlaMR\n43q/xpjVWHOj+mS5GxlWtHh4Kg+MNXdnVK6ScJtHKjcveRx4VVAlOjT8/cQE\nZdswNXyipcNn1B4qAQ7VZXzs9xja9DNf3AmFx1aLEnIQx0IqiIKCODqQUDvG\nEvQF/vTYXhmUy5mzmVpong+0eu0yKF13Foy69zBhdb+eTeVNhQcttsD23gW8\nCQjtG+bEyrjbgN0eXk8XKNieHU8JlvT+r+LWZ+AoTPYNf1UX03+n+HPb50M0\nmgZxhtexlqFNVjdeIYU7I/8/VByi697VAlkjRrBkfC6NLsXZsPFVUjCq5IRe\njRXUy+IGRO8o1vvDmuvb7XS0+ALOzypBcJ85IYNOEcmuaJ4BkjJ8yYamB3/G\nFVpZKx+vwrsYlRFzsYTK/anG0e68pILeD2bRIRPqIfa/4Joqu03ZTrsKKbnV\n+6AQ\r\n=ntb4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHnwlohCkYol5P+kiKQfx0DL9cPR1ope0udTq/OVH6h5AiBh/AdnM+sY2yBgVTmCptLPISX+RVA0vqMy92DYlzz2+A=="}]},"maintainers":[{"name":"afiniti","email":"neha.akram@afiniti.com"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.1_1574684598476_0.17255432109193491"},"_hasShrinkwrap":false},"0.0.2":{"name":"@afiniti/image-lazy-load","version":"0.0.2","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"2ffd5e3498ee20c8e4c596e05005f312ef0dc783","_id":"@afiniti/image-lazy-load@0.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-apxQoC1IDvyKUrO+1txwLOsBC2aY7gJ5EBjGIUhIALkVdiq1Kd3w/dDUrjhmz3nJ8P1ok1IJMPskj5B3IgFowA==","shasum":"9d34bb2aff5499779cc7365859895b4b80e3fe1c","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.2.tgz","fileCount":5,"unpackedSize":23260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd29FPCRA9TVsSAnZWagAAytgP/iQmevO3QXr0DWlTvs0W\nsw5RkF16+mjwnWFxHI6jUuBeC8ZRC4iX6t5y4roDdL7VwuuDx41v2WVLWU+E\nCyqo5Oab/Ie99XBE7dv48KiUbqFrf5WlUZ07b5G/Wp4NgH3TOzYeYdkNuQjx\nolwZba302/sJg/py4bd09OXolN8u05IZHG5bjq1hw3GLN5pQKHmeHCduvLti\nt3z5Fe0uVk5a2ECTfCCNvEboFHb/Bm6CPOUY8c90DGku0bD9fUdtt8Xbl/sr\nBfgFlQb88YH76IgkQCYT8H58EKMXJU15DhURzlprHsb8mL4/8yFVQpbaw08h\nTXirzGbMJiJ0FgEpsPi72SuCoiMarmo3dydge/u2vp/sMfsE3WAeP1zLDHMk\nzvOHaINzb881IrcA0O/S+Z35by780IYsZIMG5exeHVjYBmL3K4lTF9dN0ITS\npkNbULFJ/qP6IiU380ugeqiW/CWoJ6eQxwiTY73Ep54ZdHcyKDFt/G3Fykuu\nkII2b/IVzOnWFkxSM/QlNRaVL/CKvEkuW5lJ67SDUnRIBGtjLO8WgwBa8ok2\n/r22WLnLLdfnH7XGGEgKVEIR2Na2lQg6hLwg8nGFT9AT7kPwm4dqRPoC49Yw\n3FXPB9RGXOyZvTwqphtcv7GnarYx5E1mq6xLn0lgcv3u30zeUSfMrhFugpKe\nKQ1C\r\n=kIMc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfwEHpWbkNqEQpuPE99WYcNyqqbIdt3GPQh/iA+jDffgIhAM2SQF1EMW+Lz5fZwI60GA8XTnleWHk8LX/4/BdUJs7N"}]},"maintainers":[{"name":"afiniti","email":"neha.akram@afiniti.com"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.2_1574687054685_0.38434879501643926"},"_hasShrinkwrap":false},"0.0.3":{"name":"@afiniti/image-lazy-load","version":"0.0.3","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"201faa645202f754b3bd4bb6debddeaa764206f8","_id":"@afiniti/image-lazy-load@0.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-N9X39kdjJrkWv9C7wg73FMFLY72kr4dKtnUQQoyEL1rgqofP9JF+so2Ux2yFjb0bfmOcaexqu9vbTDF7rXQ6Cg==","shasum":"bb714442ad7ab8a34faa6d3c120997d02826c0db","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.3.tgz","fileCount":5,"unpackedSize":23263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd82DgCRA9TVsSAnZWagAAkqoP/iS9rorePXJcoQipjhm3\ncCpqDJDHM+/8u653VJty5q2ChQKQSsyDbsEczwdRJTdirNxAa7msYAsndb2Y\nsyo9ziBUQw2x9A/rDfOn+QdOlpKdxud7QQvgfx90thRJ9V+MzO9XyDsEQKgj\n+/BEW/WhBUP4rGPbSQaMJHVU0a39563wZvg0BG9/WPVH5WuTI7QFOz4+1FOh\ni94blat2JXfwSw4+SFeH8fEupQsukWTMfmtiH/wIXSf/lKtO0x2EhMYlB+lv\nW7lad6zSbcBC4MTxa8pdKXijPcHMxAhIpIVM57DU/7+fnOcj6t/ibnx6yha7\ncFITi6NqkTVwXn4+FAA+zE9UpQqCRBOFTqdURFhuRFf+px+zFAX/Ictr1oos\nLOTBOlmbmNIbvkIfMibJ2sSgLfwv4dPTE2nO+KZ1usBxMvOlG4LuzJNdyYIF\nfcTkYYKKH736UY+dGfYSoi5eU1rieW+5ychCaEzxPdhwQ3CktIvOilRNJ5Ab\nhVQdfRLx5jSXI5S+VjI0uq1HqNJ1MAhioaD8tpVgupONUrECxYZyd+b7eHIR\nC1sg/NDG9vFQlVEHiDsle/qWnM1MNQIc7Yc+ELJ73XhXRObmOLXrtSq2hkqA\nXP9FEfTu12dVvkMdhcWGwHha4FD/jIe2j7Rqb+orss8NK0EsG2a7jieZHzai\nGLzK\r\n=X7hE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGUFab9z2Cg1hadzoAneN8cK2bkuK1uvrgFPt6lN3Z8AiAcnOTJrVbsBP8+Ohz1IrZzhw4i1rkaiHrBhFLeBb47Mw=="}]},"maintainers":[{"email":"neha.akram@afiniti.com","name":"afiniti"},{"email":"nehaakram12@gmail.com","name":"nehaakram12"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.3_1576231135621_0.22108045396632048"},"_hasShrinkwrap":false},"0.0.4":{"name":"@afiniti/image-lazy-load","version":"0.0.4","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"08a4ec868b06946680e9d30ddea30de8a6325d91","_id":"@afiniti/image-lazy-load@0.0.4","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-x1qsOjbn1d8s5nUyhArO6MRL22akb24fNl1XsF9wGUa3wNS789spkdEejYHJqakoVEjuVjl8432bupr027W/Jw==","shasum":"9dacae58732d160baeda654fea967600d55aecaa","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.4.tgz","fileCount":5,"unpackedSize":23357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd829GCRA9TVsSAnZWagAAQc4P/3nm7oLy24sC1BUbSdo6\nwYhbzbiRKqI7EPyzjjWPgVtbT3NqXOMuwYDrla8ZP1EV+CFm84so6uCUxM+P\nSD7P/IjEaVLiT8gFfbkGVm3oHqmvJAqOdE16pmXeg01mQl2VK/+hUgm3KR9s\nAkSkjkoGy4neVkSd/4gIYE1iBEMVesTftUYiSFtAkLTkmXecmydSBzrXV+1K\nN4JulFTUDZiMREdEKT3QLM3PA2fVrWaJHn4AQON+irlUBmtfL+56Hq/e1m+n\n9CxwkofsT6FtglFqTVX4MD3K3mn0LzyHRb6DD6iO1ZBs6/b04EZyH79jBOq7\n8+RiTSxDZ66Rz8SJ5RQ6SmFvE1peZOPJ8+iYkyr4mDRHVUqRP2Iufz1K1wjD\n3ePrwAwrYxOE8bgaxu5sCit0Hgb30d9PBoBqdsQw74ATS48I2I68rH1uEx/k\nNmE7AQ7EGpOky6yqr9ITGjiIOvOi202w/y+u5LQ/76FR05NodyZTDap7tvSq\naiHWgdSXRXb/h7JESLiXVEHDc9wlfup3Sx23e1+N7CG7pBfcPWxuo/lH1fNF\nB0L+1qPPuIGr3OOC88RgZZEhZx2pBlg/wDyZBLWcfetz/60bK+7U669nAlXb\nfQ1cKt8d8Br0ZucSgs4bIc7yGIvEMZFcDQswiQCNgYkxkgBknZXRuQ+eV/QW\nANUl\r\n=r8np\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkdCKw/DoSeDLoKa6k+yz7A1vN0LVDyUqbQDgJTw/4fwIgOC/q0aFFLzGkoxZggbOyn7GobRVMS57ULEiqrY9fQVA="}]},"maintainers":[{"email":"neha.akram@afiniti.com","name":"afiniti"},{"email":"nehaakram12@gmail.com","name":"nehaakram12"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.4_1576234822155_0.34739089674304413"},"_hasShrinkwrap":false},"0.0.5":{"name":"@afiniti/image-lazy-load","version":"0.0.5","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"08a4ec868b06946680e9d30ddea30de8a6325d91","_id":"@afiniti/image-lazy-load@0.0.5","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-AxPQSK+Yc14LLREBLiJUlsHjlveHJNOyShutr4/j9//o4xTzpMGlC8Sg83fx20SFuEo6574KCBKYTK0PYSFPMA==","shasum":"97973c1e40195c188c9212142d02970113f2b19d","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.5.tgz","fileCount":5,"unpackedSize":23499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd83QqCRA9TVsSAnZWagAATXMQAIgwWHS6pFo+DaHsItL1\nQWtdsfpnmIRANicU9QnMExFOTwnQGM3R2WEQL3Xb9o22DcG6Dk0IyQKxjDeS\n5kyALB/TCoSw0fT81L+wQ6f2ZT3FW4PXQCQafcDygwivjfCpQEnltm8h2fEU\n16jyZAoINvkwhGdVVJRCsyPS5C3vs4asATR2jNZvK6nQzzqE0J6vnnVyQNNp\nIfg7SLijXA/QYDwGYlvb/nGN9MsDNJIKNzd3DG9o6n+jS7VB/DRLL65yAAfS\nDwh5XEuLuWPnYl95pPWsw6mLS5W8bYyKrYsStkUwLjjrGbTaEK0CbV6f9LmR\nB3DMf1cPoqvT4z1GrVtBs1NnfTvGDany7e9TbmIcue3NyzeSJPNxErEy9BtC\ns6hLBhtKC+DA2g5Df0A1aSZSMF2PC4ub05zSqENo+6F61uGaAy6shg5vMXBh\nPo+tdZPTErVRUIdnQp/uHtzt+cwnl5pMj5+8s7CabHj1LADs41Y8G68LgDZX\ngvdOGnYKjRUeTLCNPF0ODPLVv/wi/uKs53GCX+YO6uhLeLsz3AdpxY4DfT6p\nvjSJiQ6B4BQutPzyM/XxCcwJOFz+LHUBAdlL80whGZMP7rvMULa5HhSRVpYN\nuOUqbjTZnwEsxUcDzmXnst1nnNjifJ3G65rA10ZB8cHq9OxyxP0tcURKGOiW\n9SWG\r\n=zfWP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAE/kW3DXWO5mGQcUxHZJdDFWJXZ7HU+kPFqSrZJUt3nAiBdhfa3HAbvLzaXcBYM2IxsMOPYF57r1HkiqywO7nz2Pg=="}]},"maintainers":[{"email":"neha.akram@afiniti.com","name":"afiniti"},{"email":"nehaakram12@gmail.com","name":"nehaakram12"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.5_1576236074011_0.9475479176425963"},"_hasShrinkwrap":false},"0.0.6":{"name":"@afiniti/image-lazy-load","version":"0.0.6","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"dfdd90b9797f6a7f7005f7f067bf526cc8d6a6b6","_id":"@afiniti/image-lazy-load@0.0.6","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-v3sH6p1pJ40qFKHwldXUh6sjSOK58diO7zFKNsIofhN5xS9RvnEfJ6eo/OqpaJPcrurW4/Ifs5KW34FNdPzZ3g==","shasum":"957d8cbea95f1a1963190b3d4dbd28123148f295","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.6.tgz","fileCount":5,"unpackedSize":23551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeAcIqCRA9TVsSAnZWagAAcA4P/1WdZ7fUm+mP5SJWVso4\nIF5MApwxJAuzBh1xzfkXkzsaNThre2wYx52dPljoRrrHFTPheVdViI45wslo\nmOd5ysheGoo0IVYlhlaYx5wQ/8la5eKQSe6T2jjxxkn+S8k3Km/p3seFTYE8\n4oXACTrEmbjAJdi0IrshaVWx3GN1rAf8GHyQXNMYH9OGMnZVux5YcI/Pd51M\nG3+ZlIXlhg2WskVwvvwAVGdGJFMj1xh3AczkRa6INRf9Yc1CDVHH7VBdbEoz\nhxWlvTVtvMPgu2SvaRFMjKxJwSxrgYcskFl4gqVtE899MQb2TArKrTrqYuuj\nWCEcE4dksL877lmQGISgrUlDiytg+ygeu3xioIATgFiJwJPH1ZidNLbwD4je\nfvefMoaAyiylgn6k8a+FEQMOJDpaaYZ6qzhUdXq6B+wu6Ui+aIRiFggeQl4I\nQvZWR0Fg05MWeqQqxQWe1hxhLYa9OIoFxO3yXCpH34tQgMJkKSw+78ULflMU\nkA6zEQgfWOy7BmvRbCGdUTZu8WrBtnID7xnqiseD6UrwaDWZ7wIeN9p05DYg\nXjbR8LrmGy02ahEElmnKWAoVje5ASWOqMwb1EOHBRKwyH9G5k5EYEF6hG6SQ\nr+RtWCuPjtl4jwrKUwdzwW0YzaqHGsg2FX0HsjR5zv/AOTX9twYy3NI/9zbI\nMCb0\r\n=+/4X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDjoLpCiWqoZC2X8qUZFo/D1R3L5WXVmXa4kvjCTMPuagIhAJIiXcjTYHW3606mPVjF9jcvgWZKxx2v9LVQDtBWOE9E"}]},"maintainers":[{"email":"neha.akram@afiniti.com","name":"afiniti"},{"email":"nehaakram12@gmail.com","name":"nehaakram12"}],"_npmUser":{"name":"afiniti","email":"neha.akram@afiniti.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.6_1577173545686_0.13455515369958482"},"_hasShrinkwrap":false},"0.0.7":{"name":"@afiniti/image-lazy-load","version":"0.0.7","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"95c0ae5afa8be01a02da93e582c8dd6d7f1777e2","_id":"@afiniti/image-lazy-load@0.0.7","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-oyD2xme5ooFH3BLBzVKEJPbMeDoIrVZpGcyGUgDZLXIYhPwmqxQpXYEY+SmKzQU46RXcCLv3D75FsgQOPoH/fw==","shasum":"f559e92352d8b21f567cd0f8de58840afaa6bf25","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.7.tgz","fileCount":5,"unpackedSize":24170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgydi4CRA9TVsSAnZWagAAT3wP/2J91/qBtso1RVUHSehH\njyyJCz40PDNKXm32g7TY3SwsbGO1n8W/0vJoG3zLkeZ0/h1r4yGLeSY3+/n3\n6AA5ORDcOM08nkEeRxS3tJylKEngr8eR9Jk8D72Z8W+NLHbQGIJsOgydbs9O\nv5GbGh3k2uOCWE6xcF3nyEIU6r2Nt1ivGKUHS8MaXMtWO1TmN5AkfKD/FIN7\nM3hOk3s/j+2bYy6ADEktsXKbFwmZu4+5WtJecTeNbGvSjLAkRLtJdiiTU0n9\nHAn4p2WD3voixa4XKo61vRX2XsmFYKE6+PN/K/ewjiK6wwRQwornjkbiOfjb\nasUK38KP1AAzR55y5ujLqqWpqsZcT33rh1d09LHrKreHM+Vklp0QcMRVQJlp\nd8wnU8yXDojbsnKwYg7lLkGMXh2h2R/8ifTDkVDZ2qISmVc322h9s/Xqc8OM\nrpzkxrTC7jNvjV50qmCwolWr3/7joIQD+fMlyvDFV5st5gd61Bex+ya0RrQH\nPNT36MpsvgXZGZpXycEdAsIFtnjGxHfFmTQ2d0usH7vmq8N89/cJq55WyTf5\n2hcmeyGin41qKsquQfHX6KXjz4NtjaIBU4savnm+ISge2wOpg9PX3GAEJdiW\ncy5oGOiZALoqFXkUy/78ErKigE2XMFPox+3xooLGtjkVcNxagmYI9zU3OZ+8\nbr/S\r\n=miNv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGdvYWDGLU8GCfjErnywk1n7ArcYUGtf1g68TJYGSdunAiBtw4gB1ITHBgvEv03ohE034CZ1N470KXNOLo8RmIhVrg=="}]},"_npmUser":{"name":"neha.akram","email":"irfan.ali@afiniti.com"},"directories":{},"maintainers":[{"name":"neha.akram","email":"irfan.ali@afiniti.com"},{"name":"nehaakram12","email":"nehaakram12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.7_1623840951812_0.3800599125899822"},"_hasShrinkwrap":false},"0.0.8":{"name":"@afiniti/image-lazy-load","version":"0.0.8","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"49817ce1c574531ce6d924188a61f6893943c681","_id":"@afiniti/image-lazy-load@0.0.8","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-6e4dv6s5fHWYp+T4HPeeGsC2bQvXTgtIC9CEJt9FOzh7FnJ6oLu4LobTJh7RRMmE/6/36WyJvxn49jzyJeE1Rw==","shasum":"1b3c21f35003269aad803ec6eed4bab417350810","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.8.tgz","fileCount":5,"unpackedSize":24143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyy8uCRA9TVsSAnZWagAA1GIQAJl003+yOIbMr3BzwYQl\nTm7qE1+6A3pHEuhftDZt6dQ3iW0EF2JGiMMtab1u4GGXHx6EDYEKQyUs236E\nspqYgnwYX3noYJlwU4gzw/ji4IaXuTDrtNUpLTNizI7HKGvSkxsMkyCWBTJ3\nQNvLymSvL1t5+AC1wATJam3D+pGVzVnZRMhK+92764OaqQxARBgu4phZE+l+\njjtHUA+jBgugifI0T6EIKd8Kb9iIuTivt4KTMOzz2dCgneNv4rYYbZOMb8Gu\nr+T9QVbZt0Iyg1OvTMWyuUtaDyoGqT9LU577vMcDYdada11YSjoJQTLyrAQf\noQuqFcfmiasDXdtnvAGZMtOY0jnEsoVmfRDe4fPChKsJlztu7OB7GPyTPyP8\nt81q/RaM/B6O1W2KSYPOxT12jnKXvMzognTM20KKoyBonH+K7qFNcaj8rYem\nGEfAA9C9/dWO3PQohEkwOYA29g7Pw9ZxiJRjwHaZ6yzJbcS0gA3wUN5pnOA2\nnq2ApQHDCUfdeGzC8HdknzWv7fMVzmdoLexXenwzSKby5AZQG0NlhQ2Io+/T\nJaGieV/ncHExkzvWADVnNu5XZQhlBjGHMjKMxMP5wOFqfy1u9VMFrxP50BYJ\n9yhXB0sqD2ECL1RdFoEquHSpJ9IZN/eXRecsjvYhYND8xp9yVyuWCvOefz7y\nIsxe\r\n=GO7C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDidhWvfHSJny3nyqnF+Ru2qK1Q8qUQ2is9dzlUUE8plwIhAOGVLEe/TYQKAeY9X+/+tm3YfmjmxLa9K20OItBPwcRk"}]},"_npmUser":{"name":"neha.akram","email":"irfan.ali@afiniti.com"},"directories":{},"maintainers":[{"name":"neha.akram","email":"irfan.ali@afiniti.com"},{"name":"nehaakram12","email":"nehaakram12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.8_1623928621798_0.2052178700961218"},"_hasShrinkwrap":false},"0.0.9":{"name":"@afiniti/image-lazy-load","version":"0.0.9","description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","license":"MIT","repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"main":"./lib/ImageLazyLoader.js","scripts":{"build":"webpack"},"dependencies":{"prop-types":"^15.6.0","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel-core":"^6.21.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-react":"^6.16.0","babel-preset-stage-0":"^6.24.1","css-loader":"^0.28.0","mini-css-extract-plugin":"^0.8.0","webpack":"^4.5.0","webpack-cli":"^3.2.1"},"gitHead":"9b2ad4641624b165c571084308ae0dfa4bf89721","_id":"@afiniti/image-lazy-load@0.0.9","_nodeVersion":"14.15.1","_npmVersion":"6.14.8","dist":{"integrity":"sha512-lhplARXTvyVTfv0PO8+ahykuMA/TEtPMUjRYyQIXsNF9kGqFfsAnMMkdBMpwT0AcyPoUx2Wv4KxxrUKwcjc/4w==","shasum":"3c01f46171df33db17f8b74136c30ab416020bb0","tarball":"https://registry.npmjs.org/@afiniti/image-lazy-load/-/image-lazy-load-0.0.9.tgz","fileCount":5,"unpackedSize":24149,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE1vNWb++fJxHGKu/GrEP+5EB0aC2VenpLrz7AqqLbBXAiACS546nhbJVET6yP0+y/60xihzRrOU+xSD94ip21CQOg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRtKBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0YA//cM60K25/hNc0RJ3EOP3vGCyJ8rVimPQ0LGgnzP8Bfv2jHzS1\r\nXUinaQj1lxRzPpZra9S1ifW9CV8RnkybApn8yESYNocFc30BD23DKjLGNqmz\r\nrhbWGIAaXRscbSczg3YTmlJaqL1eG46vuW2Tkw2HiSq9FKhYIKl9UZC+keqJ\r\n1pz8DK09DHusba5jHZrWhHmD+vAP2CQ24jHQ0O/FbbcwM3Pl34/28vmjL1RK\r\na66ByapkTyYrvJvcVZ/Vz8YN8UlTREu6jzU+CYIve7WE3igT+IkJ/76hhqaw\r\ndy1Fobvr4h0qUInhjOQ85sQTb/U5jP5pjVS4+9RkD75ImgY+jkKXyrwczrIZ\r\nXJydGBw62kU9AYwiyUOzHxiyyD9XlWJzzwvkrRNIjPnF0zpupuCYw2I6RxJU\r\nE8Aw/volWzaIu1hXT9HxnbsmZd5+Am9cpkWoj7Jmzu+mO+F25A9TVDxNQ3pq\r\nY+psQLp/MMfkGJX4fGnubfJUpGyDb0OjykCKrGKGNsfLoQ/7p/wBVg9D9aq6\r\njUSr/mfub7oG7lGArUFAeb50mq3+wxC0culZXdsBjeFPQSTKaiMNRxHvo81q\r\nxuDVOL4r3fp4zCjHOgL1Ba7jGO8+0xmsa2RJvarWn3CXLfjL1yTmEakRvTg6\r\nZ6oQNHsOuXRAlq+ayCFKRZcLCEaEy4N4Zdw=\r\n=jPnC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"neha.akram","email":"irfan.ali@afiniti.com"},"directories":{},"maintainers":[{"name":"neha.akram","email":"irfan.ali@afiniti.com"},{"name":"nehaakram12","email":"nehaakram12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/image-lazy-load_0.0.9_1648808577248_0.9685252594963627"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-25T12:23:18.099Z","0.0.1":"2019-11-25T12:23:18.731Z","modified":"2022-04-04T11:50:51.596Z","0.0.2":"2019-11-25T13:04:14.906Z","0.0.3":"2019-12-13T09:58:55.784Z","0.0.4":"2019-12-13T11:00:22.266Z","0.0.5":"2019-12-13T11:21:14.168Z","0.0.6":"2019-12-24T07:45:45.807Z","0.0.7":"2021-06-16T10:55:52.033Z","0.0.8":"2021-06-17T11:17:01.912Z","0.0.9":"2022-04-01T10:22:57.360Z"},"maintainers":[{"name":"neha.akram","email":"irfan.ali@afiniti.com"},{"name":"nehaakram12","email":"nehaakram12@gmail.com"}],"description":"React component for lazy loading Graph CMS Images. Optimizes initial page load time and provides optimal resolutions for different screen sizes. Loads blurry low resolution image initially which is later on replaced with HD images","homepage":"https://github.com/nehaakram12/image-lazy-loader#readme","keywords":["image-lazy-load","image-lazy-loader","react-image-lazy-load","react-image-lazy-loader","lazy load","lazy loader","image lazy load","image lazy loader","react image lazy load","react image lazy loader","npm image lazy load","npm image lazy loader","graph cms lazy load","graph cms lazy loader","graphcms","graph-cms","npm","react","image","lazy","package","afiniti","nehaakram12"],"repository":{"type":"git","url":"git+https://github.com/nehaakram12/image-lazy-loader.git"},"author":{"name":"Neha Akram","url":"https://www.linkedin.com/in/neha-akram"},"bugs":{"url":"https://github.com/nehaakram12/image-lazy-loader/issues"},"license":"MIT","readme":"# @afiniti/image-lazy-load\r\n\r\n### Description\r\n\r\nReact component for lazy loading Graph CMS Images in an optimal way that is\r\nperformance efficient. On initial page load, images are downloaded with low\r\nresolution and blur filter from graph cms. Once the image element is in active\r\nviewport, the blurred image is replaced with original HD image and blur effect\r\nis removed.\r\n\r\n### Note\r\n\r\nThis is a work in progress, not ready for production yet. Your feedback would be\r\nappreciated, custom features can also be requested.\r\n\r\n### Requirements\r\n\r\nCurrently, works only for image urls from graph media cms. Support for other\r\nimage sources will be added as enhanced feature later on.\r\n\r\n### Installation\r\n\r\nnpm i @afiniti/image-lazy-load\r\n\r\n### Features\r\n\r\n- Performance efficient, reduces initial load time by loading low resolution\r\n  blur images on page load\r\n- Optimal sized images generated automatically for different devices and screen\r\n  sizes.\r\n- Preview images whilst loading in form of blurred thumbnails\r\n- Lazy loading enabling original HD images to download only when they are in the\r\n  current viewport\r\n\r\n![Demo Screenshot](https://media.graphassets.com/MBMmBL5fQwqyH6BATtbo)\r\n\r\n### Demo\r\n\r\n[Code Sandbox Demo](https://codesandbox.io/embed/lazy-image-loader-gallery-x5br8?fontsize=14&hidenavigation=1&theme=dark&view=preview)\r\n\r\n### Props\r\n\r\n| Name               | Type             | Description                                                                                                                                                |\r\n| ------------------ | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| `handle`           | `string`         | Graph cms uses handle an identifier for images which is required to fetch images.                                                                          |\r\n| `alt`              | `string`         | Passed to the`img` element for alternate prop                                                                                                              |\r\n| `className`        | `string\\|object` | Passed to the wrapper div of image.Object must follow react css rules                                                                                      |\r\n| `width`            | `number`         | Resolution need to be passed in order to display image. Defaults to `1400`.                                                                                |\r\n| `height`           | `number`         | Optional value in pixels if fixed height needs to be added to image elements. Defaults to `null`. See styling instructions below for better understanding. |\r\n| `objectFitMode`    | `bool`           | Fit image to be contained inside parent container. Defaults to `false`.                                                                                    |\r\n| `isLazy`           | `bool`           | Load images lazily, low to high resolution when active in viewport. Defaults to `true`                                                                     |\r\n| `breakpointWidths` | `array`          | Array of screen breakpoints for fluid image rendering and optimal sizes. Defaults to `[320, 640, 1024]`                                                    |\r\n\r\n### Example Usage\r\n\r\nThe package can be integrated inside a react component as follows:\r\n\r\n```jsx\r\nimport React from 'react';\r\nimport Picture from '@afiniti/image-lazy-load';\r\nimport '@afiniti/image-lazy-load/lib/main.css';\r\n\r\nconst Gallery = ({ data }) => {\r\n  return (\r\n    <div className={galleryWrapper}>\r\n      {data.map(item => (\r\n        <Picture\r\n          handle={item.Picturehandle}\r\n          className={'galleryImage'}\r\n          objectFitMode\r\n          width={1300}\r\n          alt={item.postTitle}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Gallery;\r\n```\r\n\r\n### Css and Styling\r\n\r\nA classname can be passed to the Picture component that is attached to the\r\nwrapper element.\r\n\r\n- No height passed in className prop object: By default `padding-bottom: 56.25%`\r\n  set on wrapper div.\r\n\r\n- Set custom height using className prop object: Pass\r\n  `padding-bottom: 0% !important` in addition to the height in order to\r\n  overwrite the default styles.\r\n\r\nNote:\r\n\r\n- The default styles need to be imported in addition to the component import as\r\n  can be seen in above example.\r\n- Feel free to style the image elements by overwriting the default css.\r\n\r\n### Issues\r\n\r\nYou can open issues in the\r\n[Bugs and Issues](https://github.com/nehaakram12/image-lazy-loader/issues)\r\nsection on the connected repository.\r\n\r\n### Inspired by:\r\n\r\n- [graphcms-image](https://github.com/GraphCMS/graphcms-image)\r\n- [Responsive and fluid images](https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/#the-fluid-and-variable-sized-image-use-cases)\r\n- [Lazy Loading using Intersection Observer](https://www.smashingmagazine.com/2018/01/deferring-lazy-loading-intersection-observer-api)\r\n","readmeFilename":"README.md"}