react-pannable - npm Package Compare versions

Comparing version 5.0.3 to 5.0.4

cjs/pad/GridContent.js

@@ -87,3 +87,3 @@ "use strict";
   }, [direction, fixedWidth, fixedHeight, rowSpacing, columnSpacing, itemWidth, itemHeight, itemCount]);
-  var prevLayout = (0, _hooks.usePrevious)(layout);
+  var prevLayoutRef = (0, _react.useRef)(layout);
   var delegate = {
@@ -95,6 +95,9 @@ onResize: context.onResize
   (0, _hooks.useIsomorphicLayoutEffect)(function () {
+    var prevLayout = prevLayoutRef.current;
+    prevLayoutRef.current = layout;
+
     if (prevLayout.size === layout.size || !(0, _geometry.isEqualToSize)(prevLayout.size, layout.size)) {
       delegateRef.current.onResize(layout.size);
     }
-  }, [layout.size]);
+  }, [layout]);
 
@@ -101,0 +104,0 @@ function buildItem(attrs) {

cjs/pad/ListContent.js

@@ -89,3 +89,3 @@ "use strict";
   }, [fixedWidth, fixedHeight, direction, spacing, estimatedItemWidth, estimatedItemHeight, itemCount, itemHashList, itemSizeDict]);
-  var prevLayout = (0, _hooks.usePrevious)(layout);
+  var prevLayoutRef = (0, _react.useRef)(layout);
   var delegate = {
@@ -97,6 +97,9 @@ onResize: context.onResize
   (0, _hooks.useIsomorphicLayoutEffect)(function () {
+    var prevLayout = prevLayoutRef.current;
+    prevLayoutRef.current = layout;
+
     if (prevLayout.size === layout.size || !(0, _geometry.isEqualToSize)(prevLayout.size, layout.size)) {
       delegateRef.current.onResize(layout.size);
     }
-  }, [layout.size]);
+  }, [layout]);
   var nextItemHashList = [];
@@ -103,0 +106,0 @@

dist/index.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="undefined"!=typeof globalThis?globalThis:e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i="undefined"==typeof window?t.useEffect:t.useLayoutEffect;function o(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e}),[e]),n.current}function a(e){var t={exports:{}};return e(t,t.exports),t.exports}var c=a((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var r=t(e[n]);if(r)return r}}})),l=a((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:undefined}());var t},t.isLegacyOpera=function(){return!!window.opera}})),u=a((function(e){(e.exports={}).getOption=function(e,t,n){var r=e[t];if(null==r&&void 0!==n)return n;return r}})),s=function(e){var t=(e=e||{}).reporter,n=u.getOption(e,"async",!0),r=u.getOption(e,"auto",!0);r&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var i,o=d(),a=!1;function c(){for(a=!0;o.size();){var e=o;o=d(),e.process()}a=!1}function l(){i=setTimeout(c,0)}return{add:function(e,t){!a&&r&&n&&0===o.size()&&l(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),i&&(clearTimeout(i),i=null),e?l():c())}}};function d(){var e={},t=0,n=0,r=0;return{add:function(i,o){o||(o=i,i=0),i>n?n=i:r>i&&(r=i),e[i]||(e[i]=[]),e[i].push(o),t++},process:function(){for(var t=r;n>=t;t++)for(var i=e[t],o=0;i.length>o;o++){(0,i[o])()}},size:function(){return t}}}function f(e){return e._erd}var h={initState:function(e){return e._erd={},f(e)},getState:f,cleanState:function(e){delete e._erd}},p=c.forEach,y=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,r=e.stateHandler.getState,i=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=500,t=500,n=document.createElement("div");n.style.cssText=l(["position: absolute","width: 1000px","height: 1000px","visibility: hidden","margin: 0","padding: 0"]);var r=document.createElement("div");r.style.cssText=l(["position: absolute","width: 500px","height: 500px","overflow: scroll","visibility: none","top: -1500px","left: -1500px","visibility: hidden","margin: 0","padding: 0"]),r.appendChild(n),document.body.insertBefore(r,document.body.firstChild);var i=e-r.clientWidth,o=t-r.clientHeight;return document.body.removeChild(r),{width:i,height:o}}(),a="erd_scroll_detection_container";function c(e){!function(e,t,n){function r(n,r){r=r||function(t){e.head.appendChild(t)};var i=e.createElement("style");return i.innerHTML=n,i.id=t,r(i),i}if(!e.getElementById(t)){var i=n+"_animation",o=n+"_animation_active",a="/* Created by the element-resize-detector library. */\n";a+="."+n+" > div::-webkit-scrollbar { "+l(["display: none"])+" }\n\n",a+="."+o+" { "+l(["-webkit-animation-duration: 0.1s","animation-duration: 0.1s","-webkit-animation-name: "+i,"animation-name: "+i])+" }\n",a+="@-webkit-keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",r(a+="@keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}(e,"erd_scroll_detection_scrollbar_style",a)}function l(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function u(e,n,r){if(e.addEventListener)e.addEventListener(n,r);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,r)}}function s(e,n,r){if(e.removeEventListener)e.removeEventListener(n,r);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,r)}}function d(e){return r(e).container.childNodes[0].childNodes[0].childNodes[0]}function f(e){return r(e).container.childNodes[0].childNodes[0].childNodes[1]}return c(window.document),{makeDetectable:function(e,c,s){function h(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(i.get(c),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var r=0;n.length>r;r++)t.log(n[r])}}function y(e){var t=r(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function g(){var e=window.getComputedStyle(c),t={};return t.position=e.position,t.width=c.offsetWidth,t.height=c.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(h("storeStyle invoked."),r(c)){var e=g();r(c).style=e}else h("Aborting because element has been uninstalled")}function m(e,t,n){r(e).lastWidth=t,r(e).lastHeight=n}function b(){return 2*o.width+1}function O(){return 2*o.height+1}function w(e){return e+10+b()}function x(e){return e+10+O()}function j(e,t,n){var r=d(e),i=f(e),o=w(t),a=x(n),c=function(e){return 2*e+b()}(t),l=function(e){return 2*e+O()}(n);r.scrollLeft=o,r.scrollTop=a,i.scrollLeft=c,i.scrollTop=l}function E(){var e=r(c).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText=l(["visibility: hidden","display: inline","width: 0px","height: 0px","z-index: -1","overflow: hidden","margin: 0","padding: 0"]),r(c).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),c.appendChild(e);var t=function(){r(c).onRendered&&r(c).onRendered()};u(e,"animationstart",t),r(c).onAnimationStart=t}return e}function P(){if(h("Injecting elements"),r(c)){!function(){var n=r(c).style;if("static"===n.position){c.style.setProperty("position","relative",e.important?"important":"");var i=function(e,t,n,r){var i=n[r];"auto"!==i&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(i)&&(e.warn("An element that is positioned static has style."+r+"="+i+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+r+" will be set to 0. Element: ",t),t.style[r]=0)};i(t,c,n,"top"),i(t,c,n,"right"),i(t,c,n,"bottom"),i(t,c,n,"left")}}();var n=r(c).container;n||(n=E());var i,s,d,f,p=o.width,y=o.height,g=l(["position: absolute","flex: none","overflow: hidden","z-index: -1","visibility: hidden","width: 100%","height: 100%","left: 0px","top: 0px"]),v=l(["position: absolute","flex: none","overflow: hidden","z-index: -1","visibility: hidden"].concat(["left: "+(i=(i=-(1+p))?i+"px":"0"),"top: "+(s=(s=-(1+y))?s+"px":"0"),"right: "+(f=(f=-p)?f+"px":"0"),"bottom: "+(d=(d=-y)?d+"px":"0")])),m=l(["position: absolute","flex: none","overflow: scroll","z-index: -1","visibility: hidden","width: 100%","height: 100%"]),b=l(["position: absolute","flex: none","overflow: scroll","z-index: -1","visibility: hidden","width: 100%","height: 100%"]),O=l(["position: absolute","left: 0","top: 0"]),w=l(["position: absolute","width: 200%","height: 200%"]),x=document.createElement("div"),j=document.createElement("div"),P=document.createElement("div"),S=document.createElement("div"),z=document.createElement("div"),I=document.createElement("div");x.dir="ltr",x.style.cssText=g,x.className=a,j.className=a,j.style.cssText=v,P.style.cssText=m,S.style.cssText=O,z.style.cssText=b,I.style.cssText=w,P.appendChild(S),z.appendChild(I),j.appendChild(P),j.appendChild(z),x.appendChild(j),n.appendChild(x),u(P,"scroll",D),u(z,"scroll",M),r(c).onExpandScroll=D,r(c).onShrinkScroll=M}else h("Aborting because element has been uninstalled");function D(){r(c).onExpand&&r(c).onExpand()}function M(){r(c).onShrink&&r(c).onShrink()}}function S(){function o(t,n,r){var i=function(e){return d(e).childNodes[0]}(t),o=w(n),a=x(r);i.style.setProperty("width",o+"px",e.important?"important":""),i.style.setProperty("height",a+"px",e.important?"important":"")}function a(a){var u=c.offsetWidth,s=c.offsetHeight,d=u!==r(c).lastWidth||s!==r(c).lastHeight;h("Storing current size",u,s),m(c,u,s),n.add(0,(function(){if(d)if(r(c))if(l()){if(e.debug)c.offsetWidth===u&&c.offsetHeight===s||t.warn(i.get(c),"Scroll: Size changed before updating detector elements.");o(c,u,s)}else h("Aborting because element container has not been initialized");else h("Aborting because element has been uninstalled")})),n.add(1,(function(){r(c)?l()?j(c,u,s):h("Aborting because element container has not been initialized"):h("Aborting because element has been uninstalled")})),d&&a&&n.add(2,(function(){r(c)?l()?a():h("Aborting because element container has not been initialized"):h("Aborting because element has been uninstalled")}))}function l(){return!!r(c).container}function u(){h("notifyListenersIfNeeded invoked");var e=r(c);return void 0===r(c).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?h("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?h("Not notifying: Size already notified"):(h("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void p(r(c).listeners,(function(e){e(c)})))}function s(){h("Scroll detected."),y(c)?h("Scroll event fired while unrendered. Ignoring..."):a(u)}if(h("registerListenersAndPositionElements invoked."),r(c)){r(c).onRendered=function(){if(h("startanimation triggered."),y(c))h("Ignoring since element is still unrendered...");else{h("Element rendered.");var e=d(c),t=f(c);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(h("Scrollbars out of sync. Updating detector elements..."),a(u))}},r(c).onExpand=s,r(c).onShrink=s;var g=r(c).style;o(c,g.width,g.height)}else h("Aborting because element has been uninstalled")}function z(){if(h("finalizeDomMutation invoked."),r(c)){var e=r(c).style;m(c,e.width,e.height),j(c,e.width,e.height)}else h("Aborting because element has been uninstalled")}function I(){s(c)}function D(){var e;h("Installing..."),r(c).listeners=[],e=g(),r(c).startSize={width:e.width,height:e.height},h("Element start size",r(c).startSize),n.add(0,v),n.add(1,P),n.add(2,S),n.add(3,z),n.add(4,I)}s||(s=c,c=e,e=null),e=e||{},h("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(c)?D():(h("Element is detached"),E(),h("Waiting until element is attached..."),r(c).onRendered=function(){h("Element is now attached"),D()})},addListener:function(e,t){if(!r(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");r(e).listeners.push(t)},uninstall:function(e){var t=r(e);t&&(t.onExpandScroll&&s(d(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&s(f(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&s(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))},initDocument:c}},g=c.forEach;function v(e){return Array.isArray(e)||void 0!==e.length}function m(e){if(Array.isArray(e))return e;var t=[];return g(e,(function(e){t.push(e)})),t}function b(e){return e&&1===e.nodeType}var O,w=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 r=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 r=n(e);if(!r)throw Error("setId required the element to have a resize detection state.");var i=t.generate();return r.id=i,i}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:h});t=r}var i=e.reporter;i||(i=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var r=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])}};r(n,"log"),r(n,"warn"),r(n,"error")}return n}(!1===i));var o=x(e,"batchProcessor",s({reporter:i})),a={};a.callOnAdd=!!x(e,"callOnAdd",!0),a.debug=!!x(e,"debug",!1);var c,u=function(e){var t={};function n(n){var r=e.get(n);return void 0===r?[]:t[r]||[]}return{get:n,add:function(n,r){var i=e.get(n);t[i]||(t[i]=[]),t[i].push(r)},removeListener:function(e,t){for(var r=n(e),i=0,o=r.length;o>i;++i)if(r[i]===t){r.splice(i,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),d=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:h}),f=x(e,"strategy","object"),p=x(e,"important",!1),O={reporter:i,batchProcessor:o,stateHandler:h,idHandler:t,important:p};if("scroll"===f&&(l.isLegacyOpera()?(i.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),f="object"):l.isIE(9)&&(i.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),f="object")),"scroll"===f)c=y(O);else{if("object"!==f)throw Error("Invalid strategy name: "+f);c=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,r=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function i(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function o(e){return r(e).object}return{makeDetectable:function(e,o,a){a||(a=o,o=e,e=null),e=e||{},l.isIE(8)?a(o):function(o,a){var c=i(["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"]),u=!1,s=window.getComputedStyle(o),d=o.offsetWidth,f=o.offsetHeight;function h(){function n(){if("static"===s.position){o.style.setProperty("position","relative",e.important?"important":"");var n=function(t,n,r,i){var o=r[i];"auto"!==o&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(o)&&(t.warn("An element that is positioned static has style."+i+"="+o+" 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: ",n),n.style.setProperty(i,"0",e.important?"important":""))};n(t,o,s,"top"),n(t,o,s,"right"),n(t,o,s,"bottom"),n(t,o,s,"left")}}""!==s.position&&(n(),u=!0);var i=document.createElement("object");i.style.cssText=c,i.tabIndex=-1,i.type="text/html",i.setAttribute("aria-hidden","true"),i.onload=function(){u||n(),function e(t,n){if(!t.contentDocument){var i=r(t);return i.checkForObjectDocumentTimeoutId&&window.clearTimeout(i.checkForObjectDocumentTimeoutId),void(i.checkForObjectDocumentTimeoutId=setTimeout((function(){i.checkForObjectDocumentTimeoutId=0,e(t,n)}),100))}n(t.contentDocument)}(this,(function(e){a(o)}))},l.isIE()||(i.data="about:blank"),r(o)&&(o.appendChild(i),r(o).object=i,l.isIE()&&(i.data="about:blank"))}r(o).startSize={width:d,height:f},n?n.add(h):h()}(o,a)},addListener:function(e,t){function n(){t(e)}if(l.isIE(8))r(e).object={proxy:n},e.attachEvent("onresize",n);else{var i=o(e);if(!i)throw Error("Element is not detectable by this strategy.");i.contentDocument.defaultView.addEventListener("resize",n)}},uninstall:function(e){if(r(e)){var t=o(e);t&&(l.isIE(8)?e.detachEvent("onresize",t.proxy):e.removeChild(t),r(e).checkForObjectDocumentTimeoutId&&window.clearTimeout(r(e).checkForObjectDocumentTimeoutId),delete r(e).object)}}}}(O)}var w={};return{listenTo:function(e,n,r){function o(e){var t=u.get(e);g(t,(function(t){t(e)}))}function l(e,t,n){u.add(t,n),e&&n(t)}if(r||(r=n,n=e,e={}),!n)throw Error("At least one element required.");if(!r)throw Error("Listener required.");if(b(n))n=[n];else{if(!v(n))return i.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=m(n)}var s=0,f=x(e,"callOnAdd",a.callOnAdd),y=x(e,"onReady",(function(){})),O=x(e,"debug",a.debug);g(n,(function(e){h.getState(e)||(h.initState(e),t.set(e));var a=t.get(e);if(O&&i.log("Attaching listener to element",a,e),!d.isDetectable(e))return O&&i.log(a,"Not detectable."),d.isBusy(e)?(O&&i.log(a,"System busy making it detectable"),l(f,e,r),w[a]=w[a]||[],void w[a].push((function(){++s===n.length&&y()}))):(O&&i.log(a,"Making detectable..."),d.markBusy(e,!0),c.makeDetectable({debug:O,important:p},e,(function(e){if(O&&i.log(a,"onElementDetectable"),h.getState(e)){d.markAsDetectable(e),d.markBusy(e,!1),c.addListener(e,o),l(f,e,r);var t=h.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);w[a]&&g(w[a],(function(e){e()}))}else O&&i.log(a,"Element uninstalled before being detectable.");delete w[a],++s===n.length&&y()})));O&&i.log(a,"Already detecable, adding listener."),l(f,e,r),s++})),s===n.length&&y()},removeListener:u.removeListener,removeAllListeners:u.removeAllListeners,uninstall:function(e){if(!e)return i.error("At least one element is required.");if(b(e))e=[e];else{if(!v(e))return i.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=m(e)}g(e,(function(e){u.removeAllListeners(e),c.uninstall(e),h.cleanState(e)}))},initDocument:function(e){c.initDocument&&c.initDocument(e)}}};function x(e,t,n){var r=e[t];return null==r&&void 0!==n?n:r}function j(){return"undefined"==typeof window?null:(O||(O=w({strategy:"scroll"})),O)}function E(e,t){return!(!e||!t)&&(e===t||e.width===t.width&&e.height===t.height)}function P(e){return null!=e&&!isNaN(e)&&isFinite(e)}function S(){return(S=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var z=r.default.memo((function(e){var n=e.width,o=e.height,a=e.onResize,c=e.children,l=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","onResize","children"]),u=t.useState(null),s=u[0],d=u[1],f=t.useMemo((function(){return P(n)&&P(o)?{width:n,height:o}:null}),[n,o]),h=t.useRef(null),p={onResize:a},y=t.useRef(p);y.current=p,i((function(){s&&y.current.onResize(s)}),[s]),t.useEffect((function(){if(!f){n();var e=j(),t=h.current;return e&&t?(e.listenTo(t,n),function(){e.uninstall(t)}):void 0}function n(){var e=h.current;if(e){var t={width:e.offsetWidth,height:e.offsetHeight};d((function(e){return E(e,t)?e:t}))}}}),[f]),t.useMemo((function(){f&&d((function(e){return E(e,f)?e:f}))}),[f]);var g=t.useMemo((function(){var e={width:"100%",height:"100%"};return P(n)&&(e.width=n),P(o)&&(e.height=o),l.style&&S(e,l.style),e}),[n,o,l.style]);l.style=g;var v=null;return s&&(v="function"==typeof c?c(s):c),r.default.createElement("div",S({},l,{ref:h}),v)}));function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}z.defaultProps={width:null,height:null,onResize:function(){}};var C={enabled:!1,target:null,translation:null,velocity:null,interval:null,startPoint:{x:0,y:0},movePoint:{x:0,y:0},moveTime:0},T=function(e,t){switch(t.type){case"setEnabled":return k(e,t);case"end":return R(e);case"track":return A(e,t);case"move":return L(e,t);default:return e}},k=function(e,t){var n=t.payload.enabled;return n?D(D({},e),{},{enabled:n}):C},R=function(e,t){return e.target?D(D({},e),{},{target:null,translation:null,velocity:null,interval:null}):e},A=function(e,t){var n=t.payload,r=n.target,i=n.point,o=(new Date).getTime();return D(D({},e),{},{target:r,startPoint:i,movePoint:i,moveTime:o,translation:null,velocity:null,interval:null})},L=function(e,t){var n=t.payload,r=n.point,i=n.shouldStart,o=e.target,a=e.startPoint,c=e.movePoint,l=e.moveTime,u=e.translation;if(!o)return e;var s=(new Date).getTime(),d=s-l,f={x:r.x-a.x,y:r.y-a.y},h={x:(r.x-c.x)/d,y:(r.y-c.y)/d};return u?D(D({},e),{},{target:o,translation:f,velocity:h,interval:d,startPoint:a,movePoint:r,moveTime:s}):Math.sqrt(Math.pow(f.x,2)+Math.pow(f.y,2))>0&&i({target:o,translation:f,velocity:h,interval:d})?D(D({},e),{},{target:o,translation:{x:0,y:0},velocity:h,interval:d,startPoint:r,movePoint:r,moveTime:s}):D(D({},e),{},{target:o,translation:null,velocity:null,interval:null,startPoint:a,movePoint:r,moveTime:s})};var B={create:function(e){var t=e.transformTranslate,n=e.userSelectNone,r=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["transformTranslate","userSelectNone"]);return t&&function(e,t){t.transform="translate3d("+e.x+"px, "+e.y+"px, 0)",t.WebkitTransform="translate3d("+e.x+"px, "+e.y+"px, 0)",t.msTransform="translate("+e.x+"px, "+e.y+"px)"}(t,r),n&&function(e){e.userSelect="none",e.WebkitUserSelect="none",e.MozUserSelect="none",e.msUserSelect="none"}(r),r}};function H(e,t,n,r){var i=function(){};return e&&e.addEventListener&&(e.addEventListener(t,n,r),i=function(){e.removeEventListener(t,n,r)}),i}function W(){return(W=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var N=void 0!==typeof window&&"ontouchstart"in window,F={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}},_=r.default.memo((function(e){var n=e.enabled,a=e.shouldStart,c=e.onStart,l=e.onMove,u=e.onEnd,s=e.onCancel,d=e.children,f=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),h=t.useReducer(T,C),p=h[0],y=h[1],g=o(p),v=t.useRef(null),m={shouldStart:a,onStart:c,onMove:l,onEnd:u,onCancel:s},b=t.useRef(m);b.current=m;var O=!!p.translation;t.useMemo((function(){y({type:"setEnabled",payload:{enabled:n}})}),[n]),i((function(){if(g.translation!==p.translation)if(p.translation){var e={translation:p.translation,velocity:p.velocity,interval:p.interval,target:p.target};g.translation?b.current.onMove(e):b.current.onStart(e)}else if(g.translation){var t={translation:g.translation,velocity:g.velocity,interval:g.interval,target:g.target};p.enabled?b.current.onEnd(t):b.current.onCancel(t)}}),[p]),i((function(){if(p.enabled){var e=v.current;if(e){var t=function(e,t){return y({type:"track",payload:{target:e,point:t}})},n=function(e){return y({type:"move",payload:{point:e,shouldStart:b.current.shouldStart}})},r=function(){return y({type:"end",payload:null})};if(p.target){if(N){var i=function(e){O&&e.cancelable&&e.preventDefault(),r()},o=H(e,"touchmove",(function(e){if(O&&e.cancelable&&e.preventDefault(),1===e.touches.length){var t=e.touches[0];n({x:t.pageX,y:t.pageY})}else r()})),a=H(e,"touchend",i),c=H(e,"touchcancel",i);return function(){o(),a(),c()}}var l=document.body,u=H(l,"mousemove",(function(e){O&&e.preventDefault(),1===e.buttons?n({x:e.pageX,y:e.pageY}):r()})),s=H(l,"mouseup",(function(e){O&&e.preventDefault(),r()}));return function(){u(),s()}}if(N){var d=H(e,"touchstart",(function(e){if(1===e.touches.length){var n=e.touches[0];t(n.target,{x:n.pageX,y:n.pageY})}}));return function(){d()}}var f=H(e,"mousedown",(function(e){1===e.buttons&&e.target&&t(e.target,{x:e.pageX,y:e.pageY})}));return function(){f()}}}}),[p.enabled,p.target,O,y]);var w=t.useMemo((function(){var e={};return O&&W(e,B.create({touchAction:"none",pointerEvents:"none",userSelectNone:!0})),f.style&&W(e,f.style),e}),[O,f.style]);f.style=w;var x="function"==typeof d?d(p):d;return r.default.createElement("div",W({},f,{ref:v}),x)}));_.defaultProps=F;var q=r.default.createContext({width:null,height:null,visibleRect:{x:0,y:0,width:0,height:0},onResize:function(){}});function V(e){function t(t){return Math.max(-2.5,Math.min(e[t],2.5))}var n={x:t("x"),y:t("y")};return n.x===e.x&&n.y===e.y?e:n}function X(e,t,n,r,i){function o(o){var a="x"===o?"width":"height",c=t[a],l=e[o];if(r[o])return l;var u=Math.min(c-n[a],0);return i&&c>0&&(u=c*Math.ceil(u/c)),Math.max(u,Math.min(l,0))}var a={x:o("x"),y:o("y")};return a.x===e.x&&a.y===e.y?e:a}function Y(e,t,n,r,i){var o,a,c,l="number"==typeof i?(o=i,0===(c=Math.sqrt((a=t).x*a.x+a.y*a.y))?{x:0,y:0}:{x:o*(a.x/c),y:o*(a.y/c)}):i;function u(i){var o="x"===i?"width":"height",a=e[i],c=t[i];if(r&&n[o]>0){var u=a/n[o];a=n[o]*(u=c>.5?Math.ceil(u):-.5>c?Math.floor(u):Math.round(u))}else l[i]&&(a+=.5*c*(c/l[i]));return a}return{x:u("x"),y:u("y")}}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var K,Q,Z=.025,$={contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,size:{width:0,height:0},contentSize:{width:0,height:0},pannable:C,alwaysBounce:{x:!0,y:!0},isBoundless:{x:!1,y:!1},pagingEnabled:!1,directionalLockEnabled:!1},ee=function(e,t){switch(t.type){case"syncProps":return ne(te(e,t));case"dragStart":return re(e);case"dragMove":return ie(e);case"dragEnd":return oe(e);case"dragCancel":return ae(e);case"decelerate":return ne(ce(e));case"scrollTo":return ne(le(e,t));default:return e}},te=function(e,t){return U(U({},e),t.payload.props)},ne=function(e,t){var n=e.contentOffset,r=e.contentVelocity,i=e.drag,o=e.deceleration,a=e.size,c=e.contentSize,l=e.pagingEnabled,u=e.alwaysBounce,s=e.isBoundless,d=Z;if(o){var f=o.endOffset,h=X(n,a,c,s,l);if(f!==X(f,a,c,s,l)&&n!==h){var p=n,y=V(r);return u.x||(y=U(U({},y),{},{x:0}),p=U(U({},p),{},{x:h.x})),u.y||(y=U(U({},y),{},{y:0}),p=U(U({},p),{},{y:h.y})),o.rate!==d&&(f=Y(p,y,a,l,d)),f=X(f,a,c,s,l),U(U({},e),{},{contentOffset:p,contentVelocity:y,drag:null,deceleration:se(f,d,p,y)})}}else if(!i){var g=Y(n,r,a,l,d);if((g=X(g,a,c,s,l)).x!==n.x||g.y!==n.y)return U(U({},e),{},{drag:null,deceleration:se(g,d,n,r)})}return e},re=function(e,t){var n=e.contentOffset,r=e.pannable.velocity;if(!r)return e;var i={x:1,y:1};e.directionalLockEnabled&&(Math.abs(r.x)>Math.abs(r.y)?i.y=0:i.x=0);var o={x:i.x*r.x,y:i.y*r.y};return U(U({},e),{},{contentVelocity:o,drag:{direction:i,startOffset:n},deceleration:null})},ie=function(e,t){var n=e.contentOffset,r=e.drag,i=e.pannable,o=i.translation,a=i.interval;if(!r||!o||!a)return e;var c={x:r.startOffset.x+r.direction.x*o.x,y:r.startOffset.y+r.direction.y*o.y},l={x:((c=function(e,t,n,r,i){function o(o){var a="x"===o?"width":"height",c="x"===o?"height":"width",l=e[o],u=t[o];if(n[o])return l;var s=Math.min(r[a]-i[a],0),d=.5*Math.min(r[a],r[c]);return l>0?u?d*(1-d/(d+l)):0:s>l?u?s-d*(1-d/(d-l+s)):s:l}var a={x:o("x"),y:o("y")};return a.x===e.x&&a.y===e.y?e:a}(c,e.alwaysBounce,e.isBoundless,e.size,e.contentSize)).x-n.x)/a,y:(c.y-n.y)/a};return U(U({},e),{},{contentOffset:c,contentVelocity:l})},oe=function(e,t){var n=e.contentOffset,r=e.size,i=e.pagingEnabled,o=i?Z:.0025,a=V(e.contentVelocity),c=Y(n,a,r,i,o);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,o,n,a)})},ae=function(e,t){var n=e.contentOffset,r=e.drag,i=e.size,o=e.pagingEnabled;if(!r)return e;var a=V(e.contentVelocity),c=Y(r.startOffset,{x:0,y:0},i,o,.025);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,.025,n,a)})},ce=function(e,t){var n=e.deceleration;if(!n)return e;var r=function(e){var t=e.points,n=e.duration,r=e.startTime,i=e.endOffset;function o(e,r){var i=t[e],o=i[0],a=i[1],c=i[2],l=i[3];return[o-3*(o-a)*r+3*(o-2*a+c)*Math.pow(r,2)-(o-3*a+3*c-l)*Math.pow(r,3),(-3*(o-a)+6*(o-2*a+c)*r-3*(o-3*a+3*c-l)*Math.pow(r,2))/n]}var a=(new Date).getTime(),c=1;n>0&&(c=(a-r)/n);if(0>c||c>=1)return{offset:i,velocity:{x:0,y:0},didEnd:!0};var l=o("x",c),u=l[0],s=l[1],d=o("y",c);return{offset:{x:u,y:d[0]},velocity:{x:s,y:d[1]},didEnd:!1}}(n),i=r.offset,o=r.velocity,a=r.didEnd;return U(U({},e),{},{contentOffset:i,contentVelocity:o,drag:null,deceleration:a?null:n})},le=function(e,t){var n=e.contentOffset,r=e.size,i=t.payload.value,o=i.offset,a=void 0===o?{x:0,y:0}:o,c=i.point,l=i.align,u=i.rect,s=!e.drag&&i.animated;u||(u=c?U(U({},c),{},{width:0,height:0}):{x:-a.x,y:-a.y,width:0,height:0});var d=function(e,t,n,r){var i="object"==typeof t?t:{x:t,y:t};function o(t){var o="x"===t?"width":"height",a=-e[t],c=i[t],l=r[o]-e[o];if("auto"===c){var u=0>l?-1:1;a+=u*Math.max(0,Math.min(u*(n[t]-a),u*l))}else"start"===c?c=0:"center"===c?c=.5:"end"===c?c=1:("number"!=typeof c||isNaN(c))&&(c=0),a+=c*l;return a}return{x:o("x"),y:o("y")}}(u,l,n,r);return ue(e,{type:"setContentOffset",payload:{offset:d,animated:s}})},ue=function(e,t){var n=e.contentOffset,r=e.contentVelocity,i=e.drag,o=e.deceleration,a=e.size,c=e.pagingEnabled,l=t.payload,u=l.offset;if(!l.animated){if(i)return U(U({},e),{},{contentOffset:u,drag:U(U({},i),{},{startOffset:{x:i.startOffset.x+u.x-n.x,y:i.startOffset.y+u.y-n.y}}),deceleration:null});if(o){var s=Y({x:o.endOffset.x+u.x-n.x,y:o.endOffset.y+u.y-n.y},{x:0,y:0},a,c,o.rate);return U(U({},e),{},{contentOffset:u,drag:null,deceleration:se(s,o.rate,u,r)})}return U(U({},e),{},{contentOffset:u})}var d=Y(u,{x:0,y:0},a,c,Z);return U(U({},e),{},{drag:null,deceleration:se(d,Z,n,r)})};function se(e,t,n,r){var i=(new Date).getTime(),o=0;if(0>=t)throw Error("Rate needs more than 0.");var a,c={x:e.x-n.x,y:e.y-n.y},l=Math.sqrt(Math.pow(c.x,2)+Math.pow(c.y,2));if(l){var u=Math.sqrt(.5*Math.pow(a=(r.x*c.x+r.y*c.y)/l,2)+t*l),s=(u-a)/t;0>s&&(u=a,s=0),o=s+u/t}else a=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),o=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:o,startTime:i,points:{x:[n.x,n.x+r.x*(o/3),e.x,e.x],y:[n.y,n.y+r.y*(o/3),e.y,e.y]}}}if("undefined"!=typeof window){K=window.requestAnimationFrame,Q=window.cancelAnimationFrame;for(var de=["ms","moz","webkit","o"],fe=window,he=0;!K&&4>he;)K=fe[de[he]+"RequestAnimationFrame"],Q=fe[de[he]+"CancelAnimationFrame"]||fe[de[he]+"CancelRequestAnimationFrame"],he++;if(!K){var pe=0;K=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-pe)),r=window.setTimeout((function(){e(t+n)}),n);return pe=t+n,r},Q=function(e){window.clearTimeout(e)}}}var ye={position:"absolute",top:0,left:0,right:0,bottom:0},ge=r.default.memo((function(e){var n=e.pannable,a=e.size,c=e.pagingEnabled,l=e.directionalLockEnabled,u=e.alwaysBounce,s=e.isBoundless,d=e.onScroll,f=e.onStartDragging,h=e.onEndDragging,p=e.onStartDecelerating,y=e.onEndDecelerating,g=e.onResizeContent,v=e.renderBackground,m=e.renderOverlay,b=e.scrollTo,O=e.children,w=t.useReducer(ee,$),x=w[0],j=w[1],E=o(x),P=t.useRef({_scrollTo:function(e){j({type:"scrollTo",payload:{value:e}})}}),S={onScroll:d,onStartDragging:f,onEndDragging:h,onStartDecelerating:p,onEndDecelerating:y,onResizeContent:g},z=t.useRef(S);z.current=S;var I=t.useCallback((function(e){j({type:"syncProps",payload:{props:{contentSize:e}}})}),[]);t.useMemo((function(){j({type:"syncProps",payload:{props:{size:a,pannable:n,alwaysBounce:u,isBoundless:s,pagingEnabled:c,directionalLockEnabled:l}}})}),[a,n,u,s,c,l]),i((function(){E.pannable.translation!==x.pannable.translation&&j(x.pannable.translation?E.pannable.translation?{type:"dragMove"}:{type:"dragStart"}:x.pannable.enabled?{type:"dragEnd"}:{type:"dragCancel"}),E.contentSize!==x.contentSize&&z.current.onResizeContent(x.contentSize);var e={size:x.size,contentSize:x.contentSize,contentOffset:x.contentOffset,contentVelocity:x.contentVelocity,dragging:!!x.drag,decelerating:!!x.deceleration};if(E.contentOffset!==x.contentOffset&&z.current.onScroll(e),E.drag!==x.drag&&(E.drag?x.drag||z.current.onEndDragging(e):z.current.onStartDragging(e)),E.deceleration!==x.deceleration&&(E.deceleration?x.deceleration||z.current.onEndDecelerating(e):z.current.onStartDecelerating(e)),x.deceleration){var t=K((function(){j({type:"decelerate"})}));return function(){Q(t)}}}),[x]),t.useEffect((function(){b&&P.current._scrollTo(b)}),[b]);var D=v(x,P.current);null!==D&&(D=r.default.createElement("div",{style:ye},D));var M=m(x,P.current),C="function"==typeof O?O(x,P.current):O,T=t.useMemo((function(){return B.create({position:"absolute",overflow:"hidden",willChange:"transform",transformTranslate:x.contentOffset,width:x.contentSize.width,height:x.contentSize.height})}),[x.contentSize,x.contentOffset]),k=t.useMemo((function(){return{width:null,height:null,visibleRect:{x:-x.contentOffset.x,y:-x.contentOffset.y,width:x.size.width,height:x.size.height},onResize:I}}),[x.contentOffset,x.size,I]);return r.default.createElement(r.default.Fragment,null,D,r.default.createElement("div",{style:T},r.default.createElement(q.Provider,{value:k},C)),M)}));function ve(){return(ve=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function me(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function be(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Oe=function(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?me(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,isBoundlessX:!1,isBoundlessY:!1,onScroll:function(){},onStartDragging:function(){},onEndDragging:function(){},onStartDecelerating:function(){},onEndDecelerating:function(){},onResizeContent:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null},F),we=r.default.memo((function(e){var n=e.width,i=e.height,o=e.pagingEnabled,a=e.directionalLockEnabled,c=e.alwaysBounceX,l=e.alwaysBounceY,u=e.isBoundlessX,s=e.isBoundlessY,d=e.onScroll,f=e.onStartDragging,h=e.onEndDragging,p=e.onStartDecelerating,y=e.onEndDecelerating,g=e.onResizeContent,v=e.renderBackground,m=e.renderOverlay,b=e.scrollTo,O=e.children,w=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","isBoundlessX","isBoundlessY","onScroll","onStartDragging","onEndDragging","onStartDecelerating","onEndDecelerating","onResizeContent","renderBackground","renderOverlay","scrollTo","children"]),x=t.useMemo((function(){return{width:n,height:i}}),[n,i]),j=t.useMemo((function(){return{x:c,y:l}}),[c,l]),E=t.useMemo((function(){return{x:u,y:s}}),[u,s]),P=t.useRef(),S={shouldStart:w.shouldStart},z=t.useRef(S);z.current=S;var I=t.useCallback((function(e){var t=P.current;return!!t&&(!!function(e,t,n){var r=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[r]>t[r]}(e.velocity,t.size,t.contentSize)&&z.current.shouldStart(e))}),[]),D=t.useMemo((function(){var e={overflow:"hidden",position:"relative",width:x.width,height:x.height};return w.style&&ve(e,w.style),e}),[x,w.style]);return w.shouldStart=I,w.style=D,r.default.createElement(_,ve({},w),(function(e){return r.default.createElement(ge,{pannable:e,size:x,pagingEnabled:o,directionalLockEnabled:a,alwaysBounce:j,isBoundless:E,onScroll:d,onStartDragging:f,onEndDragging:h,onStartDecelerating:p,onEndDecelerating:y,onResizeContent:g,renderBackground:v,renderOverlay:m,scrollTo:b},(function(e,t){return P.current=e,"function"==typeof O?O(e,t):O}))}))}));function xe(e,t){function n(n){var r,i="x"===n?"width":"height";return(r={})[n]=t[n]-e[n],r[i]=t[i],r}var r=n("x"),i=r.x,o=r.width,a=n("y");return{x:i,y:a.y,width:o,height:a.height}}function je(e,t){if(!t)return!0;function n(n){var r="x"===n?"width":"height";return e[n]+e[r]>=t[n]-.25*t[r]&&t[n]+1.25*t[r]>=e[n]}return n("x")&&n("y")}function Ee(){return(Ee=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Pe(Object(n),!0).forEach((function(t){ze(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ze(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}we.defaultProps=Oe;var Ie=r.default.memo((function(){return null}));function De(){}var Me=r.default.memo((function(e){var n=t.useContext(q),a=e.direction,c=e.itemWidth,l=e.itemHeight,u=e.itemCount,s=e.renderItem,d=e.width,f=e.height,h=e.rowSpacing,p=e.columnSpacing,y=e.children,g=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","itemWidth","itemHeight","itemCount","renderItem","width","height","rowSpacing","columnSpacing","children"]),v=P(d)?d:n.width,m=P(f)?f:n.height,b=t.useMemo((function(){return function(e){var t,n,r=e.spacing,i=e.itemSize,o=e.itemCount,a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],c=a[0],l=a[1],u=a[2],s=a[3],d=a[4],f=a[5],h=e.size[u],p=0,y=0,g=0,v=[];"number"!=typeof h?(g=o,0===i[u]?h=0:(h=o*i[u],o>1&&(h+=(o-1)*r[f]))):0===i[u]?g=o:(g=1,h>i[u]&&(g+=Math.floor((h-i[u])/(i[u]+r[f]))));g>0&&(y=Math.ceil(o/g));for(var m=0;y>m;m++){m>0&&(p+=r[d]);for(var b=0;g>b;b++){var O,w,x=b+m*g,j=0;if(g>1&&(j+=Math.round(b*((h-i[u])/(g-1)))),x>=o)break;v.push(((w={rect:(O={},O[c]=j,O[l]=p,O[u]=i[u],O[s]=i[s],O)})[d+"Index"]=m,w[f+"Index"]=b,w.itemIndex=x,w))}p+=i[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=y,n[f]=g,n),layoutList:v}}({direction:a,size:{width:v,height:m},spacing:{row:h,column:p},itemSize:{width:c,height:l},itemCount:u})}),[a,v,m,h,p,c,l,u]),O=o(b),w={onResize:n.onResize},x=t.useRef(w);x.current=w,i((function(){O.size!==b.size&&E(O.size,b.size)||x.current.onResize(b.size)}),[b.size]);var j=b.layoutList.map((function(e){return function(e){var t=e.rect,i=e.itemIndex,o=e.visibleRect,a=e.needsRender,c=e.Item,l=!1,u=s(e),d="GridContent_"+i;if(r.default.isValidElement(u)&&u.type===c){var f=u.props;void 0!==f.forceRender&&(l=f.forceRender),u.key&&(d=u.key),u=u.props.children}if(!a&&!l)return null;var h={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(q.Provider,{key:d,value:Se(Se({},n),{},{width:null,height:null,visibleRect:o,onResize:De})},r.default.createElement("div",{style:h},u))}(Se(Se({},e),{},{visibleRect:xe(e.rect,n.visibleRect),needsRender:je(e.rect,n.visibleRect),Item:Ie}))}));"function"==typeof y&&y(b);var S=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return b.size&&(e.width=b.size.width,e.height=b.size.height),g.style&&Ee(e,g.style),e}),[b.size,g.style]);return g.style=S,r.default.createElement("div",Ee({},g),j)}));function Ce(){return(Ce=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Te(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Me.defaultProps={direction:"y",itemWidth:0,itemHeight:0,itemCount:0,renderItem:function(){return null},width:null,height:null,rowSpacing:0,columnSpacing:0};var Ae=r.default.memo((function(){return null})),Le=r.default.memo((function(e){var n=t.useContext(q),a=e.direction,c=e.itemCount,l=e.renderItem,u=e.width,s=e.height,d=e.spacing,f=e.estimatedItemWidth,h=e.estimatedItemHeight,p=e.children,y=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","itemCount","renderItem","width","height","spacing","estimatedItemWidth","estimatedItemHeight","children"]),g=P(u)?u:n.width,v=P(s)?s:n.height,m=t.useState([]),b=m[0],O=m[1],w=t.useState({}),x=w[0],j=w[1],S=t.useMemo((function(){return function(e,t,n){var r,i=e.size,o=e.spacing,a=e.estimatedItemSize,c=e.itemCount,l="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],u=l[0],s=l[1],d=l[2],f=l[3],h=0,p=0,y=[],g={};P(i[d])&&(g[d]=i[d]);for(var v=0;c>v;v++){var m,b=t[v]||null,O=b&&n[b]||null,w=((m={})[u]=0,m[s]=p,m);if(O)Ce(w,O);else{var x=a[d],j=a[f];w[d]=void 0!==g[d]?g[d]:"function"==typeof x?x(v):x,w[f]="function"==typeof j?j(v):j}y.push({rect:w,itemIndex:v,itemHash:b,itemSize:O}),w[f]>0&&(p+=w[f],c-1>v&&(p+=o)),w[d]>h&&(h=w[d])}return{size:(r={},r[d]=void 0!==g[d]?g[d]:h,r[f]=void 0!==g[f]?g[f]:p,r),layoutList:y}}({direction:a,size:{width:g,height:v},spacing:d,estimatedItemSize:{width:f,height:h},itemCount:c},b,x)}),[g,v,a,d,f,h,c,b,x]),z=o(S),I={onResize:n.onResize},D=t.useRef(I);D.current=I,i((function(){z.size!==S.size&&E(z.size,S.size)||D.current.onResize(S.size)}),[S.size]);var M=[];var C=S.layoutList.map((function(e){return function(e){var t=e.rect,i=e.itemIndex,o=e.itemSize,a=e.visibleRect,c=e.needsRender,u=e.Item,s=!1,d=l(e),f="ListContent_"+i,h="";if(r.default.isValidElement(d)&&d.type===u){var p=d.props;void 0!==p.forceRender&&(s=p.forceRender),d.key&&(f=d.key),void 0!==p.hash&&(h=p.hash),d=d.props.children}""===h&&(h=f);var y=!c&&!s;if(o||-1===M.indexOf(h)||(y=!0),M[i]=h,y)return null;var g={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(q.Provider,{key:f,value:ke(ke(ke({},n),{},{width:null,height:null},o),{},{visibleRect:a,onResize:function(e){j((function(t){var n;return ke(ke({},t),{},((n={})[h]=e,n))}))}})},r.default.createElement("div",{style:g},d))}(ke(ke({},e),{},{visibleRect:xe(e.rect,n.visibleRect),needsRender:je(e.rect,n.visibleRect),Item:Ae}))}));(function(e,t){if(!e||!t)return!1;if(e===t)return!0;if(e.length!==t.length)return!1;for(var n=0;e.length>n;n++)if(e[n]!==t[n])return!1;return!0})(b,M)||O(M),"function"==typeof p&&p(S);var T=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return S.size&&(e.width=S.size.width,e.height=S.size.height),y.style&&Ce(e,y.style),e}),[S.size,y.style]);return y.style=T,r.default.createElement("div",Ce({},y),C)}));function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function He(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Be(Object(n),!0).forEach((function(t){We(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function We(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ne(){return(Ne=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Fe(){}Le.defaultProps={direction:"y",itemCount:0,renderItem:function(){return null},width:null,height:null,spacing:0,estimatedItemWidth:0,estimatedItemHeight:0};var _e={position:"absolute",top:0,left:0},qe=r.default.memo((function(e){var n=e.width,a=e.height,c=e.autoResizing,l=e.children,u=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","autoResizing","children"]),s=t.useContext(q),d=P(n)?n:c?null:s.width,f=P(a)?a:c?null:s.height,h=t.useMemo((function(){return P(n)&&P(a)?{width:n,height:a}:null}),[n,a]),p=t.useState(null),y=p[0],g=p[1],v=o(y),m=t.useRef(null),b={onResize:s.onResize},O=t.useRef(b);O.current=b,i((function(){v!==y&&y&&O.current.onResize(y)}),[y]),t.useEffect((function(){if(!h&&(n(),c)){var e=j(),t=m.current;if(e&&t)return e.listenTo(t,n),function(){e.uninstall(t)}}function n(){var e=m.current;if(e){var t={width:e.offsetWidth,height:e.offsetHeight};g((function(e){return E(e,t)?e:t}))}}}),[h,c]),t.useMemo((function(){h&&g((function(e){return E(e,h)?e:h}))}),[h]);var w=t.useMemo((function(){var e={position:"absolute"};return P(d)&&(e.width=d),P(f)&&(e.height=f),e}),[d,f]),x="function"==typeof l?l(y):l;h||(x=r.default.createElement("div",{style:_e},r.default.createElement("div",{style:w,ref:m},x)));var S=t.useMemo((function(){var e={position:"relative"};return y&&(e.width=y.width,e.height=y.height),u.style&&Ne(e,u.style),e}),[y,u.style]);return u.style=S,r.default.createElement("div",Ne({},u),r.default.createElement(q.Provider,{value:He(He({},s),{},{width:null,height:null,onResize:Fe})},x))}));function Ve(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xe(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ve(Object(n),!0).forEach((function(t){Ye(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ve(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}qe.defaultProps={width:null,height:null,autoResizing:!1};var Ge={loopCount:2,loopOffset:0,loopWidth:0,scrollTo:null,pad:$,direction:"x"},Ue=function(e,t){switch(t.type){case"syncProps":return Ke(Je(e,t));default:return e}},Je=function(e,t){return Xe(Xe({},e),t.payload.props)},Ke=function(e,t){var n=e.loopCount,r=e.loopWidth,i=e.loopOffset,o=e.direction,a=e.pad,c=a.size,l=a.contentOffset,u="y"===o?"height":"width",s=a.contentSize[u]/n,d=2;if(0!==s&&(d+=Math.floor(c[u]/s)),r!==s||n!==d)return Xe(Xe({},e),{},{loopCount:d,loopWidth:s});var f=function(e,t,n,r,i){var o;if(1===r||0===n)return[e,0];var a="y"===i?["height","y","x"]:["width","x","y"],c=a[1],l=a[2],u=t[a[0]],s=.5*(u-n*(r-1)),d=.5*(u-n*(r+1)),f=e[c],h=0;if(f>=d&&s>=f)return[e,0];d>f?h=Math.floor((s-f)/n):f>s&&(h=-Math.floor((f-d)/n));return[(o={},o[c]=f+=n*h,o[l]=e[l],o),h]}(l,c,r,n,o),h=f[0],p=f[1];return l!==h?Xe(Xe({},e),{},{loopOffset:i+p,scrollTo:{offset:h,animated:!1}}):e};var Qe=r.default.memo((function(e){var n=e.pad,o=e.onAdjust,a=e.direction,c=e.children,l=t.useReducer(Ue,Ge),u=l[0],s=l[1],d={onAdjust:o},f=t.useRef(d);return f.current=d,t.useMemo((function(){s({type:"syncProps",payload:{props:{pad:n,direction:a}}})}),[n,a]),i((function(){u.scrollTo&&f.current.onAdjust(u.scrollTo)}),[u.scrollTo]),r.default.createElement(Le,{direction:a,width:u.pad.size.width,height:u.pad.size.height,itemCount:u.loopCount,renderItem:function(e){return r.default.createElement(e.Item,{key:e.itemIndex+u.loopOffset,hash:"Loop",forceRender:!0},"function"==typeof c?c(u):c)}})}));function Ze(){return(Ze=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function $e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function et(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$e(Object(n),!0).forEach((function(t){tt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$e(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function tt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var nt=et(et({direction:"x"},Oe),{},{directionalLockEnabled:!0}),rt=r.default.memo((function(e){var t=e.direction,n=e.children,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","children"]);return"x"===t?(i.isBoundlessX=!0,i.alwaysBounceY=!1):(i.isBoundlessY=!0,i.alwaysBounceX=!1),r.default.createElement(we,Ze({},i),(function(e,i){return r.default.createElement(Qe,{pad:e,onAdjust:i._scrollTo,direction:t,children:n})}))}));function it(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ot(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?it(Object(n),!0).forEach((function(t){at(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):it(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function at(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}rt.defaultProps=nt;var ct={activeIndex:0,scrollTo:null,pad:$,direction:"x",loop:!0,itemCount:0},lt=function(e,t){switch(t.type){case"syncProps":return st(ut(e,t));case"scrollToIndex":return dt(e,t);case"next":return ft(e,t);default:return e}},ut=function(e,t){return ot(ot({},e),t.payload.props)},st=function(e,t){var n=e.activeIndex,r=e.pad,i=function(e,t,n,r){var i="y"===r?["height","y"]:["width","x"],o=i[1],a=t[i[0]],c=0;a>0&&(c=Math.round(-e[o]/a));return c%n}(r.contentOffset,r.size,e.itemCount,e.direction);return n!==i?ot(ot({},e),{},{activeIndex:i}):e},dt=function(e,t){var n=e.activeIndex,r=e.itemCount,i=e.direction,o=e.loop,a=e.pad,c=a.contentOffset,l=a.size,u=t.payload.value.animated,s=t.payload.value.index;"function"==typeof s&&(s=s({activeIndex:n,itemCount:r})),o||(s=Math.max(0,Math.min(s,r-1)));var d=function(e,t,n,r){var i,o="y"===r?["height","y","x"]:["width","x","y"],a=o[1],c=o[2];return(i={})[a]=t[a]-e*n[o[0]],i[c]=t[c],i}(s-n,c,l,i);return ot(ot({},e),{},{scrollTo:{offset:d,animated:u}})},ft=function(e,t){var n=e.activeIndex+1;return e.loop||(n%=e.itemCount),dt(e,{type:"scrollToIndex",payload:{value:{index:n,animated:t.payload.animated}}})};var ht=r.default.memo((function(e){var n=e.pad,a=e.direction,c=e.loop,l=e.autoplayEnabled,u=e.autoplayInterval,s=e.itemCount,d=e.onActiveIndexChange,f=e.onAdjust,h=e.scrollToIndex,p=e.children,y=t.useReducer(lt,ct),g=y[0],v=y[1],m=o(g),b={onActiveIndexChange:d,onAdjust:f},O=t.useRef(b);return O.current=b,t.useMemo((function(){v({type:"syncProps",payload:{props:{pad:n,direction:a,loop:c,itemCount:s}}})}),[n,a,c,s]),i((function(){m.activeIndex!==g.activeIndex&&O.current.onActiveIndexChange({activeIndex:g.activeIndex,itemCount:g.itemCount})}),[g]),i((function(){g.scrollTo&&O.current.onAdjust(g.scrollTo)}),[g.scrollTo]),t.useEffect((function(){h&&v({type:"scrollToIndex",payload:{value:h}})}),[h]),t.useEffect((function(){if(l&&!g.pad.drag&&!g.pad.deceleration){var e=setTimeout((function(){v({type:"next",payload:{animated:!0}})}),u);return function(){clearTimeout(e)}}}),[l,u,g.pad.drag,g.pad.deceleration]),r.default.createElement(r.default.Fragment,null,"function"==typeof p?p(g):p)}));function pt(){return(pt=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){vt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function vt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var mt=gt(gt({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3,itemCount:0,renderItem:function(){return null},onActiveIndexChange:function(){},scrollToIndex:null},Oe),{},{pagingEnabled:!0,directionalLockEnabled:!0}),bt=r.default.memo((function(e){var n=e.direction,i=e.loop,o=e.autoplayEnabled,a=e.autoplayInterval,c=e.itemCount,l=e.renderItem,u=e.onActiveIndexChange,s=e.scrollToIndex,d=e.children,f=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","loop","autoplayEnabled","autoplayInterval","itemCount","renderItem","onActiveIndexChange","scrollToIndex","children"]),h=f.width,p=f.height,y=f.renderOverlay,g=f.onMouseEnter,v=f.onMouseLeave,m=t.useState(!1),b=m[0],O=m[1],w={onMouseEnter:g,onMouseLeave:v},x=t.useRef(w);x.current=w;var j=t.useCallback((function(e){O(!1),x.current.onMouseEnter&&x.current.onMouseEnter(e)}),[]),E=t.useCallback((function(e){O(!0),x.current.onMouseLeave&&x.current.onMouseLeave(e)}),[]);t.useMemo((function(){O(o)}),[o]),o&&(f.onMouseEnter=j,f.onMouseLeave=E),f.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(ht,{pad:e,direction:n,loop:i,autoplayEnabled:b,autoplayInterval:a,itemCount:c,onActiveIndexChange:u,onAdjust:t._scrollTo,scrollToIndex:s,children:d}),y(e,t))};var P=r.default.createElement(Me,{width:h,height:p,itemWidth:h,itemHeight:p,direction:n,itemCount:c,renderItem:l});return i?r.default.createElement(rt,pt({direction:n},f),P):("x"===n?f.alwaysBounceY=!1:f.alwaysBounceX=!1,r.default.createElement(we,pt({},f),P))}));function Ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ot(Object(n),!0).forEach((function(t){xt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ot(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}bt.defaultProps=mt;var jt={scroll:null,scrollTo:null,pad:$},Et=function(e,t){switch(t.type){case"syncProps":return Pt(e,t);case"scrollToIndex":return St(e,t);case"scrollEnd":return zt(e);case"scrollRecalculate":return It(e,t);default:return e}},Pt=function(e,t){return wt(wt({},e),t.payload.props)},St=function(e,t){var n=t.payload.rect,r=t.payload.value,i=r.index,o=r.align,a=r.animated;return wt(wt({},e),{},{scrollTo:{rect:n,align:o,animated:a},scroll:a?{index:i,align:o,animated:a}:null})},zt=function(e,t){return wt(wt({},e),{},{scroll:null})},It=function(e,t){var n=e.scroll;return n?St(e,{type:"scrollToIndex",payload:{value:n,rect:t.payload.rect}}):e},Dt=r.default.memo((function(e){var n=e.pad,a=e.scrollToIndex,c=e.calculateRectForIndex,l=e.onAdjust,u=e.children,s=t.useReducer(Et,jt),d=s[0],f=s[1],h=o(d),p={onAdjust:l,calculateRectForIndex:c},y=t.useRef(p);return y.current=p,t.useMemo((function(){f({type:"syncProps",payload:{props:{pad:n}}})}),[n]),i((function(){if(d.scroll){if(h.pad.contentSize!==d.pad.contentSize){var e=y.current.calculateRectForIndex(d.scroll.index);f({type:"scrollRecalculate",payload:{rect:e}})}h.pad.deceleration!==d.pad.deceleration&&(d.pad.deceleration||f({type:"scrollEnd"}))}})),i((function(){d.scrollTo&&y.current.onAdjust(d.scrollTo)}),[d.scrollTo]),t.useEffect((function(){if(a){var e=y.current.calculateRectForIndex(a.index);f({type:"scrollToIndex",payload:{value:a,rect:e}})}}),[a]),r.default.createElement(r.default.Fragment,null,"function"==typeof u?u(d):u)}));function Mt(){return(Mt=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ct(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ct(Object(n),!0).forEach((function(t){kt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ct(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Rt=Tt(Tt({direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null},renderHeader:function(){return null},renderFooter:function(){return null},scrollToIndex:null},Oe),{},{directionalLockEnabled:!0}),At=r.default.memo((function(e){var n=e.direction,i=e.spacing,o=e.itemCount,a=e.estimatedItemWidth,c=e.estimatedItemHeight,l=e.renderItem,u=e.renderHeader,s=e.renderFooter,d=e.scrollToIndex,f=e.children,h=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","renderHeader","renderFooter","scrollToIndex","children"]),p=h.width,y=h.height,g=h.renderOverlay,v=t.useRef({}),m=t.useCallback((function(e){var t=v.current,n=t.box,r=t.body,i={x:0,y:0,width:0,height:0};if(n&&(i=n.layoutList[1].rect),r){var o=r.layoutList[e=Math.max(0,Math.min(e,r.layoutList.length-1))];i={x:i.x+o.rect.x,y:i.y+o.rect.y,width:o.rect.width,height:o.rect.height}}return i}),[]);return h.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(Dt,{pad:e,scrollToIndex:d,calculateRectForIndex:m,onAdjust:t._scrollTo,children:f}),g(e,t))},"x"===n?h.alwaysBounceY=!1:h.alwaysBounceX=!1,r.default.createElement(we,Mt({},h),r.default.createElement(Le,{width:p,height:y,direction:n,itemCount:3,renderItem:function(e){var t=e.itemIndex,d=e.Item;return 0===t?u(e):2===t?s(e):r.default.createElement(d,{forceRender:!0},r.default.createElement(Le,{width:p,height:y,direction:n,spacing:i,itemCount:o,estimatedItemWidth:a,estimatedItemHeight:c,renderItem:l},(function(e){v.current.body=e})))}},(function(e){v.current.box=e})))}));At.defaultProps=Rt,e.AutoResizing=z,e.Carousel=bt,e.GridContent=Me,e.Infinite=At,e.ItemContent=qe,e.ListContent=Le,e.Loop=rt,e.Pad=we,e.PadContext=q,e.Pannable=_,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="undefined"!=typeof globalThis?globalThis:e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i="undefined"==typeof window?t.useEffect:t.useLayoutEffect;function o(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e}),[e]),n.current}function a(e){var t={exports:{}};return e(t,t.exports),t.exports}var c=a((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var r=t(e[n]);if(r)return r}}})),l=a((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:undefined}());var t},t.isLegacyOpera=function(){return!!window.opera}})),u=a((function(e){(e.exports={}).getOption=function(e,t,n){var r=e[t];if(null==r&&void 0!==n)return n;return r}})),s=function(e){var t=(e=e||{}).reporter,n=u.getOption(e,"async",!0),r=u.getOption(e,"auto",!0);r&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var i,o=d(),a=!1;function c(){for(a=!0;o.size();){var e=o;o=d(),e.process()}a=!1}function l(){i=setTimeout(c,0)}return{add:function(e,t){!a&&r&&n&&0===o.size()&&l(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),i&&(clearTimeout(i),i=null),e?l():c())}}};function d(){var e={},t=0,n=0,r=0;return{add:function(i,o){o||(o=i,i=0),i>n?n=i:r>i&&(r=i),e[i]||(e[i]=[]),e[i].push(o),t++},process:function(){for(var t=r;n>=t;t++)for(var i=e[t],o=0;i.length>o;o++){(0,i[o])()}},size:function(){return t}}}function f(e){return e._erd}var h={initState:function(e){return e._erd={},f(e)},getState:f,cleanState:function(e){delete e._erd}},p=c.forEach,y=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,r=e.stateHandler.getState,i=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=500,t=500,n=document.createElement("div");n.style.cssText=l(["position: absolute","width: 1000px","height: 1000px","visibility: hidden","margin: 0","padding: 0"]);var r=document.createElement("div");r.style.cssText=l(["position: absolute","width: 500px","height: 500px","overflow: scroll","visibility: none","top: -1500px","left: -1500px","visibility: hidden","margin: 0","padding: 0"]),r.appendChild(n),document.body.insertBefore(r,document.body.firstChild);var i=e-r.clientWidth,o=t-r.clientHeight;return document.body.removeChild(r),{width:i,height:o}}(),a="erd_scroll_detection_container";function c(e){!function(e,t,n){function r(n,r){r=r||function(t){e.head.appendChild(t)};var i=e.createElement("style");return i.innerHTML=n,i.id=t,r(i),i}if(!e.getElementById(t)){var i=n+"_animation",o=n+"_animation_active",a="/* Created by the element-resize-detector library. */\n";a+="."+n+" > div::-webkit-scrollbar { "+l(["display: none"])+" }\n\n",a+="."+o+" { "+l(["-webkit-animation-duration: 0.1s","animation-duration: 0.1s","-webkit-animation-name: "+i,"animation-name: "+i])+" }\n",a+="@-webkit-keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",r(a+="@keyframes "+i+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}(e,"erd_scroll_detection_scrollbar_style",a)}function l(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function u(e,n,r){if(e.addEventListener)e.addEventListener(n,r);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,r)}}function s(e,n,r){if(e.removeEventListener)e.removeEventListener(n,r);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,r)}}function d(e){return r(e).container.childNodes[0].childNodes[0].childNodes[0]}function f(e){return r(e).container.childNodes[0].childNodes[0].childNodes[1]}return c(window.document),{makeDetectable:function(e,c,s){function h(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(i.get(c),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var r=0;n.length>r;r++)t.log(n[r])}}function y(e){var t=r(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function g(){var e=window.getComputedStyle(c),t={};return t.position=e.position,t.width=c.offsetWidth,t.height=c.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(h("storeStyle invoked."),r(c)){var e=g();r(c).style=e}else h("Aborting because element has been uninstalled")}function m(e,t,n){r(e).lastWidth=t,r(e).lastHeight=n}function b(){return 2*o.width+1}function O(){return 2*o.height+1}function w(e){return e+10+b()}function x(e){return e+10+O()}function j(e,t,n){var r=d(e),i=f(e),o=w(t),a=x(n),c=function(e){return 2*e+b()}(t),l=function(e){return 2*e+O()}(n);r.scrollLeft=o,r.scrollTop=a,i.scrollLeft=c,i.scrollTop=l}function E(){var e=r(c).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText=l(["visibility: hidden","display: inline","width: 0px","height: 0px","z-index: -1","overflow: hidden","margin: 0","padding: 0"]),r(c).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),c.appendChild(e);var t=function(){r(c).onRendered&&r(c).onRendered()};u(e,"animationstart",t),r(c).onAnimationStart=t}return e}function P(){if(h("Injecting elements"),r(c)){!function(){var n=r(c).style;if("static"===n.position){c.style.setProperty("position","relative",e.important?"important":"");var i=function(e,t,n,r){var i=n[r];"auto"!==i&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(i)&&(e.warn("An element that is positioned static has style."+r+"="+i+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+r+" will be set to 0. Element: ",t),t.style[r]=0)};i(t,c,n,"top"),i(t,c,n,"right"),i(t,c,n,"bottom"),i(t,c,n,"left")}}();var n=r(c).container;n||(n=E());var i,s,d,f,p=o.width,y=o.height,g=l(["position: absolute","flex: none","overflow: hidden","z-index: -1","visibility: hidden","width: 100%","height: 100%","left: 0px","top: 0px"]),v=l(["position: absolute","flex: none","overflow: hidden","z-index: -1","visibility: hidden"].concat(["left: "+(i=(i=-(1+p))?i+"px":"0"),"top: "+(s=(s=-(1+y))?s+"px":"0"),"right: "+(f=(f=-p)?f+"px":"0"),"bottom: "+(d=(d=-y)?d+"px":"0")])),m=l(["position: absolute","flex: none","overflow: scroll","z-index: -1","visibility: hidden","width: 100%","height: 100%"]),b=l(["position: absolute","flex: none","overflow: scroll","z-index: -1","visibility: hidden","width: 100%","height: 100%"]),O=l(["position: absolute","left: 0","top: 0"]),w=l(["position: absolute","width: 200%","height: 200%"]),x=document.createElement("div"),j=document.createElement("div"),P=document.createElement("div"),S=document.createElement("div"),z=document.createElement("div"),I=document.createElement("div");x.dir="ltr",x.style.cssText=g,x.className=a,j.className=a,j.style.cssText=v,P.style.cssText=m,S.style.cssText=O,z.style.cssText=b,I.style.cssText=w,P.appendChild(S),z.appendChild(I),j.appendChild(P),j.appendChild(z),x.appendChild(j),n.appendChild(x),u(P,"scroll",D),u(z,"scroll",M),r(c).onExpandScroll=D,r(c).onShrinkScroll=M}else h("Aborting because element has been uninstalled");function D(){r(c).onExpand&&r(c).onExpand()}function M(){r(c).onShrink&&r(c).onShrink()}}function S(){function o(t,n,r){var i=function(e){return d(e).childNodes[0]}(t),o=w(n),a=x(r);i.style.setProperty("width",o+"px",e.important?"important":""),i.style.setProperty("height",a+"px",e.important?"important":"")}function a(a){var u=c.offsetWidth,s=c.offsetHeight,d=u!==r(c).lastWidth||s!==r(c).lastHeight;h("Storing current size",u,s),m(c,u,s),n.add(0,(function(){if(d)if(r(c))if(l()){if(e.debug)c.offsetWidth===u&&c.offsetHeight===s||t.warn(i.get(c),"Scroll: Size changed before updating detector elements.");o(c,u,s)}else h("Aborting because element container has not been initialized");else h("Aborting because element has been uninstalled")})),n.add(1,(function(){r(c)?l()?j(c,u,s):h("Aborting because element container has not been initialized"):h("Aborting because element has been uninstalled")})),d&&a&&n.add(2,(function(){r(c)?l()?a():h("Aborting because element container has not been initialized"):h("Aborting because element has been uninstalled")}))}function l(){return!!r(c).container}function u(){h("notifyListenersIfNeeded invoked");var e=r(c);return void 0===r(c).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?h("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?h("Not notifying: Size already notified"):(h("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void p(r(c).listeners,(function(e){e(c)})))}function s(){h("Scroll detected."),y(c)?h("Scroll event fired while unrendered. Ignoring..."):a(u)}if(h("registerListenersAndPositionElements invoked."),r(c)){r(c).onRendered=function(){if(h("startanimation triggered."),y(c))h("Ignoring since element is still unrendered...");else{h("Element rendered.");var e=d(c),t=f(c);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(h("Scrollbars out of sync. Updating detector elements..."),a(u))}},r(c).onExpand=s,r(c).onShrink=s;var g=r(c).style;o(c,g.width,g.height)}else h("Aborting because element has been uninstalled")}function z(){if(h("finalizeDomMutation invoked."),r(c)){var e=r(c).style;m(c,e.width,e.height),j(c,e.width,e.height)}else h("Aborting because element has been uninstalled")}function I(){s(c)}function D(){var e;h("Installing..."),r(c).listeners=[],e=g(),r(c).startSize={width:e.width,height:e.height},h("Element start size",r(c).startSize),n.add(0,v),n.add(1,P),n.add(2,S),n.add(3,z),n.add(4,I)}s||(s=c,c=e,e=null),e=e||{},h("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(c)?D():(h("Element is detached"),E(),h("Waiting until element is attached..."),r(c).onRendered=function(){h("Element is now attached"),D()})},addListener:function(e,t){if(!r(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");r(e).listeners.push(t)},uninstall:function(e){var t=r(e);t&&(t.onExpandScroll&&s(d(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&s(f(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&s(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))},initDocument:c}},g=c.forEach;function v(e){return Array.isArray(e)||void 0!==e.length}function m(e){if(Array.isArray(e))return e;var t=[];return g(e,(function(e){t.push(e)})),t}function b(e){return e&&1===e.nodeType}var O,w=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 r=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 r=n(e);if(!r)throw Error("setId required the element to have a resize detection state.");var i=t.generate();return r.id=i,i}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:h});t=r}var i=e.reporter;i||(i=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var r=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])}};r(n,"log"),r(n,"warn"),r(n,"error")}return n}(!1===i));var o=x(e,"batchProcessor",s({reporter:i})),a={};a.callOnAdd=!!x(e,"callOnAdd",!0),a.debug=!!x(e,"debug",!1);var c,u=function(e){var t={};function n(n){var r=e.get(n);return void 0===r?[]:t[r]||[]}return{get:n,add:function(n,r){var i=e.get(n);t[i]||(t[i]=[]),t[i].push(r)},removeListener:function(e,t){for(var r=n(e),i=0,o=r.length;o>i;++i)if(r[i]===t){r.splice(i,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),d=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:h}),f=x(e,"strategy","object"),p=x(e,"important",!1),O={reporter:i,batchProcessor:o,stateHandler:h,idHandler:t,important:p};if("scroll"===f&&(l.isLegacyOpera()?(i.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),f="object"):l.isIE(9)&&(i.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),f="object")),"scroll"===f)c=y(O);else{if("object"!==f)throw Error("Invalid strategy name: "+f);c=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,r=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function i(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function o(e){return r(e).object}return{makeDetectable:function(e,o,a){a||(a=o,o=e,e=null),e=e||{},l.isIE(8)?a(o):function(o,a){var c=i(["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"]),u=!1,s=window.getComputedStyle(o),d=o.offsetWidth,f=o.offsetHeight;function h(){function n(){if("static"===s.position){o.style.setProperty("position","relative",e.important?"important":"");var n=function(t,n,r,i){var o=r[i];"auto"!==o&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(o)&&(t.warn("An element that is positioned static has style."+i+"="+o+" 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: ",n),n.style.setProperty(i,"0",e.important?"important":""))};n(t,o,s,"top"),n(t,o,s,"right"),n(t,o,s,"bottom"),n(t,o,s,"left")}}""!==s.position&&(n(),u=!0);var i=document.createElement("object");i.style.cssText=c,i.tabIndex=-1,i.type="text/html",i.setAttribute("aria-hidden","true"),i.onload=function(){u||n(),function e(t,n){if(!t.contentDocument){var i=r(t);return i.checkForObjectDocumentTimeoutId&&window.clearTimeout(i.checkForObjectDocumentTimeoutId),void(i.checkForObjectDocumentTimeoutId=setTimeout((function(){i.checkForObjectDocumentTimeoutId=0,e(t,n)}),100))}n(t.contentDocument)}(this,(function(e){a(o)}))},l.isIE()||(i.data="about:blank"),r(o)&&(o.appendChild(i),r(o).object=i,l.isIE()&&(i.data="about:blank"))}r(o).startSize={width:d,height:f},n?n.add(h):h()}(o,a)},addListener:function(e,t){function n(){t(e)}if(l.isIE(8))r(e).object={proxy:n},e.attachEvent("onresize",n);else{var i=o(e);if(!i)throw Error("Element is not detectable by this strategy.");i.contentDocument.defaultView.addEventListener("resize",n)}},uninstall:function(e){if(r(e)){var t=o(e);t&&(l.isIE(8)?e.detachEvent("onresize",t.proxy):e.removeChild(t),r(e).checkForObjectDocumentTimeoutId&&window.clearTimeout(r(e).checkForObjectDocumentTimeoutId),delete r(e).object)}}}}(O)}var w={};return{listenTo:function(e,n,r){function o(e){var t=u.get(e);g(t,(function(t){t(e)}))}function l(e,t,n){u.add(t,n),e&&n(t)}if(r||(r=n,n=e,e={}),!n)throw Error("At least one element required.");if(!r)throw Error("Listener required.");if(b(n))n=[n];else{if(!v(n))return i.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=m(n)}var s=0,f=x(e,"callOnAdd",a.callOnAdd),y=x(e,"onReady",(function(){})),O=x(e,"debug",a.debug);g(n,(function(e){h.getState(e)||(h.initState(e),t.set(e));var a=t.get(e);if(O&&i.log("Attaching listener to element",a,e),!d.isDetectable(e))return O&&i.log(a,"Not detectable."),d.isBusy(e)?(O&&i.log(a,"System busy making it detectable"),l(f,e,r),w[a]=w[a]||[],void w[a].push((function(){++s===n.length&&y()}))):(O&&i.log(a,"Making detectable..."),d.markBusy(e,!0),c.makeDetectable({debug:O,important:p},e,(function(e){if(O&&i.log(a,"onElementDetectable"),h.getState(e)){d.markAsDetectable(e),d.markBusy(e,!1),c.addListener(e,o),l(f,e,r);var t=h.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);w[a]&&g(w[a],(function(e){e()}))}else O&&i.log(a,"Element uninstalled before being detectable.");delete w[a],++s===n.length&&y()})));O&&i.log(a,"Already detecable, adding listener."),l(f,e,r),s++})),s===n.length&&y()},removeListener:u.removeListener,removeAllListeners:u.removeAllListeners,uninstall:function(e){if(!e)return i.error("At least one element is required.");if(b(e))e=[e];else{if(!v(e))return i.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=m(e)}g(e,(function(e){u.removeAllListeners(e),c.uninstall(e),h.cleanState(e)}))},initDocument:function(e){c.initDocument&&c.initDocument(e)}}};function x(e,t,n){var r=e[t];return null==r&&void 0!==n?n:r}function j(){return"undefined"==typeof window?null:(O||(O=w({strategy:"scroll"})),O)}function E(e,t){return!(!e||!t)&&(e===t||e.width===t.width&&e.height===t.height)}function P(e){return null!=e&&!isNaN(e)&&isFinite(e)}function S(){return(S=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var z=r.default.memo((function(e){var n=e.width,o=e.height,a=e.onResize,c=e.children,l=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","onResize","children"]),u=t.useState(null),s=u[0],d=u[1],f=t.useMemo((function(){return P(n)&&P(o)?{width:n,height:o}:null}),[n,o]),h=t.useRef(null),p={onResize:a},y=t.useRef(p);y.current=p,i((function(){s&&y.current.onResize(s)}),[s]),t.useEffect((function(){if(!f){n();var e=j(),t=h.current;return e&&t?(e.listenTo(t,n),function(){e.uninstall(t)}):void 0}function n(){var e=h.current;if(e){var t={width:e.offsetWidth,height:e.offsetHeight};d((function(e){return E(e,t)?e:t}))}}}),[f]),t.useMemo((function(){f&&d((function(e){return E(e,f)?e:f}))}),[f]);var g=t.useMemo((function(){var e={width:"100%",height:"100%"};return P(n)&&(e.width=n),P(o)&&(e.height=o),l.style&&S(e,l.style),e}),[n,o,l.style]);l.style=g;var v=null;return s&&(v="function"==typeof c?c(s):c),r.default.createElement("div",S({},l,{ref:h}),v)}));function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}z.defaultProps={width:null,height:null,onResize:function(){}};var C={enabled:!1,target:null,translation:null,velocity:null,interval:null,startPoint:{x:0,y:0},movePoint:{x:0,y:0},moveTime:0},T=function(e,t){switch(t.type){case"setEnabled":return k(e,t);case"end":return R(e);case"track":return A(e,t);case"move":return L(e,t);default:return e}},k=function(e,t){var n=t.payload.enabled;return n?D(D({},e),{},{enabled:n}):C},R=function(e,t){return e.target?D(D({},e),{},{target:null,translation:null,velocity:null,interval:null}):e},A=function(e,t){var n=t.payload,r=n.target,i=n.point,o=(new Date).getTime();return D(D({},e),{},{target:r,startPoint:i,movePoint:i,moveTime:o,translation:null,velocity:null,interval:null})},L=function(e,t){var n=t.payload,r=n.point,i=n.shouldStart,o=e.target,a=e.startPoint,c=e.movePoint,l=e.moveTime,u=e.translation;if(!o)return e;var s=(new Date).getTime(),d=s-l,f={x:r.x-a.x,y:r.y-a.y},h={x:(r.x-c.x)/d,y:(r.y-c.y)/d};return u?D(D({},e),{},{target:o,translation:f,velocity:h,interval:d,startPoint:a,movePoint:r,moveTime:s}):Math.sqrt(Math.pow(f.x,2)+Math.pow(f.y,2))>0&&i({target:o,translation:f,velocity:h,interval:d})?D(D({},e),{},{target:o,translation:{x:0,y:0},velocity:h,interval:d,startPoint:r,movePoint:r,moveTime:s}):D(D({},e),{},{target:o,translation:null,velocity:null,interval:null,startPoint:a,movePoint:r,moveTime:s})};var B={create:function(e){var t=e.transformTranslate,n=e.userSelectNone,r=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["transformTranslate","userSelectNone"]);return t&&function(e,t){t.transform="translate3d("+e.x+"px, "+e.y+"px, 0)",t.WebkitTransform="translate3d("+e.x+"px, "+e.y+"px, 0)",t.msTransform="translate("+e.x+"px, "+e.y+"px)"}(t,r),n&&function(e){e.userSelect="none",e.WebkitUserSelect="none",e.MozUserSelect="none",e.msUserSelect="none"}(r),r}};function H(e,t,n,r){var i=function(){};return e&&e.addEventListener&&(e.addEventListener(t,n,r),i=function(){e.removeEventListener(t,n,r)}),i}function W(){return(W=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var N=void 0!==typeof window&&"ontouchstart"in window,F={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}},_=r.default.memo((function(e){var n=e.enabled,a=e.shouldStart,c=e.onStart,l=e.onMove,u=e.onEnd,s=e.onCancel,d=e.children,f=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),h=t.useReducer(T,C),p=h[0],y=h[1],g=o(p),v=t.useRef(null),m={shouldStart:a,onStart:c,onMove:l,onEnd:u,onCancel:s},b=t.useRef(m);b.current=m;var O=!!p.translation;t.useMemo((function(){y({type:"setEnabled",payload:{enabled:n}})}),[n]),i((function(){if(g.translation!==p.translation)if(p.translation){var e={translation:p.translation,velocity:p.velocity,interval:p.interval,target:p.target};g.translation?b.current.onMove(e):b.current.onStart(e)}else if(g.translation){var t={translation:g.translation,velocity:g.velocity,interval:g.interval,target:g.target};p.enabled?b.current.onEnd(t):b.current.onCancel(t)}}),[p]),i((function(){if(p.enabled){var e=v.current;if(e){var t=function(e,t){return y({type:"track",payload:{target:e,point:t}})},n=function(e){return y({type:"move",payload:{point:e,shouldStart:b.current.shouldStart}})},r=function(){return y({type:"end",payload:null})};if(p.target){if(N){var i=function(e){O&&e.cancelable&&e.preventDefault(),r()},o=H(e,"touchmove",(function(e){if(O&&e.cancelable&&e.preventDefault(),1===e.touches.length){var t=e.touches[0];n({x:t.pageX,y:t.pageY})}else r()})),a=H(e,"touchend",i),c=H(e,"touchcancel",i);return function(){o(),a(),c()}}var l=document.body,u=H(l,"mousemove",(function(e){O&&e.preventDefault(),1===e.buttons?n({x:e.pageX,y:e.pageY}):r()})),s=H(l,"mouseup",(function(e){O&&e.preventDefault(),r()}));return function(){u(),s()}}if(N){var d=H(e,"touchstart",(function(e){if(1===e.touches.length){var n=e.touches[0];t(n.target,{x:n.pageX,y:n.pageY})}}));return function(){d()}}var f=H(e,"mousedown",(function(e){1===e.buttons&&e.target&&t(e.target,{x:e.pageX,y:e.pageY})}));return function(){f()}}}}),[p.enabled,p.target,O,y]);var w=t.useMemo((function(){var e={};return O&&W(e,B.create({touchAction:"none",pointerEvents:"none",userSelectNone:!0})),f.style&&W(e,f.style),e}),[O,f.style]);f.style=w;var x="function"==typeof d?d(p):d;return r.default.createElement("div",W({},f,{ref:v}),x)}));_.defaultProps=F;var q=r.default.createContext({width:null,height:null,visibleRect:{x:0,y:0,width:0,height:0},onResize:function(){}});function V(e){function t(t){return Math.max(-2.5,Math.min(e[t],2.5))}var n={x:t("x"),y:t("y")};return n.x===e.x&&n.y===e.y?e:n}function X(e,t,n,r,i){function o(o){var a="x"===o?"width":"height",c=t[a],l=e[o];if(r[o])return l;var u=Math.min(c-n[a],0);return i&&c>0&&(u=c*Math.ceil(u/c)),Math.max(u,Math.min(l,0))}var a={x:o("x"),y:o("y")};return a.x===e.x&&a.y===e.y?e:a}function Y(e,t,n,r,i){var o,a,c,l="number"==typeof i?(o=i,0===(c=Math.sqrt((a=t).x*a.x+a.y*a.y))?{x:0,y:0}:{x:o*(a.x/c),y:o*(a.y/c)}):i;function u(i){var o="x"===i?"width":"height",a=e[i],c=t[i];if(r&&n[o]>0){var u=a/n[o];a=n[o]*(u=c>.5?Math.ceil(u):-.5>c?Math.floor(u):Math.round(u))}else l[i]&&(a+=.5*c*(c/l[i]));return a}return{x:u("x"),y:u("y")}}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var K,Q,Z=.025,$={contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,size:{width:0,height:0},contentSize:{width:0,height:0},pannable:C,alwaysBounce:{x:!0,y:!0},isBoundless:{x:!1,y:!1},pagingEnabled:!1,directionalLockEnabled:!1},ee=function(e,t){switch(t.type){case"syncProps":return ne(te(e,t));case"dragStart":return re(e);case"dragMove":return ie(e);case"dragEnd":return oe(e);case"dragCancel":return ae(e);case"decelerate":return ne(ce(e));case"scrollTo":return ne(le(e,t));default:return e}},te=function(e,t){return U(U({},e),t.payload.props)},ne=function(e,t){var n=e.contentOffset,r=e.contentVelocity,i=e.drag,o=e.deceleration,a=e.size,c=e.contentSize,l=e.pagingEnabled,u=e.alwaysBounce,s=e.isBoundless,d=Z;if(o){var f=o.endOffset,h=X(n,a,c,s,l);if(f!==X(f,a,c,s,l)&&n!==h){var p=n,y=V(r);return u.x||(y=U(U({},y),{},{x:0}),p=U(U({},p),{},{x:h.x})),u.y||(y=U(U({},y),{},{y:0}),p=U(U({},p),{},{y:h.y})),o.rate!==d&&(f=Y(p,y,a,l,d)),f=X(f,a,c,s,l),U(U({},e),{},{contentOffset:p,contentVelocity:y,drag:null,deceleration:se(f,d,p,y)})}}else if(!i){var g=Y(n,r,a,l,d);if((g=X(g,a,c,s,l)).x!==n.x||g.y!==n.y)return U(U({},e),{},{drag:null,deceleration:se(g,d,n,r)})}return e},re=function(e,t){var n=e.contentOffset,r=e.pannable.velocity;if(!r)return e;var i={x:1,y:1};e.directionalLockEnabled&&(Math.abs(r.x)>Math.abs(r.y)?i.y=0:i.x=0);var o={x:i.x*r.x,y:i.y*r.y};return U(U({},e),{},{contentVelocity:o,drag:{direction:i,startOffset:n},deceleration:null})},ie=function(e,t){var n=e.contentOffset,r=e.drag,i=e.pannable,o=i.translation,a=i.interval;if(!r||!o||!a)return e;var c={x:r.startOffset.x+r.direction.x*o.x,y:r.startOffset.y+r.direction.y*o.y},l={x:((c=function(e,t,n,r,i){function o(o){var a="x"===o?"width":"height",c="x"===o?"height":"width",l=e[o],u=t[o];if(n[o])return l;var s=Math.min(r[a]-i[a],0),d=.5*Math.min(r[a],r[c]);return l>0?u?d*(1-d/(d+l)):0:s>l?u?s-d*(1-d/(d-l+s)):s:l}var a={x:o("x"),y:o("y")};return a.x===e.x&&a.y===e.y?e:a}(c,e.alwaysBounce,e.isBoundless,e.size,e.contentSize)).x-n.x)/a,y:(c.y-n.y)/a};return U(U({},e),{},{contentOffset:c,contentVelocity:l})},oe=function(e,t){var n=e.contentOffset,r=e.size,i=e.pagingEnabled,o=i?Z:.0025,a=V(e.contentVelocity),c=Y(n,a,r,i,o);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,o,n,a)})},ae=function(e,t){var n=e.contentOffset,r=e.drag,i=e.size,o=e.pagingEnabled;if(!r)return e;var a=V(e.contentVelocity),c=Y(r.startOffset,{x:0,y:0},i,o,.025);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,.025,n,a)})},ce=function(e,t){var n=e.deceleration;if(!n)return e;var r=function(e){var t=e.points,n=e.duration,r=e.startTime,i=e.endOffset;function o(e,r){var i=t[e],o=i[0],a=i[1],c=i[2],l=i[3];return[o-3*(o-a)*r+3*(o-2*a+c)*Math.pow(r,2)-(o-3*a+3*c-l)*Math.pow(r,3),(-3*(o-a)+6*(o-2*a+c)*r-3*(o-3*a+3*c-l)*Math.pow(r,2))/n]}var a=(new Date).getTime(),c=1;n>0&&(c=(a-r)/n);if(0>c||c>=1)return{offset:i,velocity:{x:0,y:0},didEnd:!0};var l=o("x",c),u=l[0],s=l[1],d=o("y",c);return{offset:{x:u,y:d[0]},velocity:{x:s,y:d[1]},didEnd:!1}}(n),i=r.offset,o=r.velocity,a=r.didEnd;return U(U({},e),{},{contentOffset:i,contentVelocity:o,drag:null,deceleration:a?null:n})},le=function(e,t){var n=e.contentOffset,r=e.size,i=t.payload.value,o=i.offset,a=void 0===o?{x:0,y:0}:o,c=i.point,l=i.align,u=i.rect,s=!e.drag&&i.animated;u||(u=c?U(U({},c),{},{width:0,height:0}):{x:-a.x,y:-a.y,width:0,height:0});var d=function(e,t,n,r){var i="object"==typeof t?t:{x:t,y:t};function o(t){var o="x"===t?"width":"height",a=-e[t],c=i[t],l=r[o]-e[o];if("auto"===c){var u=0>l?-1:1;a+=u*Math.max(0,Math.min(u*(n[t]-a),u*l))}else"start"===c?c=0:"center"===c?c=.5:"end"===c?c=1:("number"!=typeof c||isNaN(c))&&(c=0),a+=c*l;return a}return{x:o("x"),y:o("y")}}(u,l,n,r);return ue(e,{type:"setContentOffset",payload:{offset:d,animated:s}})},ue=function(e,t){var n=e.contentOffset,r=e.contentVelocity,i=e.drag,o=e.deceleration,a=e.size,c=e.pagingEnabled,l=t.payload,u=l.offset;if(!l.animated){if(i)return U(U({},e),{},{contentOffset:u,drag:U(U({},i),{},{startOffset:{x:i.startOffset.x+u.x-n.x,y:i.startOffset.y+u.y-n.y}}),deceleration:null});if(o){var s=Y({x:o.endOffset.x+u.x-n.x,y:o.endOffset.y+u.y-n.y},{x:0,y:0},a,c,o.rate);return U(U({},e),{},{contentOffset:u,drag:null,deceleration:se(s,o.rate,u,r)})}return U(U({},e),{},{contentOffset:u})}var d=Y(u,{x:0,y:0},a,c,Z);return U(U({},e),{},{drag:null,deceleration:se(d,Z,n,r)})};function se(e,t,n,r){var i=(new Date).getTime(),o=0;if(0>=t)throw Error("Rate needs more than 0.");var a,c={x:e.x-n.x,y:e.y-n.y},l=Math.sqrt(Math.pow(c.x,2)+Math.pow(c.y,2));if(l){var u=Math.sqrt(.5*Math.pow(a=(r.x*c.x+r.y*c.y)/l,2)+t*l),s=(u-a)/t;0>s&&(u=a,s=0),o=s+u/t}else a=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),o=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:o,startTime:i,points:{x:[n.x,n.x+r.x*(o/3),e.x,e.x],y:[n.y,n.y+r.y*(o/3),e.y,e.y]}}}if("undefined"!=typeof window){K=window.requestAnimationFrame,Q=window.cancelAnimationFrame;for(var de=["ms","moz","webkit","o"],fe=window,he=0;!K&&4>he;)K=fe[de[he]+"RequestAnimationFrame"],Q=fe[de[he]+"CancelAnimationFrame"]||fe[de[he]+"CancelRequestAnimationFrame"],he++;if(!K){var pe=0;K=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-pe)),r=window.setTimeout((function(){e(t+n)}),n);return pe=t+n,r},Q=function(e){window.clearTimeout(e)}}}var ye={position:"absolute",top:0,left:0,right:0,bottom:0},ge=r.default.memo((function(e){var n=e.pannable,a=e.size,c=e.pagingEnabled,l=e.directionalLockEnabled,u=e.alwaysBounce,s=e.isBoundless,d=e.onScroll,f=e.onStartDragging,h=e.onEndDragging,p=e.onStartDecelerating,y=e.onEndDecelerating,g=e.onResizeContent,v=e.renderBackground,m=e.renderOverlay,b=e.scrollTo,O=e.children,w=t.useReducer(ee,$),x=w[0],j=w[1],E=o(x),P=t.useRef({_scrollTo:function(e){j({type:"scrollTo",payload:{value:e}})}}),S={onScroll:d,onStartDragging:f,onEndDragging:h,onStartDecelerating:p,onEndDecelerating:y,onResizeContent:g},z=t.useRef(S);z.current=S;var I=t.useCallback((function(e){j({type:"syncProps",payload:{props:{contentSize:e}}})}),[]);t.useMemo((function(){j({type:"syncProps",payload:{props:{size:a,pannable:n,alwaysBounce:u,isBoundless:s,pagingEnabled:c,directionalLockEnabled:l}}})}),[a,n,u,s,c,l]),i((function(){E.pannable.translation!==x.pannable.translation&&j(x.pannable.translation?E.pannable.translation?{type:"dragMove"}:{type:"dragStart"}:x.pannable.enabled?{type:"dragEnd"}:{type:"dragCancel"}),E.contentSize!==x.contentSize&&z.current.onResizeContent(x.contentSize);var e={size:x.size,contentSize:x.contentSize,contentOffset:x.contentOffset,contentVelocity:x.contentVelocity,dragging:!!x.drag,decelerating:!!x.deceleration};if(E.contentOffset!==x.contentOffset&&z.current.onScroll(e),E.drag!==x.drag&&(E.drag?x.drag||z.current.onEndDragging(e):z.current.onStartDragging(e)),E.deceleration!==x.deceleration&&(E.deceleration?x.deceleration||z.current.onEndDecelerating(e):z.current.onStartDecelerating(e)),x.deceleration){var t=K((function(){j({type:"decelerate"})}));return function(){Q(t)}}}),[x]),t.useEffect((function(){b&&P.current._scrollTo(b)}),[b]);var D=v(x,P.current);null!==D&&(D=r.default.createElement("div",{style:ye},D));var M=m(x,P.current),C="function"==typeof O?O(x,P.current):O,T=t.useMemo((function(){return B.create({position:"absolute",overflow:"hidden",willChange:"transform",transformTranslate:x.contentOffset,width:x.contentSize.width,height:x.contentSize.height})}),[x.contentSize,x.contentOffset]),k=t.useMemo((function(){return{width:null,height:null,visibleRect:{x:-x.contentOffset.x,y:-x.contentOffset.y,width:x.size.width,height:x.size.height},onResize:I}}),[x.contentOffset,x.size,I]);return r.default.createElement(r.default.Fragment,null,D,r.default.createElement("div",{style:T},r.default.createElement(q.Provider,{value:k},C)),M)}));function ve(){return(ve=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function me(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function be(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Oe=function(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?me(Object(n),!0).forEach((function(t){be(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,isBoundlessX:!1,isBoundlessY:!1,onScroll:function(){},onStartDragging:function(){},onEndDragging:function(){},onStartDecelerating:function(){},onEndDecelerating:function(){},onResizeContent:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null},F),we=r.default.memo((function(e){var n=e.width,i=e.height,o=e.pagingEnabled,a=e.directionalLockEnabled,c=e.alwaysBounceX,l=e.alwaysBounceY,u=e.isBoundlessX,s=e.isBoundlessY,d=e.onScroll,f=e.onStartDragging,h=e.onEndDragging,p=e.onStartDecelerating,y=e.onEndDecelerating,g=e.onResizeContent,v=e.renderBackground,m=e.renderOverlay,b=e.scrollTo,O=e.children,w=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","isBoundlessX","isBoundlessY","onScroll","onStartDragging","onEndDragging","onStartDecelerating","onEndDecelerating","onResizeContent","renderBackground","renderOverlay","scrollTo","children"]),x=t.useMemo((function(){return{width:n,height:i}}),[n,i]),j=t.useMemo((function(){return{x:c,y:l}}),[c,l]),E=t.useMemo((function(){return{x:u,y:s}}),[u,s]),P=t.useRef(),S={shouldStart:w.shouldStart},z=t.useRef(S);z.current=S;var I=t.useCallback((function(e){var t=P.current;return!!t&&(!!function(e,t,n){var r=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[r]>t[r]}(e.velocity,t.size,t.contentSize)&&z.current.shouldStart(e))}),[]),D=t.useMemo((function(){var e={overflow:"hidden",position:"relative",width:x.width,height:x.height};return w.style&&ve(e,w.style),e}),[x,w.style]);return w.shouldStart=I,w.style=D,r.default.createElement(_,ve({},w),(function(e){return r.default.createElement(ge,{pannable:e,size:x,pagingEnabled:o,directionalLockEnabled:a,alwaysBounce:j,isBoundless:E,onScroll:d,onStartDragging:f,onEndDragging:h,onStartDecelerating:p,onEndDecelerating:y,onResizeContent:g,renderBackground:v,renderOverlay:m,scrollTo:b},(function(e,t){return P.current=e,"function"==typeof O?O(e,t):O}))}))}));function xe(e,t){function n(n){var r,i="x"===n?"width":"height";return(r={})[n]=t[n]-e[n],r[i]=t[i],r}var r=n("x"),i=r.x,o=r.width,a=n("y");return{x:i,y:a.y,width:o,height:a.height}}function je(e,t){if(!t)return!0;function n(n){var r="x"===n?"width":"height";return e[n]+e[r]>=t[n]-.25*t[r]&&t[n]+1.25*t[r]>=e[n]}return n("x")&&n("y")}function Ee(){return(Ee=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Pe(Object(n),!0).forEach((function(t){ze(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ze(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}we.defaultProps=Oe;var Ie=r.default.memo((function(){return null}));function De(){}var Me=r.default.memo((function(e){var n=t.useContext(q),o=e.direction,a=e.itemWidth,c=e.itemHeight,l=e.itemCount,u=e.renderItem,s=e.width,d=e.height,f=e.rowSpacing,h=e.columnSpacing,p=e.children,y=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","itemWidth","itemHeight","itemCount","renderItem","width","height","rowSpacing","columnSpacing","children"]),g=P(s)?s:n.width,v=P(d)?d:n.height,m=t.useMemo((function(){return function(e){var t,n,r=e.spacing,i=e.itemSize,o=e.itemCount,a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],c=a[0],l=a[1],u=a[2],s=a[3],d=a[4],f=a[5],h=e.size[u],p=0,y=0,g=0,v=[];"number"!=typeof h?(g=o,0===i[u]?h=0:(h=o*i[u],o>1&&(h+=(o-1)*r[f]))):0===i[u]?g=o:(g=1,h>i[u]&&(g+=Math.floor((h-i[u])/(i[u]+r[f]))));g>0&&(y=Math.ceil(o/g));for(var m=0;y>m;m++){m>0&&(p+=r[d]);for(var b=0;g>b;b++){var O,w,x=b+m*g,j=0;if(g>1&&(j+=Math.round(b*((h-i[u])/(g-1)))),x>=o)break;v.push(((w={rect:(O={},O[c]=j,O[l]=p,O[u]=i[u],O[s]=i[s],O)})[d+"Index"]=m,w[f+"Index"]=b,w.itemIndex=x,w))}p+=i[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=y,n[f]=g,n),layoutList:v}}({direction:o,size:{width:g,height:v},spacing:{row:f,column:h},itemSize:{width:a,height:c},itemCount:l})}),[o,g,v,f,h,a,c,l]),b=t.useRef(m),O={onResize:n.onResize},w=t.useRef(O);w.current=O,i((function(){var e=b.current;b.current=m,e.size!==m.size&&E(e.size,m.size)||w.current.onResize(m.size)}),[m]);var x=m.layoutList.map((function(e){return function(e){var t=e.rect,i=e.itemIndex,o=e.visibleRect,a=e.needsRender,c=e.Item,l=!1,s=u(e),d="GridContent_"+i;if(r.default.isValidElement(s)&&s.type===c){var f=s.props;void 0!==f.forceRender&&(l=f.forceRender),s.key&&(d=s.key),s=s.props.children}if(!a&&!l)return null;var h={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(q.Provider,{key:d,value:Se(Se({},n),{},{width:null,height:null,visibleRect:o,onResize:De})},r.default.createElement("div",{style:h},s))}(Se(Se({},e),{},{visibleRect:xe(e.rect,n.visibleRect),needsRender:je(e.rect,n.visibleRect),Item:Ie}))}));"function"==typeof p&&p(m);var j=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return m.size&&(e.width=m.size.width,e.height=m.size.height),y.style&&Ee(e,y.style),e}),[m.size,y.style]);return y.style=j,r.default.createElement("div",Ee({},y),x)}));function Ce(){return(Ce=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ke(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Te(Object(n),!0).forEach((function(t){Re(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Re(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Me.defaultProps={direction:"y",itemWidth:0,itemHeight:0,itemCount:0,renderItem:function(){return null},width:null,height:null,rowSpacing:0,columnSpacing:0};var Ae=r.default.memo((function(){return null})),Le=r.default.memo((function(e){var n=t.useContext(q),o=e.direction,a=e.itemCount,c=e.renderItem,l=e.width,u=e.height,s=e.spacing,d=e.estimatedItemWidth,f=e.estimatedItemHeight,h=e.children,p=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","itemCount","renderItem","width","height","spacing","estimatedItemWidth","estimatedItemHeight","children"]),y=P(l)?l:n.width,g=P(u)?u:n.height,v=t.useState([]),m=v[0],b=v[1],O=t.useState({}),w=O[0],x=O[1],j=t.useMemo((function(){return function(e,t,n){var r,i=e.size,o=e.spacing,a=e.estimatedItemSize,c=e.itemCount,l="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],u=l[0],s=l[1],d=l[2],f=l[3],h=0,p=0,y=[],g={};P(i[d])&&(g[d]=i[d]);for(var v=0;c>v;v++){var m,b=t[v]||null,O=b&&n[b]||null,w=((m={})[u]=0,m[s]=p,m);if(O)Ce(w,O);else{var x=a[d],j=a[f];w[d]=void 0!==g[d]?g[d]:"function"==typeof x?x(v):x,w[f]="function"==typeof j?j(v):j}y.push({rect:w,itemIndex:v,itemHash:b,itemSize:O}),w[f]>0&&(p+=w[f],c-1>v&&(p+=o)),w[d]>h&&(h=w[d])}return{size:(r={},r[d]=void 0!==g[d]?g[d]:h,r[f]=void 0!==g[f]?g[f]:p,r),layoutList:y}}({direction:o,size:{width:y,height:g},spacing:s,estimatedItemSize:{width:d,height:f},itemCount:a},m,w)}),[y,g,o,s,d,f,a,m,w]),S=t.useRef(j),z={onResize:n.onResize},I=t.useRef(z);I.current=z,i((function(){var e=S.current;S.current=j,e.size!==j.size&&E(e.size,j.size)||I.current.onResize(j.size)}),[j]);var D=[];var M=j.layoutList.map((function(e){return function(e){var t=e.rect,i=e.itemIndex,o=e.itemSize,a=e.visibleRect,l=e.needsRender,u=e.Item,s=!1,d=c(e),f="ListContent_"+i,h="";if(r.default.isValidElement(d)&&d.type===u){var p=d.props;void 0!==p.forceRender&&(s=p.forceRender),d.key&&(f=d.key),void 0!==p.hash&&(h=p.hash),d=d.props.children}""===h&&(h=f);var y=!l&&!s;if(o||-1===D.indexOf(h)||(y=!0),D[i]=h,y)return null;var g={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(q.Provider,{key:f,value:ke(ke(ke({},n),{},{width:null,height:null},o),{},{visibleRect:a,onResize:function(e){x((function(t){var n;return ke(ke({},t),{},((n={})[h]=e,n))}))}})},r.default.createElement("div",{style:g},d))}(ke(ke({},e),{},{visibleRect:xe(e.rect,n.visibleRect),needsRender:je(e.rect,n.visibleRect),Item:Ae}))}));(function(e,t){if(!e||!t)return!1;if(e===t)return!0;if(e.length!==t.length)return!1;for(var n=0;e.length>n;n++)if(e[n]!==t[n])return!1;return!0})(m,D)||b(D),"function"==typeof h&&h(j);var C=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return j.size&&(e.width=j.size.width,e.height=j.size.height),p.style&&Ce(e,p.style),e}),[j.size,p.style]);return p.style=C,r.default.createElement("div",Ce({},p),M)}));function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function He(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Be(Object(n),!0).forEach((function(t){We(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function We(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ne(){return(Ne=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Fe(){}Le.defaultProps={direction:"y",itemCount:0,renderItem:function(){return null},width:null,height:null,spacing:0,estimatedItemWidth:0,estimatedItemHeight:0};var _e={position:"absolute",top:0,left:0},qe=r.default.memo((function(e){var n=e.width,a=e.height,c=e.autoResizing,l=e.children,u=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["width","height","autoResizing","children"]),s=t.useContext(q),d=P(n)?n:c?null:s.width,f=P(a)?a:c?null:s.height,h=t.useMemo((function(){return P(n)&&P(a)?{width:n,height:a}:null}),[n,a]),p=t.useState(null),y=p[0],g=p[1],v=o(y),m=t.useRef(null),b={onResize:s.onResize},O=t.useRef(b);O.current=b,i((function(){v!==y&&y&&O.current.onResize(y)}),[y]),t.useEffect((function(){if(!h&&(n(),c)){var e=j(),t=m.current;if(e&&t)return e.listenTo(t,n),function(){e.uninstall(t)}}function n(){var e=m.current;if(e){var t={width:e.offsetWidth,height:e.offsetHeight};g((function(e){return E(e,t)?e:t}))}}}),[h,c]),t.useMemo((function(){h&&g((function(e){return E(e,h)?e:h}))}),[h]);var w=t.useMemo((function(){var e={position:"absolute"};return P(d)&&(e.width=d),P(f)&&(e.height=f),e}),[d,f]),x="function"==typeof l?l(y):l;h||(x=r.default.createElement("div",{style:_e},r.default.createElement("div",{style:w,ref:m},x)));var S=t.useMemo((function(){var e={position:"relative"};return y&&(e.width=y.width,e.height=y.height),u.style&&Ne(e,u.style),e}),[y,u.style]);return u.style=S,r.default.createElement("div",Ne({},u),r.default.createElement(q.Provider,{value:He(He({},s),{},{width:null,height:null,onResize:Fe})},x))}));function Ve(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xe(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ve(Object(n),!0).forEach((function(t){Ye(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ve(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ye(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}qe.defaultProps={width:null,height:null,autoResizing:!1};var Ge={loopCount:2,loopOffset:0,loopWidth:0,scrollTo:null,pad:$,direction:"x"},Ue=function(e,t){switch(t.type){case"syncProps":return Ke(Je(e,t));default:return e}},Je=function(e,t){return Xe(Xe({},e),t.payload.props)},Ke=function(e,t){var n=e.loopCount,r=e.loopWidth,i=e.loopOffset,o=e.direction,a=e.pad,c=a.size,l=a.contentOffset,u="y"===o?"height":"width",s=a.contentSize[u]/n,d=2;if(0!==s&&(d+=Math.floor(c[u]/s)),r!==s||n!==d)return Xe(Xe({},e),{},{loopCount:d,loopWidth:s});var f=function(e,t,n,r,i){var o;if(1===r||0===n)return[e,0];var a="y"===i?["height","y","x"]:["width","x","y"],c=a[1],l=a[2],u=t[a[0]],s=.5*(u-n*(r-1)),d=.5*(u-n*(r+1)),f=e[c],h=0;if(f>=d&&s>=f)return[e,0];d>f?h=Math.floor((s-f)/n):f>s&&(h=-Math.floor((f-d)/n));return[(o={},o[c]=f+=n*h,o[l]=e[l],o),h]}(l,c,r,n,o),h=f[0],p=f[1];return l!==h?Xe(Xe({},e),{},{loopOffset:i+p,scrollTo:{offset:h,animated:!1}}):e};var Qe=r.default.memo((function(e){var n=e.pad,o=e.onAdjust,a=e.direction,c=e.children,l=t.useReducer(Ue,Ge),u=l[0],s=l[1],d={onAdjust:o},f=t.useRef(d);return f.current=d,t.useMemo((function(){s({type:"syncProps",payload:{props:{pad:n,direction:a}}})}),[n,a]),i((function(){u.scrollTo&&f.current.onAdjust(u.scrollTo)}),[u.scrollTo]),r.default.createElement(Le,{direction:a,width:u.pad.size.width,height:u.pad.size.height,itemCount:u.loopCount,renderItem:function(e){return r.default.createElement(e.Item,{key:e.itemIndex+u.loopOffset,hash:"Loop",forceRender:!0},"function"==typeof c?c(u):c)}})}));function Ze(){return(Ze=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function $e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function et(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$e(Object(n),!0).forEach((function(t){tt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$e(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function tt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var nt=et(et({direction:"x"},Oe),{},{directionalLockEnabled:!0}),rt=r.default.memo((function(e){var t=e.direction,n=e.children,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","children"]);return"x"===t?(i.isBoundlessX=!0,i.alwaysBounceY=!1):(i.isBoundlessY=!0,i.alwaysBounceX=!1),r.default.createElement(we,Ze({},i),(function(e,i){return r.default.createElement(Qe,{pad:e,onAdjust:i._scrollTo,direction:t,children:n})}))}));function it(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ot(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?it(Object(n),!0).forEach((function(t){at(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):it(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function at(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}rt.defaultProps=nt;var ct={activeIndex:0,scrollTo:null,pad:$,direction:"x",loop:!0,itemCount:0},lt=function(e,t){switch(t.type){case"syncProps":return st(ut(e,t));case"scrollToIndex":return dt(e,t);case"next":return ft(e,t);default:return e}},ut=function(e,t){return ot(ot({},e),t.payload.props)},st=function(e,t){var n=e.activeIndex,r=e.pad,i=function(e,t,n,r){var i="y"===r?["height","y"]:["width","x"],o=i[1],a=t[i[0]],c=0;a>0&&(c=Math.round(-e[o]/a));return c%n}(r.contentOffset,r.size,e.itemCount,e.direction);return n!==i?ot(ot({},e),{},{activeIndex:i}):e},dt=function(e,t){var n=e.activeIndex,r=e.itemCount,i=e.direction,o=e.loop,a=e.pad,c=a.contentOffset,l=a.size,u=t.payload.value.animated,s=t.payload.value.index;"function"==typeof s&&(s=s({activeIndex:n,itemCount:r})),o||(s=Math.max(0,Math.min(s,r-1)));var d=function(e,t,n,r){var i,o="y"===r?["height","y","x"]:["width","x","y"],a=o[1],c=o[2];return(i={})[a]=t[a]-e*n[o[0]],i[c]=t[c],i}(s-n,c,l,i);return ot(ot({},e),{},{scrollTo:{offset:d,animated:u}})},ft=function(e,t){var n=e.activeIndex+1;return e.loop||(n%=e.itemCount),dt(e,{type:"scrollToIndex",payload:{value:{index:n,animated:t.payload.animated}}})};var ht=r.default.memo((function(e){var n=e.pad,a=e.direction,c=e.loop,l=e.autoplayEnabled,u=e.autoplayInterval,s=e.itemCount,d=e.onActiveIndexChange,f=e.onAdjust,h=e.scrollToIndex,p=e.children,y=t.useReducer(lt,ct),g=y[0],v=y[1],m=o(g),b={onActiveIndexChange:d,onAdjust:f},O=t.useRef(b);return O.current=b,t.useMemo((function(){v({type:"syncProps",payload:{props:{pad:n,direction:a,loop:c,itemCount:s}}})}),[n,a,c,s]),i((function(){m.activeIndex!==g.activeIndex&&O.current.onActiveIndexChange({activeIndex:g.activeIndex,itemCount:g.itemCount})}),[g]),i((function(){g.scrollTo&&O.current.onAdjust(g.scrollTo)}),[g.scrollTo]),t.useEffect((function(){h&&v({type:"scrollToIndex",payload:{value:h}})}),[h]),t.useEffect((function(){if(l&&!g.pad.drag&&!g.pad.deceleration){var e=setTimeout((function(){v({type:"next",payload:{animated:!0}})}),u);return function(){clearTimeout(e)}}}),[l,u,g.pad.drag,g.pad.deceleration]),r.default.createElement(r.default.Fragment,null,"function"==typeof p?p(g):p)}));function pt(){return(pt=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(Object(n),!0).forEach((function(t){vt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function vt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var mt=gt(gt({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3,itemCount:0,renderItem:function(){return null},onActiveIndexChange:function(){},scrollToIndex:null},Oe),{},{pagingEnabled:!0,directionalLockEnabled:!0}),bt=r.default.memo((function(e){var n=e.direction,i=e.loop,o=e.autoplayEnabled,a=e.autoplayInterval,c=e.itemCount,l=e.renderItem,u=e.onActiveIndexChange,s=e.scrollToIndex,d=e.children,f=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","loop","autoplayEnabled","autoplayInterval","itemCount","renderItem","onActiveIndexChange","scrollToIndex","children"]),h=f.width,p=f.height,y=f.renderOverlay,g=f.onMouseEnter,v=f.onMouseLeave,m=t.useState(!1),b=m[0],O=m[1],w={onMouseEnter:g,onMouseLeave:v},x=t.useRef(w);x.current=w;var j=t.useCallback((function(e){O(!1),x.current.onMouseEnter&&x.current.onMouseEnter(e)}),[]),E=t.useCallback((function(e){O(!0),x.current.onMouseLeave&&x.current.onMouseLeave(e)}),[]);t.useMemo((function(){O(o)}),[o]),o&&(f.onMouseEnter=j,f.onMouseLeave=E),f.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(ht,{pad:e,direction:n,loop:i,autoplayEnabled:b,autoplayInterval:a,itemCount:c,onActiveIndexChange:u,onAdjust:t._scrollTo,scrollToIndex:s,children:d}),y(e,t))};var P=r.default.createElement(Me,{width:h,height:p,itemWidth:h,itemHeight:p,direction:n,itemCount:c,renderItem:l});return i?r.default.createElement(rt,pt({direction:n},f),P):("x"===n?f.alwaysBounceY=!1:f.alwaysBounceX=!1,r.default.createElement(we,pt({},f),P))}));function Ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ot(Object(n),!0).forEach((function(t){xt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ot(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}bt.defaultProps=mt;var jt={scroll:null,scrollTo:null,pad:$},Et=function(e,t){switch(t.type){case"syncProps":return Pt(e,t);case"scrollToIndex":return St(e,t);case"scrollEnd":return zt(e);case"scrollRecalculate":return It(e,t);default:return e}},Pt=function(e,t){return wt(wt({},e),t.payload.props)},St=function(e,t){var n=t.payload.rect,r=t.payload.value,i=r.index,o=r.align,a=r.animated;return wt(wt({},e),{},{scrollTo:{rect:n,align:o,animated:a},scroll:a?{index:i,align:o,animated:a}:null})},zt=function(e,t){return wt(wt({},e),{},{scroll:null})},It=function(e,t){var n=e.scroll;return n?St(e,{type:"scrollToIndex",payload:{value:n,rect:t.payload.rect}}):e},Dt=r.default.memo((function(e){var n=e.pad,a=e.scrollToIndex,c=e.calculateRectForIndex,l=e.onAdjust,u=e.children,s=t.useReducer(Et,jt),d=s[0],f=s[1],h=o(d),p={onAdjust:l,calculateRectForIndex:c},y=t.useRef(p);return y.current=p,t.useMemo((function(){f({type:"syncProps",payload:{props:{pad:n}}})}),[n]),i((function(){if(d.scroll){if(h.pad.contentSize!==d.pad.contentSize){var e=y.current.calculateRectForIndex(d.scroll.index);f({type:"scrollRecalculate",payload:{rect:e}})}h.pad.deceleration!==d.pad.deceleration&&(d.pad.deceleration||f({type:"scrollEnd"}))}})),i((function(){d.scrollTo&&y.current.onAdjust(d.scrollTo)}),[d.scrollTo]),t.useEffect((function(){if(a){var e=y.current.calculateRectForIndex(a.index);f({type:"scrollToIndex",payload:{value:a,rect:e}})}}),[a]),r.default.createElement(r.default.Fragment,null,"function"==typeof u?u(d):u)}));function Mt(){return(Mt=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function Ct(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ct(Object(n),!0).forEach((function(t){kt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ct(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function kt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Rt=Tt(Tt({direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null},renderHeader:function(){return null},renderFooter:function(){return null},scrollToIndex:null},Oe),{},{directionalLockEnabled:!0}),At=r.default.memo((function(e){var n=e.direction,i=e.spacing,o=e.itemCount,a=e.estimatedItemWidth,c=e.estimatedItemHeight,l=e.renderItem,u=e.renderHeader,s=e.renderFooter,d=e.scrollToIndex,f=e.children,h=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;o.length>r;r++)0>t.indexOf(n=o[r])&&(i[n]=e[n]);return i}(e,["direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","renderHeader","renderFooter","scrollToIndex","children"]),p=h.width,y=h.height,g=h.renderOverlay,v=t.useRef({}),m=t.useCallback((function(e){var t=v.current,n=t.box,r=t.body,i={x:0,y:0,width:0,height:0};if(n&&(i=n.layoutList[1].rect),r){var o=r.layoutList[e=Math.max(0,Math.min(e,r.layoutList.length-1))];i={x:i.x+o.rect.x,y:i.y+o.rect.y,width:o.rect.width,height:o.rect.height}}return i}),[]);return h.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(Dt,{pad:e,scrollToIndex:d,calculateRectForIndex:m,onAdjust:t._scrollTo,children:f}),g(e,t))},"x"===n?h.alwaysBounceY=!1:h.alwaysBounceX=!1,r.default.createElement(we,Mt({},h),r.default.createElement(Le,{width:p,height:y,direction:n,itemCount:3,renderItem:function(e){var t=e.itemIndex,d=e.Item;return 0===t?u(e):2===t?s(e):r.default.createElement(d,{forceRender:!0},r.default.createElement(Le,{width:p,height:y,direction:n,spacing:i,itemCount:o,estimatedItemWidth:a,estimatedItemHeight:c,renderItem:l},(function(e){v.current.body=e})))}},(function(e){v.current.box=e})))}));At.defaultProps=Rt,e.AutoResizing=z,e.Carousel=bt,e.GridContent=Me,e.Infinite=At,e.ItemContent=qe,e.ListContent=Le,e.Loop=rt,e.Pad=we,e.PadContext=q,e.Pannable=_,Object.defineProperty(e,"__esModule",{value:!0})}));

es/pad/GridContent.js

@@ -12,3 +12,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import PadContext from './PadContext';
-import { useIsomorphicLayoutEffect, usePrevious } from '../utils/hooks';
+import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import { getItemVisibleRect, needsRender } from '../utils/visible';
@@ -71,3 +71,3 @@ import { isEqualToSize, isNumber } from '../utils/geometry';
   }, [direction, fixedWidth, fixedHeight, rowSpacing, columnSpacing, itemWidth, itemHeight, itemCount]);
-  var prevLayout = usePrevious(layout);
+  var prevLayoutRef = useRef(layout);
   var delegate = {
@@ -79,6 +79,9 @@ onResize: context.onResize
   useIsomorphicLayoutEffect(function () {
+    var prevLayout = prevLayoutRef.current;
+    prevLayoutRef.current = layout;
+
     if (prevLayout.size === layout.size || !isEqualToSize(prevLayout.size, layout.size)) {
       delegateRef.current.onResize(layout.size);
     }
-  }, [layout.size]);
+  }, [layout]);
 
@@ -85,0 +88,0 @@ function buildItem(attrs) {

es/pad/ListContent.js

@@ -12,3 +12,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import PadContext from './PadContext';
-import { useIsomorphicLayoutEffect, usePrevious } from '../utils/hooks';
+import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import { getItemVisibleRect, needsRender } from '../utils/visible';
@@ -72,3 +72,3 @@ import { isEqualToSize, isNumber } from '../utils/geometry';
   }, [fixedWidth, fixedHeight, direction, spacing, estimatedItemWidth, estimatedItemHeight, itemCount, itemHashList, itemSizeDict]);
-  var prevLayout = usePrevious(layout);
+  var prevLayoutRef = useRef(layout);
   var delegate = {
@@ -80,6 +80,9 @@ onResize: context.onResize
   useIsomorphicLayoutEffect(function () {
+    var prevLayout = prevLayoutRef.current;
+    prevLayoutRef.current = layout;
+
     if (prevLayout.size === layout.size || !isEqualToSize(prevLayout.size, layout.size)) {
       delegateRef.current.onResize(layout.size);
     }
-  }, [layout.size]);
+  }, [layout]);
   var nextItemHashList = [];
@@ -86,0 +89,0 @@

lib/pad/GridContent.js

 import PadContext from './PadContext';
-import { useIsomorphicLayoutEffect, usePrevious } from '../utils/hooks';
+import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import { getItemVisibleRect, needsRender } from '../utils/visible';
@@ -49,3 +49,3 @@ import { isEqualToSize, isNumber } from '../utils/geometry';
     ]);
-    const prevLayout = usePrevious(layout);
+    const prevLayoutRef = useRef(layout);
     const delegate = { onResize: context.onResize };
@@ -55,2 +55,4 @@ const delegateRef = useRef(delegate);
     useIsomorphicLayoutEffect(() => {
+        const prevLayout = prevLayoutRef.current;
+        prevLayoutRef.current = layout;
         if (prevLayout.size === layout.size ||
@@ -60,3 +62,3 @@ !isEqualToSize(prevLayout.size, layout.size)) {
         }
-    }, [layout.size]);
+    }, [layout]);
     function buildItem(attrs) {
@@ -63,0 +65,0 @@ const { rect, itemIndex, visibleRect, needsRender, Item } = attrs;

lib/pad/ListContent.js

 import PadContext from './PadContext';
-import { useIsomorphicLayoutEffect, usePrevious } from '../utils/hooks';
+import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import { getItemVisibleRect, needsRender } from '../utils/visible';
@@ -47,3 +47,3 @@ import { isEqualToSize, isNumber } from '../utils/geometry';
     ]);
-    const prevLayout = usePrevious(layout);
+    const prevLayoutRef = useRef(layout);
     const delegate = { onResize: context.onResize };
@@ -53,2 +53,4 @@ const delegateRef = useRef(delegate);
     useIsomorphicLayoutEffect(() => {
+        const prevLayout = prevLayoutRef.current;
+        prevLayoutRef.current = layout;
         if (prevLayout.size === layout.size ||
@@ -58,3 +60,3 @@ !isEqualToSize(prevLayout.size, layout.size)) {
         }
-    }, [layout.size]);
+    }, [layout]);
     const nextItemHashList = [];
@@ -61,0 +63,0 @@ function buildItem(attrs) {

package.json

 {
   "name": "react-pannable",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Flexible and Customizable Layouts for Scrolling Content with React",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

678286

increased by0.11%

Lines of code

16001

increased by0.13%

No dependency changes