{"_id":"plastic-image","_rev":"2-4c5b9c934fde4d71641345ca586320b7","name":"plastic-image","dist-tags":{"latest":"3.0.2"},"versions":{"3.0.0":{"name":"plastic-image","flat":true,"version":"3.0.0","description":"iron-image extension supporting srcset and lazy loading","keywords":["polymer","polymer 3.0","image","iron-image","srcset","lazy","lazy-load","3.0","responsive","custom-element","web-components","webp"],"main":"plastic-image.js","repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-image.git"},"license":"MIT","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-image":"^3.0.0-pre.19"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.12","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0"},"gitHead":"ea9ad5c141aa058f2038c8a9b119d58b7299c7ec","bugs":{"url":"https://github.com/mlisook/plastic-image/issues"},"homepage":"https://github.com/mlisook/plastic-image#readme","_id":"plastic-image@3.0.0","_npmVersion":"6.0.1","_nodeVersion":"8.9.4","_npmUser":{"name":"mlisook","email":"murray@lisook.net"},"dist":{"integrity":"sha512-UT7vBOSmzNRMVLp41h9gdWi7+nZyWCqv5K67EGl6hLzUXW6CnrXDqhhSHXlT0Zwm9nMREcJOQgbKKZD/PfmpRg==","shasum":"758970e3424c9f0ffa0da570acfb278e3170abb8","tarball":"https://registry.npmjs.org/plastic-image/-/plastic-image-3.0.0.tgz","fileCount":65,"unpackedSize":1821977,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9gANCRA9TVsSAnZWagAAmb0P+QAzFIkn2JT3OTQ0tSHE\nVVwyg9f+qIHkiVyCACLWzyZnofI3Hh6EF7ZK3cdnFeLGxkGJgsCMxJa7GgzG\n0Ajj1XlN2Ge8j/xVdrg8C0rqF9yg9A/FhV1GJIDCO1xqtJW7prIqPa3RgTqB\n0ldOo88fEyao+jfL5S5nnM8ulJU+Olcbzivrcmcioo218B+HOOAyBH6M17ds\nxjQRrMr27k8qSGhhe2WaKK5uTvkMufMF3YlWcVzsrTwmJZmWwSDvcBbzYY5r\nUWxjgE5jCTvvaqTEzjXtQ8tBnJP8JGYCv47BPDOwKlPxZwJWGPRLIiNIQuBK\nrwqRxdUpgSx/3boGobtm/pvNFrnXUz1nBltRABDukNrJyymYHejabj3GGoEz\nf74Dto4NAgDCfheWK0ltSYgQ5rGwo1nn00Fm/tSg6Vt67YvtPU6xfhs+MHdN\n2o04ZgE3A4GcMJwqV+psnWXMUfyZlWlLG9jV9pns+g6lEZXTHhslvV/rOntH\nKLdXiWZVnkI+ECN1cwcXt0MkUWCmhKHjo0wEEmZU+tGMGS8xE2hR16VOihlw\nHFk57Mq5TrvaJgjscq+4KaWvN/QcqOilRT0Jm42XIunNMFPgRYBrl5NExHsW\np1xSB7nnHzgcmcdCmjP6fBLMShAkVnR5178VPoUkoyDs1ywZT5tKyOaTam2I\n/7Lu\r\n=fZpX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXVBYoetv1atYdvgNwFYc8DdK0LrQODWS1Q5pFg4g2XwIgV6Ifw6nyqofhlcfEU4G8PCXvjLkVqJt+icnGCVZpGo4="}]},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/plastic-image_3.0.0_1526071307598_0.18822788611854335"},"_hasShrinkwrap":false},"3.0.2":{"name":"plastic-image","flat":true,"version":"3.0.2","description":"iron-image extension supporting srcset and lazy loading","keywords":["polymer","polymer 3.0","image","iron-image","srcset","lazy","lazy-load","3.0","responsive","custom-element","web-components","webp"],"main":"plastic-image.js","repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-image.git"},"license":"MIT","dependencies":{"@polymer/polymer":"^3.0.0","@polymer/iron-image":"^3.0.0-pre.19"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.12","@webcomponents/webcomponentsjs":"^2.0.0","wct-browser-legacy":"^1.0.0"},"gitHead":"95de212d30413caafe6decd32b1caaff028c608f","bugs":{"url":"https://github.com/mlisook/plastic-image/issues"},"homepage":"https://github.com/mlisook/plastic-image#readme","_id":"plastic-image@3.0.2","_npmVersion":"6.0.1","_nodeVersion":"8.9.4","_npmUser":{"name":"mlisook","email":"murray@lisook.net"},"dist":{"integrity":"sha512-2yJES4okR81jAzY8vdxjHgOfbW/royV9WeaK+z5NkDJCVGSRzxtJen+jCGwBkef9MMbApZpG5QSQ689xfqEcTQ==","shasum":"bb4531468519e8b42d83a0c9ca26c50908234227","tarball":"https://registry.npmjs.org/plastic-image/-/plastic-image-3.0.2.tgz","fileCount":66,"unpackedSize":1823034,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFHerCRA9TVsSAnZWagAAzvkQAIXeqCgABC3sReFAcAl+\n4BbSltFoRBam7mzDZHW/AUbW+WbY4b7AWplKX3mqK/MbvAHVnZgM8ewID1VI\nFEDKpK+fJTLAID8/ybEYZSGn/vdDf9IMUSvXNeUr9u26dZmf/GGOQXUz9UxR\nnyzmsHUXxYAizNwR0YvQJswalSN92qL6wm/+A3eAFKMP/1yBPzqPikChdMny\nkI/xKlrdE6P+7xQvj6CeapY2+hVg6PsPPa1Yd1lRaf+XXAdVON8v5ofs1oh8\nM0tuiHbneHoze5vgMoAB5IlMX2mv1PCP/gx7pQintNt/3PvcxyJa1IDcR05G\nw/EPJdI/08m+ZcJpDovKzVmVUA0L8bAS8YqCYnj/+psHwbM1wfcZG2J7o3lf\ncDp36pISiuKdaH4ViNy34ypNUOLO1jTWee4nVEqjPwmp/c8cpVi3te7ULvlw\nExT6RTdxRImN9O/0QARRTCUJ+0L9Ql7T/Xw9CmVSfFbpRnC2jz5yguZsnRxc\nOH/Q6V0FN2dxtpOI0Z4EfAZwzkDjQweoB7uYKVzzOBzWQAHXCjrRmXfxruYm\ntx64tG2at2q7ZlHims+5eb0ftzmFu2qN8PloT+Ii6gywzh+OP4G/VRKu43+I\ncwwhiKiMGYPiPyRy72wCdVjWSJYlBcAg+qAEubgnzaosQcq2iULgQD7TY0mG\noPfc\r\n=MLBb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNdAkfEsvxW4ghVieSDATozfVG6W9mysJru747YHkeVgIhAJLLRkI22aSw7Jlk6FckP8p/UWVn0JWu+da7Ls8N2S0P"}]},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/plastic-image_3.0.2_1528068010184_0.4649768628074491"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-11T20:41:47.597Z","3.0.0":"2018-05-11T20:41:47.885Z","modified":"2022-05-13T01:18:26.668Z","3.0.2":"2018-06-03T23:20:10.326Z"},"maintainers":[{"name":"mlisook","email":"murray@lisook.net"}],"description":"iron-image extension supporting srcset and lazy loading","homepage":"https://github.com/mlisook/plastic-image#readme","keywords":["polymer","polymer 3.0","image","iron-image","srcset","lazy","lazy-load","3.0","responsive","custom-element","web-components","webp"],"repository":{"type":"git","url":"git+https://github.com/mlisook/plastic-image.git"},"bugs":{"url":"https://github.com/mlisook/plastic-image/issues"},"license":"MIT","readme":"# \\<plastic-image\\>\r\n\r\nA Polymer 3.0 element which adds extra plasticity to `iron-image` with support for **srcset**,\r\n**lazy loading** and **webp**.\r\n\r\n`plastic-image` extends `iron-image` by adding a `srcset` attribute for client side image\r\nsize selection. It adds a `lazy-load` attribute for deferring the image load until\r\nthe element is showing in the viewport. Finally, it allows you to serve (typically smaller) \r\n`webp` images to browsers that support webp.\r\n\r\nPlease review the api docs for `iron-image` as this element is a subclass of `iron-image`.\r\n\r\n## Available Versions\r\n\r\n**1.0.14** is the latest version for Polymer **2.0** and can be installed via **bower**:\r\n```\r\nbower install --save plastic-image#1.0.14\r\n```\r\n***3.0.0*** is the version for Polymer **3.0** and can be installed via **npm**:\r\n```\r\nnpm install --save plastic-image\r\n```\r\n\r\n## plastic-image srcset \r\n\r\nThe `srcset` attribute is a string consisting of one or more image selection strings separated by commas. \r\nEach image selection string is composed of:\r\n\r\n1. A url to an image\r\n2. One or more spaces as a separator\r\n3. One or _more_ descriptors separated by spaces\r\n  - width descriptor: a positive integer directly followed by 'w'. e.g. `700w`\r\n  - height descriptor: a positive integer directly followed by 'h'. e.g. `345h`\r\n  - pixel density descriptor: a positive floating point number directly followed by 'x'. e.g. `2.0x`\r\n\r\n`plastic-image` extends the `<img srcset=\"...\">` feature by allowing multiple descriptors for an image\r\nand mixed descriptors in a single srcset.\r\n\r\n`plastic-image` also extends srcset use by optionally allowing image selection to be based on the render size of\r\nthe `plastic-image` element instead of the viewport, which is the standard.  To use this optional function \r\ninclude the `use-element-dim` attribute.\r\n\r\n### Example srcset\r\n\r\n`srcset=\"foo-s.jpg 150w, foo-sh.jpg 150w 2.0x, foo-m.jpg 405w, foo-mh 2.0x 405w, foo-l 1024w, foo-t 500w 750h\"`\r\n\r\n### Automatic Density\r\n\r\nIf _none_ of the image selection strings includes a pixel density descriptor ('x' e.g. `4.0x`), then the image\r\nselection process will automatically compensate for the viewport's pixel density.\r\n\r\n## Lazy ... wait for it ... Loading\r\n\r\nLazy loading delays loading the image (but not the placeholder image) until the element is at least 1px inside the viewport. \r\nThis can improve the perceived performance of the page by removing below the fold images from first paint. \r\n\r\n`plastic-image` uses an `IntersectionObserver` to trigger image loads when `lazy-load` is selected. IntersectionObserver is automatically polyfilled if a feature test shows the browser does not include native support. \r\n\r\nTo use lazy loading simply add the `lazy-load` attribute to the element.\r\n\r\n```HtML\r\n<plastic-image preload fade lazy-load srcset=\"...\" ... ></plastic-image>\r\n```\r\n\r\n## Webp Support\r\n\r\nYou can include `webp` format images alongside images of other formats (e.g. JPG, GiF, PNG) in the `srcset`\r\nattribute.  If you include one or more webp images and the browser supports webp, the control will select\r\nthe best fit webp image.  If the browser does not support webp, the control will select  the best fit non webp image.\r\n\r\nWebp images are typically significantly smaller than JPG or PNG so it can represent a decrease in network traffic.\r\n\r\nThere are no flags to enable this support.  Just include webp along with non webp images in the srcset to take advantage.\r\n\r\n### How Webp Images are Detected in the srcset\r\n\r\n`plastic-image` checks for webp images using a regular expression. The default regex is `/\\.webp$/i` (i.e. the url ends with `.webp`). This may not work for you if you are using url parameters or if for any other reason the url doesn't end with `.webp`.  You can modify the regex used to suit your url scheme by setting the `webpRegex` property: \r\n```HTML\r\n<plastic-image id=\"wp01\" webp-regex=\"wp=yes\" lazy-load preload fade use-element-dim sizing=\"contain\" ...\r\n```\r\n(matches `wp=yes` case insensitive anywhere in the url)\r\n\r\nYou can supply just the matching string, as above, or the complete regex including modifiers such as:\r\n```HTML\r\n<plastic-image id=\"wp01\" webp-regex=\"/[\\?&]wp=yes/i\" lazy-load preload fade use-element-dim sizing=\"contain\" ...\r\n```\r\n(matches `?wp=yes` or `&wp=yes` case insensitive anywhere in the url)\r\n\r\n### Example Webp\r\n\r\n```HTML\r\n<plastic-image id=\"wp01\" lazy-load preload fade use-element-dim sizing=\"contain\" style=\"height: 200px; width: 300px;\"\r\n          srcset=\"images/20160827_055746-150x150.jpg 150w,images/20160827-055746-150x150.webp 150w,images/20160827_055746-300x169.jpg 300w,images/20160827-055746-300x169.webp 300w,images/20160827_055746-768x432.jpg 768w,images/20160827-055746-768x432.webp 768w\"\r\n          placeholder=\"data: image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2OTApLCBxdWFsaXR5ID0gODIK/9sAQwAGBAQFBAQGBQUFBgYGBwkOCQkICAkSDQ0KDhUSFhYVEhQUFxohHBcYHxkUFB0nHR8iIyUlJRYcKSwoJCshJCUk/9sAQwEGBgYJCAkRCQkRJBgUGCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQk/8AAEQgACAAOAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8p8A/EK70MfZbvVJ0tAuF8qJGcHju3br611Go/EPS7pkY+K7tMDBV7ZevrxHRRXdSzKtTVt/W/8AmeRUwVOc3fr6f5H/2Q==\" >\r\n        </plastic-image>\r\n``` \r\n\r\n## Install the Component\r\n\r\nFor Polymer 3.0:\r\n```\r\nnpm install --save plastic-image\r\n```\r\n\r\nFor Polymer 2.0:\r\n```\r\nbower install --save plastic-image#1.0.14\r\n```\r\n\r\n## Basic Use Examples\r\nUse the control as you would an `iron-image` but with the srcset.\r\n\r\n```HTML\r\n<plastic-image preload fade sizing=\"contain\"\r\n  srcset=\"images/foo-s.jpg 150w, images/foo-sh.jpg 150w 2.0x, images/foo-m.jpg 405w, \r\n  images/foo-mh 2.0x 405w, images/foo-l 1024w, images/foo-t 500w 750h\"\r\n  placeholder=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAmElEQVQImWNmYGBgSExMzBATE7dSVFT8eO/evTcMDAwMjIFe5iYSIjybL136cunNW56FulIaEoJcfBdY5GWjvJ4/+SJhIcUhwavI5SbIxR+YvzRqH8unx7/Osf8VYpAVEWLgZuO8ljrfbwMDAwMD07u/j/ZYun5f9JfjSfGnHx9dGaCAJcBimwXjZ4Z+HllGn0XbXr+ASQAAi5UxQq88/fsAAAAASUVORK5CYII=\"></plastic-image>\r\n```\r\n\r\nTo base image selection on the rendered size of the control, instead of the viewport (default), add the `use-element-dim` attribute.\r\n\r\n```HTML\r\n<plastic-image preload fade sizing=\"contain\" use-element-dim\r\n  srcset=\"images/foo-s.jpg 150w, images/foo-sh.jpg 150w 2.0x, images/foo-m.jpg 405w, \r\n  images/foo-mh 2.0x 405w, images/foo-l 1024w, images/foo-t 500w 750h\"\r\n  placeholder=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAmElEQVQImWNmYGBgSExMzBATE7dSVFT8eO/evTcMDAwMjIFe5iYSIjybL136cunNW56FulIaEoJcfBdY5GWjvJ4/+SJhIcUhwavI5SbIxR+YvzRqH8unx7/Osf8VYpAVEWLgZuO8ljrfbwMDAwMD07u/j/ZYun5f9JfjSfGnHx9dGaCAJcBimwXjZ4Z+HllGn0XbXr+ASQAAi5UxQq88/fsAAAAASUVORK5CYII=\"></plastic-image>\r\n```\r\n\r\nTo automatically compensate for pixel density do not supply _any_ pixel density descriptors in the srcset.\r\n\r\n```HTML\r\n<plastic-image preload fade sizing=\"contain\" use-element-dim\r\n  srcset=\"images/foo-s.jpg 150w, images/foo-sh.jpg 300w, images/foo-m.jpg 405w, \r\n  images/foo-mh 810w, images/foo-l 1024w, images/foo-t 500w 750h\"\r\n  placeholder=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAmElEQVQImWNmYGBgSExMzBATE7dSVFT8eO/evTcMDAwMjIFe5iYSIjybL136cunNW56FulIaEoJcfBdY5GWjvJ4/+SJhIcUhwavI5SbIxR+YvzRqH8unx7/Osf8VYpAVEWLgZuO8ljrfbwMDAwMD07u/j/ZYun5f9JfjSfGnHx9dGaCAJcBimwXjZ4Z+HllGn0XbXr+ASQAAi5UxQq88/fsAAAAASUVORK5CYII=\"></plastic-image>\r\n```\r\n\r\nTo defer loading until the image is in (well, at least peaking into) the viewport add the `lazy-load` attribute.\r\n\r\n```HTML\r\n<plastic-image lazy-load preload fade sizing=\"contain\"\r\n  srcset=\"images/foo-s.jpg 150w, images/foo-sh.jpg 150w 2.0x, images/foo-m.jpg 405w, \r\n  images/foo-mh 2.0x 405w, images/foo-l 1024w, images/foo-t 500w 750h\"\r\n  placeholder=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAmElEQVQImWNmYGBgSExMzBATE7dSVFT8eO/evTcMDAwMjIFe5iYSIjybL136cunNW56FulIaEoJcfBdY5GWjvJ4/+SJhIcUhwavI5SbIxR+YvzRqH8unx7/Osf8VYpAVEWLgZuO8ljrfbwMDAwMD07u/j/ZYun5f9JfjSfGnHx9dGaCAJcBimwXjZ4Z+HllGn0XbXr+ASQAAi5UxQq88/fsAAAAASUVORK5CYII=\"></plastic-image>\r\n```\r\n\r\nTo serve webp images to browsers that support webp and jpg to browsers that do not, simply include\r\nthe alternate webp images in the srcset.  You can mix in width, height and density selectors also.\r\n\r\n```HTML\r\n<plastic-image lazy-load preload fade sizing=\"contain\"\r\n  srcset=\"images/foo-s.jpg 150w, images/foo-s.webp 150w, \r\n    images/foo-m.jpg 405w, images/foo-m.webp 405w, \r\n    images/foo-mh.jpg 2.0x 405w, images/foo-mh.webp 2.0x 405w\"\r\n  placeholder=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAmElEQVQImWNmYGBgSExMzBATE7dSVFT8eO/evTcMDAwMjIFe5iYSIjybL136cunNW56FulIaEoJcfBdY5GWjvJ4/+SJhIcUhwavI5SbIxR+YvzRqH8unx7/Osf8VYpAVEWLgZuO8ljrfbwMDAwMD07u/j/ZYun5f9JfjSfGnHx9dGaCAJcBimwXjZ4Z+HllGn0XbXr+ASQAAi5UxQq88/fsAAAAASUVORK5CYII=\"></plastic-image>\r\n```\r\n\r\nIf you need to control when to load (perhaps you are waiting for an ajax response) use the `delay-load` attribute and then set `delayLoad` to false once your data is ready.\r\n\r\n```HTML\r\n<plastic-image id=\"foo\" delay-load lazy-load preload fade sizing=\"contain\"\r\n  srcset=\"[[myImageSelector]]\"\r\n  placeholder=\"[[myMicroB64]]\"></plastic-image>\r\n```\r\n\r\n```Javascript\r\nfetch('imageDetail/47561').then((response) => {\r\n  return response.json();\r\n}).then((imgData) => {\r\n  this.myImageSelector = imgData.srcset;\r\n  this.myMicroB64 = imgData.mt;\r\n  this.$.foo.delayLoad = false;\r\n});\r\n```\r\n\r\n## Polymer Build / polymer.json\r\nThe element may automaticall loads a polyfill script to support IntersectionObserver on browsers where native support is not available. The script is not detected by the Polymer build analyzer. If you are using `polymer build` you should modify the `polymer.json` file to include the script in your build by adding them to the `extraDependencies` array:\r\n```Javascript\r\n\"extraDependencies\": [\r\n    \"node_modules/plastic-image/intersection-observer.js\",\r\n    ...\r\n  ]\r\n  ```\r\nor, on Polymer 2.0:\r\n```Javascript\r\n\"extraDependencies\": [\r\n    \"bower_components/plastic-image/intersection-observer.js\",\r\n    ...\r\n  ]\r\n  ```\r\n\r\n## Standard iron-image properties that should not be used\r\nDo not use `preventLoad` / `prevent-load`.  This is used internally by `plastic-image` to allow the srcset processing step.\r\nTo achieve that function use `delayLoad` / `delay-load` instead.\r\n\r\nDo not use `src`.  That will be overwritten by the srcset evaluation.  To specify a fallback image use\r\nthe `fallbackSrc` / `fallback-src` attribute instead.\r\n \r\n## License\r\n\r\nMIT\r\n\r\n","readmeFilename":"README.md"}