react-pannable
Advanced tools
Comparing version 5.1.0 to 5.1.1
@@ -24,10 +24,2 @@ "use strict"; | ||
| var backgroundStyle = { | ||
| position: 'absolute', | ||
| top: 0, | ||
| left: 0, | ||
| right: 0, | ||
| bottom: 0 | ||
| }; | ||
| var PadInner = _react.default.memo(function (props) { | ||
@@ -179,9 +171,2 @@ var pannable = props.pannable, | ||
| var backgroundLayer = renderBackground(state, methodsRef.current); | ||
| if (backgroundLayer !== null) { | ||
| backgroundLayer = _react.default.createElement("div", { | ||
| style: backgroundStyle | ||
| }, backgroundLayer); | ||
| } | ||
| var overlayLayer = renderOverlay(state, methodsRef.current); | ||
@@ -188,0 +173,0 @@ var contentLayer = typeof children === 'function' ? children(state, methodsRef.current) : children; |
@@ -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),o="undefined"==typeof window?t.useEffect:t.useLayoutEffect;function i(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 o,i=d(),a=!1;function c(){for(a=!0;i.size();){var e=i;i=d(),e.process()}a=!1}function l(){o=setTimeout(c,0)}return{add:function(e,t){!a&&r&&n&&0===i.size()&&l(),i.add(e,t)},force:function(e){a||(void 0===e&&(e=n),o&&(clearTimeout(o),o=null),e?l():c())}}};function d(){var e={},t=0,n=0,r=0;return{add:function(o,i){i||(i=o,o=0),o>n?n=o:r>o&&(r=o),e[o]||(e[o]=[]),e[o].push(i),t++},process:function(){for(var t=r;n>=t;t++)for(var o=e[t],i=0;o.length>i;i++){(0,o[i])()}},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,o=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var i=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 o=e-r.clientWidth,i=t-r.clientHeight;return document.body.removeChild(r),{width:o,height:i}}(),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 o=e.createElement("style");return o.innerHTML=n,o.id=t,r(o),o}if(!e.getElementById(t)){var o=n+"_animation",i=n+"_animation_active",a="/* Created by the element-resize-detector library. */\n";a+="."+n+" > div::-webkit-scrollbar { "+l(["display: none"])+" }\n\n",a+="."+i+" { "+l(["-webkit-animation-duration: 0.1s","animation-duration: 0.1s","-webkit-animation-name: "+o,"animation-name: "+o])+" }\n",a+="@-webkit-keyframes "+o+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",r(a+="@keyframes "+o+" { 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(o.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*i.width+1}function O(){return 2*i.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),o=f(e),i=w(t),a=x(n),c=function(e){return 2*e+b()}(t),l=function(e){return 2*e+O()}(n);r.scrollLeft=i,r.scrollTop=a,o.scrollLeft=c,o.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 o=function(e,t,n,r){var o=n[r];"auto"!==o&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(o)&&(e.warn("An element that is positioned static has style."+r+"="+o+" 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)};o(t,c,n,"top"),o(t,c,n,"right"),o(t,c,n,"bottom"),o(t,c,n,"left")}}();var n=r(c).container;n||(n=E());var o,s,d,f,p=i.width,y=i.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: "+(o=(o=-(1+p))?o+"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"),I=document.createElement("div"),z=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,I.style.cssText=b,z.style.cssText=w,P.appendChild(S),I.appendChild(z),j.appendChild(P),j.appendChild(I),x.appendChild(j),n.appendChild(x),u(P,"scroll",D),u(I,"scroll",T),r(c).onExpandScroll=D,r(c).onShrinkScroll=T}else h("Aborting because element has been uninstalled");function D(){r(c).onExpand&&r(c).onExpand()}function T(){r(c).onShrink&&r(c).onShrink()}}function S(){function i(t,n,r){var o=function(e){return d(e).childNodes[0]}(t),i=w(n),a=x(r);o.style.setProperty("width",i+"px",e.important?"important":""),o.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(o.get(c),"Scroll: Size changed before updating detector elements.");i(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;i(c,g.width,g.height)}else h("Aborting because element has been uninstalled")}function I(){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 z(){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,I),n.add(4,z)}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 o=t.generate();return r.id=o,o}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:h});t=r}var o=e.reporter;o||(o=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===o));var i=x(e,"batchProcessor",s({reporter:o})),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 o=e.get(n);t[o]||(t[o]=[]),t[o].push(r)},removeListener:function(e,t){for(var r=n(e),o=0,i=r.length;i>o;++o)if(r[o]===t){r.splice(o,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:o,batchProcessor:i,stateHandler:h,idHandler:t,important:p};if("scroll"===f&&(l.isLegacyOpera()?(o.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),f="object"):l.isIE(9)&&(o.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 o(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function i(e){return r(e).object}return{makeDetectable:function(e,i,a){a||(a=i,i=e,e=null),e=e||{},l.isIE(8)?a(i):function(i,a){var c=o(["display: block","position: absolute","top: 0","left: 0","width: 100%","height: 100%","border: none","padding: 0","margin: 0","opacity: 0","z-index: -1000","pointer-events: none"]),u=!1,s=window.getComputedStyle(i),d=i.offsetWidth,f=i.offsetHeight;function h(){function n(){if("static"===s.position){i.style.setProperty("position","relative",e.important?"important":"");var n=function(t,n,r,o){var i=r[o];"auto"!==i&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(i)&&(t.warn("An element that is positioned static has style."+o+"="+i+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+o+" will be set to 0. Element: ",n),n.style.setProperty(o,"0",e.important?"important":""))};n(t,i,s,"top"),n(t,i,s,"right"),n(t,i,s,"bottom"),n(t,i,s,"left")}}""!==s.position&&(n(),u=!0);var o=document.createElement("object");o.style.cssText=c,o.tabIndex=-1,o.type="text/html",o.setAttribute("aria-hidden","true"),o.onload=function(){u||n(),function e(t,n){if(!t.contentDocument){var o=r(t);return o.checkForObjectDocumentTimeoutId&&window.clearTimeout(o.checkForObjectDocumentTimeoutId),void(o.checkForObjectDocumentTimeoutId=setTimeout((function(){o.checkForObjectDocumentTimeoutId=0,e(t,n)}),100))}n(t.contentDocument)}(this,(function(e){a(i)}))},l.isIE()||(o.data="about:blank"),r(i)&&(i.appendChild(o),r(i).object=o,l.isIE()&&(o.data="about:blank"))}r(i).startSize={width:d,height:f},n?n.add(h):h()}(i,a)},addListener:function(e,t){function n(){t(e)}if(l.isIE(8))r(e).object={proxy:n},e.attachEvent("onresize",n);else{var o=i(e);if(!o)throw Error("Element is not detectable by this strategy.");o.contentDocument.defaultView.addEventListener("resize",n)}},uninstall:function(e){if(r(e)){var t=i(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 i(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 o.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&&o.log("Attaching listener to element",a,e),!d.isDetectable(e))return O&&o.log(a,"Not detectable."),d.isBusy(e)?(O&&o.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&&o.log(a,"Making detectable..."),d.markBusy(e,!0),c.makeDetectable({debug:O,important:p},e,(function(e){if(O&&o.log(a,"onElementDetectable"),h.getState(e)){d.markAsDetectable(e),d.markBusy(e,!1),c.addListener(e,i),l(f,e,r);var t=h.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||i(e);w[a]&&g(w[a],(function(e){e()}))}else O&&o.log(a,"Element uninstalled before being detectable.");delete w[a],++s===n.length&&y()})));O&&o.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 o.error("At least one element is required.");if(b(e))e=[e];else{if(!v(e))return o.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 I=r.default.memo((function(e){var n=e.width,i=e.height,a=e.onResize,c=e.children,l=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","onResize","children"]),u=t.useState(null),s=u[0],d=u[1],f=t.useMemo((function(){return P(n)&&P(i)?{width:n,height:i}:null}),[n,i]),h=t.useRef(null),p={onResize:a},y=t.useRef(p);y.current=p,o((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(i)&&(e.height=i),l.style&&S(e,l.style),e}),[n,i,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 z(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?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}I.defaultProps={width:null,height:null,onResize:function(){}};var M={enabled:!1,target:null,translation:null,velocity:null,interval:null,startPoint:{x:0,y:0},movePoint:{x:0,y:0},moveTime:0},C=function(e,t){switch(t.type){case"setEnabled":return R(e,t);case"end":return k(e);case"track":return A(e,t);case"move":return L(e,t);default:return e}},R=function(e,t){var n=t.payload.enabled;return n?D(D({},e),{},{enabled:n}):M},k=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,o=n.point,i=(new Date).getTime();return D(D({},e),{},{target:r,startPoint:o,movePoint:o,moveTime:i,translation:null,velocity:null,interval:null})},L=function(e,t){var n=t.payload,r=n.point,o=n.shouldStart,i=e.target,a=e.startPoint,c=e.movePoint,l=e.moveTime,u=e.translation;if(!i)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:i,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&&o({target:i,translation:f,velocity:h,interval:d})?D(D({},e),{},{target:i,translation:{x:0,y:0},velocity:h,interval:d,startPoint:r,movePoint:r,moveTime:s}):D(D({},e),{},{target:i,translation:null,velocity:null,interval:null,startPoint:a,movePoint:r,moveTime:s})};var H={create:function(e){var t=e.transformTranslate,n=e.userSelectNone,r=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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 W(e,t,n,r){var o=function(){};return e&&e.addEventListener&&(e.addEventListener(t,n,r),o=function(){e.removeEventListener(t,n,r)}),o}function N(){return(N=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 F=void 0!==typeof window&&"ontouchstart"in window,_={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}},q=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),h=t.useReducer(C,M),p=h[0],y=h[1],g=i(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]),o((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]),o((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(F){var o=function(e){O&&e.cancelable&&(e.preventDefault(),e.stopImmediatePropagation()),r()},i=W(e,"touchmove",(function(e){if(O&&e.cancelable&&(e.preventDefault(),e.stopImmediatePropagation()),1===e.touches.length){var t=e.touches[0];n({x:t.pageX,y:t.pageY})}else r()})),a=W(e,"touchend",o),c=W(e,"touchcancel",o);return function(){i(),a(),c()}}var l=document.body,u=W(l,"mousemove",(function(e){O&&(e.preventDefault(),e.stopImmediatePropagation()),1===e.buttons?n({x:e.pageX,y:e.pageY}):r()})),s=W(l,"mouseup",(function(e){O&&(e.preventDefault(),e.stopImmediatePropagation()),r()}));return function(){u(),s()}}if(F){var d=W(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=W(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&&N(e,H.create({touchAction:"none",pointerEvents:"none",userSelectNone:!0})),f.style&&N(e,f.style),e}),[O,f.style]);f.style=w;var x="function"==typeof d?d(p):d;return r.default.createElement("div",N({},f,{ref:v}),x)}));q.defaultProps=_;var B=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,o,i){function a(a){var c="x"===a?["width","left","right"]:["height","top","bottom"],l=c[0],u=t[l],s=e[a];if(-1===o[a])return s;var d=Math.min(u-(r[c[1]]+n[l]+r[c[2]]),0);return i&&u>0&&(d=u*Math.ceil(d/u)),Math.max(d,Math.min(s,0))}var c={x:a("x"),y:a("y")};return c.x===e.x&&c.y===e.y?e:c}function Y(e,t,n,r,o){var i,a,c,l="number"==typeof o?(i=o,0===(c=Math.sqrt((a=t).x*a.x+a.y*a.y))?{x:0,y:0}:{x:i*(a.x/c),y:i*(a.y/c)}):o;function u(o){var i="x"===o?"width":"height",a=e[o],c=t[o];if(r&&n[i]>0){var u=a/n[i];a=n[i]*(u=c>.5?Math.ceil(u):-.5>c?Math.floor(u):Math.round(u))}else l[o]&&(a+=.5*c*(c/l[o]));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,$={size:{width:0,height:0},contentSize:{width:0,height:0},contentInset:{top:0,right:0,bottom:0,left:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,bound:{x:1,y:1},pagingEnabled:!1,directionalLockEnabled:!1,pannable:M},ee=function(e,t){switch(t.type){case"syncProps":return ne(te(e,t));case"dragStart":return re(e);case"dragMove":return oe(e);case"dragEnd":return ie(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.size,r=e.contentSize,o=e.contentInset,i=e.contentOffset,a=e.contentVelocity,c=e.drag,l=e.deceleration,u=e.pagingEnabled,s=e.bound,d=Z;if(l){var f=l.endOffset,h=X(i,n,r,o,s,u);if(f!==X(f,n,r,o,s,u)&&i!==h){var p=i,y=V(a);return 0===s.x&&(y=U(U({},y),{},{x:0}),p=U(U({},p),{},{x:h.x})),0===s.y&&(y=U(U({},y),{},{y:0}),p=U(U({},p),{},{y:h.y})),l.rate!==d&&(f=Y(p,y,n,u,d)),f=X(f,n,r,o,s,u),U(U({},e),{},{contentOffset:p,contentVelocity:y,drag:null,deceleration:se(f,d,p,y)})}}else if(!c){var g=Y(i,a,n,u,d);if((g=X(g,n,r,o,s,u)).x!==i.x||g.y!==i.y)return U(U({},e),{},{drag:null,deceleration:se(g,d,i,a)})}return e},re=function(e,t){var n=e.contentOffset,r=e.pannable.velocity;if(!r)return e;var o={x:1,y:1};e.directionalLockEnabled&&(Math.abs(r.x)>Math.abs(r.y)?o.y=0:o.x=0);var i={x:o.x*r.x,y:o.y*r.y};return U(U({},e),{},{contentVelocity:i,drag:{direction:o,startOffset:n},deceleration:null})},oe=function(e,t){var n=e.contentOffset,r=e.drag,o=e.pannable,i=o.translation,a=o.interval;if(!r||!i||!a)return e;var c={x:r.startOffset.x+r.direction.x*i.x,y:r.startOffset.y+r.direction.y*i.y},l={x:((c=function(e,t,n,r,o){function i(i){var a="x"===i?["width","height","left","right"]:["height","width","top","bottom"],c=a[0],l=a[1],u=e[i],s=o[i];if(-1===s)return u;var d=Math.min(t[c]-(r[a[2]]+n[c]+r[a[3]]),0),f=.5*Math.min(t[c],t[l]);return u>0?0===s?0:f*(1-f/(f+u)):d>u?0===s?d:d-f*(1-f/(f-u+d)):u}var a={x:i("x"),y:i("y")};return a.x===e.x&&a.y===e.y?e:a}(c,e.size,e.contentSize,e.contentInset,e.bound)).x-n.x)/a,y:(c.y-n.y)/a};return U(U({},e),{},{contentOffset:c,contentVelocity:l})},ie=function(e,t){var n=e.contentOffset,r=e.size,o=e.pagingEnabled,i=o?Z:.0025,a=V(e.contentVelocity),c=Y(n,a,r,o,i);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,i,n,a)})},ae=function(e,t){var n=e.contentOffset,r=e.drag,o=e.size,i=e.pagingEnabled;if(!r)return e;var a=V(e.contentVelocity),c=Y(r.startOffset,{x:0,y:0},o,i,.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,o=e.endOffset;function i(e,r){var o=t[e],i=o[0],a=o[1],c=o[2],l=o[3];return[i-3*(i-a)*r+3*(i-2*a+c)*Math.pow(r,2)-(i-3*a+3*c-l)*Math.pow(r,3),(-3*(i-a)+6*(i-2*a+c)*r-3*(i-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:o,velocity:{x:0,y:0},didEnd:!0};var l=i("x",c),u=l[0],s=l[1],d=i("y",c);return{offset:{x:u,y:d[0]},velocity:{x:s,y:d[1]},didEnd:!1}}(n),o=r.offset,i=r.velocity,a=r.didEnd;return U(U({},e),{},{contentOffset:o,contentVelocity:i,drag:null,deceleration:a?null:n})},le=function(e,t){var n=e.contentOffset,r=e.size,o=t.payload.value,i=o.offset,a=void 0===i?{x:0,y:0}:i,c=o.point,l=o.align,u=o.rect,s=!e.drag&&o.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 o="object"==typeof t?t:{x:t,y:t};function i(t){var i="x"===t?"width":"height",a=-e[t],c=o[t],l=r[i]-e[i];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:i("x"),y:i("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,o=e.drag,i=e.deceleration,a=e.size,c=e.pagingEnabled,l=t.payload,u=l.offset;if(!l.animated){if(o)return U(U({},e),{},{contentOffset:u,drag:U(U({},o),{},{startOffset:{x:o.startOffset.x+u.x-n.x,y:o.startOffset.y+u.y-n.y}}),deceleration:null});if(i){var s=Y({x:i.endOffset.x+u.x-n.x,y:i.endOffset.y+u.y-n.y},{x:0,y:0},a,c,i.rate);return U(U({},e),{},{contentOffset:u,drag:null,deceleration:se(s,i.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 o=(new Date).getTime(),i=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),i=s+u/t}else a=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),i=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:i,startTime:o,points:{x:[n.x,n.x+r.x*(i/3),e.x,e.x],y:[n.y,n.y+r.y*(i/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.bound,l=e.contentInset,u=e.pagingEnabled,s=e.directionalLockEnabled,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=i(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},I=t.useRef(S);I.current=S;var z=t.useCallback((function(e){j({type:"syncProps",payload:{props:{contentSize:e}}})}),[]);t.useMemo((function(){j({type:"syncProps",payload:{props:{pannable:n,size:a,bound:c,contentInset:l,pagingEnabled:u,directionalLockEnabled:s}}})}),[n,a,c,l,u,s]),o((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&&I.current.onResizeContent(x.contentSize);var e={size:x.size,contentSize:x.contentSize,contentInset:x.contentInset,contentOffset:x.contentOffset,contentVelocity:x.contentVelocity,dragging:!!x.drag,decelerating:!!x.deceleration};if(E.contentOffset!==x.contentOffset&&I.current.onScroll(e),E.drag!==x.drag&&(E.drag?x.drag||I.current.onEndDragging(e):I.current.onStartDragging(e)),E.deceleration!==x.deceleration&&(E.deceleration?x.deceleration||I.current.onEndDecelerating(e):I.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 T=m(x,P.current),M="function"==typeof O?O(x,P.current):O,C=t.useMemo((function(){return H.create({position:"absolute",left:x.contentInset.left,top:x.contentInset.top,width:x.contentSize.width,height:x.contentSize.height,transformTranslate:x.contentOffset,willChange:"transform",overflow:"hidden"})}),[x.contentOffset,x.contentSize,x.contentInset]),R=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:z}}),[x.contentOffset,x.size,z]);return r.default.createElement(r.default.Fragment,null,D,r.default.createElement("div",{style:C},r.default.createElement(B.Provider,{value:R},M)),T)}));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,boundX:1,boundY:1,contentInsetTop:0,contentInsetRight:0,contentInsetBottom:0,contentInsetLeft:0,pagingEnabled:!1,directionalLockEnabled:!1,onScroll:function(){},onStartDragging:function(){},onEndDragging:function(){},onStartDecelerating:function(){},onEndDecelerating:function(){},onResizeContent:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null},_),we=r.default.memo((function(e){var n=e.width,o=e.height,i=e.boundX,a=e.boundY,c=e.contentInsetTop,l=e.contentInsetRight,u=e.contentInsetBottom,s=e.contentInsetLeft,d=e.pagingEnabled,f=e.directionalLockEnabled,h=e.onScroll,p=e.onStartDragging,y=e.onEndDragging,g=e.onStartDecelerating,v=e.onEndDecelerating,m=e.onResizeContent,b=e.renderBackground,O=e.renderOverlay,w=e.scrollTo,x=e.children,j=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","boundX","boundY","contentInsetTop","contentInsetRight","contentInsetBottom","contentInsetLeft","pagingEnabled","directionalLockEnabled","onScroll","onStartDragging","onEndDragging","onStartDecelerating","onEndDecelerating","onResizeContent","renderBackground","renderOverlay","scrollTo","children"]),E=t.useMemo((function(){return{width:n,height:o}}),[n,o]),P=t.useMemo((function(){return{x:i,y:a}}),[i,a]),S=t.useMemo((function(){return{top:c,right:l,bottom:u,left:s}}),[c,l,u,s]),I=t.useRef(),z={shouldStart:j.shouldStart},D=t.useRef(z);D.current=z;var T=t.useCallback((function(e){var t=I.current;return!!t&&(!!function(e,t,n,r,o){var i=Math.abs(e.x)>Math.abs(e.y)?["x","width","left","right"]:["y","height","top","bottom"],a=i[1],c=i[2],l=i[3];if(0!==o[i[0]])return!0;return r[c]+n[a]+r[l]>t[a]}(e.velocity,t.size,t.contentSize,t.contentInset,t.bound)&&D.current.shouldStart(e))}),[]),M=t.useMemo((function(){var e={overflow:"hidden",position:"relative",width:E.width,height:E.height};return j.style&&ve(e,j.style),e}),[E,j.style]);return j.shouldStart=T,j.style=M,r.default.createElement(q,ve({},j),(function(e){return r.default.createElement(ge,{pannable:e,size:E,bound:P,contentInset:S,pagingEnabled:d,directionalLockEnabled:f,onScroll:h,onStartDragging:p,onEndDragging:y,onStartDecelerating:g,onEndDecelerating:v,onResizeContent:m,renderBackground:b,renderOverlay:O,scrollTo:w},(function(e,t){return I.current=e,"function"==typeof x?x(e,t):x}))}))}));function xe(e,t){function n(n){var r,o="x"===n?"width":"height";return(r={})[n]=t[n]-e[n],r[o]=t[o],r}var r=n("x"),o=r.x,i=r.width,a=n("y");return{x:o,y:a.y,width:i,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){Ie(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 Ie(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 ze=r.default.memo((function(){return null}));function De(){}var Te=r.default.memo((function(e){var n=t.useContext(B),i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o=e.itemSize,i=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=i,0===o[u]?h=0:(h=i*o[u],i>1&&(h+=(i-1)*r[f]))):0===o[u]?g=i:(g=1,h>o[u]&&(g+=Math.floor((h-o[u])/(o[u]+r[f]))));g>0&&(y=Math.ceil(i/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-o[u])/(g-1)))),x>=i)break;v.push(((w={rect:(O={},O[c]=j,O[l]=p,O[u]=o[u],O[s]=o[s],O)})[d+"Index"]=m,w[f+"Index"]=b,w.itemIndex=x,w))}p+=o[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=y,n[f]=g,n),layoutList:v}}({direction:i,size:{width:g,height:v},spacing:{row:f,column:h},itemSize:{width:a,height:c},itemCount:l})}),[i,g,v,f,h,a,c,l]),b=t.useRef(null),O={onResize:n.onResize},w=t.useRef(O);w.current=O,o((function(){var e=b.current;b.current=m.size,E(e,m.size)||w.current.onResize(m.size)}),[m.size]);var x=m.layoutList.map((function(e){return function(e){var t=e.rect,o=e.itemIndex,i=e.visibleRect,a=e.needsRender,c=e.Item,l=!1,s=u(e),d="GridContent_"+o;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(B.Provider,{key:d,value:Se(Se({},n),{},{width:null,height:null,visibleRect:i,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:ze}))}));"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 Me(){return(Me=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 Ce(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 Re(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ce(Object(n),!0).forEach((function(t){ke(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ce(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ke(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Te.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(B),i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o=e.size,i=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(o[d])&&(g[d]=o[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)Me(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+=i)),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:i,size:{width:y,height:g},spacing:s,estimatedItemSize:{width:d,height:f},itemCount:a},m,w)}),[y,g,i,s,d,f,a,m,w]),S=t.useRef(null),I={onResize:n.onResize},z=t.useRef(I);z.current=I,o((function(){var e=S.current;S.current=j.size,E(e,j.size)||z.current.onResize(j.size)}),[j.size]);var D=[];var T=j.layoutList.map((function(e){return function(e){var t=e.rect,o=e.itemIndex,i=e.itemSize,a=e.visibleRect,l=e.needsRender,u=e.Item,s=!1,d=c(e),f="ListContent_"+o,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(i||-1===D.indexOf(h)||(y=!0),D[o]=h,y)return null;var g={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(B.Provider,{key:f,value:Re(Re(Re({},n),{},{width:null,height:null},i),{},{visibleRect:a,onResize:function(e){x((function(t){var n;return Re(Re({},t),{},((n={})[h]=e,n))}))}})},r.default.createElement("div",{style:g},d))}(Re(Re({},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 M=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return j.size&&(e.width=j.size.width,e.height=j.size.height),p.style&&Me(e,p.style),e}),[j.size,p.style]);return p.style=M,r.default.createElement("div",Me({},p),T)}));function He(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 We(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){Ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Fe(){return(Fe=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(){}Le.defaultProps={direction:"y",itemCount:0,renderItem:function(){return null},width:null,height:null,spacing:0,estimatedItemWidth:0,estimatedItemHeight:0};var qe={position:"absolute",top:0,left:0},Be=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","autoResizing","children"]),s=t.useContext(B),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=i(y),m=t.useRef(null),b={onResize:s.onResize},O=t.useRef(b);O.current=b,o((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:qe},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&&Fe(e,u.style),e}),[y,u.style]);return u.style=S,r.default.createElement("div",Fe({},u),r.default.createElement(B.Provider,{value:We(We({},s),{},{width:null,height:null,onResize:_e})},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}Be.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,o=e.loopOffset,i=e.direction,a=e.pad,c=a.size,l=a.contentOffset,u="y"===i?"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,o){var i;if(1===r||0===n)return[e,0];var a="y"===o?["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[(i={},i[c]=f+=n*h,i[l]=e[l],i),h]}(l,c,r,n,i),h=f[0],p=f[1];return l!==h?Xe(Xe({},e),{},{loopOffset:o+p,scrollTo:{offset:h,animated:!1}}):e};var Qe=r.default.memo((function(e){var n=e.pad,i=e.onAdjust,a=e.direction,c=e.children,l=t.useReducer(Ue,Ge),u=l[0],s=l[1],d={onAdjust:i},f=t.useRef(d);return f.current=d,t.useMemo((function(){s({type:"syncProps",payload:{props:{pad:n,direction:a}}})}),[n,a]),o((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,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["direction","children"]);return"x"===t?o.boundX=-1:o.boundY=-1,r.default.createElement(we,Ze({},o),(function(e,o){return r.default.createElement(Qe,{pad:e,onAdjust:o._scrollTo,direction:t,children:n})}))}));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 it(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){at(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 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 it(it({},e),t.payload.props)},st=function(e,t){var n=e.activeIndex,r=e.pad,o=function(e,t,n,r){var o="y"===r?["height","y"]:["width","x"],i=o[1],a=t[o[0]],c=0;a>0&&(c=Math.round(-e[i]/a));return c%n}(r.contentOffset,r.size,e.itemCount,e.direction);return n!==o?it(it({},e),{},{activeIndex:o}):e},dt=function(e,t){var n=e.activeIndex,r=e.itemCount,o=e.direction,i=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})),i||(s=Math.max(0,Math.min(s,r-1)));var d=function(e,t,n,r){var o,i="y"===r?["height","y","x"]:["width","x","y"],a=i[1],c=i[2];return(o={})[a]=t[a]-e*n[i[0]],o[c]=t[c],o}(s-n,c,l,o);return it(it({},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=i(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]),o((function(){m.activeIndex!==g.activeIndex&&O.current.onActiveIndexChange({activeIndex:g.activeIndex,itemCount:g.itemCount})}),[g]),o((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,o=e.loop,i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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(i)}),[i]),i&&(f.onMouseEnter=j,f.onMouseLeave=E),"x"===n?f.boundY=0:f.boundX=0,f.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(ht,{pad:e,direction:n,loop:o,autoplayEnabled:b,autoplayInterval:a,itemCount:c,onActiveIndexChange:u,onAdjust:t._scrollTo,scrollToIndex:s,children:d}),y(e,t))};var P=r.default.createElement(Te,{width:h,height:p,itemWidth:h,itemHeight:p,direction:n,itemCount:c,renderItem:l});return o?r.default.createElement(rt,pt({direction:n},f),P):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 It(e);case"scrollRecalculate":return zt(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,o=r.index,i=r.align,a=r.animated;return wt(wt({},e),{},{scrollTo:{rect:n,align:i,animated:a},scroll:a?{index:o,align:i,animated:a}:null})},It=function(e,t){return wt(wt({},e),{},{scroll:null})},zt=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=i(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]),o((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"}))}})),o((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 Tt(){return(Tt=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 Mt(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 Ct(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mt(Object(n),!0).forEach((function(t){Rt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Rt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var kt=Ct(Ct({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,o=e.spacing,i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o={x:0,y:0,width:0,height:0};if(n&&(o=n.layoutList[1].rect),r){var i=r.layoutList[e=Math.max(0,Math.min(e,r.layoutList.length-1))];o={x:o.x+i.rect.x,y:o.y+i.rect.y,width:i.rect.width,height:i.rect.height}}return o}),[]);return"x"===n?h.boundY=0:h.boundX=0,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))},r.default.createElement(we,Tt({},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:o,itemCount:i,estimatedItemWidth:a,estimatedItemHeight:c,renderItem:l},(function(e){v.current.body=e})))}},(function(e){v.current.box=e})))}));At.defaultProps=kt,e.AutoResizing=I,e.Carousel=bt,e.GridContent=Te,e.Infinite=At,e.ItemContent=Be,e.ListContent=Le,e.Loop=rt,e.Pad=we,e.PadContext=B,e.Pannable=q,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),o="undefined"==typeof window?t.useEffect:t.useLayoutEffect;function i(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 o,i=d(),a=!1;function c(){for(a=!0;i.size();){var e=i;i=d(),e.process()}a=!1}function l(){o=setTimeout(c,0)}return{add:function(e,t){!a&&r&&n&&0===i.size()&&l(),i.add(e,t)},force:function(e){a||(void 0===e&&(e=n),o&&(clearTimeout(o),o=null),e?l():c())}}};function d(){var e={},t=0,n=0,r=0;return{add:function(o,i){i||(i=o,o=0),o>n?n=o:r>o&&(r=o),e[o]||(e[o]=[]),e[o].push(i),t++},process:function(){for(var t=r;n>=t;t++)for(var o=e[t],i=0;o.length>i;i++){(0,o[i])()}},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,o=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var i=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 o=e-r.clientWidth,i=t-r.clientHeight;return document.body.removeChild(r),{width:o,height:i}}(),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 o=e.createElement("style");return o.innerHTML=n,o.id=t,r(o),o}if(!e.getElementById(t)){var o=n+"_animation",i=n+"_animation_active",a="/* Created by the element-resize-detector library. */\n";a+="."+n+" > div::-webkit-scrollbar { "+l(["display: none"])+" }\n\n",a+="."+i+" { "+l(["-webkit-animation-duration: 0.1s","animation-duration: 0.1s","-webkit-animation-name: "+o,"animation-name: "+o])+" }\n",a+="@-webkit-keyframes "+o+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",r(a+="@keyframes "+o+" { 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(o.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*i.width+1}function O(){return 2*i.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),o=f(e),i=w(t),a=x(n),c=function(e){return 2*e+b()}(t),l=function(e){return 2*e+O()}(n);r.scrollLeft=i,r.scrollTop=a,o.scrollLeft=c,o.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 o=function(e,t,n,r){var o=n[r];"auto"!==o&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(o)&&(e.warn("An element that is positioned static has style."+r+"="+o+" 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)};o(t,c,n,"top"),o(t,c,n,"right"),o(t,c,n,"bottom"),o(t,c,n,"left")}}();var n=r(c).container;n||(n=E());var o,s,d,f,p=i.width,y=i.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: "+(o=(o=-(1+p))?o+"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"),I=document.createElement("div"),z=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,I.style.cssText=b,z.style.cssText=w,P.appendChild(S),I.appendChild(z),j.appendChild(P),j.appendChild(I),x.appendChild(j),n.appendChild(x),u(P,"scroll",D),u(I,"scroll",T),r(c).onExpandScroll=D,r(c).onShrinkScroll=T}else h("Aborting because element has been uninstalled");function D(){r(c).onExpand&&r(c).onExpand()}function T(){r(c).onShrink&&r(c).onShrink()}}function S(){function i(t,n,r){var o=function(e){return d(e).childNodes[0]}(t),i=w(n),a=x(r);o.style.setProperty("width",i+"px",e.important?"important":""),o.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(o.get(c),"Scroll: Size changed before updating detector elements.");i(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;i(c,g.width,g.height)}else h("Aborting because element has been uninstalled")}function I(){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 z(){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,I),n.add(4,z)}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 o=t.generate();return r.id=o,o}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:h});t=r}var o=e.reporter;o||(o=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===o));var i=x(e,"batchProcessor",s({reporter:o})),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 o=e.get(n);t[o]||(t[o]=[]),t[o].push(r)},removeListener:function(e,t){for(var r=n(e),o=0,i=r.length;i>o;++o)if(r[o]===t){r.splice(o,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:o,batchProcessor:i,stateHandler:h,idHandler:t,important:p};if("scroll"===f&&(l.isLegacyOpera()?(o.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),f="object"):l.isIE(9)&&(o.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 o(t){var n=e.important?" !important; ":"; ";return(t.join(n)+n).trim()}function i(e){return r(e).object}return{makeDetectable:function(e,i,a){a||(a=i,i=e,e=null),e=e||{},l.isIE(8)?a(i):function(i,a){var c=o(["display: block","position: absolute","top: 0","left: 0","width: 100%","height: 100%","border: none","padding: 0","margin: 0","opacity: 0","z-index: -1000","pointer-events: none"]),u=!1,s=window.getComputedStyle(i),d=i.offsetWidth,f=i.offsetHeight;function h(){function n(){if("static"===s.position){i.style.setProperty("position","relative",e.important?"important":"");var n=function(t,n,r,o){var i=r[o];"auto"!==i&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(i)&&(t.warn("An element that is positioned static has style."+o+"="+i+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+o+" will be set to 0. Element: ",n),n.style.setProperty(o,"0",e.important?"important":""))};n(t,i,s,"top"),n(t,i,s,"right"),n(t,i,s,"bottom"),n(t,i,s,"left")}}""!==s.position&&(n(),u=!0);var o=document.createElement("object");o.style.cssText=c,o.tabIndex=-1,o.type="text/html",o.setAttribute("aria-hidden","true"),o.onload=function(){u||n(),function e(t,n){if(!t.contentDocument){var o=r(t);return o.checkForObjectDocumentTimeoutId&&window.clearTimeout(o.checkForObjectDocumentTimeoutId),void(o.checkForObjectDocumentTimeoutId=setTimeout((function(){o.checkForObjectDocumentTimeoutId=0,e(t,n)}),100))}n(t.contentDocument)}(this,(function(e){a(i)}))},l.isIE()||(o.data="about:blank"),r(i)&&(i.appendChild(o),r(i).object=o,l.isIE()&&(o.data="about:blank"))}r(i).startSize={width:d,height:f},n?n.add(h):h()}(i,a)},addListener:function(e,t){function n(){t(e)}if(l.isIE(8))r(e).object={proxy:n},e.attachEvent("onresize",n);else{var o=i(e);if(!o)throw Error("Element is not detectable by this strategy.");o.contentDocument.defaultView.addEventListener("resize",n)}},uninstall:function(e){if(r(e)){var t=i(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 i(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 o.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&&o.log("Attaching listener to element",a,e),!d.isDetectable(e))return O&&o.log(a,"Not detectable."),d.isBusy(e)?(O&&o.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&&o.log(a,"Making detectable..."),d.markBusy(e,!0),c.makeDetectable({debug:O,important:p},e,(function(e){if(O&&o.log(a,"onElementDetectable"),h.getState(e)){d.markAsDetectable(e),d.markBusy(e,!1),c.addListener(e,i),l(f,e,r);var t=h.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||i(e);w[a]&&g(w[a],(function(e){e()}))}else O&&o.log(a,"Element uninstalled before being detectable.");delete w[a],++s===n.length&&y()})));O&&o.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 o.error("At least one element is required.");if(b(e))e=[e];else{if(!v(e))return o.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 I=r.default.memo((function(e){var n=e.width,i=e.height,a=e.onResize,c=e.children,l=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","onResize","children"]),u=t.useState(null),s=u[0],d=u[1],f=t.useMemo((function(){return P(n)&&P(i)?{width:n,height:i}:null}),[n,i]),h=t.useRef(null),p={onResize:a},y=t.useRef(p);y.current=p,o((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(i)&&(e.height=i),l.style&&S(e,l.style),e}),[n,i,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 z(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?z(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}I.defaultProps={width:null,height:null,onResize:function(){}};var M={enabled:!1,target:null,translation:null,velocity:null,interval:null,startPoint:{x:0,y:0},movePoint:{x:0,y:0},moveTime:0},C=function(e,t){switch(t.type){case"setEnabled":return R(e,t);case"end":return k(e);case"track":return A(e,t);case"move":return L(e,t);default:return e}},R=function(e,t){var n=t.payload.enabled;return n?D(D({},e),{},{enabled:n}):M},k=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,o=n.point,i=(new Date).getTime();return D(D({},e),{},{target:r,startPoint:o,movePoint:o,moveTime:i,translation:null,velocity:null,interval:null})},L=function(e,t){var n=t.payload,r=n.point,o=n.shouldStart,i=e.target,a=e.startPoint,c=e.movePoint,l=e.moveTime,u=e.translation;if(!i)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:i,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&&o({target:i,translation:f,velocity:h,interval:d})?D(D({},e),{},{target:i,translation:{x:0,y:0},velocity:h,interval:d,startPoint:r,movePoint:r,moveTime:s}):D(D({},e),{},{target:i,translation:null,velocity:null,interval:null,startPoint:a,movePoint:r,moveTime:s})};var H={create:function(e){var t=e.transformTranslate,n=e.userSelectNone,r=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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 W(e,t,n,r){var o=function(){};return e&&e.addEventListener&&(e.addEventListener(t,n,r),o=function(){e.removeEventListener(t,n,r)}),o}function N(){return(N=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 F=void 0!==typeof window&&"ontouchstart"in window,_={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}},q=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),h=t.useReducer(C,M),p=h[0],y=h[1],g=i(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]),o((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]),o((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(F){var o=function(e){O&&e.cancelable&&(e.preventDefault(),e.stopImmediatePropagation()),r()},i=W(e,"touchmove",(function(e){if(O&&e.cancelable&&(e.preventDefault(),e.stopImmediatePropagation()),1===e.touches.length){var t=e.touches[0];n({x:t.pageX,y:t.pageY})}else r()})),a=W(e,"touchend",o),c=W(e,"touchcancel",o);return function(){i(),a(),c()}}var l=document.body,u=W(l,"mousemove",(function(e){O&&(e.preventDefault(),e.stopImmediatePropagation()),1===e.buttons?n({x:e.pageX,y:e.pageY}):r()})),s=W(l,"mouseup",(function(e){O&&(e.preventDefault(),e.stopImmediatePropagation()),r()}));return function(){u(),s()}}if(F){var d=W(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=W(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&&N(e,H.create({touchAction:"none",pointerEvents:"none",userSelectNone:!0})),f.style&&N(e,f.style),e}),[O,f.style]);f.style=w;var x="function"==typeof d?d(p):d;return r.default.createElement("div",N({},f,{ref:v}),x)}));q.defaultProps=_;var B=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,o,i){function a(a){var c="x"===a?["width","left","right"]:["height","top","bottom"],l=c[0],u=t[l],s=e[a];if(-1===o[a])return s;var d=Math.min(u-(r[c[1]]+n[l]+r[c[2]]),0);return i&&u>0&&(d=u*Math.ceil(d/u)),Math.max(d,Math.min(s,0))}var c={x:a("x"),y:a("y")};return c.x===e.x&&c.y===e.y?e:c}function Y(e,t,n,r,o){var i,a,c,l="number"==typeof o?(i=o,0===(c=Math.sqrt((a=t).x*a.x+a.y*a.y))?{x:0,y:0}:{x:i*(a.x/c),y:i*(a.y/c)}):o;function u(o){var i="x"===o?"width":"height",a=e[o],c=t[o];if(r&&n[i]>0){var u=a/n[i];a=n[i]*(u=c>.5?Math.ceil(u):-.5>c?Math.floor(u):Math.round(u))}else l[o]&&(a+=.5*c*(c/l[o]));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,$={size:{width:0,height:0},contentSize:{width:0,height:0},contentInset:{top:0,right:0,bottom:0,left:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,bound:{x:1,y:1},pagingEnabled:!1,directionalLockEnabled:!1,pannable:M},ee=function(e,t){switch(t.type){case"syncProps":return ne(te(e,t));case"dragStart":return re(e);case"dragMove":return oe(e);case"dragEnd":return ie(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.size,r=e.contentSize,o=e.contentInset,i=e.contentOffset,a=e.contentVelocity,c=e.drag,l=e.deceleration,u=e.pagingEnabled,s=e.bound,d=Z;if(l){var f=l.endOffset,h=X(i,n,r,o,s,u);if(f!==X(f,n,r,o,s,u)&&i!==h){var p=i,y=V(a);return 0===s.x&&(y=U(U({},y),{},{x:0}),p=U(U({},p),{},{x:h.x})),0===s.y&&(y=U(U({},y),{},{y:0}),p=U(U({},p),{},{y:h.y})),l.rate!==d&&(f=Y(p,y,n,u,d)),f=X(f,n,r,o,s,u),U(U({},e),{},{contentOffset:p,contentVelocity:y,drag:null,deceleration:se(f,d,p,y)})}}else if(!c){var g=Y(i,a,n,u,d);if((g=X(g,n,r,o,s,u)).x!==i.x||g.y!==i.y)return U(U({},e),{},{drag:null,deceleration:se(g,d,i,a)})}return e},re=function(e,t){var n=e.contentOffset,r=e.pannable.velocity;if(!r)return e;var o={x:1,y:1};e.directionalLockEnabled&&(Math.abs(r.x)>Math.abs(r.y)?o.y=0:o.x=0);var i={x:o.x*r.x,y:o.y*r.y};return U(U({},e),{},{contentVelocity:i,drag:{direction:o,startOffset:n},deceleration:null})},oe=function(e,t){var n=e.contentOffset,r=e.drag,o=e.pannable,i=o.translation,a=o.interval;if(!r||!i||!a)return e;var c={x:r.startOffset.x+r.direction.x*i.x,y:r.startOffset.y+r.direction.y*i.y},l={x:((c=function(e,t,n,r,o){function i(i){var a="x"===i?["width","height","left","right"]:["height","width","top","bottom"],c=a[0],l=a[1],u=e[i],s=o[i];if(-1===s)return u;var d=Math.min(t[c]-(r[a[2]]+n[c]+r[a[3]]),0),f=.5*Math.min(t[c],t[l]);return u>0?0===s?0:f*(1-f/(f+u)):d>u?0===s?d:d-f*(1-f/(f-u+d)):u}var a={x:i("x"),y:i("y")};return a.x===e.x&&a.y===e.y?e:a}(c,e.size,e.contentSize,e.contentInset,e.bound)).x-n.x)/a,y:(c.y-n.y)/a};return U(U({},e),{},{contentOffset:c,contentVelocity:l})},ie=function(e,t){var n=e.contentOffset,r=e.size,o=e.pagingEnabled,i=o?Z:.0025,a=V(e.contentVelocity),c=Y(n,a,r,o,i);return U(U({},e),{},{contentVelocity:a,drag:null,deceleration:se(c,i,n,a)})},ae=function(e,t){var n=e.contentOffset,r=e.drag,o=e.size,i=e.pagingEnabled;if(!r)return e;var a=V(e.contentVelocity),c=Y(r.startOffset,{x:0,y:0},o,i,.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,o=e.endOffset;function i(e,r){var o=t[e],i=o[0],a=o[1],c=o[2],l=o[3];return[i-3*(i-a)*r+3*(i-2*a+c)*Math.pow(r,2)-(i-3*a+3*c-l)*Math.pow(r,3),(-3*(i-a)+6*(i-2*a+c)*r-3*(i-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:o,velocity:{x:0,y:0},didEnd:!0};var l=i("x",c),u=l[0],s=l[1],d=i("y",c);return{offset:{x:u,y:d[0]},velocity:{x:s,y:d[1]},didEnd:!1}}(n),o=r.offset,i=r.velocity,a=r.didEnd;return U(U({},e),{},{contentOffset:o,contentVelocity:i,drag:null,deceleration:a?null:n})},le=function(e,t){var n=e.contentOffset,r=e.size,o=t.payload.value,i=o.offset,a=void 0===i?{x:0,y:0}:i,c=o.point,l=o.align,u=o.rect,s=!e.drag&&o.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 o="object"==typeof t?t:{x:t,y:t};function i(t){var i="x"===t?"width":"height",a=-e[t],c=o[t],l=r[i]-e[i];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:i("x"),y:i("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,o=e.drag,i=e.deceleration,a=e.size,c=e.pagingEnabled,l=t.payload,u=l.offset;if(!l.animated){if(o)return U(U({},e),{},{contentOffset:u,drag:U(U({},o),{},{startOffset:{x:o.startOffset.x+u.x-n.x,y:o.startOffset.y+u.y-n.y}}),deceleration:null});if(i){var s=Y({x:i.endOffset.x+u.x-n.x,y:i.endOffset.y+u.y-n.y},{x:0,y:0},a,c,i.rate);return U(U({},e),{},{contentOffset:u,drag:null,deceleration:se(s,i.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 o=(new Date).getTime(),i=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),i=s+u/t}else a=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),i=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:i,startTime:o,points:{x:[n.x,n.x+r.x*(i/3),e.x,e.x],y:[n.y,n.y+r.y*(i/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=r.default.memo((function(e){var n=e.pannable,a=e.size,c=e.bound,l=e.contentInset,u=e.pagingEnabled,s=e.directionalLockEnabled,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=i(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},I=t.useRef(S);I.current=S;var z=t.useCallback((function(e){j({type:"syncProps",payload:{props:{contentSize:e}}})}),[]);t.useMemo((function(){j({type:"syncProps",payload:{props:{pannable:n,size:a,bound:c,contentInset:l,pagingEnabled:u,directionalLockEnabled:s}}})}),[n,a,c,l,u,s]),o((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&&I.current.onResizeContent(x.contentSize);var e={size:x.size,contentSize:x.contentSize,contentInset:x.contentInset,contentOffset:x.contentOffset,contentVelocity:x.contentVelocity,dragging:!!x.drag,decelerating:!!x.deceleration};if(E.contentOffset!==x.contentOffset&&I.current.onScroll(e),E.drag!==x.drag&&(E.drag?x.drag||I.current.onEndDragging(e):I.current.onStartDragging(e)),E.deceleration!==x.deceleration&&(E.deceleration?x.deceleration||I.current.onEndDecelerating(e):I.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),T=m(x,P.current),M="function"==typeof O?O(x,P.current):O,C=t.useMemo((function(){return H.create({position:"absolute",left:x.contentInset.left,top:x.contentInset.top,width:x.contentSize.width,height:x.contentSize.height,transformTranslate:x.contentOffset,willChange:"transform",overflow:"hidden"})}),[x.contentOffset,x.contentSize,x.contentInset]),R=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:z}}),[x.contentOffset,x.size,z]);return r.default.createElement(r.default.Fragment,null,D,r.default.createElement("div",{style:C},r.default.createElement(B.Provider,{value:R},M)),T)}));function ge(){return(ge=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 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 me(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var be=function(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){me(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}({width:0,height:0,boundX:1,boundY:1,contentInsetTop:0,contentInsetRight:0,contentInsetBottom:0,contentInsetLeft:0,pagingEnabled:!1,directionalLockEnabled:!1,onScroll:function(){},onStartDragging:function(){},onEndDragging:function(){},onStartDecelerating:function(){},onEndDecelerating:function(){},onResizeContent:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null},_),Oe=r.default.memo((function(e){var n=e.width,o=e.height,i=e.boundX,a=e.boundY,c=e.contentInsetTop,l=e.contentInsetRight,u=e.contentInsetBottom,s=e.contentInsetLeft,d=e.pagingEnabled,f=e.directionalLockEnabled,h=e.onScroll,p=e.onStartDragging,y=e.onEndDragging,g=e.onStartDecelerating,v=e.onEndDecelerating,m=e.onResizeContent,b=e.renderBackground,O=e.renderOverlay,w=e.scrollTo,x=e.children,j=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","boundX","boundY","contentInsetTop","contentInsetRight","contentInsetBottom","contentInsetLeft","pagingEnabled","directionalLockEnabled","onScroll","onStartDragging","onEndDragging","onStartDecelerating","onEndDecelerating","onResizeContent","renderBackground","renderOverlay","scrollTo","children"]),E=t.useMemo((function(){return{width:n,height:o}}),[n,o]),P=t.useMemo((function(){return{x:i,y:a}}),[i,a]),S=t.useMemo((function(){return{top:c,right:l,bottom:u,left:s}}),[c,l,u,s]),I=t.useRef(),z={shouldStart:j.shouldStart},D=t.useRef(z);D.current=z;var T=t.useCallback((function(e){var t=I.current;return!!t&&(!!function(e,t,n,r,o){var i=Math.abs(e.x)>Math.abs(e.y)?["x","width","left","right"]:["y","height","top","bottom"],a=i[1],c=i[2],l=i[3];if(0!==o[i[0]])return!0;return r[c]+n[a]+r[l]>t[a]}(e.velocity,t.size,t.contentSize,t.contentInset,t.bound)&&D.current.shouldStart(e))}),[]),M=t.useMemo((function(){var e={overflow:"hidden",position:"relative",width:E.width,height:E.height};return j.style&&ge(e,j.style),e}),[E,j.style]);return j.shouldStart=T,j.style=M,r.default.createElement(q,ge({},j),(function(e){return r.default.createElement(ye,{pannable:e,size:E,bound:P,contentInset:S,pagingEnabled:d,directionalLockEnabled:f,onScroll:h,onStartDragging:p,onEndDragging:y,onStartDecelerating:g,onEndDecelerating:v,onResizeContent:m,renderBackground:b,renderOverlay:O,scrollTo:w},(function(e,t){return I.current=e,"function"==typeof x?x(e,t):x}))}))}));function we(e,t){function n(n){var r,o="x"===n?"width":"height";return(r={})[n]=t[n]-e[n],r[o]=t[o],r}var r=n("x"),o=r.x,i=r.width,a=n("y");return{x:o,y:a.y,width:i,height:a.height}}function xe(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 je(){return(je=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 Ee(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 Pe(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ee(Object(n),!0).forEach((function(t){Se(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Se(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Oe.defaultProps=be;var Ie=r.default.memo((function(){return null}));function ze(){}var De=r.default.memo((function(e){var n=t.useContext(B),i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o=e.itemSize,i=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=i,0===o[u]?h=0:(h=i*o[u],i>1&&(h+=(i-1)*r[f]))):0===o[u]?g=i:(g=1,h>o[u]&&(g+=Math.floor((h-o[u])/(o[u]+r[f]))));g>0&&(y=Math.ceil(i/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-o[u])/(g-1)))),x>=i)break;v.push(((w={rect:(O={},O[c]=j,O[l]=p,O[u]=o[u],O[s]=o[s],O)})[d+"Index"]=m,w[f+"Index"]=b,w.itemIndex=x,w))}p+=o[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=y,n[f]=g,n),layoutList:v}}({direction:i,size:{width:g,height:v},spacing:{row:f,column:h},itemSize:{width:a,height:c},itemCount:l})}),[i,g,v,f,h,a,c,l]),b=t.useRef(null),O={onResize:n.onResize},w=t.useRef(O);w.current=O,o((function(){var e=b.current;b.current=m.size,E(e,m.size)||w.current.onResize(m.size)}),[m.size]);var x=m.layoutList.map((function(e){return function(e){var t=e.rect,o=e.itemIndex,i=e.visibleRect,a=e.needsRender,c=e.Item,l=!1,s=u(e),d="GridContent_"+o;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(B.Provider,{key:d,value:Pe(Pe({},n),{},{width:null,height:null,visibleRect:i,onResize:ze})},r.default.createElement("div",{style:h},s))}(Pe(Pe({},e),{},{visibleRect:we(e.rect,n.visibleRect),needsRender:xe(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&&je(e,y.style),e}),[m.size,y.style]);return y.style=j,r.default.createElement("div",je({},y),x)}));function Te(){return(Te=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 Ce(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){Re(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}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}De.defaultProps={direction:"y",itemWidth:0,itemHeight:0,itemCount:0,renderItem:function(){return null},width:null,height:null,rowSpacing:0,columnSpacing:0};var ke=r.default.memo((function(){return null})),Ae=r.default.memo((function(e){var n=t.useContext(B),i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o=e.size,i=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(o[d])&&(g[d]=o[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)Te(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+=i)),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:i,size:{width:y,height:g},spacing:s,estimatedItemSize:{width:d,height:f},itemCount:a},m,w)}),[y,g,i,s,d,f,a,m,w]),S=t.useRef(null),I={onResize:n.onResize},z=t.useRef(I);z.current=I,o((function(){var e=S.current;S.current=j.size,E(e,j.size)||z.current.onResize(j.size)}),[j.size]);var D=[];var T=j.layoutList.map((function(e){return function(e){var t=e.rect,o=e.itemIndex,i=e.itemSize,a=e.visibleRect,l=e.needsRender,u=e.Item,s=!1,d=c(e),f="ListContent_"+o,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(i||-1===D.indexOf(h)||(y=!0),D[o]=h,y)return null;var g={position:"absolute",left:t.x,top:t.y,width:t.width,height:t.height};return r.default.createElement(B.Provider,{key:f,value:Ce(Ce(Ce({},n),{},{width:null,height:null},i),{},{visibleRect:a,onResize:function(e){x((function(t){var n;return Ce(Ce({},t),{},((n={})[h]=e,n))}))}})},r.default.createElement("div",{style:g},d))}(Ce(Ce({},e),{},{visibleRect:we(e.rect,n.visibleRect),needsRender:xe(e.rect,n.visibleRect),Item:ke}))}));(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 M=t.useMemo((function(){var e={position:"relative",overflow:"hidden"};return j.size&&(e.width=j.size.width,e.height=j.size.height),p.style&&Te(e,p.style),e}),[j.size,p.style]);return p.style=M,r.default.createElement("div",Te({},p),T)}));function Le(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?Le(Object(n),!0).forEach((function(t){We(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Le(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(){}Ae.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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["width","height","autoResizing","children"]),s=t.useContext(B),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=i(y),m=t.useRef(null),b={onResize:s.onResize},O=t.useRef(b);O.current=b,o((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(B.Provider,{value:He(He({},s),{},{width:null,height:null,onResize:Fe})},x))}));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 Ve(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){Xe(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 Xe(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 Ye={loopCount:2,loopOffset:0,loopWidth:0,scrollTo:null,pad:$,direction:"x"},Ge=function(e,t){switch(t.type){case"syncProps":return Je(Ue(e,t));default:return e}},Ue=function(e,t){return Ve(Ve({},e),t.payload.props)},Je=function(e,t){var n=e.loopCount,r=e.loopWidth,o=e.loopOffset,i=e.direction,a=e.pad,c=a.size,l=a.contentOffset,u="y"===i?"height":"width",s=a.contentSize[u]/n,d=2;if(0!==s&&(d+=Math.floor(c[u]/s)),r!==s||n!==d)return Ve(Ve({},e),{},{loopCount:d,loopWidth:s});var f=function(e,t,n,r,o){var i;if(1===r||0===n)return[e,0];var a="y"===o?["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[(i={},i[c]=f+=n*h,i[l]=e[l],i),h]}(l,c,r,n,i),h=f[0],p=f[1];return l!==h?Ve(Ve({},e),{},{loopOffset:o+p,scrollTo:{offset:h,animated:!1}}):e};var Ke=r.default.memo((function(e){var n=e.pad,i=e.onAdjust,a=e.direction,c=e.children,l=t.useReducer(Ge,Ye),u=l[0],s=l[1],d={onAdjust:i},f=t.useRef(d);return f.current=d,t.useMemo((function(){s({type:"syncProps",payload:{props:{pad:n,direction:a}}})}),[n,a]),o((function(){u.scrollTo&&f.current.onAdjust(u.scrollTo)}),[u.scrollTo]),r.default.createElement(Ae,{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 Qe(){return(Qe=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 Ze(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 $e(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ze(Object(n),!0).forEach((function(t){et(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ze(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function et(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var tt=$e($e({direction:"x"},be),{},{directionalLockEnabled:!0}),nt=r.default.memo((function(e){var t=e.direction,n=e.children,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(e,["direction","children"]);return"x"===t?o.boundX=-1:o.boundY=-1,r.default.createElement(Oe,Qe({},o),(function(e,o){return r.default.createElement(Ke,{pad:e,onAdjust:o._scrollTo,direction:t,children:n})}))}));function rt(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?rt(Object(n),!0).forEach((function(t){it(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function it(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}nt.defaultProps=tt;var at={activeIndex:0,scrollTo:null,pad:$,direction:"x",loop:!0,itemCount:0},ct=function(e,t){switch(t.type){case"syncProps":return ut(lt(e,t));case"scrollToIndex":return st(e,t);case"next":return dt(e,t);default:return e}},lt=function(e,t){return ot(ot({},e),t.payload.props)},ut=function(e,t){var n=e.activeIndex,r=e.pad,o=function(e,t,n,r){var o="y"===r?["height","y"]:["width","x"],i=o[1],a=t[o[0]],c=0;a>0&&(c=Math.round(-e[i]/a));return c%n}(r.contentOffset,r.size,e.itemCount,e.direction);return n!==o?ot(ot({},e),{},{activeIndex:o}):e},st=function(e,t){var n=e.activeIndex,r=e.itemCount,o=e.direction,i=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})),i||(s=Math.max(0,Math.min(s,r-1)));var d=function(e,t,n,r){var o,i="y"===r?["height","y","x"]:["width","x","y"],a=i[1],c=i[2];return(o={})[a]=t[a]-e*n[i[0]],o[c]=t[c],o}(s-n,c,l,o);return ot(ot({},e),{},{scrollTo:{offset:d,animated:u}})},dt=function(e,t){var n=e.activeIndex+1;return e.loop||(n%=e.itemCount),st(e,{type:"scrollToIndex",payload:{value:{index:n,animated:t.payload.animated}}})};var ft=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(ct,at),g=y[0],v=y[1],m=i(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]),o((function(){m.activeIndex!==g.activeIndex&&O.current.onActiveIndexChange({activeIndex:g.activeIndex,itemCount:g.itemCount})}),[g]),o((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 ht(){return(ht=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 pt(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 yt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pt(Object(n),!0).forEach((function(t){gt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function gt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var vt=yt(yt({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3,itemCount:0,renderItem:function(){return null},onActiveIndexChange:function(){},scrollToIndex:null},be),{},{pagingEnabled:!0,directionalLockEnabled:!0}),mt=r.default.memo((function(e){var n=e.direction,o=e.loop,i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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(i)}),[i]),i&&(f.onMouseEnter=j,f.onMouseLeave=E),"x"===n?f.boundY=0:f.boundX=0,f.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(ft,{pad:e,direction:n,loop:o,autoplayEnabled:b,autoplayInterval:a,itemCount:c,onActiveIndexChange:u,onAdjust:t._scrollTo,scrollToIndex:s,children:d}),y(e,t))};var P=r.default.createElement(De,{width:h,height:p,itemWidth:h,itemHeight:p,direction:n,itemCount:c,renderItem:l});return o?r.default.createElement(nt,ht({direction:n},f),P):r.default.createElement(Oe,ht({},f),P)}));function bt(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?bt(Object(n),!0).forEach((function(t){wt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function wt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}mt.defaultProps=vt;var xt={scroll:null,scrollTo:null,pad:$},jt=function(e,t){switch(t.type){case"syncProps":return Et(e,t);case"scrollToIndex":return Pt(e,t);case"scrollEnd":return St(e);case"scrollRecalculate":return It(e,t);default:return e}},Et=function(e,t){return Ot(Ot({},e),t.payload.props)},Pt=function(e,t){var n=t.payload.rect,r=t.payload.value,o=r.index,i=r.align,a=r.animated;return Ot(Ot({},e),{},{scrollTo:{rect:n,align:i,animated:a},scroll:a?{index:o,align:i,animated:a}:null})},St=function(e,t){return Ot(Ot({},e),{},{scroll:null})},It=function(e,t){var n=e.scroll;return n?Pt(e,{type:"scrollToIndex",payload:{value:n,rect:t.payload.rect}}):e},zt=r.default.memo((function(e){var n=e.pad,a=e.scrollToIndex,c=e.calculateRectForIndex,l=e.onAdjust,u=e.children,s=t.useReducer(jt,xt),d=s[0],f=s[1],h=i(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]),o((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"}))}})),o((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 Dt(){return(Dt=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 Tt(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 Mt(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){Ct(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ct(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=Mt(Mt({direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null},renderHeader:function(){return null},renderFooter:function(){return null},scrollToIndex:null},be),{},{directionalLockEnabled:!0}),kt=r.default.memo((function(e){var n=e.direction,o=e.spacing,i=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,o={},i=Object.keys(e);for(r=0;i.length>r;r++)0>t.indexOf(n=i[r])&&(o[n]=e[n]);return o}(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,o={x:0,y:0,width:0,height:0};if(n&&(o=n.layoutList[1].rect),r){var i=r.layoutList[e=Math.max(0,Math.min(e,r.layoutList.length-1))];o={x:o.x+i.rect.x,y:o.y+i.rect.y,width:i.rect.width,height:i.rect.height}}return o}),[]);return"x"===n?h.boundY=0:h.boundX=0,h.renderOverlay=function(e,t){return r.default.createElement(r.default.Fragment,null,r.default.createElement(zt,{pad:e,scrollToIndex:d,calculateRectForIndex:m,onAdjust:t._scrollTo,children:f}),g(e,t))},r.default.createElement(Oe,Dt({},h),r.default.createElement(Ae,{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(Ae,{width:p,height:y,direction:n,spacing:o,itemCount:i,estimatedItemWidth:a,estimatedItemHeight:c,renderItem:l},(function(e){v.current.body=e})))}},(function(e){v.current.box=e})))}));kt.defaultProps=Rt,e.AutoResizing=I,e.Carousel=mt,e.GridContent=De,e.Infinite=kt,e.ItemContent=qe,e.ListContent=Ae,e.Loop=nt,e.Pad=Oe,e.PadContext=B,e.Pannable=q,Object.defineProperty(e,"__esModule",{value:!0})})); |
@@ -7,9 +7,2 @@ import PadContext from './PadContext'; | ||
| import React, { useEffect, useMemo, useReducer, useRef, useCallback } from 'react'; | ||
| var backgroundStyle = { | ||
| position: 'absolute', | ||
| top: 0, | ||
| left: 0, | ||
| right: 0, | ||
| bottom: 0 | ||
| }; | ||
| var PadInner = React.memo(function (props) { | ||
@@ -161,9 +154,2 @@ var pannable = props.pannable, | ||
| var backgroundLayer = renderBackground(state, methodsRef.current); | ||
| if (backgroundLayer !== null) { | ||
| backgroundLayer = React.createElement("div", { | ||
| style: backgroundStyle | ||
| }, backgroundLayer); | ||
| } | ||
| var overlayLayer = renderOverlay(state, methodsRef.current); | ||
@@ -170,0 +156,0 @@ var contentLayer = typeof children === 'function' ? children(state, methodsRef.current) : children; |
@@ -7,9 +7,2 @@ import PadContext from './PadContext'; | ||
| import React, { useEffect, useMemo, useReducer, useRef, useCallback, } from 'react'; | ||
| const backgroundStyle = { | ||
| position: 'absolute', | ||
| top: 0, | ||
| left: 0, | ||
| right: 0, | ||
| bottom: 0, | ||
| }; | ||
| const PadInner = React.memo((props) => { | ||
@@ -124,7 +117,4 @@ const { pannable, size, bound, contentInset, pagingEnabled, directionalLockEnabled, onScroll, onStartDragging, onEndDragging, onStartDecelerating, onEndDecelerating, onResizeContent, renderBackground, renderOverlay, scrollTo, children, } = props; | ||
| }, [scrollTo]); | ||
| let backgroundLayer = renderBackground(state, methodsRef.current); | ||
| if (backgroundLayer !== null) { | ||
| backgroundLayer = React.createElement("div", { style: backgroundStyle }, backgroundLayer); | ||
| } | ||
| let overlayLayer = renderOverlay(state, methodsRef.current); | ||
| const backgroundLayer = renderBackground(state, methodsRef.current); | ||
| const overlayLayer = renderOverlay(state, methodsRef.current); | ||
| let contentLayer = typeof children === 'function' | ||
@@ -131,0 +121,0 @@ ? children(state, methodsRef.current) |
| { | ||
| "name": "react-pannable", | ||
| "version": "5.1.0", | ||
| "version": "5.1.1", | ||
| "description": "Flexible and Customizable Layouts for Scrolling Content with React", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-0.2%
682735
- Lines of code
- decreased by-0.35%
16116
No dependency changes