react-pannable - npm Package Compare versions

Comparing version 2.2.2 to 2.2.3

dist/react-pannable.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";var n="default"in t?t.default:t;function i(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;o.length>i;i++)0>t.indexOf(n=o[i])&&(r[n]=e[n]);return r}function r(){return(r=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}var o=0,a={target:null,startPoint:null,movePoint:null,moveTime:null,translation:null,velocity:null,interval:null};function l(e,t){switch(t.type){case"disable":case"end":return function(e,t){return e.target?a:e}(e);case"track":return function(e,t){return{target:t.target,startPoint:t.point,movePoint:t.point,moveTime:t.now,translation:null,velocity:null,interval:null}}(0,t);case"move":return function(e,t){var n=e.target,i=e.startPoint,r=e.movePoint,l=e.moveTime,u=e.translation,s=t.point,c=t.now,d=t.shouldStart;if(!n)return e;var f=c-l,h={x:s.x-i.x,y:s.y-i.y},p={x:(s.x-r.x)/f,y:(s.y-r.y)/f};if(u)return{target:n,startPoint:i,movePoint:s,moveTime:c,translation:h,velocity:p,interval:f};if(o>=Math.sqrt(Math.pow(h.x,2)+Math.pow(h.y,2)))return{target:n,startPoint:i,movePoint:s,moveTime:c,translation:null,velocity:null,interval:null};if(!d({target:n,translation:h,velocity:p,interval:f}))return a;return{target:n,startPoint:s,movePoint:s,moveTime:c,translation:{x:0,y:0},velocity:p,interval:f}}(e,t);default:return e}}function u(e,t){var n=t.x,i=t.y,r=Math.sqrt(n*n+i*i);return 0===r?{x:0,y:0}:{x:e*(n/r),y:e*(i/r)}}function s(e,t,n,i){if(i){var r="y"===i?["y","height"]:["x","width"],o=r[0];if(!e[o])return 0;var a=0>e[o]?-1:1;return a*Math.min(a*e[o],Math.sqrt(2*(.5*t[r[1]])*a*n[o]))}"number"==typeof n&&(n=u(n,e));var l={x:s(e,t,n,"x"),y:s(e,t,n,"y")};return l.x===e.x&&l.y===e.y?e:l}function c(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],u=a[1],s=t[u],d=Math.min(s-n[u],0),f=e[l];return i&&s>0&&(d=s*Math.ceil(d/s)),f>0?f=0:d>f?f=d:!r&&i&&s>0&&(f=s*Math.round(f/s)),f}var h={x:c(e,t,n,i,r,"x"),y:c(e,t,n,i,r,"y")};return h.x===e.x&&h.y===e.y?e:h}function d(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],s=a[1],c=e[l];if(i&&n[s]>0){var f=c/n[s];c=n[s]*(f=t[l]>.5?Math.ceil(f):-.5>t[l]?Math.floor(f):Math.round(f))}else r[l]&&(c+=.5*t[l]*(t[l]/r[l]));return c}return"number"==typeof r&&(r=u(r,t)),{x:d(e,t,n,i,r,"x"),y:d(e,t,n,i,r,"y")}}function f(e,t,n,i){var r,o,a={x:n.x-e.x,y:n.y-e.y},l=Math.sqrt(Math.pow(a.x,2)+Math.pow(a.y,2));if(l){var u=Math.sqrt(.5*Math.pow(r=(t.x*a.x+t.y*a.y)/l,2)+i*l),s=(u-r)/i;0>s&&(u=r,s=0),o=s+u/i}else r=Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2)),o=(Math.sqrt(2)+1)*r/i;return o>0?{points:{x:[e.x,e.x+t.x*(o/3),n.x,n.x],y:[e.y,e.y+t.y*(o/3),n.y,n.y]},duration:o,startTime:(new Date).getTime(),endOffset:n,rate:i}:null}var h=.025,p=.0025,v={size:{width:0,height:0},contentSize:{width:0,height:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,options:[!1,!1,!0,!0],pannable:a};function y(e,t){return function(e,t){var n=e.size,i=e.contentSize,o=e.contentOffset,a=e.contentVelocity,l=e.drag,u=e.deceleration,p=e.options[0],v=h;if(u){var y=u.endOffset;if(y!==c(y,n,i,p,!0)&&o!==c(o,n,i,p,!0)){var m=a;return u.rate!==v&&(m=s(m,n,v),y=d(o,m,n,p,v)),y=c(y,n,i,p,!0),r({},e,{contentVelocity:m,drag:null,deceleration:f(o,m,y,v)})}}else if(!l){var g=c(o,n,i,p);if(o!==g){var b=d(g,{x:0,y:0},n,p,v);return r({},e,{drag:null,deceleration:f(o,a,b,v)})}}return e}(function(e,t){switch(t.type){case"setPannable":return function(e,t){return r({},e,{pannable:t.value})}(e,t);case"setOptions":return function(e,t){return r({},e,{options:t.value})}(e,t);case"setSize":return function(e,t){return r({},e,{size:t.value})}(e,t);case"setContentSize":return function(e,t){return r({},e,{contentSize:t.value})}(e,t);case"dragStart":return function(e,t){var n=e.contentOffset,i=e.pannable.velocity,o={x:1,y:1};e.options[1]&&(Math.abs(i.x)>Math.abs(i.y)?o.y=0:o.x=0);return r({},e,{contentVelocity:{x:o.x*i.x,y:o.y*i.y},drag:{direction:o,startOffset:n},deceleration:null})}(e);case"dragMove":return function(e,t){var n=e.contentOffset,i=e.drag,o=e.options,a=e.pannable,l=a.translation,u=a.interval,s=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height","width"]:["x","width","height"],l=a[0],u=a[1],s=a[2],c=t[l],d=Math.min(i[u]-r[u],0),f=.5*Math.min(i[u],i[s]);return c>0?n[l]?f*(1-f/(f+c)):0:d>c?n[l]?d-f*(1-f/(f-c+d)):d:c}var h={x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")};return h.x===t.x&&h.y===t.y?t:h}({x:i.startOffset.x+i.direction.x*l.x,y:i.startOffset.y+i.direction.y*l.y},{x:o[2],y:o[3]},e.size,e.contentSize);return r({},e,{contentOffset:s,contentVelocity:{x:(s.x-n.x)/u,y:(s.y-n.y)/u},drag:i,deceleration:null})}(e);case"dragEnd":return function(e,t){var n=e.size,i=e.contentOffset,o=e.options[0],a=p,l=e.contentVelocity;o&&(l=s(l,n,a=h));var u=d(i,l,n,o,a);return r({},e,{contentVelocity:l,drag:null,deceleration:f(i,l,u,a)})}(e);case"dragCancel":return function(e,t){var n=e.contentOffset,i=e.contentVelocity,o=h,a=d(e.drag.startOffset,{x:0,y:0},e.size,e.options[0],o);return r({},e,{drag:null,deceleration:f(n,i,a,o)})}(e);case"decelerate":return function(e,t){var n=e.deceleration,i=t.now;if(!n)return e;if(i>=n.startTime+n.duration)return r({},e,{contentOffset:n.endOffset,contentVelocity:{x:0,y:0},drag:null,deceleration:null});var o=function e(t,n,i){if(i){var o,a=("y"===i?["y"]:["x"])[0],l=t.points,u=t.duration,s=Math.max(0,Math.min((n-t.startTime)/u,1)),c=l[a],d=c[0],f=c[1],h=c[2],p=c[3],v=d-3*(d-f)*s+3*(d-2*f+h)*Math.pow(s,2)-(d-3*f+3*h-p)*Math.pow(s,3),y=(-3*(d-f)+6*(d-2*f+h)*s-3*(d-3*f+3*h-p)*Math.pow(s,2))/u;return(o={})[a+"Offset"]=v,o[a+"Velocity"]=y,o}return r({},e(t,n,"x"),{},e(t,n,"y"))}(n,i);return r({},e,{contentOffset:{x:o.xOffset,y:o.yOffset},contentVelocity:{x:o.xVelocity,y:o.yVelocity},drag:null,deceleration:n})}(e,t);case"setContentOffset":return m(e,t);case"scrollToRect":return function(e,t){var n=e.contentOffset,i=e.size,r=t.animated,o=function e(t,n,i,r){if(r){var o="y"===r?["y","height"]:["x","width"],a=o[0],l=o[1],u=-t[a],s=n[l]-t[l];if("auto"===i[a]){var c=0>s?-1:1;u+=c*Math.max(0,Math.min(c*(-n[a]-u),c*s))}else"start"===i[a]?i[a]=0:"center"===i[a]?i[a]=.5:"end"===i[a]&&(i[a]=1),("number"!=typeof i[a]||isNaN(i[a]))&&(i[a]=.5),u+=i[a]*s;return u}return"object"!=typeof i&&(i={x:i,y:i}),{x:e(t,n,i,"x"),y:e(t,n,i,"y")}}(t.rect,{x:-n.x,y:-n.y,width:i.width,height:i.height},t.align);return m(e,{type:"setContentOffset",offset:o,animated:r})}(e,t);default:return e}}(e,t))}function m(e,t){var n=e.size,i=e.contentOffset,o=e.contentVelocity,a=e.drag,l=e.deceleration,u=e.options[0],s=t.offset;if(a||!t.animated){if(s.x===i.x&&s.y===i.y)return e;var c=r({},e,{contentOffset:s});return a&&(c.drag=r({},a,{startOffset:{x:a.startOffset.x+s.x-i.x,y:a.startOffset.y+s.y-i.y}})),l&&(c.deceleration=f(s,o,{x:l.endOffset.x+s.x-i.x,y:l.endOffset.y+s.y-i.y},l.rate)),c}return r({},e,{drag:null,deceleration:f(i,o,d(s,{x:0,y:0},n,u,h),h)})}var g="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;function b(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e})),n}var w,x={create:function(e){var t=e.transformTranslate,n=e.userSelect,r=i(e,["transformTranslate","userSelect"]);return t&&function(e,t){t.transform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.WebkitTransform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.msTransform="translate("+e[0]+"px, "+e[1]+"px)"}(t,r),n&&function(e,t){t.userSelect=e,t.WebkitUserSelect=e,t.msUserSelect=e}(n,r),r}};w="undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{};function E(e){var o=e.enabled,u=e.shouldStart,s=e.onStart,c=e.onMove,d=e.onEnd,f=e.onCancel,h=i(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel"]),p=t.useReducer(l,a),v=p[0],y=p[1],m=b(v),E=t.useRef(null),S=t.useRef({touchSupported:!1});S.current.state=v,S.current.shouldStart=u;var C=v.target,z=v.translation,M=v.velocity,T=v.interval,I=m.current;g((function(){function e(e,t){y({type:"track",target:e,point:t,now:(new Date).getTime()})}function t(t){if(S.current.touchSupported=!0,t.touches&&1===t.touches.length){var n=t.touches[0];e(n.target,{x:n.pageX,y:n.pageY})}}function n(e){S.current.state.translation&&e.preventDefault()}function i(t){S.current.touchSupported||e(t.target,{x:t.pageX,y:t.pageY})}if(o){var r=E.current;if(!r.addEventListener)return;return r.addEventListener("touchstart",t,!1),r.addEventListener("touchmove",n,!1),r.addEventListener("mousedown",i,!1),function(){r.removeEventListener("touchstart",t,!1),r.removeEventListener("touchmove",n,!1),r.removeEventListener("mousedown",i,!1)}}}),[o]),g((function(){function e(e){y({type:"move",point:e,now:(new Date).getTime(),shouldStart:S.current.shouldStart})}function t(){y({type:"end"})}function n(t){var n=t.touches[0];S.current.state.translation&&t.preventDefault(),e({x:n.pageX,y:n.pageY})}function i(e){S.current.state.translation&&e.preventDefault(),t()}function r(t){t.preventDefault(),e({x:t.pageX,y:t.pageY})}function o(e){e.preventDefault(),t()}if(C)return S.current.touchSupported?(C.addEventListener("touchmove",n,!1),C.addEventListener("touchend",i,!1),C.addEventListener("touchcancel",i,!1),function(){C.removeEventListener("touchmove",n,!1),C.removeEventListener("touchend",i,!1),C.removeEventListener("touchcancel",i,!1)}):(w.addEventListener("mousemove",r,!1),w.addEventListener("mouseup",o,!1),function(){w.removeEventListener("mousemove",r,!1),w.removeEventListener("mouseup",o,!1)})}),[C]),g((function(){var e={target:C,translation:z,velocity:M,interval:T};z!==I.translation&&(z?I.translation?c(e):s(e):I.translation&&(o?d(e):f(e)))})),t.useMemo((function(){o||y({type:"disable"})}),[o]);var O={};z&&(O.touchAction="none",O.pointerEvents="none",O.userSelect="none"),h.style=r({},x.create(O),{},h.style),h.ref=E;var k=h.children;return"function"==typeof k&&(k=k(v)),n.createElement("div",h,k)}E.defaultProps={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}};var S,C=n.createContext({visibleRect:null,resizeContent:function(){}});function z(e){var t=e.offsetWidth||0,n=e.offsetHeight||0;if(S.getComputedStyle){var i=S.getComputedStyle(e)||{};i.paddingLeft&&(t-=parseInt(i.paddingLeft,10)),i.paddingRight&&(t-=parseInt(i.paddingRight,10)),i.borderLeftWidth&&(t-=parseInt(i.borderLeftWidth,10)),i.borderRightWidth&&(t-=parseInt(i.borderRightWidth,10)),i.paddingTop&&(n-=parseInt(i.paddingTop,10)),i.paddingBottom&&(n-=parseInt(i.paddingBottom,10)),i.borderTopWidth&&(n-=parseInt(i.borderTopWidth,10)),i.borderBottomWidth&&(n-=parseInt(i.borderBottomWidth,10))}return{width:t,height:n}}function M(e,t){return e===t||!(!e||!t||e.width!==t.width||e.height!==t.height)}S="undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{};function T(e){var o=e.width,a=e.height,l=i(e,["width","height"]),u=t.useState(null),s=u[0],c=u[1],d=b(s),f=t.useContext(C),h=t.useRef(null),p=d.current,v=t.useCallback((function(){}),[]),y=t.useCallback((function(){return h.current}),[]),m=t.useCallback((function(){var e=z(h.current);c(e)}),[]);g((function(){}),[]),g((function(){M(s,p)||s&&f.resizeContent(s),s||m()})),t.useMemo((function(){c("number"==typeof o&&"number"==typeof a?{width:o,height:a}:null)}),[o,a]);var w={position:"relative"},x={position:"absolute"};"number"==typeof o&&(x.width=o),"number"==typeof a&&(x.height=a),s&&(w.width=s.width,w.height=s.height),l.style=r({},w,{},l.style);var E=l.children;return"function"==typeof E&&(E=E(s,{getResizeNode:y,calculateSize:m})),n.createElement(C.Provider,{value:r({},f,{resizeContent:v})},n.createElement("div",l,n.createElement("div",{ref:h,style:x},E)))}function I(e,t){return e(t={exports:{}},t.exports),t.exports}T.defaultProps={width:null,height:null},T.PadContent=!0;var O=I((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var i=t(e[n]);if(i)return i}}})),k=I((function(e){var t=e.exports={};t.isIE=function(e){return(-1!==(t=navigator.userAgent.toLowerCase()).indexOf("msie")||-1!==t.indexOf("trident")||-1!==t.indexOf(" edge/"))&&(!e||e===function(){var e=3,t=document.createElement("div"),n=t.getElementsByTagName("i");do{t.innerHTML="\x3c!--[if gt IE "+ ++e+"]><i></i><![endif]--\x3e"}while(n[0]);return e>4?e:void 0}());var t},t.isLegacyOpera=function(){return!!window.opera}})),L=I((function(e){(e.exports={}).getOption=function(e,t,n){var i=e[t];if(null==i&&void 0!==n)return n;return i}})),R=function(e){var t=(e=e||{}).reporter,n=L.getOption(e,"async",!0),i=L.getOption(e,"auto",!0);i&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var r,o=P(),a=!1;function l(){for(a=!0;o.size();){var e=o;o=P(),e.process()}a=!1}function u(){r=setTimeout(l,0)}return{add:function(e,t){!a&&i&&n&&0===o.size()&&u(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),r&&(clearTimeout(r),r=null),e?u():l())}}};function P(){var e={},t=0,n=0,i=0;return{add:function(r,o){o||(o=r,r=0),r>n?n=r:i>r&&(i=r),e[r]||(e[r]=[]),e[r].push(o),t++},process:function(){for(var t=i;n>=t;t++)for(var r=e[t],o=0;r.length>o;o++){(0,r[o])()}},size:function(){return t}}}var A="_erd";function D(e){return e[A]}var W={initState:function(e){return e[A]={},D(e)},getState:D,cleanState:function(e){delete e[A]}},H=O.forEach,N=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState,r=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=document.createElement("div");e.style.cssText="position: absolute; width: 1000px; height: 1000px; visibility: hidden; margin: 0; padding: 0;";var t=document.createElement("div");t.style.cssText="position: absolute; width: 500px; height: 500px; overflow: scroll; visibility: none; top: -1500px; left: -1500px; visibility: hidden; margin: 0; padding: 0;",t.appendChild(e),document.body.insertBefore(t,document.body.firstChild);var n=500-t.clientWidth,i=500-t.clientHeight;return document.body.removeChild(t),{width:n,height:i}}(),a="erd_scroll_detection_container";function l(e,n,i){if(e.addEventListener)e.addEventListener(n,i);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,i)}}function u(e,n,i){if(e.removeEventListener)e.removeEventListener(n,i);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,i)}}function s(e){return i(e).container.childNodes[0].childNodes[0].childNodes[0]}function c(e){return i(e).container.childNodes[0].childNodes[0].childNodes[1]}return function(e,t){if(!document.getElementById(e)){var n=t+"_animation",i="/* Created by the element-resize-detector library. */\n";i+="."+t+" > div::-webkit-scrollbar { display: none; }\n\n",i+="."+(t+"_animation_active")+" { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-name: "+n+"; animation-name: "+n+"; }\n",i+="@-webkit-keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",function(t,n){n=n||function(e){document.head.appendChild(e)};var i=document.createElement("style");i.innerHTML=t,i.id=e,n(i)}(i+="@keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}("erd_scroll_detection_scrollbar_style",a),{makeDetectable:function(e,u,d){function f(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(r.get(u),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var i=0;n.length>i;i++)t.log(n[i])}}function h(e){var t=i(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function p(){var e=window.getComputedStyle(u),t={};return t.position=e.position,t.width=u.offsetWidth,t.height=u.offsetHeight,t.top=e.top,t.right=e.right,t.bottom=e.bottom,t.left=e.left,t.widthCSS=e.width,t.heightCSS=e.height,t}function v(){if(f("storeStyle invoked."),i(u)){var e=p();i(u).style=e}else f("Aborting because element has been uninstalled")}function y(e,t,n){i(e).lastWidth=t,i(e).lastHeight=n}function m(){return 2*o.width+1}function g(){return 2*o.height+1}function b(e){return e+10+m()}function w(e){return e+10+g()}function x(e,t,n){var i=s(e),r=c(e),o=b(t),a=w(n),l=function(e){return 2*e+m()}(t),u=function(e){return 2*e+g()}(n);i.scrollLeft=o,i.scrollTop=a,r.scrollLeft=l,r.scrollTop=u}function E(){var e=i(u).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0; padding: 0;",i(u).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),u.appendChild(e);var t=function(){i(u).onRendered&&i(u).onRendered()};l(e,"animationstart",t),i(u).onAnimationStart=t}return e}function S(){if(f("Injecting elements"),i(u)){!function(){var e=i(u).style;if("static"===e.position){u.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,u,e,"top"),n(t,u,e,"right"),n(t,u,e,"bottom"),n(t,u,e,"left")}}();var e=i(u).container;e||(e=E());var n,r,s,c,d=o.width,h=o.height,p="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; "+("left: "+(n=(n=-(1+d))?n+"px":"0")+"; top: "+(r=(r=-(1+h))?r+"px":"0")+"; right: "+(c=(c=-d)?c+"px":"0")+"; bottom: "+(s=(s=-h)?s+"px":"0")+";"),v=document.createElement("div"),y=document.createElement("div"),m=document.createElement("div"),g=document.createElement("div"),b=document.createElement("div"),w=document.createElement("div");v.dir="ltr",v.style.cssText="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;",v.className=a,y.className=a,y.style.cssText=p,m.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",g.style.cssText="position: absolute; left: 0; top: 0;",b.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",w.style.cssText="position: absolute; width: 200%; height: 200%;",m.appendChild(g),b.appendChild(w),y.appendChild(m),y.appendChild(b),v.appendChild(y),e.appendChild(v),l(m,"scroll",x),l(b,"scroll",S),i(u).onExpandScroll=x,i(u).onShrinkScroll=S}else f("Aborting because element has been uninstalled");function x(){i(u).onExpand&&i(u).onExpand()}function S(){i(u).onShrink&&i(u).onShrink()}}function C(){function o(e,t,n){var i=function(e){return s(e).childNodes[0]}(e),r=b(t),o=w(n);i.style.width=r+"px",i.style.height=o+"px"}function a(a){var s=u.offsetWidth,c=u.offsetHeight;f("Storing current size",s,c),y(u,s,c),n.add(0,(function(){if(i(u))if(l()){if(e.debug)u.offsetWidth===s&&u.offsetHeight===c||t.warn(r.get(u),"Scroll: Size changed before updating detector elements.");o(u,s,c)}else f("Aborting because element container has not been initialized");else f("Aborting because element has been uninstalled")})),n.add(1,(function(){i(u)?l()?x(u,s,c):f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")})),a&&n.add(2,(function(){i(u)?l()?a():f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")}))}function l(){return!!i(u).container}function d(){f("notifyListenersIfNeeded invoked");var e=i(u);return void 0===i(u).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?f("Not notifying: Size is the same as the start size, and there has been no notification yet."):e.lastWidth===e.lastNotifiedWidth&&e.lastHeight===e.lastNotifiedHeight?f("Not notifying: Size already notified"):(f("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void H(i(u).listeners,(function(e){e(u)})))}function p(){if(f("Scroll detected."),h(u))f("Scroll event fired while unrendered. Ignoring...");else{var e=u.offsetWidth,t=u.offsetHeight;e!==i(u).lastWidth||t!==i(u).lastHeight?(f("Element size changed."),a(d)):f("Element size has not changed ("+e+"x"+t+").")}}if(f("registerListenersAndPositionElements invoked."),i(u)){i(u).onRendered=function(){if(f("startanimation triggered."),h(u))f("Ignoring since element is still unrendered...");else{f("Element rendered.");var e=s(u),t=c(u);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(f("Scrollbars out of sync. Updating detector elements..."),a(d))}},i(u).onExpand=p,i(u).onShrink=p;var v=i(u).style;o(u,v.width,v.height)}else f("Aborting because element has been uninstalled")}function z(){if(f("finalizeDomMutation invoked."),i(u)){var e=i(u).style;y(u,e.width,e.height),x(u,e.width,e.height)}else f("Aborting because element has been uninstalled")}function M(){d(u)}function T(){var e;f("Installing..."),i(u).listeners=[],e=p(),i(u).startSize={width:e.width,height:e.height},f("Element start size",i(u).startSize),n.add(0,v),n.add(1,S),n.add(2,C),n.add(3,z),n.add(4,M)}d||(d=u,u=e,e=null),e=e||{},f("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(u)?T():(f("Element is detached"),E(),f("Waiting until element is attached..."),i(u).onRendered=function(){f("Element is now attached"),T()})},addListener:function(e,t){if(!i(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");i(e).listeners.push(t)},uninstall:function(e){var t=i(e);t&&(t.onExpandScroll&&u(s(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&u(c(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&u(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))}}},V=O.forEach;function j(e){return Array.isArray(e)||void 0!==e.length}function B(e){if(Array.isArray(e))return e;var t=[];return V(e,(function(e){t.push(e)})),t}function q(e){return e&&1===e.nodeType}function _(e,t,n){var i=e[t];return null==i&&void 0!==n?n:i}var F,X=function(e){var t,n;if((e=e||{}).idHandler)t={get:function(t){return e.idHandler.get(t,!0)},set:e.idHandler.set};else{var i=function(e){var t=e.idGenerator,n=e.stateHandler.getState;return{get:function(e){var t=n(e);return t&&void 0!==t.id?t.id:null},set:function(e){var i=n(e);if(!i)throw Error("setId required the element to have a resize detection state.");var r=t.generate();return i.id=r,r}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:W});t=i}var r=e.reporter;r||(r=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var i=function(e,t){e[t]=function(){var e=console[t];if(e.apply)e.apply(console,arguments);else for(var n=0;arguments.length>n;n++)e(arguments[n])}};i(n,"log"),i(n,"warn"),i(n,"error")}return n}(!1===r));var o=_(e,"batchProcessor",R({reporter:r})),a={};a.callOnAdd=!!_(e,"callOnAdd",!0),a.debug=!!_(e,"debug",!1);var l,u=function(e){var t={};function n(n){var i=e.get(n);return void 0===i?[]:t[i]||[]}return{get:n,add:function(n,i){var r=e.get(n);t[r]||(t[r]=[]),t[r].push(i)},removeListener:function(e,t){for(var i=n(e),r=0,o=i.length;o>r;++r)if(i[r]===t){i.splice(r,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),s=function(e){var t=e.stateHandler.getState;return{isDetectable:function(e){var n=t(e);return n&&!!n.isDetectable},markAsDetectable:function(e){t(e).isDetectable=!0},isBusy:function(e){return!!t(e).busy},markBusy:function(e,n){t(e).busy=!!n}}}({stateHandler:W}),c=_(e,"strategy","object"),d={reporter:r,batchProcessor:o,stateHandler:W,idHandler:t};if("scroll"===c&&(k.isLegacyOpera()?(r.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),c="object"):k.isIE(9)&&(r.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),c="object")),"scroll"===c)l=N(d);else{if("object"!==c)throw Error("Invalid strategy name: "+c);l=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function r(e){return i(e).object}return{makeDetectable:function(e,r,o){o||(o=r,r=e,e=null),e=e||{},k.isIE(8)?o(r):function(e,r){var o="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding: 0; margin: 0; opacity: 0; z-index: -1000; pointer-events: none;",a=!1,l=window.getComputedStyle(e),u=e.offsetWidth,s=e.offsetHeight;function c(){function n(){if("static"===l.position){e.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,e,l,"top"),n(t,e,l,"right"),n(t,e,l,"bottom"),n(t,e,l,"left")}}""!==l.position&&(n(),a=!0);var u=document.createElement("object");u.style.cssText=o,u.tabIndex=-1,u.type="text/html",u.setAttribute("aria-hidden","true"),u.onload=function(){a||n(),function e(t,n){t.contentDocument?n(t.contentDocument):setTimeout((function(){e(t,n)}),100)}(this,(function(t){r(e)}))},k.isIE()||(u.data="about:blank"),e.appendChild(u),i(e).object=u,k.isIE()&&(u.data="about:blank")}i(e).startSize={width:u,height:s},n?n.add(c):c()}(r,o)},addListener:function(e,t){if(!r(e))throw Error("Element is not detectable by this strategy.");function n(){t(e)}k.isIE(8)?(i(e).object={proxy:n},e.attachEvent("onresize",n)):r(e).contentDocument.defaultView.addEventListener("resize",n)},uninstall:function(e){k.isIE(8)?e.detachEvent("onresize",i(e).object.proxy):e.removeChild(r(e)),delete i(e).object}}}(d)}var f={};return{listenTo:function(e,n,i){function o(e){var t=u.get(e);V(t,(function(t){t(e)}))}function c(e,t,n){u.add(t,n),e&&n(t)}if(i||(i=n,n=e,e={}),!n)throw Error("At least one element required.");if(!i)throw Error("Listener required.");if(q(n))n=[n];else{if(!j(n))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=B(n)}var d=0,h=_(e,"callOnAdd",a.callOnAdd),p=_(e,"onReady",(function(){})),v=_(e,"debug",a.debug);V(n,(function(e){W.getState(e)||(W.initState(e),t.set(e));var a=t.get(e);if(v&&r.log("Attaching listener to element",a,e),!s.isDetectable(e))return v&&r.log(a,"Not detectable."),s.isBusy(e)?(v&&r.log(a,"System busy making it detectable"),c(h,e,i),f[a]=f[a]||[],void f[a].push((function(){++d===n.length&&p()}))):(v&&r.log(a,"Making detectable..."),s.markBusy(e,!0),l.makeDetectable({debug:v},e,(function(e){if(v&&r.log(a,"onElementDetectable"),W.getState(e)){s.markAsDetectable(e),s.markBusy(e,!1),l.addListener(e,o),c(h,e,i);var t=W.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);f[a]&&V(f[a],(function(e){e()}))}else v&&r.log(a,"Element uninstalled before being detectable.");delete f[a],++d===n.length&&p()})));v&&r.log(a,"Already detecable, adding listener."),c(h,e,i),d++})),d===n.length&&p()},removeListener:u.removeListener,removeAllListeners:u.removeAllListeners,uninstall:function(e){if(!e)return r.error("At least one element is required.");if(q(e))e=[e];else{if(!j(e))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=B(e)}V(e,(function(e){u.removeAllListeners(e),l.uninstall(e),W.cleanState(e)}))}}}({strategy:"scroll"}),Y=r({},T.defaultProps);function G(e){var i=e.width,r=e.height,o=t.useRef(null);return g((function(){if("number"!=typeof i||"number"!=typeof r){var e=o.current.getResizeNode();return X.listenTo(e,(function(){return o.current.calculateSize()})),function(){return X.uninstall(e)}}}),[i,r]),n.createElement(T,e,(function(t,n){o.current=n;var i=e.children;return"function"==typeof i&&(i=i(t,n)),i}))}G.defaultProps=Y,G.PadContent=!0;var U=(F="undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).requestAnimationFrame||F.webkitRequestAnimationFrame||F.mozRequestAnimationFrame||F.msRequestAnimationFrame||F.setTimeout&&function(e){return F.setTimeout(e,20)}||function(){},J=F.cancelAnimationFrame||F.webkitCancelAnimationFrame||F.mozCancelAnimationFrame||F.clearTimeout||function(){},K=r({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,scrollTo:null,scrollToRect:null,onScroll:function(){},onDragStart:function(){},onDragEnd:function(){},onDecelerationStart:function(){},onDecelerationEnd:function(){},onContentResize:function(){}},E.defaultProps);function Q(e){var o=e.width,a=e.height,l=e.pagingEnabled,u=e.directionalLockEnabled,s=e.alwaysBounceX,c=e.alwaysBounceY,d=e.scrollTo,f=e.scrollToRect,h=e.onScroll,p=e.onDragStart,m=e.onDragEnd,w=e.onDecelerationStart,S=e.onDecelerationEnd,z=e.onContentResize,M=i(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","scrollTo","scrollToRect","onScroll","onDragStart","onDragEnd","onDecelerationStart","onDecelerationEnd","onContentResize"]),T=M.enabled,I=M.shouldStart,O=t.useReducer(y,v),k=O[0],L=O[1],R=b(k),P=t.useRef({}),A=k.size,D=k.contentSize,W=k.contentOffset,H=k.contentVelocity,N=k.drag,V=k.deceleration,j=R.current;P.current.state=k;var B=t.useCallback((function(e){return L({type:"setContentSize",value:e})}),[]),q=t.useCallback((function(e){var t=P.current.state;return!(t.options[1]&&!function(e,t,n){var i=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[i]>t[i]}(e.velocity,t.size,t.contentSize))&&I(e)}),[I]);return g((function(){k.pannable.translation!==j.pannable.translation&&(k.pannable.translation?L(j.pannable.translation?{type:"dragMove"}:{type:"dragStart"}):j.pannable.translation&&L(T?{type:"dragEnd"}:{type:"dragCancel"}));var e={size:A,contentSize:D,contentOffset:W,contentVelocity:H,dragging:!!N,decelerating:!!V};D!==j.contentSize&&z(D),W!==j.contentOffset&&h(e),N!==j.drag&&(j.drag?N||m(e):p(e)),V!==j.deceleration&&(j.deceleration?V||S(e):w(e))})),g((function(){if(k.deceleration){var e=U((function(){e=void 0,L({type:"decelerate",now:(new Date).getTime()})}));return function(){e&&J(e)}}}),[k]),t.useMemo((function(){L({type:"setSize",value:{width:o,height:a}})}),[o,a]),t.useMemo((function(){L({type:"setOptions",value:[l,u,s,c]})}),[l,u,s,c]),t.useMemo((function(){d&&L(r({type:"setContentOffset"},d))}),[d]),t.useMemo((function(){f&&L(r({type:"scrollToRect"},f))}),[f]),M.shouldStart=q,M.style=r({},{overflow:"hidden",position:"relative",width:A.width,height:A.height},{},M.style),n.createElement(C.Provider,{value:{visibleRect:{x:-W.x,y:-W.y,width:A.width,height:A.height},resizeContent:B}},n.createElement(E,M,(function(e){e!==k.pannable&&L({type:"setPannable",value:e});var i=x.create({position:"relative",width:D.width,height:D.height,transformTranslate:[W.x,W.y],willChange:"transform"}),o=M.children;return"function"==typeof o&&(o=o(k)),t.isValidElement(o)&&o.type.PadContent?(o.props.style&&(i=r({},i,{},o.props.style)),o=t.cloneElement(o,{style:i,ref:o.ref})):o=n.createElement(G,{style:i},o),o})))}function Z(e,t,n){if(!t)return t;if(n){var i,o="y"===n?["y","height"]:["x","width"],a=o[0],l=o[1];return(i={})[a]=t[a]-e[a],i[l]=t[l],i}return r({},Z(e,t,"x"),{},Z(e,t,"y"))}function $(e,t,n){if(!t)return!0;if(n){var i="y"===n?["y","height"]:["x","width"],r=i[0],o=i[1];return e[r]+e[o]>=t[r]-.25*t[o]&&t[r]+1.25*t[o]>=e[r]}return $(e,t,"x")&&$(e,t,"y")}function ee(){}Q.defaultProps=K;function te(e){var o=e.width,a=e.height,l=e.direction,u=e.rowSpacing,s=e.columnSpacing,c=e.itemCount,d=e.itemWidth,f=e.itemHeight,h=e.renderItem,p=i(e,["width","height","direction","rowSpacing","columnSpacing","itemCount","itemWidth","itemHeight","renderItem"]),v=t.useMemo((function(){return function(e){var t,n,i=e.itemCount,r={width:e.itemWidth,height:e.itemHeight},o={row:e.rowSpacing,column:e.columnSpacing},a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],l=a[0],u=a[1],s=a[2],c=a[3],d=a[4],f=a[5],h={width:e.width,height:e.height}[s],p=0,v=0,y=0,m=[];"number"!=typeof h?(y=i,0===r[s]?h=0:(h=i*r[s],i>1&&(h+=(i-1)*o[f]))):0===r[s]?y=i:(y=1,h>r[s]&&(y+=Math.floor((h-r[s])/(r[s]+o[f]))));y>0&&(v=Math.ceil(i/y));for(var g=0;v>g;g++){g>0&&(p+=o[d]);for(var b=0;y>b;b++){var w,x,E=b+g*y,S=0;if(y>1&&(S+=Math.round(b*((h-r[s])/(y-1)))),E>=i)break;m.push(((x={rect:(w={},w[l]=S,w[u]=p,w[s]=r[s],w[c]=r[c],w)})[d+"Index"]=g,x[f+"Index"]=b,x))}p+=r[c]}return{size:(t={},t[s]=h,t[c]=p,t),count:(n={},n[d]=v,n[f]=y,n),layoutList:m}}({direction:l,width:o,height:a,rowSpacing:u,columnSpacing:s,itemCount:c,itemWidth:d,itemHeight:f})}),[l,o,a,u,s,c,d,f]),y=b(v),m=t.useContext(C),w=v.size,x=v.count,E=v.layoutList,S=y.current,z=t.useCallback((function(){}),[]),T=t.useCallback((function(e){return function(e,t,n){var i="x"===n?["column","row"]:["row","column"],r=i[1];return e[r]+e[i[0]]*t[r]}({row:e.rowIndex,column:e.columnIndex},x,l)}),[l,x]);function I(e){var i,o,a=e.itemIndex,l=e.rect,u=e.visibleRect,s=e.needsRender,c=e.Item,d=h(e),f={position:"absolute",left:l.x,top:l.y,width:l.width,height:l.height};return t.isValidElement(d)&&d.type===c&&(d.props.style&&(f=r({},f,{},d.props.style)),i=d.props.forceRender,o=d.key,d=d.props.children),o||(o=""+a),i||s?(t.isValidElement(d)?(d.props.style&&(f=r({},f,{},d.props.style)),d=t.cloneElement(d,{style:f,ref:d.ref})):d=n.createElement("div",{style:f},d),n.createElement(C.Provider,{key:o,value:r({},m,{visibleRect:u,resizeContent:z})},d)):null}g((function(){m.resizeContent(w)}),[]),g((function(){M(w,S.size)||m.resizeContent(w)}));var O={position:"relative"};w&&(O.width=w.width,O.height=w.height),p.style=r({},O,{},p.style);for(var k=[],L=0;E.length>L;L++){var R=E[L],P=r({},R,{itemIndex:L,visibleRect:Z(R.rect,m.visibleRect),needsRender:$(R.rect,m.visibleRect),Item:ee});k.push(I(P))}return"function"==typeof p.children&&p.children(v,{getItemIndex:T}),n.createElement("div",p,k)}function ne(){}te.defaultProps={width:null,height:null,direction:"y",rowSpacing:0,columnSpacing:0,itemCount:0,itemWidth:0,itemHeight:0,renderItem:function(){return null}},te.PadContent=!0;function ie(e){var o=e.width,a=e.height,l=e.direction,u=e.spacing,s=e.itemCount,c=e.estimatedItemWidth,d=e.estimatedItemHeight,f=e.renderItem,h=i(e,["width","height","direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem"]),p=t.useState([]),v=p[0],y=p[1],m=t.useState({}),w=m[0],x=m[1],E=t.useMemo((function(){return function(e,t,n){var i,r=e.spacing,o=e.itemCount,a={width:e.width,height:e.height},l={width:e.estimatedItemWidth,height:e.estimatedItemHeight},u="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],s=u[0],c=u[1],d=u[2],f=u[3],h=0,p=0,v=[],y={};"number"==typeof a[d]&&(y[d]=a[d]);for(var m=0;o>m;m++){var g,b,w=n[t[m]]||((g={})[d]=void 0===y[d]?l[d]:y[d],g[f]=l[f],g);v.push({rect:(b={},b[s]=0,b[c]=p,b[d]=w[d],b[f]=w[f],b)}),w[f]>0&&(p+=w[f],o-1>m&&(p+=r)),w[d]>h&&(h=w[d])}return{size:(i={},i[d]=h,i[f]=p,i),fixed:y,layoutList:v}}({width:o,height:a,direction:l,spacing:u,itemCount:s,estimatedItemWidth:c,estimatedItemHeight:d},v,w)}),[o,a,l,u,s,c,d,v,w]),S=b(E),z=t.useContext(C),I=E.size,O=E.fixed,k=E.layoutList,L=S.current,R=[],P=t.useCallback((function(e){return function(t){return x((function(n){var i;return M(t,n[e])?n:r({},n,((i={})[e]=t,i))}))}}),[]);function A(e){var i,o,a,l=e.itemIndex,u=e.rect,s=e.visibleRect,c=e.needsRender,d=e.Item,h=f(e),p={position:"absolute",left:u.x,top:u.y,width:u.width,height:u.height};t.isValidElement(h)&&h.type===d&&(h.props.style&&(p=r({},p,{},h.props.style)),i=h.props.forceRender,o=h.props.hash,a=h.key,h=h.props.children),a||(a=""+l),void 0===o&&(o=a);var v=i||c,y=w[o];if(y||-1===R.indexOf(o)||(v=!1),R[l]=o,!v)return null;var m={};return y?(m.width=y.width,m.height=y.height):("number"==typeof O.width&&(m.width=O.width),"number"==typeof O.height&&(m.height=O.height)),t.isValidElement(h)&&h.type.PadContent?(h.props.style&&(p=r({},p,{},h.props.style)),"number"==typeof h.props.width&&(m.width=h.props.width),"number"==typeof h.props.height&&(m.height=h.props.height),h=t.cloneElement(h,r({ref:h.ref,style:p},m))):h=n.createElement(T,r({style:p},m),h),n.createElement(C.Provider,{key:a,value:r({},z,{visibleRect:s,resizeContent:P(o)})},h)}g((function(){z.resizeContent(I)}),[]),g((function(){M(I,L.size)||z.resizeContent(I)}));var D={position:"relative"};I&&(D.width=I.width,D.height=I.height),h.style=r({},D,{},h.style);for(var W=[],H=0;k.length>H;H++){var N=k[H],V=r({},N,{itemIndex:H,visibleRect:Z(N.rect,z.visibleRect),needsRender:$(N.rect,z.visibleRect),Item:ne});W.push(A(V))}return R.join()!==v.join()&&y(R),n.createElement("div",h,W)}ie.defaultProps={width:null,height:null,direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null}},ie.PadContext=!0;function re(e){var o=e.width,a=e.height,l=e.onResize,u=i(e,["width","height","onResize"]),s=t.useState(null),c=s[0],d=s[1],f=b(c),h=t.useRef(null),p=f.current,v=t.useCallback((function(){var e=z(h.current);d(e)}),[]);g((function(){M(c,p)||(c?l(c):v())})),g((function(){if("number"!=typeof o||"number"!=typeof a){var e=h.current;return X.listenTo(e,(function(){return v()})),function(){return X.uninstall(e)}}}),[o,a]),t.useMemo((function(){d("number"==typeof o&&"number"==typeof a?{width:o,height:a}:null)}),[o,a]);var y=u.children;return c?"function"==typeof y&&(y=y(c)):y=null,u.style=r({width:oe(o),height:oe(a)},u.style),n.createElement("div",r({},u,{ref:h}),y)}function oe(e){return null==e||""===e?"100%":e}re.defaultProps={width:null,height:null,onResize:function(){}};var ae={mouseEntered:!1,loopCount:1,loopOffset:0,loopWidth:0,scrollTo:null,options:["x",!0],pad:v};function le(e,t){switch(t.type){case"setMouseEntered":return function(e,t){return r({},e,{mouseEntered:t.value})}(e,t);case"setPad":return function(e,t){var n=r({},e,{pad:t.value});return n=ue(n=function(e,t){var n,i=e.loopCount,o=e.loopOffset,a=e.options,l=a[0],u=e.pad,s=u.contentOffset,c=u.size,d=u.contentSize;if(a[1]){var f=function(e,t,n,i,r){var o;if(1===i)return[e,0];var a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],u=a[1],s=a[2],c=n[l],d=t[l],f=c/i,h=.5*(c-f-d),p=0,v=d-c,y=e[u],m=0;if(p-=h,y>=(v+=h)&&p>=y)return[e,0];v>y?m=Math.floor((p-y)/f):y>p&&(m=-Math.floor((y-v)/f));return[(o={},o[u]=y+=f*m,o[s]=e[s],o),m]}(s,c,d,i,l),h=f[0],p=f[1];s!==h&&((n=n||r({},e)).loopOffset=o+p,n.scrollTo={offset:h,animated:!1})}return n||e}(n))}(e,t);case"setOptions":return function(e,t){var n=r({},e,{options:t.value});return n=ue(n)}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"playNext":return function(e,t){var n=e.pad,i=function(e,t,n,i,r){var o,a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],u=a[1],s=a[2],c=t[l],d=Math.min(c-n[l],0),f=e[u];i&&c>0&&(d=c*Math.ceil(d/c));f=f>d?Math.max(d,f-c):0;return(o={})[u]=f,o[s]=e[s],o}(n.contentOffset,n.size,n.contentSize,n.pagingEnabled,e.options[0]);return r({},e,{scrollTo:{offset:i,animated:!0}})}(e);default:return e}}function ue(e,t){var n=e.options,i=e.pad;return r({},e,{},function(e,t,n,i,r){var o="y"===r?"height":"width",a=e[o],l=t[o],u=l/n;if(!i||0===l||0===a)return{loopCount:1,loopOffset:0,loopWidth:u};return{loopCount:2+Math.floor(a/u),loopWidth:u}}(i.size,i.contentSize,e.loopCount,n[1],n[0]))}var se=r({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3},Q.defaultProps,{pagingEnabled:!0,directionalLockEnabled:!0});function ce(e){var r=e.direction,o=e.loop,a=e.autoplayEnabled,l=e.autoplayInterval,u=i(e,["direction","loop","autoplayEnabled","autoplayInterval"]),s=u.onMouseEnter,c=u.onMouseLeave,d=t.useReducer(le,ae),f=d[0],h=d[1],p=f.mouseEntered,v=f.loopCount,y=f.loopOffset,m=f.scrollTo,g=f.pad,b=g.drag,w=g.deceleration;t.useEffect((function(){if(a&&!b&&!w&&!p){var e=setTimeout((function(){e=void 0,h({type:"playNext"})}),l);return function(){e&&clearTimeout(e)}}}),[a,p,b,w,l]),t.useMemo((function(){u.scrollTo&&h({type:"setScrollTo",value:u.scrollTo})}),[u.scrollTo]),t.useMemo((function(){h({type:"setOptions",value:[r,o]})}),[o,r]);var x=t.useCallback((function(e){h({type:"setMouseEntered",value:!0}),s&&s(e)}),[s]),E=t.useCallback((function(e){h({type:"setMouseEntered",value:!1}),c&&c(e)}),[c]);return"x"===r?u.alwaysBounceY=!1:u.alwaysBounceX=!1,a&&(u.onMouseEnter=x,u.onMouseLeave=E),u.scrollTo=m,n.createElement(Q,u,(function(e){e!==f.pad&&h({type:"setPad",value:e});var t=u.children;return"function"==typeof t&&(t=t(f)),n.createElement(ie,{direction:r,itemCount:v,renderItem:function(e){return n.createElement(e.Item,{key:e.itemIndex+y,hash:"loop"},t)}})}))}var de={pageIndex:0,scrollTo:null,player:ae};function fe(e,t){switch(t.type){case"setPlayer":return function(e,t){var n=r({},e,{player:t.value});return n=function(e){var t=e.pageIndex,n=e.player.pad,i=function(e,t,n,i){var r="y"===i?["height","y"]:["width","x"],o=r[0],a=r[1],l=t[o],u=0;if(l>0){u=Math.round(-Math.max(Math.min(l-n[o],0),Math.min(e[a],0))/l)}return u}(n.contentOffset,n.size,n.contentSize,e.player.options[0]);if(i!==t)return r({},e,{pageIndex:i});return e}(n)}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"slideTo":return function(e,t){var n=e.pageIndex,i=e.player.options,o=i[0],a=i[1],l=e.player.pad,u=l.contentOffset,s=l.size,c=t.activeIndex,d=t.itemCount,f=t.animated,h=t.index;if(0===d)return e;"function"==typeof h&&(h=h({activeIndex:c,itemCount:d}));a&&(h+=d*Math.round((n-h)/d));if(h===n)return e;var p=function(e,t,n,i){var r,o="y"===i?["height","y","x"]:["width","x","y"],a=o[2];return(r={})[o[1]]=-e*n[o[0]],r[a]=t[a],r}(h,u,s,o);return r({},e,{scrollTo:{offset:p,animated:f}})}(e,t);default:return e}}var he=r({itemCount:0,renderItem:function(){return null},onSlideChange:function(){},slideTo:null},ce.defaultProps=se);function pe(e){var o=e.itemCount,a=e.renderItem,l=e.onSlideChange,u=e.slideTo,s=i(e,["itemCount","renderItem","onSlideChange","slideTo"]),c=s.width,d=s.height,f=s.direction,h=t.useReducer(fe,de),p=h[0],v=h[1],y=p.scrollTo,m=p.pageIndex%o,w=b({activeIndex:m,itemCount:o}),x=w.current;g((function(){m!==x.activeIndex&&l({activeIndex:m,itemCount:o})})),t.useMemo((function(){s.scrollTo&&v({type:"setScrollTo",value:s.scrollTo})}),[s.scrollTo]),t.useMemo((function(){u&&v(r({type:"slideTo"},u,{},w.current))}),[u,w]);var E={width:c,height:d,itemWidth:c,itemHeight:d,direction:f,itemCount:o,renderItem:a};s.scrollTo=y;var S=s.children;return"function"==typeof S&&(S=S({activeIndex:m,itemCount:o})),n.createElement(t.Fragment,null,n.createElement(ce,s,(function(e){return e!==p.player&&v({type:"setPlayer",value:e}),n.createElement(te,E)})),S)}pe.defaultProps=he,e.AutoResizing=re,e.Carousel=pe,e.GeneralContent=G,e.GridContent=te,e.ItemContent=T,e.ListContent=ie,e.Pad=Q,e.Pannable=E,e.Player=ce,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";var n="default"in t?t.default:t;function i(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;o.length>i;i++)0>t.indexOf(n=o[i])&&(r[n]=e[n]);return r}function r(){return(r=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}var o=0,a={target:null,startPoint:null,movePoint:null,moveTime:null,translation:null,velocity:null,interval:null};function l(e,t){switch(t.type){case"disable":case"end":return function(e,t){return e.target?a:e}(e);case"track":return function(e,t){return{target:t.target,startPoint:t.point,movePoint:t.point,moveTime:t.now,translation:null,velocity:null,interval:null}}(0,t);case"move":return function(e,t){var n=e.target,i=e.startPoint,r=e.movePoint,l=e.moveTime,u=e.translation,s=t.point,c=t.now,d=t.shouldStart;if(!n)return e;var f=c-l,h={x:s.x-i.x,y:s.y-i.y},p={x:(s.x-r.x)/f,y:(s.y-r.y)/f};if(u)return{target:n,startPoint:i,movePoint:s,moveTime:c,translation:h,velocity:p,interval:f};if(o>=Math.sqrt(Math.pow(h.x,2)+Math.pow(h.y,2)))return{target:n,startPoint:i,movePoint:s,moveTime:c,translation:null,velocity:null,interval:null};if(!d({target:n,translation:h,velocity:p,interval:f}))return a;return{target:n,startPoint:s,movePoint:s,moveTime:c,translation:{x:0,y:0},velocity:p,interval:f}}(e,t);default:return e}}function u(e,t){var n=t.x,i=t.y,r=Math.sqrt(n*n+i*i);return 0===r?{x:0,y:0}:{x:e*(n/r),y:e*(i/r)}}function s(e,t,n,i){if(i){var r="y"===i?["y","height"]:["x","width"],o=r[0];if(!e[o])return 0;var a=0>e[o]?-1:1;return a*Math.min(a*e[o],Math.sqrt(2*(.5*t[r[1]])*a*n[o]))}"number"==typeof n&&(n=u(n,e));var l={x:s(e,t,n,"x"),y:s(e,t,n,"y")};return l.x===e.x&&l.y===e.y?e:l}function c(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],u=a[1],s=t[u],d=Math.min(s-n[u],0),f=e[l];return i&&s>0&&(d=s*Math.ceil(d/s)),f>0?f=0:d>f?f=d:!r&&i&&s>0&&(f=s*Math.round(f/s)),f}var h={x:c(e,t,n,i,r,"x"),y:c(e,t,n,i,r,"y")};return h.x===e.x&&h.y===e.y?e:h}function d(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],s=a[1],c=e[l];if(i&&n[s]>0){var f=c/n[s];c=n[s]*(f=t[l]>.5?Math.ceil(f):-.5>t[l]?Math.floor(f):Math.round(f))}else r[l]&&(c+=.5*t[l]*(t[l]/r[l]));return c}return"number"==typeof r&&(r=u(r,t)),{x:d(e,t,n,i,r,"x"),y:d(e,t,n,i,r,"y")}}function f(e,t,n,i){var r,o,a={x:n.x-e.x,y:n.y-e.y},l=Math.sqrt(Math.pow(a.x,2)+Math.pow(a.y,2));if(l){var u=Math.sqrt(.5*Math.pow(r=(t.x*a.x+t.y*a.y)/l,2)+i*l),s=(u-r)/i;0>s&&(u=r,s=0),o=s+u/i}else r=Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2)),o=(Math.sqrt(2)+1)*r/i;return o>0?{points:{x:[e.x,e.x+t.x*(o/3),n.x,n.x],y:[e.y,e.y+t.y*(o/3),n.y,n.y]},duration:o,startTime:(new Date).getTime(),endOffset:n,rate:i}:null}var h=.025,p=.0025,v={size:{width:0,height:0},contentSize:{width:0,height:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,options:[!1,!1,!0,!0],pannable:a};function m(e,t){return function(e,t){var n=e.size,i=e.contentSize,o=e.contentOffset,a=e.contentVelocity,l=e.drag,u=e.deceleration,p=e.options[0],v=h;if(u){var m=u.endOffset;if(m!==c(m,n,i,p,!0)&&o!==c(o,n,i,p,!0)){var y=a;return u.rate!==v&&(y=s(y,n,v),m=d(o,y,n,p,v)),m=c(m,n,i,p,!0),r({},e,{contentVelocity:y,drag:null,deceleration:f(o,y,m,v)})}}else if(!l){var g=c(o,n,i,p);if(o!==g){var w=d(g,{x:0,y:0},n,p,v);return r({},e,{drag:null,deceleration:f(o,a,w,v)})}}return e}(function(e,t){switch(t.type){case"setPannable":return function(e,t){return r({},e,{pannable:t.value})}(e,t);case"setOptions":return function(e,t){return r({},e,{options:t.value})}(e,t);case"setSize":return function(e,t){return r({},e,{size:t.value})}(e,t);case"setContentSize":return function(e,t){return r({},e,{contentSize:t.value})}(e,t);case"dragStart":return function(e,t){var n=e.contentOffset,i=e.pannable.velocity,o={x:1,y:1};e.options[1]&&(Math.abs(i.x)>Math.abs(i.y)?o.y=0:o.x=0);return r({},e,{contentVelocity:{x:o.x*i.x,y:o.y*i.y},drag:{direction:o,startOffset:n},deceleration:null})}(e);case"dragMove":return function(e,t){var n=e.contentOffset,i=e.drag,o=e.options,a=e.pannable,l=a.translation,u=a.interval,s=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height","width"]:["x","width","height"],l=a[0],u=a[1],s=a[2],c=t[l],d=Math.min(i[u]-r[u],0),f=.5*Math.min(i[u],i[s]);return c>0?n[l]?f*(1-f/(f+c)):0:d>c?n[l]?d-f*(1-f/(f-c+d)):d:c}var h={x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")};return h.x===t.x&&h.y===t.y?t:h}({x:i.startOffset.x+i.direction.x*l.x,y:i.startOffset.y+i.direction.y*l.y},{x:o[2],y:o[3]},e.size,e.contentSize);return r({},e,{contentOffset:s,contentVelocity:{x:(s.x-n.x)/u,y:(s.y-n.y)/u},drag:i,deceleration:null})}(e);case"dragEnd":return function(e,t){var n=e.size,i=e.contentOffset,o=e.options[0],a=p,l=e.contentVelocity;o&&(l=s(l,n,a=h));var u=d(i,l,n,o,a);return r({},e,{contentVelocity:l,drag:null,deceleration:f(i,l,u,a)})}(e);case"dragCancel":return function(e,t){var n=e.contentOffset,i=e.contentVelocity,o=h,a=d(e.drag.startOffset,{x:0,y:0},e.size,e.options[0],o);return r({},e,{drag:null,deceleration:f(n,i,a,o)})}(e);case"decelerate":return function(e,t){var n=e.deceleration,i=t.now;if(!n)return e;if(i>=n.startTime+n.duration)return r({},e,{contentOffset:n.endOffset,contentVelocity:{x:0,y:0},drag:null,deceleration:null});var o=function e(t,n,i){if(i){var o,a=("y"===i?["y"]:["x"])[0],l=t.points,u=t.duration,s=Math.max(0,Math.min((n-t.startTime)/u,1)),c=l[a],d=c[0],f=c[1],h=c[2],p=c[3],v=d-3*(d-f)*s+3*(d-2*f+h)*Math.pow(s,2)-(d-3*f+3*h-p)*Math.pow(s,3),m=(-3*(d-f)+6*(d-2*f+h)*s-3*(d-3*f+3*h-p)*Math.pow(s,2))/u;return(o={})[a+"Offset"]=v,o[a+"Velocity"]=m,o}return r({},e(t,n,"x"),{},e(t,n,"y"))}(n,i);return r({},e,{contentOffset:{x:o.xOffset,y:o.yOffset},contentVelocity:{x:o.xVelocity,y:o.yVelocity},drag:null,deceleration:n})}(e,t);case"setContentOffset":return y(e,t);case"scrollToRect":return function(e,t){var n=e.contentOffset,i=e.size,r=t.animated,o=function e(t,n,i,r){if(r){var o="y"===r?["y","height"]:["x","width"],a=o[0],l=o[1],u=-t[a],s=n[l]-t[l];if("auto"===i[a]){var c=0>s?-1:1;u+=c*Math.max(0,Math.min(c*(-n[a]-u),c*s))}else"start"===i[a]?i[a]=0:"center"===i[a]?i[a]=.5:"end"===i[a]&&(i[a]=1),("number"!=typeof i[a]||isNaN(i[a]))&&(i[a]=.5),u+=i[a]*s;return u}return"object"!=typeof i&&(i={x:i,y:i}),{x:e(t,n,i,"x"),y:e(t,n,i,"y")}}(t.rect,{x:-n.x,y:-n.y,width:i.width,height:i.height},t.align);return y(e,{type:"setContentOffset",offset:o,animated:r})}(e,t);default:return e}}(e,t))}function y(e,t){var n=e.size,i=e.contentOffset,o=e.contentVelocity,a=e.drag,l=e.deceleration,u=e.options[0],s=t.offset;if(a||!t.animated){if(s.x===i.x&&s.y===i.y)return e;var c=r({},e,{contentOffset:s});return a&&(c.drag=r({},a,{startOffset:{x:a.startOffset.x+s.x-i.x,y:a.startOffset.y+s.y-i.y}})),l&&(c.deceleration=f(s,o,{x:l.endOffset.x+s.x-i.x,y:l.endOffset.y+s.y-i.y},l.rate)),c}return r({},e,{drag:null,deceleration:f(i,o,d(s,{x:0,y:0},n,u,h),h)})}var g="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function w(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e})),n}var b={create:function(e){var t=e.transformTranslate,n=e.userSelect,r=i(e,["transformTranslate","userSelect"]);return t&&function(e,t){t.transform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.WebkitTransform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.msTransform="translate("+e[0]+"px, "+e[1]+"px)"}(t,r),n&&function(e,t){t.userSelect=e,t.WebkitUserSelect=e,t.msUserSelect=e}(n,r),r}},x=function(){},E=function(){};void 0!==typeof window&&(x=window.addEventListener,E=window.removeEventListener);function S(e){var o=e.enabled,u=e.shouldStart,s=e.onStart,c=e.onMove,d=e.onEnd,f=e.onCancel,h=i(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel"]),p=t.useReducer(l,a),v=p[0],m=p[1],y=w(v),S=t.useRef(null),C=t.useRef({touchSupported:!1});C.current.state=v,C.current.shouldStart=u;var z=v.target,M=v.translation,T=v.velocity,I=v.interval,O=y.current;g((function(){function e(e,t){m({type:"track",target:e,point:t,now:(new Date).getTime()})}function t(t){if(C.current.touchSupported=!0,t.touches&&1===t.touches.length){var n=t.touches[0];e(n.target,{x:n.pageX,y:n.pageY})}}function n(e){C.current.state.translation&&e.preventDefault()}function i(t){C.current.touchSupported||e(t.target,{x:t.pageX,y:t.pageY})}if(o){var r=S.current;if(!r.addEventListener)return;return r.addEventListener("touchstart",t,!1),r.addEventListener("touchmove",n,!1),r.addEventListener("mousedown",i,!1),function(){r.removeEventListener("touchstart",t,!1),r.removeEventListener("touchmove",n,!1),r.removeEventListener("mousedown",i,!1)}}}),[o]),g((function(){function e(e){m({type:"move",point:e,now:(new Date).getTime(),shouldStart:C.current.shouldStart})}function t(){m({type:"end"})}function n(t){var n=t.touches[0];C.current.state.translation&&t.preventDefault(),e({x:n.pageX,y:n.pageY})}function i(e){C.current.state.translation&&e.preventDefault(),t()}function r(t){t.preventDefault(),e({x:t.pageX,y:t.pageY})}function o(e){e.preventDefault(),t()}if(z)return C.current.touchSupported?(z.addEventListener("touchmove",n,!1),z.addEventListener("touchend",i,!1),z.addEventListener("touchcancel",i,!1),function(){z.removeEventListener("touchmove",n,!1),z.removeEventListener("touchend",i,!1),z.removeEventListener("touchcancel",i,!1)}):(x("mousemove",r,!1),x("mouseup",o,!1),function(){E("mousemove",r,!1),E("mouseup",o,!1)})}),[z]),g((function(){var e={target:z,translation:M,velocity:T,interval:I};M!==O.translation&&(M?O.translation?c(e):s(e):O.translation&&(o?d(e):f(e)))})),t.useMemo((function(){o||m({type:"disable"})}),[o]);var k={};M&&(k.touchAction="none",k.pointerEvents="none",k.userSelect="none"),h.style=r({},b.create(k),{},h.style),h.ref=S;var L=h.children;return"function"==typeof L&&(L=L(v)),n.createElement("div",h,L)}S.defaultProps={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}};var C=n.createContext({visibleRect:null,resizeContent:function(){}});function z(e){var t=0,n=0;if("undefined"!=typeof window&&(t=e.offsetWidth,n=e.offsetHeight,window.getComputedStyle)){var i=window.getComputedStyle(e)||{};i.paddingLeft&&(t-=parseInt(i.paddingLeft,10)),i.paddingRight&&(t-=parseInt(i.paddingRight,10)),i.borderLeftWidth&&(t-=parseInt(i.borderLeftWidth,10)),i.borderRightWidth&&(t-=parseInt(i.borderRightWidth,10)),i.paddingTop&&(n-=parseInt(i.paddingTop,10)),i.paddingBottom&&(n-=parseInt(i.paddingBottom,10)),i.borderTopWidth&&(n-=parseInt(i.borderTopWidth,10)),i.borderBottomWidth&&(n-=parseInt(i.borderBottomWidth,10))}return{width:t,height:n}}function M(e,t){return e===t||!(!e||!t||e.width!==t.width||e.height!==t.height)}function T(e){var o=e.width,a=e.height,l=i(e,["width","height"]),u=t.useState(null),s=u[0],c=u[1],d=w(s),f=t.useContext(C),h=t.useRef(null),p=d.current,v=t.useCallback((function(){}),[]),m=t.useCallback((function(){return h.current}),[]),y=t.useCallback((function(){var e=z(h.current);c(e)}),[]);g((function(){}),[]),g((function(){M(s,p)||s&&f.resizeContent(s),s||y()})),t.useMemo((function(){c("number"==typeof o&&"number"==typeof a?{width:o,height:a}:null)}),[o,a]);var b={position:"relative"},x={position:"absolute"};"number"==typeof o&&(x.width=o),"number"==typeof a&&(x.height=a),s&&(b.width=s.width,b.height=s.height),l.style=r({},b,{},l.style);var E=l.children;return"function"==typeof E&&(E=E(s,{getResizeNode:m,calculateSize:y})),n.createElement(C.Provider,{value:r({},f,{resizeContent:v})},n.createElement("div",l,n.createElement("div",{ref:h,style:x},E)))}function I(e,t){return e(t={exports:{}},t.exports),t.exports}T.defaultProps={width:null,height:null},T.PadContent=!0;var O=I((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var i=t(e[n]);if(i)return i}}})),k=I((function(e){var t=e.exports={};t.isIE=function(e){return(-1!==(t=navigator.userAgent.toLowerCase()).indexOf("msie")||-1!==t.indexOf("trident")||-1!==t.indexOf(" edge/"))&&(!e||e===function(){var e=3,t=document.createElement("div"),n=t.getElementsByTagName("i");do{t.innerHTML="\x3c!--[if gt IE "+ ++e+"]><i></i><![endif]--\x3e"}while(n[0]);return e>4?e:void 0}());var t},t.isLegacyOpera=function(){return!!window.opera}})),L=I((function(e){(e.exports={}).getOption=function(e,t,n){var i=e[t];if(null==i&&void 0!==n)return n;return i}})),R=function(e){var t=(e=e||{}).reporter,n=L.getOption(e,"async",!0),i=L.getOption(e,"auto",!0);i&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var r,o=P(),a=!1;function l(){for(a=!0;o.size();){var e=o;o=P(),e.process()}a=!1}function u(){r=setTimeout(l,0)}return{add:function(e,t){!a&&i&&n&&0===o.size()&&u(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),r&&(clearTimeout(r),r=null),e?u():l())}}};function P(){var e={},t=0,n=0,i=0;return{add:function(r,o){o||(o=r,r=0),r>n?n=r:i>r&&(i=r),e[r]||(e[r]=[]),e[r].push(o),t++},process:function(){for(var t=i;n>=t;t++)for(var r=e[t],o=0;r.length>o;o++){(0,r[o])()}},size:function(){return t}}}var A="_erd";function D(e){return e[A]}var W={initState:function(e){return e[A]={},D(e)},getState:D,cleanState:function(e){delete e[A]}},H=O.forEach,N=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState,r=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=document.createElement("div");e.style.cssText="position: absolute; width: 1000px; height: 1000px; visibility: hidden; margin: 0; padding: 0;";var t=document.createElement("div");t.style.cssText="position: absolute; width: 500px; height: 500px; overflow: scroll; visibility: none; top: -1500px; left: -1500px; visibility: hidden; margin: 0; padding: 0;",t.appendChild(e),document.body.insertBefore(t,document.body.firstChild);var n=500-t.clientWidth,i=500-t.clientHeight;return document.body.removeChild(t),{width:n,height:i}}(),a="erd_scroll_detection_container";function l(e,n,i){if(e.addEventListener)e.addEventListener(n,i);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,i)}}function u(e,n,i){if(e.removeEventListener)e.removeEventListener(n,i);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,i)}}function s(e){return i(e).container.childNodes[0].childNodes[0].childNodes[0]}function c(e){return i(e).container.childNodes[0].childNodes[0].childNodes[1]}return function(e,t){if(!document.getElementById(e)){var n=t+"_animation",i="/* Created by the element-resize-detector library. */\n";i+="."+t+" > div::-webkit-scrollbar { display: none; }\n\n",i+="."+(t+"_animation_active")+" { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-name: "+n+"; animation-name: "+n+"; }\n",i+="@-webkit-keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",function(t,n){n=n||function(e){document.head.appendChild(e)};var i=document.createElement("style");i.innerHTML=t,i.id=e,n(i)}(i+="@keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}("erd_scroll_detection_scrollbar_style",a),{makeDetectable:function(e,u,d){function f(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(r.get(u),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var i=0;n.length>i;i++)t.log(n[i])}}function h(e){var t=i(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function p(){var e=window.getComputedStyle(u),t={};return t.position=e.position,t.width=u.offsetWidth,t.height=u.offsetHeight,t.top=e.top,t.right=e.right,t.bottom=e.bottom,t.left=e.left,t.widthCSS=e.width,t.heightCSS=e.height,t}function v(){if(f("storeStyle invoked."),i(u)){var e=p();i(u).style=e}else f("Aborting because element has been uninstalled")}function m(e,t,n){i(e).lastWidth=t,i(e).lastHeight=n}function y(){return 2*o.width+1}function g(){return 2*o.height+1}function w(e){return e+10+y()}function b(e){return e+10+g()}function x(e,t,n){var i=s(e),r=c(e),o=w(t),a=b(n),l=function(e){return 2*e+y()}(t),u=function(e){return 2*e+g()}(n);i.scrollLeft=o,i.scrollTop=a,r.scrollLeft=l,r.scrollTop=u}function E(){var e=i(u).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0; padding: 0;",i(u).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),u.appendChild(e);var t=function(){i(u).onRendered&&i(u).onRendered()};l(e,"animationstart",t),i(u).onAnimationStart=t}return e}function S(){if(f("Injecting elements"),i(u)){!function(){var e=i(u).style;if("static"===e.position){u.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,u,e,"top"),n(t,u,e,"right"),n(t,u,e,"bottom"),n(t,u,e,"left")}}();var e=i(u).container;e||(e=E());var n,r,s,c,d=o.width,h=o.height,p="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; "+("left: "+(n=(n=-(1+d))?n+"px":"0")+"; top: "+(r=(r=-(1+h))?r+"px":"0")+"; right: "+(c=(c=-d)?c+"px":"0")+"; bottom: "+(s=(s=-h)?s+"px":"0")+";"),v=document.createElement("div"),m=document.createElement("div"),y=document.createElement("div"),g=document.createElement("div"),w=document.createElement("div"),b=document.createElement("div");v.dir="ltr",v.style.cssText="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;",v.className=a,m.className=a,m.style.cssText=p,y.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",g.style.cssText="position: absolute; left: 0; top: 0;",w.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",b.style.cssText="position: absolute; width: 200%; height: 200%;",y.appendChild(g),w.appendChild(b),m.appendChild(y),m.appendChild(w),v.appendChild(m),e.appendChild(v),l(y,"scroll",x),l(w,"scroll",S),i(u).onExpandScroll=x,i(u).onShrinkScroll=S}else f("Aborting because element has been uninstalled");function x(){i(u).onExpand&&i(u).onExpand()}function S(){i(u).onShrink&&i(u).onShrink()}}function C(){function o(e,t,n){var i=function(e){return s(e).childNodes[0]}(e),r=w(t),o=b(n);i.style.width=r+"px",i.style.height=o+"px"}function a(a){var s=u.offsetWidth,c=u.offsetHeight;f("Storing current size",s,c),m(u,s,c),n.add(0,(function(){if(i(u))if(l()){if(e.debug)u.offsetWidth===s&&u.offsetHeight===c||t.warn(r.get(u),"Scroll: Size changed before updating detector elements.");o(u,s,c)}else f("Aborting because element container has not been initialized");else f("Aborting because element has been uninstalled")})),n.add(1,(function(){i(u)?l()?x(u,s,c):f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")})),a&&n.add(2,(function(){i(u)?l()?a():f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")}))}function l(){return!!i(u).container}function d(){f("notifyListenersIfNeeded invoked");var e=i(u);return void 0===i(u).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?f("Not notifying: Size is the same as the start size, and there has been no notification yet."):e.lastWidth===e.lastNotifiedWidth&&e.lastHeight===e.lastNotifiedHeight?f("Not notifying: Size already notified"):(f("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void H(i(u).listeners,(function(e){e(u)})))}function p(){if(f("Scroll detected."),h(u))f("Scroll event fired while unrendered. Ignoring...");else{var e=u.offsetWidth,t=u.offsetHeight;e!==i(u).lastWidth||t!==i(u).lastHeight?(f("Element size changed."),a(d)):f("Element size has not changed ("+e+"x"+t+").")}}if(f("registerListenersAndPositionElements invoked."),i(u)){i(u).onRendered=function(){if(f("startanimation triggered."),h(u))f("Ignoring since element is still unrendered...");else{f("Element rendered.");var e=s(u),t=c(u);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(f("Scrollbars out of sync. Updating detector elements..."),a(d))}},i(u).onExpand=p,i(u).onShrink=p;var v=i(u).style;o(u,v.width,v.height)}else f("Aborting because element has been uninstalled")}function z(){if(f("finalizeDomMutation invoked."),i(u)){var e=i(u).style;m(u,e.width,e.height),x(u,e.width,e.height)}else f("Aborting because element has been uninstalled")}function M(){d(u)}function T(){var e;f("Installing..."),i(u).listeners=[],e=p(),i(u).startSize={width:e.width,height:e.height},f("Element start size",i(u).startSize),n.add(0,v),n.add(1,S),n.add(2,C),n.add(3,z),n.add(4,M)}d||(d=u,u=e,e=null),e=e||{},f("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(u)?T():(f("Element is detached"),E(),f("Waiting until element is attached..."),i(u).onRendered=function(){f("Element is now attached"),T()})},addListener:function(e,t){if(!i(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");i(e).listeners.push(t)},uninstall:function(e){var t=i(e);t&&(t.onExpandScroll&&u(s(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&u(c(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&u(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))}}},V=O.forEach;function j(e){return Array.isArray(e)||void 0!==e.length}function B(e){if(Array.isArray(e))return e;var t=[];return V(e,(function(e){t.push(e)})),t}function q(e){return e&&1===e.nodeType}function _(e,t,n){var i=e[t];return null==i&&void 0!==n?n:i}var X=null;"undefined"!=typeof window&&(X=function(e){var t,n;if((e=e||{}).idHandler)t={get:function(t){return e.idHandler.get(t,!0)},set:e.idHandler.set};else{var i=function(e){var t=e.idGenerator,n=e.stateHandler.getState;return{get:function(e){var t=n(e);return t&&void 0!==t.id?t.id:null},set:function(e){var i=n(e);if(!i)throw Error("setId required the element to have a resize detection state.");var r=t.generate();return i.id=r,r}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:W});t=i}var r=e.reporter;r||(r=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var i=function(e,t){e[t]=function(){var e=console[t];if(e.apply)e.apply(console,arguments);else for(var n=0;arguments.length>n;n++)e(arguments[n])}};i(n,"log"),i(n,"warn"),i(n,"error")}return n}(!1===r));var o=_(e,"batchProcessor",R({reporter:r})),a={};a.callOnAdd=!!_(e,"callOnAdd",!0),a.debug=!!_(e,"debug",!1);var l,u=function(e){var t={};function n(n){var i=e.get(n);return void 0===i?[]:t[i]||[]}return{get:n,add:function(n,i){var r=e.get(n);t[r]||(t[r]=[]),t[r].push(i)},removeListener:function(e,t){for(var i=n(e),r=0,o=i.length;o>r;++r)if(i[r]===t){i.splice(r,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),s=function(e){var t=e.stateHandler.getState;return{isDetectable:function(e){var n=t(e);return n&&!!n.isDetectable},markAsDetectable:function(e){t(e).isDetectable=!0},isBusy:function(e){return!!t(e).busy},markBusy:function(e,n){t(e).busy=!!n}}}({stateHandler:W}),c=_(e,"strategy","object"),d={reporter:r,batchProcessor:o,stateHandler:W,idHandler:t};if("scroll"===c&&(k.isLegacyOpera()?(r.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),c="object"):k.isIE(9)&&(r.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),c="object")),"scroll"===c)l=N(d);else{if("object"!==c)throw Error("Invalid strategy name: "+c);l=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function r(e){return i(e).object}return{makeDetectable:function(e,r,o){o||(o=r,r=e,e=null),e=e||{},k.isIE(8)?o(r):function(e,r){var o="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding: 0; margin: 0; opacity: 0; z-index: -1000; pointer-events: none;",a=!1,l=window.getComputedStyle(e),u=e.offsetWidth,s=e.offsetHeight;function c(){function n(){if("static"===l.position){e.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,e,l,"top"),n(t,e,l,"right"),n(t,e,l,"bottom"),n(t,e,l,"left")}}""!==l.position&&(n(),a=!0);var u=document.createElement("object");u.style.cssText=o,u.tabIndex=-1,u.type="text/html",u.setAttribute("aria-hidden","true"),u.onload=function(){a||n(),function e(t,n){t.contentDocument?n(t.contentDocument):setTimeout((function(){e(t,n)}),100)}(this,(function(t){r(e)}))},k.isIE()||(u.data="about:blank"),e.appendChild(u),i(e).object=u,k.isIE()&&(u.data="about:blank")}i(e).startSize={width:u,height:s},n?n.add(c):c()}(r,o)},addListener:function(e,t){if(!r(e))throw Error("Element is not detectable by this strategy.");function n(){t(e)}k.isIE(8)?(i(e).object={proxy:n},e.attachEvent("onresize",n)):r(e).contentDocument.defaultView.addEventListener("resize",n)},uninstall:function(e){k.isIE(8)?e.detachEvent("onresize",i(e).object.proxy):e.removeChild(r(e)),delete i(e).object}}}(d)}var f={};return{listenTo:function(e,n,i){function o(e){var t=u.get(e);V(t,(function(t){t(e)}))}function c(e,t,n){u.add(t,n),e&&n(t)}if(i||(i=n,n=e,e={}),!n)throw Error("At least one element required.");if(!i)throw Error("Listener required.");if(q(n))n=[n];else{if(!j(n))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=B(n)}var d=0,h=_(e,"callOnAdd",a.callOnAdd),p=_(e,"onReady",(function(){})),v=_(e,"debug",a.debug);V(n,(function(e){W.getState(e)||(W.initState(e),t.set(e));var a=t.get(e);if(v&&r.log("Attaching listener to element",a,e),!s.isDetectable(e))return v&&r.log(a,"Not detectable."),s.isBusy(e)?(v&&r.log(a,"System busy making it detectable"),c(h,e,i),f[a]=f[a]||[],void f[a].push((function(){++d===n.length&&p()}))):(v&&r.log(a,"Making detectable..."),s.markBusy(e,!0),l.makeDetectable({debug:v},e,(function(e){if(v&&r.log(a,"onElementDetectable"),W.getState(e)){s.markAsDetectable(e),s.markBusy(e,!1),l.addListener(e,o),c(h,e,i);var t=W.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);f[a]&&V(f[a],(function(e){e()}))}else v&&r.log(a,"Element uninstalled before being detectable.");delete f[a],++d===n.length&&p()})));v&&r.log(a,"Already detecable, adding listener."),c(h,e,i),d++})),d===n.length&&p()},removeListener:u.removeListener,removeAllListeners:u.removeAllListeners,uninstall:function(e){if(!e)return r.error("At least one element is required.");if(q(e))e=[e];else{if(!j(e))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=B(e)}V(e,(function(e){u.removeAllListeners(e),l.uninstall(e),W.cleanState(e)}))}}}({strategy:"scroll"}));var Y=X,F=r({},T.defaultProps);function G(e){var i=e.width,r=e.height,o=t.useRef(null);return g((function(){if(("number"!=typeof i||"number"!=typeof r)&&Y){var e=o.current.getResizeNode();return Y.listenTo(e,(function(){return o.current.calculateSize()})),function(){return Y.uninstall(e)}}}),[i,r]),n.createElement(T,e,(function(t,n){o.current=n;var i=e.children;return"function"==typeof i&&(i=i(t,n)),i}))}G.defaultProps=F,G.PadContent=!0;var U=function(){},J=function(){};if("undefined"!=typeof window){U=window.requestAnimationFrame,J=window.cancelAnimationFrame;for(var K=["ms","moz","webkit","o"],Q=0,Z=0;4>Z&&!U;++Z)U=window[K[Z]+"RequestAnimationFrame"],J=window[K[Z]+"CancelAnimationFrame"]||window[K[Z]+"CancelRequestAnimationFrame"];U||(U=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-Q)),i=window.setTimeout((function(){e(t+n)}),n);return Q=t+n,i},J=function(e){clearTimeout(e)})}var $=r({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,scrollTo:null,scrollToRect:null,onScroll:function(){},onDragStart:function(){},onDragEnd:function(){},onDecelerationStart:function(){},onDecelerationEnd:function(){},onContentResize:function(){}},S.defaultProps);function ee(e){var o=e.width,a=e.height,l=e.pagingEnabled,u=e.directionalLockEnabled,s=e.alwaysBounceX,c=e.alwaysBounceY,d=e.scrollTo,f=e.scrollToRect,h=e.onScroll,p=e.onDragStart,y=e.onDragEnd,x=e.onDecelerationStart,E=e.onDecelerationEnd,z=e.onContentResize,M=i(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","scrollTo","scrollToRect","onScroll","onDragStart","onDragEnd","onDecelerationStart","onDecelerationEnd","onContentResize"]),T=M.enabled,I=M.shouldStart,O=t.useReducer(m,v),k=O[0],L=O[1],R=w(k),P=t.useRef({}),A=k.size,D=k.contentSize,W=k.contentOffset,H=k.contentVelocity,N=k.drag,V=k.deceleration,j=R.current;P.current.state=k;var B=t.useCallback((function(e){return L({type:"setContentSize",value:e})}),[]),q=t.useCallback((function(e){var t=P.current.state;return!(t.options[1]&&!function(e,t,n){var i=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[i]>t[i]}(e.velocity,t.size,t.contentSize))&&I(e)}),[I]);return g((function(){k.pannable.translation!==j.pannable.translation&&(k.pannable.translation?L(j.pannable.translation?{type:"dragMove"}:{type:"dragStart"}):j.pannable.translation&&L(T?{type:"dragEnd"}:{type:"dragCancel"}));var e={size:A,contentSize:D,contentOffset:W,contentVelocity:H,dragging:!!N,decelerating:!!V};D!==j.contentSize&&z(D),W!==j.contentOffset&&h(e),N!==j.drag&&(j.drag?N||y(e):p(e)),V!==j.deceleration&&(j.deceleration?V||E(e):x(e))})),g((function(){if(k.deceleration){var e=U((function(){e=void 0,L({type:"decelerate",now:(new Date).getTime()})}));return function(){e&&J(e)}}}),[k]),t.useMemo((function(){L({type:"setSize",value:{width:o,height:a}})}),[o,a]),t.useMemo((function(){L({type:"setOptions",value:[l,u,s,c]})}),[l,u,s,c]),t.useMemo((function(){d&&L(r({type:"setContentOffset"},d))}),[d]),t.useMemo((function(){f&&L(r({type:"scrollToRect"},f))}),[f]),M.shouldStart=q,M.style=r({},{overflow:"hidden",position:"relative",width:A.width,height:A.height},{},M.style),n.createElement(C.Provider,{value:{visibleRect:{x:-W.x,y:-W.y,width:A.width,height:A.height},resizeContent:B}},n.createElement(S,M,(function(e){e!==k.pannable&&L({type:"setPannable",value:e});var i=b.create({position:"relative",width:D.width,height:D.height,transformTranslate:[W.x,W.y],willChange:"transform"}),o=M.children;return"function"==typeof o&&(o=o(k)),t.isValidElement(o)&&o.type.PadContent?(o.props.style&&(i=r({},i,{},o.props.style)),o=t.cloneElement(o,{style:i,ref:o.ref})):o=n.createElement(G,{style:i},o),o})))}function te(e,t,n){if(!t)return t;if(n){var i,o="y"===n?["y","height"]:["x","width"],a=o[0],l=o[1];return(i={})[a]=t[a]-e[a],i[l]=t[l],i}return r({},te(e,t,"x"),{},te(e,t,"y"))}function ne(e,t,n){if(!t)return!0;if(n){var i="y"===n?["y","height"]:["x","width"],r=i[0],o=i[1];return e[r]+e[o]>=t[r]-.25*t[o]&&t[r]+1.25*t[o]>=e[r]}return ne(e,t,"x")&&ne(e,t,"y")}function ie(){}ee.defaultProps=$;function re(e){var o=e.width,a=e.height,l=e.direction,u=e.rowSpacing,s=e.columnSpacing,c=e.itemCount,d=e.itemWidth,f=e.itemHeight,h=e.renderItem,p=i(e,["width","height","direction","rowSpacing","columnSpacing","itemCount","itemWidth","itemHeight","renderItem"]),v=t.useMemo((function(){return function(e){var t,n,i=e.itemCount,r={width:e.itemWidth,height:e.itemHeight},o={row:e.rowSpacing,column:e.columnSpacing},a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],l=a[0],u=a[1],s=a[2],c=a[3],d=a[4],f=a[5],h={width:e.width,height:e.height}[s],p=0,v=0,m=0,y=[];"number"!=typeof h?(m=i,0===r[s]?h=0:(h=i*r[s],i>1&&(h+=(i-1)*o[f]))):0===r[s]?m=i:(m=1,h>r[s]&&(m+=Math.floor((h-r[s])/(r[s]+o[f]))));m>0&&(v=Math.ceil(i/m));for(var g=0;v>g;g++){g>0&&(p+=o[d]);for(var w=0;m>w;w++){var b,x,E=w+g*m,S=0;if(m>1&&(S+=Math.round(w*((h-r[s])/(m-1)))),E>=i)break;y.push(((x={rect:(b={},b[l]=S,b[u]=p,b[s]=r[s],b[c]=r[c],b)})[d+"Index"]=g,x[f+"Index"]=w,x))}p+=r[c]}return{size:(t={},t[s]=h,t[c]=p,t),count:(n={},n[d]=v,n[f]=m,n),layoutList:y}}({direction:l,width:o,height:a,rowSpacing:u,columnSpacing:s,itemCount:c,itemWidth:d,itemHeight:f})}),[l,o,a,u,s,c,d,f]),m=w(v),y=t.useContext(C),b=v.size,x=v.count,E=v.layoutList,S=m.current,z=t.useCallback((function(){}),[]),T=t.useCallback((function(e){return function(e,t,n){var i="x"===n?["column","row"]:["row","column"],r=i[1];return e[r]+e[i[0]]*t[r]}({row:e.rowIndex,column:e.columnIndex},x,l)}),[l,x]);function I(e){var i,o,a=e.itemIndex,l=e.rect,u=e.visibleRect,s=e.needsRender,c=e.Item,d=h(e),f={position:"absolute",left:l.x,top:l.y,width:l.width,height:l.height};return t.isValidElement(d)&&d.type===c&&(d.props.style&&(f=r({},f,{},d.props.style)),i=d.props.forceRender,o=d.key,d=d.props.children),o||(o=""+a),i||s?(t.isValidElement(d)?(d.props.style&&(f=r({},f,{},d.props.style)),d=t.cloneElement(d,{style:f,ref:d.ref})):d=n.createElement("div",{style:f},d),n.createElement(C.Provider,{key:o,value:r({},y,{visibleRect:u,resizeContent:z})},d)):null}g((function(){y.resizeContent(b)}),[]),g((function(){M(b,S.size)||y.resizeContent(b)}));var O={position:"relative"};b&&(O.width=b.width,O.height=b.height),p.style=r({},O,{},p.style);for(var k=[],L=0;E.length>L;L++){var R=E[L],P=r({},R,{itemIndex:L,visibleRect:te(R.rect,y.visibleRect),needsRender:ne(R.rect,y.visibleRect),Item:ie});k.push(I(P))}return"function"==typeof p.children&&p.children(v,{getItemIndex:T}),n.createElement("div",p,k)}function oe(){}re.defaultProps={width:null,height:null,direction:"y",rowSpacing:0,columnSpacing:0,itemCount:0,itemWidth:0,itemHeight:0,renderItem:function(){return null}},re.PadContent=!0;function ae(e){var o=e.width,a=e.height,l=e.direction,u=e.spacing,s=e.itemCount,c=e.estimatedItemWidth,d=e.estimatedItemHeight,f=e.renderItem,h=i(e,["width","height","direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem"]),p=t.useState([]),v=p[0],m=p[1],y=t.useState({}),b=y[0],x=y[1],E=t.useMemo((function(){return function(e,t,n){var i,r=e.spacing,o=e.itemCount,a={width:e.width,height:e.height},l={width:e.estimatedItemWidth,height:e.estimatedItemHeight},u="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],s=u[0],c=u[1],d=u[2],f=u[3],h=0,p=0,v=[],m={};"number"==typeof a[d]&&(m[d]=a[d]);for(var y=0;o>y;y++){var g,w,b=n[t[y]]||((g={})[d]=void 0===m[d]?l[d]:m[d],g[f]=l[f],g);v.push({rect:(w={},w[s]=0,w[c]=p,w[d]=b[d],w[f]=b[f],w)}),b[f]>0&&(p+=b[f],o-1>y&&(p+=r)),b[d]>h&&(h=b[d])}return{size:(i={},i[d]=h,i[f]=p,i),fixed:m,layoutList:v}}({width:o,height:a,direction:l,spacing:u,itemCount:s,estimatedItemWidth:c,estimatedItemHeight:d},v,b)}),[o,a,l,u,s,c,d,v,b]),S=w(E),z=t.useContext(C),I=E.size,O=E.fixed,k=E.layoutList,L=S.current,R=[],P=t.useCallback((function(e){return function(t){return x((function(n){var i;return M(t,n[e])?n:r({},n,((i={})[e]=t,i))}))}}),[]);function A(e){var i,o,a,l=e.itemIndex,u=e.rect,s=e.visibleRect,c=e.needsRender,d=e.Item,h=f(e),p={position:"absolute",left:u.x,top:u.y,width:u.width,height:u.height};t.isValidElement(h)&&h.type===d&&(h.props.style&&(p=r({},p,{},h.props.style)),i=h.props.forceRender,o=h.props.hash,a=h.key,h=h.props.children),a||(a=""+l),void 0===o&&(o=a);var v=i||c,m=b[o];if(m||-1===R.indexOf(o)||(v=!1),R[l]=o,!v)return null;var y={};return m?(y.width=m.width,y.height=m.height):("number"==typeof O.width&&(y.width=O.width),"number"==typeof O.height&&(y.height=O.height)),t.isValidElement(h)&&h.type.PadContent?(h.props.style&&(p=r({},p,{},h.props.style)),"number"==typeof h.props.width&&(y.width=h.props.width),"number"==typeof h.props.height&&(y.height=h.props.height),h=t.cloneElement(h,r({ref:h.ref,style:p},y))):h=n.createElement(T,r({style:p},y),h),n.createElement(C.Provider,{key:a,value:r({},z,{visibleRect:s,resizeContent:P(o)})},h)}g((function(){z.resizeContent(I)}),[]),g((function(){M(I,L.size)||z.resizeContent(I)}));var D={position:"relative"};I&&(D.width=I.width,D.height=I.height),h.style=r({},D,{},h.style);for(var W=[],H=0;k.length>H;H++){var N=k[H],V=r({},N,{itemIndex:H,visibleRect:te(N.rect,z.visibleRect),needsRender:ne(N.rect,z.visibleRect),Item:oe});W.push(A(V))}return R.join()!==v.join()&&m(R),n.createElement("div",h,W)}ae.defaultProps={width:null,height:null,direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null}},ae.PadContext=!0;function le(e){var o=e.width,a=e.height,l=e.onResize,u=i(e,["width","height","onResize"]),s=t.useState(null),c=s[0],d=s[1],f=w(c),h=t.useRef(null),p=f.current,v=t.useCallback((function(){var e=z(h.current);d(e)}),[]);g((function(){M(c,p)||(c?l(c):v())})),g((function(){if(("number"!=typeof o||"number"!=typeof a)&&Y){var e=h.current;return Y.listenTo(e,(function(){return v()})),function(){return Y.uninstall(e)}}}),[o,a]),t.useMemo((function(){d("number"==typeof o&&"number"==typeof a?{width:o,height:a}:null)}),[o,a]);var m=u.children;return c?"function"==typeof m&&(m=m(c)):m=null,u.style=r({width:ue(o),height:ue(a)},u.style),n.createElement("div",r({},u,{ref:h}),m)}function ue(e){return null==e||""===e?"100%":e}le.defaultProps={width:null,height:null,onResize:function(){}};var se={mouseEntered:!1,loopCount:1,loopOffset:0,loopWidth:0,scrollTo:null,options:["x",!0],pad:v};function ce(e,t){switch(t.type){case"setMouseEntered":return function(e,t){return r({},e,{mouseEntered:t.value})}(e,t);case"setPad":return function(e,t){var n=r({},e,{pad:t.value});return n=de(n=function(e,t){var n,i=e.loopCount,o=e.loopOffset,a=e.options,l=a[0],u=e.pad,s=u.contentOffset,c=u.size,d=u.contentSize;if(a[1]){var f=function(e,t,n,i,r){var o;if(1===i)return[e,0];var a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],u=a[1],s=a[2],c=n[l],d=t[l],f=c/i,h=.5*(c-f-d),p=0,v=d-c,m=e[u],y=0;if(p-=h,m>=(v+=h)&&p>=m)return[e,0];v>m?y=Math.floor((p-m)/f):m>p&&(y=-Math.floor((m-v)/f));return[(o={},o[u]=m+=f*y,o[s]=e[s],o),y]}(s,c,d,i,l),h=f[0],p=f[1];s!==h&&((n=n||r({},e)).loopOffset=o+p,n.scrollTo={offset:h,animated:!1})}return n||e}(n))}(e,t);case"setOptions":return function(e,t){var n=r({},e,{options:t.value});return n=de(n)}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"playNext":return function(e,t){var n=e.pad,i=function(e,t,n,i,r){var o,a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],u=a[1],s=a[2],c=t[l],d=Math.min(c-n[l],0),f=e[u];i&&c>0&&(d=c*Math.ceil(d/c));f=f>d?Math.max(d,f-c):0;return(o={})[u]=f,o[s]=e[s],o}(n.contentOffset,n.size,n.contentSize,n.pagingEnabled,e.options[0]);return r({},e,{scrollTo:{offset:i,animated:!0}})}(e);default:return e}}function de(e,t){var n=e.options,i=e.pad;return r({},e,{},function(e,t,n,i,r){var o="y"===r?"height":"width",a=e[o],l=t[o],u=l/n;if(!i||0===l||0===a)return{loopCount:1,loopOffset:0,loopWidth:u};return{loopCount:2+Math.floor(a/u),loopWidth:u}}(i.size,i.contentSize,e.loopCount,n[1],n[0]))}var fe=r({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3},ee.defaultProps,{pagingEnabled:!0,directionalLockEnabled:!0});function he(e){var r=e.direction,o=e.loop,a=e.autoplayEnabled,l=e.autoplayInterval,u=i(e,["direction","loop","autoplayEnabled","autoplayInterval"]),s=u.onMouseEnter,c=u.onMouseLeave,d=t.useReducer(ce,se),f=d[0],h=d[1],p=f.mouseEntered,v=f.loopCount,m=f.loopOffset,y=f.scrollTo,g=f.pad,w=g.drag,b=g.deceleration;t.useEffect((function(){if(a&&!w&&!b&&!p){var e=setTimeout((function(){e=void 0,h({type:"playNext"})}),l);return function(){e&&clearTimeout(e)}}}),[a,p,w,b,l]),t.useMemo((function(){u.scrollTo&&h({type:"setScrollTo",value:u.scrollTo})}),[u.scrollTo]),t.useMemo((function(){h({type:"setOptions",value:[r,o]})}),[o,r]);var x=t.useCallback((function(e){h({type:"setMouseEntered",value:!0}),s&&s(e)}),[s]),E=t.useCallback((function(e){h({type:"setMouseEntered",value:!1}),c&&c(e)}),[c]);return"x"===r?u.alwaysBounceY=!1:u.alwaysBounceX=!1,a&&(u.onMouseEnter=x,u.onMouseLeave=E),u.scrollTo=y,n.createElement(ee,u,(function(e){e!==f.pad&&h({type:"setPad",value:e});var t=u.children;return"function"==typeof t&&(t=t(f)),n.createElement(ae,{direction:r,itemCount:v,renderItem:function(e){return n.createElement(e.Item,{key:e.itemIndex+m,hash:"loop"},t)}})}))}var pe={pageIndex:0,scrollTo:null,player:se};function ve(e,t){switch(t.type){case"setPlayer":return function(e,t){var n=r({},e,{player:t.value});return n=function(e){var t=e.pageIndex,n=e.player.pad,i=function(e,t,n,i){var r="y"===i?["height","y"]:["width","x"],o=r[0],a=r[1],l=t[o],u=0;if(l>0){u=Math.round(-Math.max(Math.min(l-n[o],0),Math.min(e[a],0))/l)}return u}(n.contentOffset,n.size,n.contentSize,e.player.options[0]);if(i!==t)return r({},e,{pageIndex:i});return e}(n)}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"slideTo":return function(e,t){var n=e.pageIndex,i=e.player.options,o=i[0],a=i[1],l=e.player.pad,u=l.contentOffset,s=l.size,c=t.activeIndex,d=t.itemCount,f=t.animated,h=t.index;if(0===d)return e;"function"==typeof h&&(h=h({activeIndex:c,itemCount:d}));a&&(h+=d*Math.round((n-h)/d));if(h===n)return e;var p=function(e,t,n,i){var r,o="y"===i?["height","y","x"]:["width","x","y"],a=o[2];return(r={})[o[1]]=-e*n[o[0]],r[a]=t[a],r}(h,u,s,o);return r({},e,{scrollTo:{offset:p,animated:f}})}(e,t);default:return e}}var me=r({itemCount:0,renderItem:function(){return null},onSlideChange:function(){},slideTo:null},he.defaultProps=fe);function ye(e){var o=e.itemCount,a=e.renderItem,l=e.onSlideChange,u=e.slideTo,s=i(e,["itemCount","renderItem","onSlideChange","slideTo"]),c=s.width,d=s.height,f=s.direction,h=t.useReducer(ve,pe),p=h[0],v=h[1],m=p.scrollTo,y=p.pageIndex%o,b=w({activeIndex:y,itemCount:o}),x=b.current;g((function(){y!==x.activeIndex&&l({activeIndex:y,itemCount:o})})),t.useMemo((function(){s.scrollTo&&v({type:"setScrollTo",value:s.scrollTo})}),[s.scrollTo]),t.useMemo((function(){u&&v(r({type:"slideTo"},u,{},b.current))}),[u,b]);var E={width:c,height:d,itemWidth:c,itemHeight:d,direction:f,itemCount:o,renderItem:a};s.scrollTo=m;var S=s.children;return"function"==typeof S&&(S=S({activeIndex:y,itemCount:o})),n.createElement(t.Fragment,null,n.createElement(he,s,(function(e){return e!==p.player&&v({type:"setPlayer",value:e}),n.createElement(re,E)})),S)}ye.defaultProps=me,e.AutoResizing=le,e.Carousel=ye,e.GeneralContent=G,e.GridContent=re,e.ItemContent=T,e.ListContent=ae,e.Pad=ee,e.Pannable=S,e.Player=he,Object.defineProperty(e,"__esModule",{value:!0})}));

es/AutoResizing.js

 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useState, useRef, useMemo, useCallback } from 'react';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import resizeDetector from './utils/resizeDetector';
@@ -46,9 +46,11 @@ import { getElementSize } from './utils/sizeGetter';
 
-    var resizeNode = resizeRef.current;
-    resizeDetector.listenTo(resizeNode, function () {
-      return calculateSize();
-    });
-    return function () {
-      return resizeDetector.uninstall(resizeNode);
-    };
+    if (resizeDetector) {
+      var resizeNode = resizeRef.current;
+      resizeDetector.listenTo(resizeNode, function () {
+        return calculateSize();
+      });
+      return function () {
+        return resizeDetector.uninstall(resizeNode);
+      };
+    }
   }, [width, height]);
@@ -55,0 +57,0 @@ useMemo(function () {

es/carousel/Carousel.js

@@ -6,4 +6,4 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import GridContent from '../GridContent';
-import useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect';
-import usePrevRef from '../hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from '../hooks/usePrevRef';
 import { reducer, initialState } from './carouselReducer';
@@ -10,0 +10,0 @@

es/GeneralContent.js

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import resizeDetector from './utils/resizeDetector';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
 
@@ -19,9 +19,11 @@ var defaultGeneralContentProps = _extends({}, ItemContent.defaultProps);
 
-    var resizeNode = itemRef.current.getResizeNode();
-    resizeDetector.listenTo(resizeNode, function () {
-      return itemRef.current.calculateSize();
-    });
-    return function () {
-      return resizeDetector.uninstall(resizeNode);
-    };
+    if (resizeDetector) {
+      var resizeNode = itemRef.current.getResizeNode();
+      resizeDetector.listenTo(resizeNode, function () {
+        return itemRef.current.calculateSize();
+      });
+      return function () {
+        return resizeDetector.uninstall(resizeNode);
+      };
+    }
   }, [width, height]);
@@ -28,0 +30,0 @@ return React.createElement(ItemContent, props, function (size, apis) {

es/GridContent.js

@@ -5,4 +5,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import PadContext from './PadContext';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getItemVisibleRect, needsRender } from './utils/visible';
@@ -9,0 +9,0 @@ import { isEqualToSize } from './utils/geometry';

es/hooks/useIsomorphicLayoutEffect.js

@@ -8,3 +8,2 @@ import { useLayoutEffect, useEffect } from 'react'; // https://github.com/reduxjs/react-redux/blob/v7-beta/src/components/connectAdvanced.js#L35
 
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-export default useIsomorphicLayoutEffect;
+export var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;

es/hooks/usePrevRef.js

 import { useRef, useEffect } from 'react';
-export default function usePrevRef(current) {
+export function usePrevRef(current) {
   var ref = useRef(current);
@@ -4,0 +4,0 @@ useEffect(function () {

es/ItemContent.js

@@ -5,4 +5,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import PadContext from './PadContext';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getElementSize } from './utils/sizeGetter';
@@ -9,0 +9,0 @@ import { isEqualToSize } from './utils/geometry';

es/ListContent.js

@@ -6,4 +6,4 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import ItemContent from './ItemContent';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getItemVisibleRect, needsRender } from './utils/visible';
@@ -10,0 +10,0 @@ import { isEqualToSize } from './utils/geometry';

es/Pad.js

@@ -8,7 +8,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import GeneralContent from './GeneralContent';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import StyleSheet from './utils/StyleSheet';
+import { shouldDragStart } from './utils/motion';
 import { requestAnimationFrame, cancelAnimationFrame } from './utils/animationFrame';
-import { shouldDragStart } from './utils/motion';
 
@@ -15,0 +15,0 @@ var defaultPadProps = _extends({

es/Pannable.js

@@ -5,19 +5,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { initialState, reducer } from './pannableReducer';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import StyleSheet from './utils/StyleSheet';
-/* eslint no-restricted-globals:"off" */
-
-var root;
-
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
-
+import { addEventListener, removeEventListener } from './utils/eventListener';
 var defaultPannableProps = {
@@ -179,7 +166,7 @@ enabled: true,
     } else {
-      root.addEventListener('mousemove', onRootMouseMove, false);
-      root.addEventListener('mouseup', onRootMouseUp, false);
+      addEventListener('mousemove', onRootMouseMove, false);
+      addEventListener('mouseup', onRootMouseUp, false);
       return function () {
-        root.removeEventListener('mousemove', onRootMouseMove, false);
-        root.removeEventListener('mouseup', onRootMouseUp, false);
+        removeEventListener('mousemove', onRootMouseMove, false);
+        removeEventListener('mouseup', onRootMouseUp, false);
       };
@@ -186,0 +173,0 @@ }

es/utils/animationFrame.js

@@ -1,20 +0,35 @@
-// requestAnimationFrame() shim by Paul Irish
 // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+var requestAnimationFrame = function requestAnimationFrame() {};
 
-/* eslint no-restricted-globals:"off" */
-var root;
+var cancelAnimationFrame = function cancelAnimationFrame() {};
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
+if (typeof window !== 'undefined') {
+  requestAnimationFrame = window.requestAnimationFrame;
+  cancelAnimationFrame = window.cancelAnimationFrame;
+  var vendors = ['ms', 'moz', 'webkit', 'o'];
+  var lastTime = 0;
+
+  for (var x = 0; x < vendors.length && !requestAnimationFrame; ++x) {
+    requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+    cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+  }
+
+  if (!requestAnimationFrame) {
+    requestAnimationFrame = function requestAnimationFrame(callback) {
+      var currTime = new Date().getTime();
+      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+      var id = window.setTimeout(function () {
+        callback(currTime + timeToCall);
+      }, timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+
+    cancelAnimationFrame = function cancelAnimationFrame(id) {
+      clearTimeout(id);
+    };
+  }
 }
 
-export var requestAnimationFrame = root.requestAnimationFrame || root.webkitRequestAnimationFrame || root.mozRequestAnimationFrame || root.msRequestAnimationFrame || root.setTimeout && function (fn) {
-  return root.setTimeout(fn, 20);
-} || function () {};
-export var cancelAnimationFrame = root.cancelAnimationFrame || root.webkitCancelAnimationFrame || root.mozCancelAnimationFrame || root.clearTimeout || function () {};
+export { requestAnimationFrame, cancelAnimationFrame };

es/utils/resizeDetector.js

 import elementResizeDetectorMaker from 'element-resize-detector';
-export default elementResizeDetectorMaker({
-  strategy: 'scroll'
-});
+var detector = null;
+
+if (typeof window !== 'undefined') {
+  detector = elementResizeDetectorMaker({
+    strategy: 'scroll'
+  });
+}
+
+export default detector;

es/utils/sizeGetter.js

@@ -1,52 +0,44 @@
-/* eslint no-restricted-globals:"off" */
-var root;
+export function getElementSize(element) {
+  var width = 0;
+  var height = 0;
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
+  if (typeof window !== 'undefined') {
+    width = element.offsetWidth;
+    height = element.offsetHeight;
 
-export function getElementSize(element) {
-  var width = element.offsetWidth || 0;
-  var height = element.offsetHeight || 0;
+    if (window.getComputedStyle) {
+      var styles = window.getComputedStyle(element) || {};
 
-  if (root.getComputedStyle) {
-    var styles = root.getComputedStyle(element) || {};
+      if (styles.paddingLeft) {
+        width -= parseInt(styles.paddingLeft, 10);
+      }
 
-    if (styles.paddingLeft) {
-      width -= parseInt(styles.paddingLeft, 10);
-    }
+      if (styles.paddingRight) {
+        width -= parseInt(styles.paddingRight, 10);
+      }
 
-    if (styles.paddingRight) {
-      width -= parseInt(styles.paddingRight, 10);
-    }
+      if (styles.borderLeftWidth) {
+        width -= parseInt(styles.borderLeftWidth, 10);
+      }
 
-    if (styles.borderLeftWidth) {
-      width -= parseInt(styles.borderLeftWidth, 10);
-    }
+      if (styles.borderRightWidth) {
+        width -= parseInt(styles.borderRightWidth, 10);
+      }
 
-    if (styles.borderRightWidth) {
-      width -= parseInt(styles.borderRightWidth, 10);
-    }
+      if (styles.paddingTop) {
+        height -= parseInt(styles.paddingTop, 10);
+      }
 
-    if (styles.paddingTop) {
-      height -= parseInt(styles.paddingTop, 10);
-    }
+      if (styles.paddingBottom) {
+        height -= parseInt(styles.paddingBottom, 10);
+      }
 
-    if (styles.paddingBottom) {
-      height -= parseInt(styles.paddingBottom, 10);
-    }
+      if (styles.borderTopWidth) {
+        height -= parseInt(styles.borderTopWidth, 10);
+      }
 
-    if (styles.borderTopWidth) {
-      height -= parseInt(styles.borderTopWidth, 10);
+      if (styles.borderBottomWidth) {
+        height -= parseInt(styles.borderBottomWidth, 10);
+      }
     }
-
-    if (styles.borderBottomWidth) {
-      height -= parseInt(styles.borderBottomWidth, 10);
-    }
   }
@@ -53,0 +45,0 @@

lib/AutoResizing.js

@@ -16,5 +16,5 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
@@ -43,3 +43,3 @@ var _resizeDetector = _interopRequireDefault(require("./utils/resizeDetector"));
 
-  var prevSizeRef = (0, _usePrevRef["default"])(size);
+  var prevSizeRef = (0, _usePrevRef.usePrevRef)(size);
   var resizeRef = (0, _react.useRef)(null);
@@ -51,3 +51,3 @@ var prevSize = prevSizeRef.current;
   }, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!(0, _geometry.isEqualToSize)(size, prevSize)) {
@@ -61,3 +61,3 @@ if (size) {
   });
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (typeof width === 'number' && typeof height === 'number') {
@@ -67,11 +67,13 @@ return;
 
-    var resizeNode = resizeRef.current;
+    if (_resizeDetector["default"]) {
+      var resizeNode = resizeRef.current;
 
-    _resizeDetector["default"].listenTo(resizeNode, function () {
-      return calculateSize();
-    });
+      _resizeDetector["default"].listenTo(resizeNode, function () {
+        return calculateSize();
+      });
 
-    return function () {
-      return _resizeDetector["default"].uninstall(resizeNode);
-    };
+      return function () {
+        return _resizeDetector["default"].uninstall(resizeNode);
+      };
+    }
   }, [width, height]);
@@ -78,0 +80,0 @@ (0, _react.useMemo)(function () {

lib/carousel/Carousel.js

@@ -20,5 +20,5 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("../hooks/usePrevRef"));
+var _usePrevRef = require("../hooks/usePrevRef");
 
@@ -53,3 +53,3 @@ var _carouselReducer = require("./carouselReducer");
   var activeIndex = pageIndex % itemCount;
-  var innerRef = (0, _usePrevRef["default"])({
+  var innerRef = (0, _usePrevRef.usePrevRef)({
     activeIndex: activeIndex,
@@ -59,3 +59,3 @@ itemCount: itemCount
   var prevInner = innerRef.current;
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (activeIndex !== prevInner.activeIndex) {
@@ -62,0 +62,0 @@ onSlideChange({

lib/GeneralContent.js

@@ -18,3 +18,3 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
@@ -27,3 +27,3 @@ var defaultGeneralContentProps = (0, _extends2["default"])({}, _ItemContent["default"].defaultProps);
   var itemRef = (0, _react.useRef)(null);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (typeof width === 'number' && typeof height === 'number') {
@@ -33,11 +33,13 @@ return;
 
-    var resizeNode = itemRef.current.getResizeNode();
+    if (_resizeDetector["default"]) {
+      var resizeNode = itemRef.current.getResizeNode();
 
-    _resizeDetector["default"].listenTo(resizeNode, function () {
-      return itemRef.current.calculateSize();
-    });
+      _resizeDetector["default"].listenTo(resizeNode, function () {
+        return itemRef.current.calculateSize();
+      });
 
-    return function () {
-      return _resizeDetector["default"].uninstall(resizeNode);
-    };
+      return function () {
+        return _resizeDetector["default"].uninstall(resizeNode);
+      };
+    }
   }, [width, height]);
@@ -44,0 +46,0 @@ return _react["default"].createElement(_ItemContent["default"], props, function (size, apis) {

lib/GridContent.js

@@ -18,5 +18,5 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
@@ -66,3 +66,3 @@ var _visible = require("./utils/visible");
   }, [direction, width, height, rowSpacing, columnSpacing, itemCount, itemWidth, itemHeight]);
-  var prevLayoutRef = (0, _usePrevRef["default"])(layout);
+  var prevLayoutRef = (0, _usePrevRef.usePrevRef)(layout);
   var context = (0, _react.useContext)(_PadContext["default"]);
@@ -82,6 +82,6 @@ var size = layout.size,
   }, [direction, count]);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     context.resizeContent(size);
   }, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!(0, _geometry.isEqualToSize)(size, prevLayout.size)) {
@@ -88,0 +88,0 @@ context.resizeContent(size);

lib/hooks/useIsomorphicLayoutEffect.js

 "use strict";
 
 exports.__esModule = true;
-exports["default"] = void 0;
+exports.useIsomorphicLayoutEffect = void 0;
 
@@ -14,4 +14,3 @@ var _react = require("react");
 // a render is actually committed to the DOM.
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
-var _default = useIsomorphicLayoutEffect;
-exports["default"] = _default;
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

lib/hooks/usePrevRef.js

 "use strict";
 
 exports.__esModule = true;
-exports["default"] = usePrevRef;
+exports.usePrevRef = usePrevRef;
 
@@ -6,0 +6,0 @@ var _react = require("react");

lib/ItemContent.js

@@ -18,5 +18,5 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
@@ -41,3 +41,3 @@ var _sizeGetter = require("./utils/sizeGetter");
 
-  var prevSizeRef = (0, _usePrevRef["default"])(size);
+  var prevSizeRef = (0, _usePrevRef.usePrevRef)(size);
   var context = (0, _react.useContext)(_PadContext["default"]);
@@ -54,4 +54,4 @@ var resizeRef = (0, _react.useRef)(null);
   }, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {}, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {}, []);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!(0, _geometry.isEqualToSize)(size, prevSize)) {
@@ -58,0 +58,0 @@ if (size) {

lib/ListContent.js

@@ -20,5 +20,5 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
@@ -74,3 +74,3 @@ var _visible = require("./utils/visible");
   }, [width, height, direction, spacing, itemCount, estimatedItemWidth, estimatedItemHeight, itemHashList, itemSizeDict]);
-  var prevLayoutRef = (0, _usePrevRef["default"])(layout);
+  var prevLayoutRef = (0, _usePrevRef.usePrevRef)(layout);
   var context = (0, _react.useContext)(_PadContext["default"]);
@@ -91,6 +91,6 @@ var size = layout.size,
   }, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     context.resizeContent(size);
   }, []);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!(0, _geometry.isEqualToSize)(size, prevLayout.size)) {
@@ -97,0 +97,0 @@ context.resizeContent(size);

lib/Pad.js

@@ -24,12 +24,12 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
 var _StyleSheet = _interopRequireDefault(require("./utils/StyleSheet"));
 
+var _motion = require("./utils/motion");
+
 var _animationFrame = require("./utils/animationFrame");
 
-var _motion = require("./utils/motion");
-
 var defaultPadProps = (0, _extends2["default"])({
@@ -75,3 +75,3 @@ width: 0,
 
-  var prevStateRef = (0, _usePrevRef["default"])(state);
+  var prevStateRef = (0, _usePrevRef.usePrevRef)(state);
   var innerRef = (0, _react.useRef)({});
@@ -105,3 +105,3 @@ var size = state.size,
   }, [shouldStart]);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (state.pannable.translation !== prevState.pannable.translation) {
@@ -164,3 +164,3 @@ if (state.pannable.translation) {
   });
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!state.deceleration) {
@@ -167,0 +167,0 @@ return;

lib/Pannable.js

@@ -18,21 +18,10 @@ "use strict";
 
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./hooks/useIsomorphicLayoutEffect"));
+var _useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect");
 
-var _usePrevRef = _interopRequireDefault(require("./hooks/usePrevRef"));
+var _usePrevRef = require("./hooks/usePrevRef");
 
 var _StyleSheet = _interopRequireDefault(require("./utils/StyleSheet"));
 
-/* eslint no-restricted-globals:"off" */
-var root;
+var _eventListener = require("./utils/eventListener");
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
-
 var defaultPannableProps = {
@@ -62,3 +51,3 @@ enabled: true,
 
-  var prevStateRef = (0, _usePrevRef["default"])(state);
+  var prevStateRef = (0, _usePrevRef.usePrevRef)(state);
   var elemRef = (0, _react.useRef)(null);
@@ -75,3 +64,3 @@ var innerRef = (0, _react.useRef)({
   var prevState = prevStateRef.current;
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     function track(target, point) {
@@ -132,3 +121,3 @@ dispatch({
   }, [enabled]);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     function move(point) {
@@ -197,11 +186,11 @@ dispatch({
     } else {
-      root.addEventListener('mousemove', onRootMouseMove, false);
-      root.addEventListener('mouseup', onRootMouseUp, false);
+      (0, _eventListener.addEventListener)('mousemove', onRootMouseMove, false);
+      (0, _eventListener.addEventListener)('mouseup', onRootMouseUp, false);
       return function () {
-        root.removeEventListener('mousemove', onRootMouseMove, false);
-        root.removeEventListener('mouseup', onRootMouseUp, false);
+        (0, _eventListener.removeEventListener)('mousemove', onRootMouseMove, false);
+        (0, _eventListener.removeEventListener)('mouseup', onRootMouseUp, false);
       };
     }
   }, [target]);
-  (0, _useIsomorphicLayoutEffect["default"])(function () {
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     var output = {
@@ -208,0 +197,0 @@ target: target,

lib/utils/animationFrame.js

@@ -5,26 +5,39 @@ "use strict";
 exports.cancelAnimationFrame = exports.requestAnimationFrame = void 0;
-// requestAnimationFrame() shim by Paul Irish
+
 // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+var requestAnimationFrame = function requestAnimationFrame() {};
 
-/* eslint no-restricted-globals:"off" */
-var root;
+exports.requestAnimationFrame = requestAnimationFrame;
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
+var cancelAnimationFrame = function cancelAnimationFrame() {};
 
-var requestAnimationFrame = root.requestAnimationFrame || root.webkitRequestAnimationFrame || root.mozRequestAnimationFrame || root.msRequestAnimationFrame || root.setTimeout && function (fn) {
-  return root.setTimeout(fn, 20);
-} || function () {};
+exports.cancelAnimationFrame = cancelAnimationFrame;
 
-exports.requestAnimationFrame = requestAnimationFrame;
+if (typeof window !== 'undefined') {
+  exports.requestAnimationFrame = requestAnimationFrame = window.requestAnimationFrame;
+  exports.cancelAnimationFrame = cancelAnimationFrame = window.cancelAnimationFrame;
+  var vendors = ['ms', 'moz', 'webkit', 'o'];
+  var lastTime = 0;
 
-var cancelAnimationFrame = root.cancelAnimationFrame || root.webkitCancelAnimationFrame || root.mozCancelAnimationFrame || root.clearTimeout || function () {};
+  for (var x = 0; x < vendors.length && !requestAnimationFrame; ++x) {
+    exports.requestAnimationFrame = requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+    exports.cancelAnimationFrame = cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+  }
 
-exports.cancelAnimationFrame = cancelAnimationFrame;
+  if (!requestAnimationFrame) {
+    exports.requestAnimationFrame = requestAnimationFrame = function requestAnimationFrame(callback) {
+      var currTime = new Date().getTime();
+      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+      var id = window.setTimeout(function () {
+        callback(currTime + timeToCall);
+      }, timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+
+    exports.cancelAnimationFrame = cancelAnimationFrame = function cancelAnimationFrame(id) {
+      clearTimeout(id);
+    };
+  }
+}

lib/utils/resizeDetector.js

@@ -10,6 +10,11 @@ "use strict";
 
-var _default = (0, _elementResizeDetector["default"])({
-  strategy: 'scroll'
-});
+var detector = null;
 
+if (typeof window !== 'undefined') {
+  detector = (0, _elementResizeDetector["default"])({
+    strategy: 'scroll'
+  });
+}
+
+var _default = detector;
 exports["default"] = _default;

lib/utils/sizeGetter.js

@@ -6,53 +6,45 @@ "use strict";
 
-/* eslint no-restricted-globals:"off" */
-var root;
+function getElementSize(element) {
+  var width = 0;
+  var height = 0;
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
+  if (typeof window !== 'undefined') {
+    width = element.offsetWidth;
+    height = element.offsetHeight;
 
-function getElementSize(element) {
-  var width = element.offsetWidth || 0;
-  var height = element.offsetHeight || 0;
+    if (window.getComputedStyle) {
+      var styles = window.getComputedStyle(element) || {};
 
-  if (root.getComputedStyle) {
-    var styles = root.getComputedStyle(element) || {};
+      if (styles.paddingLeft) {
+        width -= parseInt(styles.paddingLeft, 10);
+      }
 
-    if (styles.paddingLeft) {
-      width -= parseInt(styles.paddingLeft, 10);
-    }
+      if (styles.paddingRight) {
+        width -= parseInt(styles.paddingRight, 10);
+      }
 
-    if (styles.paddingRight) {
-      width -= parseInt(styles.paddingRight, 10);
-    }
+      if (styles.borderLeftWidth) {
+        width -= parseInt(styles.borderLeftWidth, 10);
+      }
 
-    if (styles.borderLeftWidth) {
-      width -= parseInt(styles.borderLeftWidth, 10);
-    }
+      if (styles.borderRightWidth) {
+        width -= parseInt(styles.borderRightWidth, 10);
+      }
 
-    if (styles.borderRightWidth) {
-      width -= parseInt(styles.borderRightWidth, 10);
-    }
+      if (styles.paddingTop) {
+        height -= parseInt(styles.paddingTop, 10);
+      }
 
-    if (styles.paddingTop) {
-      height -= parseInt(styles.paddingTop, 10);
-    }
+      if (styles.paddingBottom) {
+        height -= parseInt(styles.paddingBottom, 10);
+      }
 
-    if (styles.paddingBottom) {
-      height -= parseInt(styles.paddingBottom, 10);
-    }
+      if (styles.borderTopWidth) {
+        height -= parseInt(styles.borderTopWidth, 10);
+      }
 
-    if (styles.borderTopWidth) {
-      height -= parseInt(styles.borderTopWidth, 10);
+      if (styles.borderBottomWidth) {
+        height -= parseInt(styles.borderBottomWidth, 10);
+      }
     }
-
-    if (styles.borderBottomWidth) {
-      height -= parseInt(styles.borderBottomWidth, 10);
-    }
   }
@@ -59,0 +51,0 @@

package.json

 {
   "name": "react-pannable",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Flexible and Customizable Layouts for Scrolling Content with React",
@@ -69,14 +69,14 @@ "keywords": [
   "devDependencies": {
-    "@babel/cli": "^7.6.4",
-    "@babel/core": "^7.6.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
-    "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@babel/plugin-transform-runtime": "^7.6.2",
-    "@babel/preset-env": "^7.6.3",
-    "@typescript-eslint/eslint-plugin": "^2.5.0",
-    "@typescript-eslint/parser": "^2.5.0",
+    "@babel/cli": "^7.7.4",
+    "@babel/core": "^7.7.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.7.4",
+    "@babel/plugin-transform-react-jsx": "^7.7.4",
+    "@babel/plugin-transform-runtime": "^7.7.4",
+    "@babel/preset-env": "^7.7.4",
+    "@typescript-eslint/eslint-plugin": "^2.9.0",
+    "@typescript-eslint/parser": "^2.9.0",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
-    "coveralls": "^3.0.7",
-    "eslint": "^6.5.1",
+    "coveralls": "^3.0.8",
+    "eslint": "^6.7.1",
     "eslint-config-react-app": "^5.0.2",
@@ -89,5 +89,6 @@ "eslint-plugin-flowtype": "^3.13.0",
     "jest": "^24.9.0",
-    "react-test-renderer": "^16.10.2",
+    "react": "^16.8.3",
+    "react-test-renderer": "^16.8.3",
     "rimraf": "^3.0.0",
-    "rollup": "^1.25.1",
+    "rollup": "^1.27.5",
     "rollup-plugin-babel": "^4.3.3",
@@ -98,4 +99,4 @@ "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-terser": "^5.1.2",
-    "typescript": "^3.6.4"
+    "typescript": "^3.7.2"
   }
 }

src/AutoResizing.js

 import React, { useState, useRef, useMemo, useCallback } from 'react';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import resizeDetector from './utils/resizeDetector';
@@ -42,7 +42,8 @@ import { getElementSize } from './utils/sizeGetter';
 
-    const resizeNode = resizeRef.current;
+    if (resizeDetector) {
+      const resizeNode = resizeRef.current;
+      resizeDetector.listenTo(resizeNode, () => calculateSize());
 
-    resizeDetector.listenTo(resizeNode, () => calculateSize());
-
-    return () => resizeDetector.uninstall(resizeNode);
+      return () => resizeDetector.uninstall(resizeNode);
+    }
   }, [width, height]);
@@ -49,0 +50,0 @@

src/carousel/Carousel.js

 import React, { Fragment, useMemo, useReducer } from 'react';
 import Player from './Player';
 import GridContent from '../GridContent';
-import useIsomorphicLayoutEffect from '../hooks/useIsomorphicLayoutEffect';
-import usePrevRef from '../hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from '../hooks/usePrevRef';
 import { reducer, initialState } from './carouselReducer';
@@ -7,0 +7,0 @@

src/GeneralContent.js

 import React, { useRef } from 'react';
 import ItemContent from './ItemContent';
 import resizeDetector from './utils/resizeDetector';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
 
@@ -17,7 +17,10 @@ const defaultGeneralContentProps = { ...ItemContent.defaultProps };
 
-    const resizeNode = itemRef.current.getResizeNode();
+    if (resizeDetector) {
+      const resizeNode = itemRef.current.getResizeNode();
+      resizeDetector.listenTo(resizeNode, () =>
+        itemRef.current.calculateSize()
+      );
 
-    resizeDetector.listenTo(resizeNode, () => itemRef.current.calculateSize());
-
-    return () => resizeDetector.uninstall(resizeNode);
+      return () => resizeDetector.uninstall(resizeNode);
+    }
   }, [width, height]);
@@ -24,0 +27,0 @@

src/GridContent.js

@@ -9,4 +9,4 @@ import React, {
 import PadContext from './PadContext';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getItemVisibleRect, needsRender } from './utils/visible';
@@ -13,0 +13,0 @@ import { isEqualToSize } from './utils/geometry';

src/hooks/useIsomorphicLayoutEffect.js

@@ -9,5 +9,8 @@ import { useLayoutEffect, useEffect } from 'react';
 // a render is actually committed to the DOM.
-const useIsomorphicLayoutEffect =
-  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
-export default useIsomorphicLayoutEffect;
+export const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' &&
+  typeof window.document !== 'undefined' &&
+  typeof window.document.createElement !== 'undefined'
+    ? useLayoutEffect
+    : useEffect;

src/hooks/usePrevRef.js

 import { useRef, useEffect } from 'react';
 
-export default function usePrevRef(current) {
+export function usePrevRef(current) {
   const ref = useRef(current);
@@ -5,0 +5,0 @@

src/ItemContent.js

@@ -9,4 +9,4 @@ import React, {
 import PadContext from './PadContext';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getElementSize } from './utils/sizeGetter';
@@ -13,0 +13,0 @@ import { isEqualToSize } from './utils/geometry';

src/ListContent.js

@@ -11,4 +11,4 @@ import React, {
 import ItemContent from './ItemContent';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import { getItemVisibleRect, needsRender } from './utils/visible';
@@ -15,0 +15,0 @@ import { isEqualToSize } from './utils/geometry';

src/Pad.js

@@ -13,5 +13,6 @@ import React, {
 import GeneralContent from './GeneralContent';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import StyleSheet from './utils/StyleSheet';
+import { shouldDragStart } from './utils/motion';
 import {
@@ -21,3 +22,2 @@ requestAnimationFrame,
 } from './utils/animationFrame';
-import { shouldDragStart } from './utils/motion';
 
@@ -24,0 +24,0 @@ const defaultPadProps = {

src/Pannable.js

 import React, { useRef, useMemo, useReducer } from 'react';
 import { initialState, reducer } from './pannableReducer';
-import useIsomorphicLayoutEffect from './hooks/useIsomorphicLayoutEffect';
-import usePrevRef from './hooks/usePrevRef';
+import { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
+import { usePrevRef } from './hooks/usePrevRef';
 import StyleSheet from './utils/StyleSheet';
+import { addEventListener, removeEventListener } from './utils/eventListener';
 
-/* eslint no-restricted-globals:"off" */
-
-let root;
-
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
-
 const defaultPannableProps = {
@@ -156,8 +143,8 @@ enabled: true,
     } else {
-      root.addEventListener('mousemove', onRootMouseMove, false);
-      root.addEventListener('mouseup', onRootMouseUp, false);
+      addEventListener('mousemove', onRootMouseMove, false);
+      addEventListener('mouseup', onRootMouseUp, false);
 
       return () => {
-        root.removeEventListener('mousemove', onRootMouseMove, false);
-        root.removeEventListener('mouseup', onRootMouseUp, false);
+        removeEventListener('mousemove', onRootMouseMove, false);
+        removeEventListener('mouseup', onRootMouseUp, false);
       };
@@ -164,0 +151,0 @@ }

src/utils/animationFrame.js

@@ -1,31 +0,40 @@
-// requestAnimationFrame() shim by Paul Irish
 // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
 
-/* eslint no-restricted-globals:"off" */
+let requestAnimationFrame = function() {};
+let cancelAnimationFrame = function() {};
 
-let root;
+if (typeof window !== 'undefined') {
+  requestAnimationFrame = window.requestAnimationFrame;
+  cancelAnimationFrame = window.cancelAnimationFrame;
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
+  const vendors = ['ms', 'moz', 'webkit', 'o'];
+  let lastTime = 0;
+
+  for (let x = 0; x < vendors.length && !requestAnimationFrame; ++x) {
+    requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+    cancelAnimationFrame =
+      window[vendors[x] + 'CancelAnimationFrame'] ||
+      window[vendors[x] + 'CancelRequestAnimationFrame'];
+  }
+
+  if (!requestAnimationFrame) {
+    requestAnimationFrame = function(callback) {
+      const currTime = new Date().getTime();
+      const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+
+      const id = window.setTimeout(function() {
+        callback(currTime + timeToCall);
+      }, timeToCall);
+
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+
+    cancelAnimationFrame = function(id) {
+      clearTimeout(id);
+    };
+  }
 }
 
-export const requestAnimationFrame =
-  root.requestAnimationFrame ||
-  root.webkitRequestAnimationFrame ||
-  root.mozRequestAnimationFrame ||
-  root.msRequestAnimationFrame ||
-  (root.setTimeout && (fn => root.setTimeout(fn, 20))) ||
-  (() => {});
-
-export const cancelAnimationFrame =
-  root.cancelAnimationFrame ||
-  root.webkitCancelAnimationFrame ||
-  root.mozCancelAnimationFrame ||
-  root.clearTimeout ||
-  (() => {});
+export { requestAnimationFrame, cancelAnimationFrame };

src/utils/resizeDetector.js

 import elementResizeDetectorMaker from 'element-resize-detector';
 
-export default elementResizeDetectorMaker({ strategy: 'scroll' });
+let detector = null;
+
+if (typeof window !== 'undefined') {
+  detector = elementResizeDetectorMaker({ strategy: 'scroll' });
+}
+
+export default detector;

src/utils/sizeGetter.js

@@ -1,46 +0,37 @@
-/* eslint no-restricted-globals:"off" */
+export function getElementSize(element) {
+  let width = 0;
+  let height = 0;
 
-let root;
+  if (typeof window !== 'undefined') {
+    width = element.offsetWidth;
+    height = element.offsetHeight;
 
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else {
-  root = {};
-}
+    if (window.getComputedStyle) {
+      const styles = window.getComputedStyle(element) || {};
 
-export function getElementSize(element) {
-  let width = element.offsetWidth || 0;
-  let height = element.offsetHeight || 0;
-
-  if (root.getComputedStyle) {
-    const styles = root.getComputedStyle(element) || {};
-
-    if (styles.paddingLeft) {
-      width -= parseInt(styles.paddingLeft, 10);
+      if (styles.paddingLeft) {
+        width -= parseInt(styles.paddingLeft, 10);
+      }
+      if (styles.paddingRight) {
+        width -= parseInt(styles.paddingRight, 10);
+      }
+      if (styles.borderLeftWidth) {
+        width -= parseInt(styles.borderLeftWidth, 10);
+      }
+      if (styles.borderRightWidth) {
+        width -= parseInt(styles.borderRightWidth, 10);
+      }
+      if (styles.paddingTop) {
+        height -= parseInt(styles.paddingTop, 10);
+      }
+      if (styles.paddingBottom) {
+        height -= parseInt(styles.paddingBottom, 10);
+      }
+      if (styles.borderTopWidth) {
+        height -= parseInt(styles.borderTopWidth, 10);
+      }
+      if (styles.borderBottomWidth) {
+        height -= parseInt(styles.borderBottomWidth, 10);
+      }
     }
-    if (styles.paddingRight) {
-      width -= parseInt(styles.paddingRight, 10);
-    }
-    if (styles.borderLeftWidth) {
-      width -= parseInt(styles.borderLeftWidth, 10);
-    }
-    if (styles.borderRightWidth) {
-      width -= parseInt(styles.borderRightWidth, 10);
-    }
-    if (styles.paddingTop) {
-      height -= parseInt(styles.paddingTop, 10);
-    }
-    if (styles.paddingBottom) {
-      height -= parseInt(styles.paddingBottom, 10);
-    }
-    if (styles.borderTopWidth) {
-      height -= parseInt(styles.borderTopWidth, 10);
-    }
-    if (styles.borderBottomWidth) {
-      height -= parseInt(styles.borderBottomWidth, 10);
-    }
   }
@@ -47,0 +38,0 @@

No alert changes

Improved metrics

Total package byte prevSize

414012

increased by0.81%

Number of package files

82

increased by3.8%

Lines of code

11049

increased by0.31%

Worsened metrics

Dev dependency count

29

increased by3.57%

No dependency changes