relazsizes/lib/relazsizes.js

React wrapper for lazysizes

module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(e,t,n){e.exports=n(2)()},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";var r=n(3);function a(){}function i(){}i.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,i,o){if(o!==r){var s=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 s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={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:a};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){!function(t,n){var r=function(e,t){"use strict";var n,r;if(function(){var t,n={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(t in r=e.lazySizesConfig||e.lazysizesConfig||{},n)t in r||(r[t]=n[t])}(),!t||!t.getElementsByClassName)return{init:function(){},cfg:r,noSupport:!0};var a=t.documentElement,i=e.Date,o=e.HTMLPictureElement,s=e.addEventListener,c=e.setTimeout,l=e.requestAnimationFrame||c,u=e.requestIdleCallback,f=/^picture$/i,d=["load","error","lazyincluded","_lazyloaded"],p={},y=Array.prototype.forEach,m=function(e,t){return p[t]||(p[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),p[t].test(e.getAttribute("class")||"")&&p[t]},g=function(e,t){m(e,t)||e.setAttribute("class",(e.getAttribute("class")||"").trim()+" "+t)},b=function(e,t){var n;(n=m(e,t))&&e.setAttribute("class",(e.getAttribute("class")||"").replace(n," "))},h=function(e,t,n){var r=n?"addEventListener":"removeEventListener";n&&h(e,t),d.forEach(function(n){e[r](n,t)})},v=function(e,r,a,i,o){var s=t.createEvent("Event");return a||(a={}),a.instance=n,s.initEvent(r,!i,!o),s.detail=a,e.dispatchEvent(s),s},z=function(t,n){var a;!o&&(a=e.picturefill||r.pf)?(n&&n.src&&!t.getAttribute("srcset")&&t.setAttribute("srcset",n.src),a({reevaluate:!0,elements:[t]})):n&&n.src&&(t.src=n.src)},A=function(e,t){return(getComputedStyle(e,null)||{})[t]},O=function(e,t,n){for(n=n||e.offsetWidth;n<r.minSize&&t&&!e._lazysizesWidth;)n=t.offsetWidth,t=t.parentNode;return n},C=(L=[],k=[],B=L,W=function(){var e=B;for(B=L.length?k:L,R=!0,M=!1;e.length;)e.shift()();R=!1},D=function(e,n){R&&!n?e.apply(this,arguments):(B.push(e),M||(M=!0,(t.hidden?c:l)(W)))},D._lsFlush=W,D),E=function(e,t){return t?function(){C(e)}:function(){var t=this,n=arguments;C(function(){e.apply(t,n)})}},_=function(e){var t,n,r=function(){t=null,e()},a=function(){var e=i.now()-n;e<99?c(a,99-e):(u||r)(r)};return function(){n=i.now(),t||(t=c(a,99))}},w=function(){var o,l,d,p,O,w,j,P,T,x,N,R,M,L,k,B,W,D,F,I=/^img$/i,H=/^iframe$/i,q="onscroll"in e&&!/(gle|ing)bot/.test(navigator.userAgent),U=0,$=0,G=-1,K=function(e){$--,(!e||$<0||!e.target)&&($=0)},Q=function(e){return null==R&&(R="hidden"==A(t.body,"visibility")),R||"hidden"!=A(e.parentNode,"visibility")&&"hidden"!=A(e,"visibility")},V=function(e,n){var r,i=e,o=Q(e);for(P-=n,N+=n,T-=n,x+=n;o&&(i=i.offsetParent)&&i!=t.body&&i!=a;)(o=(A(i,"opacity")||1)>0)&&"visible"!=A(i,"overflow")&&(r=i.getBoundingClientRect(),o=x>r.left&&T<r.right&&N>r.top-1&&P<r.bottom+1);return o},Y=function(){var e,i,s,c,u,f,d,y,m,g,b,h,v=n.elements;if((p=r.loadMode)&&$<8&&(e=v.length)){for(i=0,G++;i<e;i++)if(v[i]&&!v[i]._lazyRace)if(!q||n.prematureUnveil&&n.prematureUnveil(v[i]))re(v[i]);else if((y=v[i].getAttribute("data-expand"))&&(f=1*y)||(f=U),g||(g=!r.expand||r.expand<1?a.clientHeight>500&&a.clientWidth>500?500:370:r.expand,n._defEx=g,b=g*r.expFactor,h=r.hFac,R=null,U<b&&$<1&&G>2&&p>2&&!t.hidden?(U=b,G=0):U=p>1&&G>1&&$<6?g:0),m!==f&&(w=innerWidth+f*h,j=innerHeight+f,d=-1*f,m=f),s=v[i].getBoundingClientRect(),(N=s.bottom)>=d&&(P=s.top)<=j&&(x=s.right)>=d*h&&(T=s.left)<=w&&(N||x||T||P)&&(r.loadHidden||Q(v[i]))&&(l&&$<3&&!y&&(p<3||G<4)||V(v[i],f))){if(re(v[i]),u=!0,$>9)break}else!u&&l&&!c&&$<4&&G<4&&p>2&&(o[0]||r.preloadAfterLoad)&&(o[0]||!y&&(N||x||T||P||"auto"!=v[i].getAttribute(r.sizesAttr)))&&(c=o[0]||v[i]);c&&!u&&re(c)}},J=(M=Y,k=0,B=r.throttleDelay,W=r.ricTimeout,D=function(){L=!1,k=i.now(),M()},F=u&&W>49?function(){u(D,{timeout:W}),W!==r.ricTimeout&&(W=r.ricTimeout)}:E(function(){c(D)},!0),function(e){var t;(e=!0===e)&&(W=33),L||(L=!0,(t=B-(i.now()-k))<0&&(t=0),e||t<9?F():c(F,t))}),X=function(e){var t=e.target;t._lazyCache?delete t._lazyCache:(K(e),g(t,r.loadedClass),b(t,r.loadingClass),h(t,ee),v(t,"lazyloaded"))},Z=E(X),ee=function(e){Z({target:e.target})},te=function(e){var t,n=e.getAttribute(r.srcsetAttr);(t=r.customMedia[e.getAttribute("data-media")||e.getAttribute("media")])&&e.setAttribute("media",t),n&&e.setAttribute("srcset",n)},ne=E(function(e,t,n,a,i){var o,s,l,u,p,m;(p=v(e,"lazybeforeunveil",t)).defaultPrevented||(a&&(n?g(e,r.autosizesClass):e.setAttribute("sizes",a)),s=e.getAttribute(r.srcsetAttr),o=e.getAttribute(r.srcAttr),i&&(l=e.parentNode,u=l&&f.test(l.nodeName||"")),m=t.firesLoad||"src"in e&&(s||o||u),p={target:e},g(e,r.loadingClass),m&&(clearTimeout(d),d=c(K,2500),h(e,ee,!0)),u&&y.call(l.getElementsByTagName("source"),te),s?e.setAttribute("srcset",s):o&&!u&&(H.test(e.nodeName)?function(e,t){try{e.contentWindow.location.replace(t)}catch(n){e.src=t}}(e,o):e.src=o),i&&(s||u)&&z(e,{src:o})),e._lazyRace&&delete e._lazyRace,b(e,r.lazyClass),C(function(){var t=e.complete&&e.naturalWidth>1;m&&!t||(t&&g(e,"ls-is-cached"),X(p),e._lazyCache=!0,c(function(){"_lazyCache"in e&&delete e._lazyCache},9)),"lazy"==e.loading&&$--},!0)}),re=function(e){if(!e._lazyRace){var t,n=I.test(e.nodeName),a=n&&(e.getAttribute(r.sizesAttr)||e.getAttribute("sizes")),i="auto"==a;(!i&&l||!n||!e.getAttribute("src")&&!e.srcset||e.complete||m(e,r.errorClass)||!m(e,r.lazyClass))&&(t=v(e,"lazyunveilread").detail,i&&S.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,$++,ne(e,t,i,a,n))}},ae=_(function(){r.loadMode=3,J()}),ie=function(){3==r.loadMode&&(r.loadMode=2),ae()},oe=function(){l||(i.now()-O<999?c(oe,999):(l=!0,r.loadMode=3,J(),s("scroll",ie,!0)))};return{_:function(){O=i.now(),n.elements=t.getElementsByClassName(r.lazyClass),o=t.getElementsByClassName(r.lazyClass+" "+r.preloadClass),s("scroll",J,!0),s("resize",J,!0),e.MutationObserver?new MutationObserver(J).observe(a,{childList:!0,subtree:!0,attributes:!0}):(a.addEventListener("DOMNodeInserted",J,!0),a.addEventListener("DOMAttrModified",J,!0),setInterval(J,999)),s("hashchange",J,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){t.addEventListener(e,J,!0)}),/d$|^c/.test(t.readyState)?oe():(s("load",oe),t.addEventListener("DOMContentLoaded",J),c(oe,2e4)),n.elements.length?(Y(),C._lsFlush()):J()},checkElems:J,unveil:re,_aLSL:ie}}(),S=(T=E(function(e,t,n,r){var a,i,o;if(e._lazysizesWidth=r,r+="px",e.setAttribute("sizes",r),f.test(t.nodeName||""))for(a=t.getElementsByTagName("source"),i=0,o=a.length;i<o;i++)a[i].setAttribute("sizes",r);n.detail.dataAttr||z(e,n.detail)}),x=function(e,t,n){var r,a=e.parentNode;a&&(n=O(e,a,n),(r=v(e,"lazybeforesizes",{width:n,dataAttr:!!t})).defaultPrevented||(n=r.detail.width)&&n!==e._lazysizesWidth&&T(e,a,r,n))},N=_(function(){var e,t=P.length;if(t)for(e=0;e<t;e++)x(P[e])}),{_:function(){P=t.getElementsByClassName(r.autosizesClass),s("resize",N)},checkElems:N,updateElem:x}),j=function(){!j.i&&t.getElementsByClassName&&(j.i=!0,S._(),w._())};var P,T,x,N;var R,M,L,k,B,W,D;return c(function(){r.init&&j()}),n={cfg:r,autoSizer:S,loader:w,init:j,uP:z,aC:g,rC:b,hC:m,fire:v,gW:O,rAF:C}}(t,t.document);t.lazySizes=r,e.exports&&(e.exports=r)}("undefined"!=typeof window?window:{})},function(e,t,n){"use strict";n.r(t);var r=n(1),a=n.n(r),i=n(0);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var p=!("undefined"==typeof window||!window.document||!window.document.createElement);p&&!window.lazySizes&&n(4);var y=function(e){function t(e){var n,r,i,o,s,l;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,n=!(i=u(t).call(this,e))||"object"!==c(i)&&"function"!=typeof i?f(r):i,o=f(n),l=function(e,t){return"img"===e&&"object"===c(t)?t.reduce(function(e,t,n,r){return"".concat(e).concat(t.srcset," ").concat(t.variant).concat(n+1<r.length?", ":"")},""):"picture"===e&&"string"==typeof data?t.split(/,.| \w+\, | \w+/).map(function(e){return{srcset:e}}).filter(Boolean):t},(s="handleSrcset")in o?Object.defineProperty(o,s,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[s]=l,n.imgRef=a.a.createRef(),n}var n,i,y;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&d(e,t)}(t,r["Component"]),n=t,(i=[{key:"componentDidUpdate",value:function(e){var t=!function(e,t){var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var a=0;a<n.length;a++){var i=n[a];if(e[i]!==t[i])return!1}return!0}(e,this.props),n=p&&window.lazySizes;if(t&&n){var r=this.imgRef.current;lazySizes.hC(r,"lazyloaded")&&lazySizes.rC(r,"lazyloaded"),lazySizes.hC(r,"lazyload")||lazySizes.aC(r,"lazyload")}}},{key:"render",value:function(){var e=this.props,t=e.alt,n=e.className,r=e.dataSizes,i=e.dataSrc,c=e.dataSrcset,l=e.el,u=e.src,f=s(e,["alt","className","dataSizes","dataSrc","dataSrcset","el","src"]),d=c&&this.handleSrcset(l,c),p="lazyload ".concat(n||"");return a.a.createElement(a.a.Fragment,null,{picture:a.a.createElement("picture",null,d&&"picture"===l&&d.map(function(e,t){return a.a.createElement("source",{"data-srcset":e.srcset,media:e.media,type:e.type,key:"src-".concat(t)})}),a.a.createElement("img",o({ref:this.imgRef,src:u,"data-src":i,className:p,alt:t},f))),img:a.a.createElement("img",o({ref:this.imgRef,src:u,"data-src":i,"data-srcset":d,"data-sizes":r,className:p,alt:t},f)),iframe:a.a.createElement("iframe",o({ref:this.imgRef,"data-src":i,className:p},f))}[l])}}])&&l(n.prototype,i),y&&l(n,y),t}(),m=Object(i.shape)({media:i.string,srcset:i.string.isRequired,type:i.string,variant:i.string});y.propTypes={alt:i.string,className:i.string,dataSizes:i.string,dataSrc:i.string.isRequired,dataSrcset:Object(i.oneOfType)([Object(i.arrayOf)(m),i.string]),el:Object(i.oneOf)(["img","picture","iframe"]),src:i.string},y.defaultProps={src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",el:"img"};var g=y;n.d(t,"default",function(){return g})}]);