UNPKG

react-responsive-picture

Version:

A future-proof responsive image component that supports latest Picture specification

17 lines 18.8 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["React"],t):"object"==typeof exports?exports.ReactResponsivePicture=t(require("react")):e.ReactResponsivePicture=t(e.React)}(window,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var s=t[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,r),s.l=!0,s.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)r.d(n,s,function(t){return e[t]}.bind(null,s));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}([function(t,r){t.exports=e},function(e,t,r){e.exports=r(4)},function(e,t){var r=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=r},function(e,t,r){var n; /*! picturefill - v3.0.2 - 2016-02-12 * https://scottjehl.github.io/picturefill/ * Copyright (c) 2016 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; Licensed MIT */ /*! Gecko-Picture - v1.0 * https://github.com/scottjehl/picturefill/tree/3.0/src/plugins/gecko-picture * Firefox's early picture implementation (prior to FF41) is static and does * not react to viewport changes. This tiny module fixes this. */!function(e){var t,r,n,s,i,c,o,a=navigator.userAgent;e.HTMLPictureElement&&/ecko/.test(a)&&a.match(/rv\:(\d+)/)&&RegExp.$1<45&&addEventListener("resize",(r=document.createElement("source"),n=function(e){var t,n,s=e.parentNode;"PICTURE"===s.nodeName.toUpperCase()?(t=r.cloneNode(),s.insertBefore(t,s.firstElementChild),setTimeout((function(){s.removeChild(t)}))):(!e._pfLastSize||e.offsetWidth>e._pfLastSize)&&(e._pfLastSize=e.offsetWidth,n=e.sizes,e.sizes+=",100vw",setTimeout((function(){e.sizes=n})))},s=function(){var e,t=document.querySelectorAll("picture > img, img[srcset][sizes]");for(e=0;e<t.length;e++)n(t[e])},i=function(){clearTimeout(t),t=setTimeout(s,99)},c=e.matchMedia&&matchMedia("(orientation: landscape)"),o=function(){i(),c&&c.addListener&&c.addListener(i)},r.srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",/^[c|i]|d$/.test(document.readyState||"")?o():document.addEventListener("DOMContentLoaded",o),i))}(window), /*! Picturefill - v3.0.2 * http://scottjehl.github.io/picturefill * Copyright (c) 2015 https://github.com/scottjehl/picturefill/blob/master/Authors.txt; * License: MIT */ function(s,i,c){"use strict";var o,a,u;i.createElement("picture");var l={},f=!1,p=function(){},d=i.createElement("img"),m=d.getAttribute,h=d.setAttribute,A=d.removeAttribute,v=i.documentElement,g={},y={algorithm:""},b=navigator.userAgent,w=/rident/.test(b)||/ecko/.test(b)&&b.match(/rv\:(\d+)/)&&RegExp.$1>35,x="currentSrc",S=/\s+\+?\d+(e\d+)?w/,E=/(\([^)]+\))?\s*(.+)/,T=s.picturefillCFG,O="font-size:100%!important;",R=!0,z={},C={},P=s.devicePixelRatio,j={px:1,in:96},M=i.createElement("a"),L=!1,k=/^[ \t\n\r\u000c]+/,I=/^[, \t\n\r\u000c]+/,_=/^[^ \t\n\r\u000c]+/,D=/[,]+$/,B=/^\d+$/,U=/^-?(?:[0-9]+|[0-9]*\.[0-9]+)(?:[eE][+-]?[0-9]+)?$/,W=function(e,t,r,n){e.addEventListener?e.addEventListener(t,r,n||!1):e.attachEvent&&e.attachEvent("on"+t,r)},$=function(e){var t={};return function(r){return r in t||(t[r]=e(r)),t[r]}};function N(e){return" "===e||"\t"===e||"\n"===e||"\f"===e||"\r"===e}var H,Q,G,F,q,V,K,J,X,Y,Z,ee,te,re,ne,se,ie=(H=/^([\d\.]+)(em|vw|px)$/,Q=$((function(e){return"return "+function(){for(var e=arguments,t=0,r=e[0];++t in e;)r=r.replace(e[t],e[++t]);return r}((e||"").toLowerCase(),/\band\b/g,"&&",/,/g,"||",/min-([a-z-\s]+):/g,"e.$1>=",/max-([a-z-\s]+):/g,"e.$1<=",/calc([^)]+)/g,"($1)",/(\d+[\.]*[\d]*)([a-z]+)/g,"($1 * e.$2)",/^(?!(e.[a-z]|[0-9\.&=|><\+\-\*\(\)\/])).*/gi,"")+";"})),function(e,t){var r;if(!(e in z))if(z[e]=!1,t&&(r=e.match(H)))z[e]=r[1]*j[r[2]];else try{z[e]=new Function("e",Q(e))(j)}catch(e){}return z[e]}),ce=function(e,t){return e.w?(e.cWidth=l.calcListLength(t||"100vw"),e.res=e.w/e.cWidth):e.res=e.d,e},oe=function(e){if(f){var t,r,n,s=e||{};if(s.elements&&1===s.elements.nodeType&&("IMG"===s.elements.nodeName.toUpperCase()?s.elements=[s.elements]:(s.context=s.elements,s.elements=null)),n=(t=s.elements||l.qsa(s.context||i,s.reevaluate||s.reselect?l.sel:l.selShort)).length){for(l.setupRun(s),L=!0,r=0;r<n;r++)l.fillImg(t[r],s);l.teardownRun(s)}}};function ae(e,t){return e.res-t.res}function ue(e,t){var r,n,s;if(e&&t)for(s=l.parseSet(t),e=l.makeUrl(e),r=0;r<s.length;r++)if(e===l.makeUrl(s[r].url)){n=s[r];break}return n}s.console&&console.warn,x in d||(x="src"),g["image/jpeg"]=!0,g["image/gif"]=!0,g["image/png"]=!0,g["image/svg+xml"]=i.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1"),l.ns=("pf"+(new Date).getTime()).substr(0,9),l.supSrcset="srcset"in d,l.supSizes="sizes"in d,l.supPicture=!!s.HTMLPictureElement,l.supSrcset&&l.supPicture&&!l.supSizes&&(G=i.createElement("img"),d.srcset="data:,a",G.src="data:,a",l.supSrcset=d.complete===G.complete,l.supPicture=l.supSrcset&&l.supPicture),l.supSrcset&&!l.supSizes?(F="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",q=i.createElement("img"),V=function(){2===q.width&&(l.supSizes=!0),a=l.supSrcset&&!l.supSizes,f=!0,setTimeout(oe)},q.onload=V,q.onerror=V,q.setAttribute("sizes","9px"),q.srcset=F+" 1w,data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw== 9w",q.src=F):f=!0,l.selShort="picture>img,img[srcset]",l.sel=l.selShort,l.cfg=y,l.DPR=P||1,l.u=j,l.types=g,l.setSize=p,l.makeUrl=$((function(e){return M.href=e,M.href})),l.qsa=function(e,t){return"querySelector"in e?e.querySelectorAll(t):[]},l.matchesMedia=function(){return s.matchMedia&&(matchMedia("(min-width: 0.1em)")||{}).matches?l.matchesMedia=function(e){return!e||matchMedia(e).matches}:l.matchesMedia=l.mMQ,l.matchesMedia.apply(this,arguments)},l.mMQ=function(e){return!e||ie(e)},l.calcLength=function(e){var t=ie(e,!0)||!1;return t<0&&(t=!1),t},l.supportsType=function(e){return!e||g[e]},l.parseSize=$((function(e){var t=(e||"").match(E);return{media:t&&t[1],length:t&&t[2]}})),l.parseSet=function(e){return e.cands||(e.cands=function(e,t){function r(t){var r,n=t.exec(e.substring(u));if(n)return r=n[0],u+=r.length,r}var n,s,i,c,o,a=e.length,u=0,l=[];function f(){var e,r,i,c,o,a,u,f,p,d=!1,m={};for(c=0;c<s.length;c++)a=(o=s[c])[o.length-1],u=o.substring(0,o.length-1),f=parseInt(u,10),p=parseFloat(u),B.test(u)&&"w"===a?((e||r)&&(d=!0),0===f?d=!0:e=f):U.test(u)&&"x"===a?((e||r||i)&&(d=!0),p<0?d=!0:r=p):B.test(u)&&"h"===a?((i||r)&&(d=!0),0===f?d=!0:i=f):d=!0;d||(m.url=n,e&&(m.w=e),r&&(m.d=r),i&&(m.h=i),i||r||e||(m.d=1),1===m.d&&(t.has1x=!0),m.set=t,l.push(m))}function p(){for(r(k),i="",c="in descriptor";;){if(o=e.charAt(u),"in descriptor"===c)if(N(o))i&&(s.push(i),i="",c="after descriptor");else{if(","===o)return u+=1,i&&s.push(i),void f();if("("===o)i+=o,c="in parens";else{if(""===o)return i&&s.push(i),void f();i+=o}}else if("in parens"===c)if(")"===o)i+=o,c="in descriptor";else{if(""===o)return s.push(i),void f();i+=o}else if("after descriptor"===c)if(N(o));else{if(""===o)return void f();c="in descriptor",u-=1}u+=1}}for(;;){if(r(I),u>=a)return l;n=r(_),s=[],","===n.slice(-1)?(n=n.replace(D,""),f()):p()}}(e.srcset,e)),e.cands},l.getEmValue=function(){var e;if(!o&&(e=i.body)){var t=i.createElement("div"),r=v.style.cssText,n=e.style.cssText;t.style.cssText="position:absolute;left:0;visibility:hidden;display:block;padding:0;border:none;font-size:1em;width:1em;overflow:hidden;clip:rect(0px, 0px, 0px, 0px)",v.style.cssText=O,e.style.cssText=O,e.appendChild(t),o=t.offsetWidth,e.removeChild(t),o=parseFloat(o,10),v.style.cssText=r,e.style.cssText=n}return o||16},l.calcListLength=function(e){if(!(e in C)||y.uT){var t=l.calcLength(function(e){var t,r,n,s,i,c,o,a=/^(?:[+-]?[0-9]+|[0-9]*\.[0-9]+)(?:[eE][+-]?[0-9]+)?(?:ch|cm|em|ex|in|mm|pc|pt|px|rem|vh|vmin|vmax|vw)$/i,u=/^calc\((?:[0-9a-z \.\+\-\*\/\(\)]+)\)$/i;for(n=(r=function(e){var t,r="",n=[],s=[],i=0,c=0,o=!1;function a(){r&&(n.push(r),r="")}function u(){n[0]&&(s.push(n),n=[])}for(;;){if(""===(t=e.charAt(c)))return a(),u(),s;if(o){if("*"===t&&"/"===e[c+1]){o=!1,c+=2,a();continue}c+=1}else{if(N(t)){if(e.charAt(c-1)&&N(e.charAt(c-1))||!r){c+=1;continue}if(0===i){a(),c+=1;continue}t=" "}else if("("===t)i+=1;else if(")"===t)i-=1;else{if(","===t){a(),u(),c+=1;continue}if("/"===t&&"*"===e.charAt(c+1)){o=!0,c+=2;continue}}r+=t,c+=1}}}(e)).length,t=0;t<n;t++)if(i=(s=r[t])[s.length-1],o=i,a.test(o)&&parseFloat(o)>=0||u.test(o)||"0"===o||"-0"===o||"+0"===o){if(c=i,s.pop(),0===s.length)return c;if(s=s.join(" "),l.matchesMedia(s))return c}return"100vw"}(e));C[e]=t||j.width}return C[e]},l.setRes=function(e){var t;if(e)for(var r=0,n=(t=l.parseSet(e)).length;r<n;r++)ce(t[r],e.sizes);return t},l.setRes.res=ce,l.applySetCandidate=function(e,t){if(e.length){var r,n,s,i,c,o,a,u,f,p,d,m,h,A,v,g,b=t[l.ns],S=l.DPR;if(o=b.curSrc||t[x],(a=b.curCan||function(e,t,r){var n;return!r&&t&&(r=(r=e[l.ns].sets)&&r[r.length-1]),(n=ue(t,r))&&(t=l.makeUrl(t),e[l.ns].curSrc=t,e[l.ns].curCan=n,n.res||ce(n,n.set.sizes)),n}(t,o,e[0].set))&&a.set===e[0].set&&((f=w&&!t.complete&&a.res-.1>S)||(a.cached=!0,a.res>=S&&(c=a))),!c)for(e.sort(ae),c=e[(i=e.length)-1],n=0;n<i;n++)if((r=e[n]).res>=S){c=e[s=n-1]&&(f||o!==l.makeUrl(r.url))&&(p=e[s].res,d=r.res,m=S,h=e[s].cached,A=void 0,v=void 0,g=void 0,"saveData"===y.algorithm?p>2.7?g=m+1:(v=(d-m)*(A=Math.pow(p-.6,1.5)),h&&(v+=.1*A),g=p+v):g=m>1?Math.sqrt(p*d):p,g>m)?e[s]:r;break}c&&(u=l.makeUrl(c.url),b.curSrc=u,b.curCan=c,u!==o&&l.setSrc(t,c),l.setSize(t))}},l.setSrc=function(e,t){var r;e.src=t.url,"image/svg+xml"===t.set.type&&(r=e.style.width,e.style.width=e.offsetWidth+1+"px",e.offsetWidth+1&&(e.style.width=r))},l.getSet=function(e){var t,r,n,s=!1,i=e[l.ns].sets;for(t=0;t<i.length&&!s;t++)if((r=i[t]).srcset&&l.matchesMedia(r.media)&&(n=l.supportsType(r.type))){"pending"===n&&(r=n),s=r;break}return s},l.parseSets=function(e,t,r){var n,s,i,c,o=t&&"PICTURE"===t.nodeName.toUpperCase(),u=e[l.ns];(void 0===u.src||r.src)&&(u.src=m.call(e,"src"),u.src?h.call(e,"data-pfsrc",u.src):A.call(e,"data-pfsrc")),(void 0===u.srcset||r.srcset||!l.supSrcset||e.srcset)&&(n=m.call(e,"srcset"),u.srcset=n,c=!0),u.sets=[],o&&(u.pic=!0,function(e,t){var r,n,s,i,c=e.getElementsByTagName("source");for(r=0,n=c.length;r<n;r++)(s=c[r])[l.ns]=!0,(i=s.getAttribute("srcset"))&&t.push({srcset:i,media:s.getAttribute("media"),type:s.getAttribute("type"),sizes:s.getAttribute("sizes")})}(t,u.sets)),u.srcset?(s={srcset:u.srcset,sizes:m.call(e,"sizes")},u.sets.push(s),(i=(a||u.src)&&S.test(u.srcset||""))||!u.src||ue(u.src,s)||s.has1x||(s.srcset+=", "+u.src,s.cands.push({url:u.src,d:1,set:s}))):u.src&&u.sets.push({srcset:u.src,sizes:null}),u.curCan=null,u.curSrc=void 0,u.supported=!(o||s&&!l.supSrcset||i&&!l.supSizes),c&&l.supSrcset&&!u.supported&&(n?(h.call(e,"data-pfsrcset",n),e.srcset=""):A.call(e,"data-pfsrcset")),u.supported&&!u.srcset&&(!u.src&&e.src||e.src!==l.makeUrl(u.src))&&(null===u.src?e.removeAttribute("src"):e.src=u.src),u.parsed=!0},l.fillImg=function(e,t){var r,n=t.reselect||t.reevaluate;e[l.ns]||(e[l.ns]={}),r=e[l.ns],(n||r.evaled!==u)&&(r.parsed&&!t.reevaluate||l.parseSets(e,e.parentNode,t),r.supported?r.evaled=u:function(e){var t,r=l.getSet(e),n=!1;"pending"!==r&&(n=u,r&&(t=l.setRes(r),l.applySetCandidate(t,e))),e[l.ns].evaled=n}(e))},l.setupRun=function(){L&&!R&&P===s.devicePixelRatio||(R=!1,P=s.devicePixelRatio,z={},C={},l.DPR=P||1,j.width=Math.max(s.innerWidth||0,v.clientWidth),j.height=Math.max(s.innerHeight||0,v.clientHeight),j.vw=j.width/100,j.vh=j.height/100,u=[j.height,j.width,P].join("-"),j.em=l.getEmValue(),j.rem=j.em)},l.supPicture?(oe=p,l.fillImg=p):(te=s.attachEvent?/d$|^c/:/d$|^c|^i/,re=function(){var e=i.readyState||"";ne=setTimeout(re,"loading"===e?200:999),i.body&&(l.fillImgs(),(K=K||te.test(e))&&clearTimeout(ne))},ne=setTimeout(re,i.body?9:99),se=v.clientHeight,W(s,"resize",(J=function(){R=Math.max(s.innerWidth||0,v.clientWidth)!==j.width||v.clientHeight!==se,se=v.clientHeight,R&&l.fillImgs()},X=99,ee=function(){var e=new Date-Z;e<X?Y=setTimeout(ee,X-e):(Y=null,J())},function(){Z=new Date,Y||(Y=setTimeout(ee,X))})),W(i,"readystatechange",re)),l.picturefill=oe,l.fillImgs=oe,l.teardownRun=p,oe._=l,s.picturefillCFG={pf:l,push:function(e){var t=e.shift();"function"==typeof l[t]?l[t].apply(l,e):(y[t]=e[0],L&&l.fillImgs({reselect:!0}))}};for(;T&&T.length;)s.picturefillCFG.push(T.shift());s.picturefill=oe,"object"==typeof e.exports?e.exports=oe:void 0===(n=function(){return oe}.call(t,r,t,e))||(e.exports=n),l.supPicture||(g["image/webp"]=function(e,t){var r=new s.Image;return r.onerror=function(){g[e]=!1,oe()},r.onload=function(){g[e]=1===r.width,oe()},r.src=t,"pending"}("image/webp","data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA=="))}(window,document)},function(e,t,r){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}var s=r(0).createElement,i=r(5),c=r(8);e.exports=function(e){return function(){for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];var a=function t(i){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=[].concat(n(Object.keys(t.propTypes||{})),["css"]),u=Object.assign({theme:o.theme||{}},i),l={};for(var f in i)a.includes(f)||(l[f]=i[f]);return l.className=[l.className].concat(n(r.map((function(e){return"function"==typeof e?e(u):e})).filter((function(e){return!!e})).map((function(e){return c(e)}))),[c(i.css||{})]).join(" ").trim(),s(e,l)};return a.contextTypes={theme:i.oneOfType([i.object,i.func])},a}},e.exports.css=c.css,e.exports.reset=c.reset},function(e,t,r){e.exports=r(6)()},function(e,t,r){"use strict";var n=r(7);function s(){}function i(){}i.resetWarningCache=s,e.exports=function(){function e(e,t,r,s,i,c){if(c!==n){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:s};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";var n={},s="x",i=[],c=function(e){return i.push(e)},o=function(e,t){return t?t+"{"+e+"}":e},a=function(e,t,r){return"."+e+"{"+t.replace(/[A-Z]|^ms/g,"-$&").toLowerCase()+":"+r+"}"},u=function(e){return e.replace(/&/g,"")},l=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",l=arguments[2];return Object.keys(t).map((function(f){var p=t[f];if(null===p)return"";if("object"==typeof p){var d=/^@/.test(f)?f:null;return e(p,d?r:r+f,d||l)}var m=f+p+r+l;if(n[m])return n[m];var h=s+i.length.toString(36);return c(o(a(h+u(r),f,p),l)),n[m]=h,h})).join(" ")};if(e.exports=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.map((function(e){return l(e)})).join(" ").trim()},e.exports.css=function(){return i.sort().join("")},e.exports.reset=function(){for(n={};i.length;)i.pop()},e.exports.prefix=function(e){return s=e},"undefined"!=typeof document){var f=document.head.appendChild(document.createElement("style")).sheet;c=function(e){i.push(e),f.insertRule(e,f.cssRules.length)}}},function(e,t,r){"use strict";r.r(t);var n=r(0),s=r.n(n),i=r(2),c=r.n(i);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function a(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}var u=function(e){var t,s;function i(){return e.apply(this,arguments)||this}s=e,(t=i).prototype=Object.create(s.prototype),t.prototype.constructor=t,t.__proto__=s;var u=i.prototype;return u.componentDidMount=function(){var e;try{e=r(3)}catch(e){return}e&&e()},u.renderSources=function(){var e=c.a&&document.documentMode?document.documentMode:-1,t=this.props.sources;if(null==t)return null;var r=t.map((function(e,t){return null==e.srcSet?null:n.createElement("source",{key:"sources-"+t,srcSet:e.srcSet,media:e.media,type:e.type})}));return 9===e?n.createElement("video",{style:{display:"none"}},r):r},u.renderImage=function(e,t){void 0===t&&(t=!1);var r=e.alt,s=void 0===r?"":r,i=e.src,c=void 0===i?"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==":i,u=e.sizes,l=a(e,["alt","src","sizes"]),f=t?null:{sizes:u};return n.createElement("img",o({alt:s,srcSet:c},f,l))},u.render=function(){var e=this.props,t=e.sources,r=a(e,["sources"]);return null!=t?n.createElement("picture",null,this.renderSources(),this.renderImage(r,!0)):this.renderImage(r)},i}(n.PureComponent),l=r(1),f=r.n(l);function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var d=f()("div")({width:"100%",height:"100%",position:"relative"}),m=f()("div")({overflow:"hidden",top:0,left:0,right:0,bottom:0,position:"absolute"}),h=f()(u)((function(e){var t=e.cover,r=void 0===t?"both":t,n=e.center,s=void 0===n||n;return{position:"absolute",top:s?"50%":0,left:s?"50%":0,transform:s?"translate(-50%, -50%)":"none",width:"width"===r?"100%":"auto",height:"height"===r?"100%":"auto",minHeight:"both"===r?"100%":"none",minWidth:"both"===r?"100%":"none"}})),A=function(e){var t=e.className,r=e.wrapperClassName,n=e.children,i=function(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,["className","wrapperClassName","children"]);return s.a.createElement(d,{className:r},s.a.createElement(m,null,s.a.createElement(h,p({className:t},i)),n))};r.d(t,"Picture",(function(){return u})),r.d(t,"FullsizePicture",(function(){return A}))}])})); //# sourceMappingURL=react-responsive-picture.min.js.map