react-pannable - npm Package Compare versions

Comparing version 6.1.1 to 6.1.2

cjs/infinite/Infinite.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _excluded = ["itemCount", "renderItem", "direction", "spacing", "estimatedItemWidth", "estimatedItemHeight", "renderHeader", "renderFooter", "scrollTo", "render", "children"];
+var _excluded = ["itemCount", "renderItem", "direction", "spacing", "estimatedItemWidth", "estimatedItemHeight", "renderHeader", "renderFooter", "scrollTo", "render", "infiniteStyle", "bodyStyle", "children"];
 
@@ -48,2 +48,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
       _render = props.render,
+      infiniteStyle = props.infiniteStyle,
+      bodyStyle = props.bodyStyle,
       children = props.children,
@@ -98,2 +100,3 @@ padProps = _objectWithoutPropertiesLoose(props, _excluded);
     itemCount: 3,
+    style: infiniteStyle,
     renderItem: function renderItem(attrs) {
@@ -112,3 +115,4 @@ var itemIndex = attrs.itemIndex,
       return _react.default.createElement(Item, {
-        forceRender: true
+        forceRender: true,
+        style: bodyStyle
       }, _react.default.createElement(_ListContent.default, {
@@ -122,2 +126,3 @@ width: width,
         estimatedItemHeight: estimatedItemHeight,
+        style: bodyStyle,
         renderItem: _renderItem,
@@ -124,0 +129,0 @@ render: function render(layout) {

cjs/pad/ListContent.js

@@ -24,4 +24,2 @@ "use strict";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -33,2 +31,4 @@
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -111,2 +111,9 @@
     var hash = null;
+    var itemStyle = {
+      position: 'absolute',
+      left: rect.x,
+      top: rect.y,
+      width: rect.width,
+      height: rect.height
+    };
 
@@ -128,2 +135,6 @@ if (_react.default.isValidElement(element) && element.type === Item) {
 
+      if (itemProps.style !== undefined) {
+        _extends(itemStyle, itemProps.style);
+      }
+
       element = element.props.children;
@@ -148,10 +159,2 @@ }
 
-    var itemStyle = {
-      position: 'absolute',
-      left: rect.x,
-      top: rect.y,
-      width: rect.width,
-      height: rect.height
-    };
-
     var contextValue = _objectSpread({}, context);
@@ -183,7 +186,7 @@
 
-    return _react.default.createElement(_PadContext.default.Provider, {
+    return _react.default.createElement("div", {
       key: key,
+      style: itemStyle
+    }, _react.default.createElement(_PadContext.default.Provider, {
       value: contextValue
-    }, _react.default.createElement("div", {
-      style: itemStyle
     }, element));
@@ -190,0 +193,0 @@ }

cjs/pad/Pad.js

@@ -14,3 +14,3 @@ "use strict";
 
-var _excluded = ["width", "height", "boundX", "boundY", "contentInsetTop", "contentInsetRight", "contentInsetBottom", "contentInsetLeft", "pagingEnabled", "directionalLockEnabled", "onScroll", "onStartDragging", "onEndDragging", "onStartDecelerating", "onEndDecelerating", "onResizeContent", "renderBackground", "renderOverlay", "render", "scrollTo", "children"];
+var _excluded = ["width", "height", "pagingEnabled", "directionalLockEnabled", "boundX", "boundY", "contentInsetTop", "contentInsetRight", "contentInsetBottom", "contentInsetLeft", "contentStyle", "onScroll", "onStartDragging", "onEndDragging", "onStartDecelerating", "onEndDecelerating", "onResizeContent", "renderBackground", "renderOverlay", "render", "scrollTo", "children"];
 
@@ -36,2 +36,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
       height = props.height,
+      _props$pagingEnabled = props.pagingEnabled,
+      pagingEnabled = _props$pagingEnabled === void 0 ? false : _props$pagingEnabled,
+      _props$directionalLoc = props.directionalLockEnabled,
+      directionalLockEnabled = _props$directionalLoc === void 0 ? false : _props$directionalLoc,
       _props$boundX = props.boundX,
@@ -49,6 +53,3 @@ boundX = _props$boundX === void 0 ? 1 : _props$boundX,
       contentInsetLeft = _props$contentInsetLe === void 0 ? 0 : _props$contentInsetLe,
-      _props$pagingEnabled = props.pagingEnabled,
-      pagingEnabled = _props$pagingEnabled === void 0 ? false : _props$pagingEnabled,
-      _props$directionalLoc = props.directionalLockEnabled,
-      directionalLockEnabled = _props$directionalLoc === void 0 ? false : _props$directionalLoc,
+      contentStyle = props.contentStyle,
       onScroll = props.onScroll,
@@ -95,17 +96,19 @@ onStartDragging = props.onStartDragging,
   var pannableShouldStart = (0, _react.useCallback)(function (evt) {
+    var flag = true;
+
     if (delegateRef.current.shouldStart) {
-      return delegateRef.current.shouldStart(evt);
+      flag = delegateRef.current.shouldStart(evt);
     }
 
-    var state = stateRef.current;
+    if (flag) {
+      var state = stateRef.current;
 
-    if (!state) {
-      return false;
+      if (state) {
+        flag = shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound);
+      } else {
+        flag = false;
+      }
     }
 
-    if (!shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound)) {
-      return false;
-    }
-
-    return true;
+    return flag;
   }, []);
@@ -142,6 +145,7 @@ (0, _hooks.useIsomorphicLayoutEffect)(function () {
         size: size,
+        pagingEnabled: pagingEnabled,
+        directionalLockEnabled: directionalLockEnabled,
         bound: bound,
         contentInset: contentInset,
-        pagingEnabled: pagingEnabled,
-        directionalLockEnabled: directionalLockEnabled,
+        contentStyle: contentStyle,
         onScroll: onScroll,
@@ -148,0 +152,0 @@ onStartDragging: onStartDragging,

cjs/pad/PadInner.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _StyleSheet = _interopRequireDefault(require("../utils/StyleSheet"));
-
 var _hooks = require("../utils/hooks");
@@ -25,9 +23,24 @@
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function convertTransformTranslate(translate) {
+  return {
+    WebkitTransform: "translate3d(" + translate.x + "px, " + translate.y + "px, 0)",
+    msTransform: "translate(" + translate.x + "px, " + translate.y + "px)",
+    transform: "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"
+  };
+}
+
 var PadInner = _react.default.memo(function (props) {
   var pannable = props.pannable,
       size = props.size,
+      pagingEnabled = props.pagingEnabled,
+      directionalLockEnabled = props.directionalLockEnabled,
       bound = props.bound,
       contentInset = props.contentInset,
-      pagingEnabled = props.pagingEnabled,
-      directionalLockEnabled = props.directionalLockEnabled,
+      contentStyle = props.contentStyle,
       onScroll = props.onScroll,
@@ -184,4 +197,6 @@ onStartDragging = props.onStartDragging,
   var contentLayer = render(state, methodsRef.current);
-  var contentStyle = (0, _react.useMemo)(function () {
-    return _StyleSheet.default.create({
+  var style = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({
+      willChange: 'transform',
+      overflow: 'hidden',
       position: 'absolute',
@@ -191,8 +206,5 @@ left: state.contentInset.left,
       width: state.contentSize.width,
-      height: state.contentSize.height,
-      transformTranslate: state.contentOffset,
-      willChange: 'transform',
-      overflow: 'hidden'
-    });
-  }, [state.contentOffset, state.contentSize, state.contentInset]);
+      height: state.contentSize.height
+    }, convertTransformTranslate(state.contentOffset)), contentStyle);
+  }, [state.contentOffset, state.contentSize, state.contentInset, contentStyle]);
   var contextValue = (0, _react.useMemo)(function () {
@@ -210,3 +222,3 @@ return {
   return _react.default.createElement(_react.default.Fragment, null, backgroundLayer, _react.default.createElement("div", {
-    style: contentStyle
+    style: style
   }, _react.default.createElement(_PadContext.default.Provider, {
@@ -213,0 +225,0 @@ value: contextValue

cjs/Pannable.js

@@ -10,4 +10,2 @@ "use strict";
 
-var _StyleSheet = _interopRequireDefault(require("./utils/StyleSheet"));
-
 var _subscribeEvent = _interopRequireDefault(require("./utils/subscribeEvent"));
@@ -17,3 +15,3 @@
 
-var _excluded = ["disabled", "shouldStart", "onStart", "onMove", "onEnd", "onCancel", "render", "children"];
+var _excluded = ["disabled", "shouldStart", "onTrackStart", "onTrackEnd", "onTrackCancel", "onStart", "onMove", "onEnd", "onCancel", "render", "children"];
 
@@ -42,2 +40,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
       shouldStart = props.shouldStart,
+      onTrackStart = props.onTrackStart,
+      onTrackEnd = props.onTrackEnd,
+      onTrackCancel = props.onTrackCancel,
       onStart = props.onStart,
@@ -57,11 +58,3 @@ onMove = props.onMove,
   var elemRef = (0, _react.useRef)(null);
-  var delegate = {
-    shouldStart: shouldStart,
-    onStart: onStart,
-    onMove: onMove,
-    onEnd: onEnd,
-    onCancel: onCancel
-  };
-  var delegateRef = (0, _react.useRef)(delegate);
-  delegateRef.current = delegate;
+  var isTracking = !!state.target;
   var isMoving = !!state.translation;
@@ -72,34 +65,43 @@ (0, _hooks.useIsomorphicLayoutEffect)(function () {
 
-    if (state.target && !state.translation) {
-      var translation = {
-        x: state.movePoint.x - state.startPoint.x,
-        y: state.movePoint.y - state.startPoint.y
-      };
-      var dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
+    if (state.target === null) {
+      if (prevState.target) {
+        if (prevState.translation) {
+          var evt = {
+            target: prevState.target,
+            translation: prevState.translation,
+            velocity: prevState.velocity,
+            interval: prevState.interval
+          };
 
-      if (dist > MIN_START_DISTANCE) {
-        var evt = {
-          target: state.target,
-          translation: translation,
-          velocity: state.velocity,
-          interval: state.interval
+          if (state.cancelled) {
+            if (onCancel) {
+              onCancel(evt);
+            }
+          } else {
+            if (onEnd) {
+              onEnd(evt);
+            }
+          }
+        }
+
+        var trackEvt = {
+          target: prevState.target,
+          translation: prevState.translation,
+          velocity: prevState.velocity,
+          interval: prevState.interval
         };
 
-        if (delegateRef.current.shouldStart) {
-          if (delegateRef.current.shouldStart(evt)) {
-            dispatch({
-              type: 'start'
-            });
+        if (state.cancelled) {
+          if (onTrackCancel) {
+            onTrackCancel(trackEvt);
           }
         } else {
-          dispatch({
-            type: 'start'
-          });
+          if (onTrackEnd) {
+            onTrackEnd(trackEvt);
+          }
         }
       }
-    }
-
-    if (prevState.translation !== state.translation) {
-      if (state.translation) {
-        var _evt = {
+    } else {
+      if (prevState.target === null) {
+        var _trackEvt = {
           target: state.target,
@@ -111,26 +113,49 @@ translation: state.translation,
 
-        if (prevState.translation) {
-          if (delegateRef.current.onMove) {
-            delegateRef.current.onMove(_evt);
+        if (onTrackStart) {
+          onTrackStart(_trackEvt);
+        }
+      }
+
+      if (state.translation === null) {
+        var translation = {
+          x: state.movePoint.x - state.startPoint.x,
+          y: state.movePoint.y - state.startPoint.y
+        };
+        var dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
+
+        if (dist > MIN_START_DISTANCE) {
+          var _evt = {
+            target: state.target,
+            translation: translation,
+            velocity: state.velocity,
+            interval: state.interval
+          };
+
+          if (shouldStart) {
+            if (shouldStart(_evt)) {
+              dispatch({
+                type: 'start'
+              });
+            }
+          } else {
+            dispatch({
+              type: 'start'
+            });
           }
-        } else {
-          if (delegateRef.current.onStart) {
-            delegateRef.current.onStart(_evt);
-          }
         }
-      } else if (prevState.translation) {
+      } else {
         var _evt2 = {
-          target: prevState.target,
-          translation: prevState.translation,
-          velocity: prevState.velocity,
-          interval: prevState.interval
+          target: state.target,
+          translation: state.translation,
+          velocity: state.velocity,
+          interval: state.interval
         };
 
-        if (state.cancelled) {
-          if (delegateRef.current.onCancel) {
-            delegateRef.current.onCancel(_evt2);
+        if (prevState.translation === null) {
+          if (onStart) {
+            onStart(_evt2);
           }
-        } else {
-          if (delegateRef.current.onEnd) {
-            delegateRef.current.onEnd(_evt2);
+        } else if (prevState.translation !== state.translation) {
+          if (onMove) {
+            onMove(_evt2);
           }
@@ -140,6 +165,6 @@ }
     }
-  }, [state]);
+  });
   (0, _hooks.useIsomorphicLayoutEffect)(function () {
     if (disabled) {
-      if (state.target) {
+      if (isTracking) {
         dispatch({
@@ -185,3 +210,3 @@ type: 'reset'
 
-    if (state.target) {
+    if (isTracking) {
       if (supportsTouch) {
@@ -269,5 +294,11 @@ var onTouchMove = function onTouchMove(evt) {
 
+        var onContextMenu = function onContextMenu(evt) {
+          evt.preventDefault();
+        };
+
         var unsubscribeTouchStart = (0, _subscribeEvent.default)(elemNode, 'touchstart', onTouchStart);
+        window.addEventListener('contextmenu', onContextMenu);
         return function () {
           unsubscribeTouchStart();
+          window.removeEventListener('contextmenu', onContextMenu);
         };
@@ -290,3 +321,3 @@ } else {
     }
-  }, [disabled, state.target, isMoving]);
+  }, [disabled, isTracking, isMoving]);
   var divStyle = (0, _react.useMemo)(function () {
@@ -296,7 +327,10 @@ var style = {};
     if (isMoving) {
-      _extends(style, _StyleSheet.default.create({
+      _extends(style, {
         touchAction: 'none',
         pointerEvents: 'none',
-        userSelectNone: true
-      }));
+        WebkitUserSelect: 'none',
+        MozUserSelect: 'none',
+        msUserSelect: 'none',
+        userSelect: 'none'
+      });
     }
@@ -303,0 +337,0 @@

cjs/pannableReducer.js

@@ -134,3 +134,4 @@ "use strict";
     },
-    startPoint: movePoint
+    startPoint: movePoint,
+    cancelled: true
   });
@@ -137,0 +138,0 @@ };

dist/index.min.js

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

es/infinite/Infinite.js

@@ -1,2 +0,2 @@
-var _excluded = ["itemCount", "renderItem", "direction", "spacing", "estimatedItemWidth", "estimatedItemHeight", "renderHeader", "renderFooter", "scrollTo", "render", "children"];
+var _excluded = ["itemCount", "renderItem", "direction", "spacing", "estimatedItemWidth", "estimatedItemHeight", "renderHeader", "renderFooter", "scrollTo", "render", "infiniteStyle", "bodyStyle", "children"];
 
@@ -31,2 +31,4 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
       _render = props.render,
+      infiniteStyle = props.infiniteStyle,
+      bodyStyle = props.bodyStyle,
       children = props.children,
@@ -81,2 +83,3 @@ padProps = _objectWithoutPropertiesLoose(props, _excluded);
     itemCount: 3,
+    style: infiniteStyle,
     renderItem: function renderItem(attrs) {
@@ -95,3 +98,4 @@ var itemIndex = attrs.itemIndex,
       return React.createElement(Item, {
-        forceRender: true
+        forceRender: true,
+        style: bodyStyle
       }, React.createElement(ListContent, {
@@ -105,2 +109,3 @@ width: width,
         estimatedItemHeight: estimatedItemHeight,
+        style: bodyStyle,
         renderItem: _renderItem,
@@ -107,0 +112,0 @@ render: function render(layout) {

es/pad/ListContent.js

 var _excluded = ["itemCount", "renderItem", "direction", "width", "height", "spacing", "estimatedItemWidth", "estimatedItemHeight", "render", "children"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -11,2 +9,4 @@
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -93,2 +93,9 @@
     var hash = null;
+    var itemStyle = {
+      position: 'absolute',
+      left: rect.x,
+      top: rect.y,
+      width: rect.width,
+      height: rect.height
+    };
 
@@ -110,2 +117,6 @@ if (React.isValidElement(element) && element.type === Item) {
 
+      if (itemProps.style !== undefined) {
+        _extends(itemStyle, itemProps.style);
+      }
+
       element = element.props.children;
@@ -130,10 +141,2 @@ }
 
-    var itemStyle = {
-      position: 'absolute',
-      left: rect.x,
-      top: rect.y,
-      width: rect.width,
-      height: rect.height
-    };
-
     var contextValue = _objectSpread({}, context);
@@ -165,7 +168,7 @@
 
-    return React.createElement(PadContext.Provider, {
+    return React.createElement("div", {
       key: key,
+      style: itemStyle
+    }, React.createElement(PadContext.Provider, {
       value: contextValue
-    }, React.createElement("div", {
-      style: itemStyle
     }, element));
@@ -172,0 +175,0 @@ }

es/pad/Pad.js

@@ -1,2 +0,2 @@
-var _excluded = ["width", "height", "boundX", "boundY", "contentInsetTop", "contentInsetRight", "contentInsetBottom", "contentInsetLeft", "pagingEnabled", "directionalLockEnabled", "onScroll", "onStartDragging", "onEndDragging", "onStartDecelerating", "onEndDecelerating", "onResizeContent", "renderBackground", "renderOverlay", "render", "scrollTo", "children"];
+var _excluded = ["width", "height", "pagingEnabled", "directionalLockEnabled", "boundX", "boundY", "contentInsetTop", "contentInsetRight", "contentInsetBottom", "contentInsetLeft", "contentStyle", "onScroll", "onStartDragging", "onEndDragging", "onStartDecelerating", "onEndDecelerating", "onResizeContent", "renderBackground", "renderOverlay", "render", "scrollTo", "children"];
 
@@ -20,2 +20,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
       height = props.height,
+      _props$pagingEnabled = props.pagingEnabled,
+      pagingEnabled = _props$pagingEnabled === void 0 ? false : _props$pagingEnabled,
+      _props$directionalLoc = props.directionalLockEnabled,
+      directionalLockEnabled = _props$directionalLoc === void 0 ? false : _props$directionalLoc,
       _props$boundX = props.boundX,
@@ -33,6 +37,3 @@ boundX = _props$boundX === void 0 ? 1 : _props$boundX,
       contentInsetLeft = _props$contentInsetLe === void 0 ? 0 : _props$contentInsetLe,
-      _props$pagingEnabled = props.pagingEnabled,
-      pagingEnabled = _props$pagingEnabled === void 0 ? false : _props$pagingEnabled,
-      _props$directionalLoc = props.directionalLockEnabled,
-      directionalLockEnabled = _props$directionalLoc === void 0 ? false : _props$directionalLoc,
+      contentStyle = props.contentStyle,
       onScroll = props.onScroll,
@@ -79,17 +80,19 @@ onStartDragging = props.onStartDragging,
   var pannableShouldStart = useCallback(function (evt) {
+    var flag = true;
+
     if (delegateRef.current.shouldStart) {
-      return delegateRef.current.shouldStart(evt);
+      flag = delegateRef.current.shouldStart(evt);
     }
 
-    var state = stateRef.current;
+    if (flag) {
+      var state = stateRef.current;
 
-    if (!state) {
-      return false;
+      if (state) {
+        flag = shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound);
+      } else {
+        flag = false;
+      }
     }
 
-    if (!shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound)) {
-      return false;
-    }
-
-    return true;
+    return flag;
   }, []);
@@ -126,6 +129,7 @@ useIsomorphicLayoutEffect(function () {
         size: size,
+        pagingEnabled: pagingEnabled,
+        directionalLockEnabled: directionalLockEnabled,
         bound: bound,
         contentInset: contentInset,
-        pagingEnabled: pagingEnabled,
-        directionalLockEnabled: directionalLockEnabled,
+        contentStyle: contentStyle,
         onScroll: onScroll,
@@ -132,0 +136,0 @@ onStartDragging: onStartDragging,

es/pad/PadInner.js

@@ -0,14 +1,29 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import PadContext from './PadContext';
 import reducer, { initialPadState } from './padReducer';
 import { requestAnimationFrame, cancelAnimationFrame } from '../utils/animationFrame';
-import StyleSheet from '../utils/StyleSheet';
 import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import React, { useMemo, useReducer, useRef, useCallback } from 'react';
+
+function convertTransformTranslate(translate) {
+  return {
+    WebkitTransform: "translate3d(" + translate.x + "px, " + translate.y + "px, 0)",
+    msTransform: "translate(" + translate.x + "px, " + translate.y + "px)",
+    transform: "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"
+  };
+}
+
 export var PadInner = React.memo(function (props) {
   var pannable = props.pannable,
       size = props.size,
+      pagingEnabled = props.pagingEnabled,
+      directionalLockEnabled = props.directionalLockEnabled,
       bound = props.bound,
       contentInset = props.contentInset,
-      pagingEnabled = props.pagingEnabled,
-      directionalLockEnabled = props.directionalLockEnabled,
+      contentStyle = props.contentStyle,
       onScroll = props.onScroll,
@@ -165,4 +180,6 @@ onStartDragging = props.onStartDragging,
   var contentLayer = render(state, methodsRef.current);
-  var contentStyle = useMemo(function () {
-    return StyleSheet.create({
+  var style = useMemo(function () {
+    return _objectSpread(_objectSpread({
+      willChange: 'transform',
+      overflow: 'hidden',
       position: 'absolute',
@@ -172,8 +189,5 @@ left: state.contentInset.left,
       width: state.contentSize.width,
-      height: state.contentSize.height,
-      transformTranslate: state.contentOffset,
-      willChange: 'transform',
-      overflow: 'hidden'
-    });
-  }, [state.contentOffset, state.contentSize, state.contentInset]);
+      height: state.contentSize.height
+    }, convertTransformTranslate(state.contentOffset)), contentStyle);
+  }, [state.contentOffset, state.contentSize, state.contentInset, contentStyle]);
   var contextValue = useMemo(function () {
@@ -191,3 +205,3 @@ return {
   return React.createElement(React.Fragment, null, backgroundLayer, React.createElement("div", {
-    style: contentStyle
+    style: style
   }, React.createElement(PadContext.Provider, {
@@ -194,0 +208,0 @@ value: contextValue

es/Pannable.js

@@ -1,2 +0,2 @@
-var _excluded = ["disabled", "shouldStart", "onStart", "onMove", "onEnd", "onCancel", "render", "children"];
+var _excluded = ["disabled", "shouldStart", "onTrackStart", "onTrackEnd", "onTrackCancel", "onStart", "onMove", "onEnd", "onCancel", "render", "children"];
 
@@ -15,3 +15,2 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 import { useIsomorphicLayoutEffect } from './utils/hooks';
-import StyleSheet from './utils/StyleSheet';
 import subscribeEvent from './utils/subscribeEvent';
@@ -24,2 +23,5 @@ import React, { useMemo, useRef, useReducer } from 'react';
       shouldStart = props.shouldStart,
+      onTrackStart = props.onTrackStart,
+      onTrackEnd = props.onTrackEnd,
+      onTrackCancel = props.onTrackCancel,
       onStart = props.onStart,
@@ -39,11 +41,3 @@ onMove = props.onMove,
   var elemRef = useRef(null);
-  var delegate = {
-    shouldStart: shouldStart,
-    onStart: onStart,
-    onMove: onMove,
-    onEnd: onEnd,
-    onCancel: onCancel
-  };
-  var delegateRef = useRef(delegate);
-  delegateRef.current = delegate;
+  var isTracking = !!state.target;
   var isMoving = !!state.translation;
@@ -54,34 +48,43 @@ useIsomorphicLayoutEffect(function () {
 
-    if (state.target && !state.translation) {
-      var translation = {
-        x: state.movePoint.x - state.startPoint.x,
-        y: state.movePoint.y - state.startPoint.y
-      };
-      var dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
+    if (state.target === null) {
+      if (prevState.target) {
+        if (prevState.translation) {
+          var evt = {
+            target: prevState.target,
+            translation: prevState.translation,
+            velocity: prevState.velocity,
+            interval: prevState.interval
+          };
 
-      if (dist > MIN_START_DISTANCE) {
-        var evt = {
-          target: state.target,
-          translation: translation,
-          velocity: state.velocity,
-          interval: state.interval
+          if (state.cancelled) {
+            if (onCancel) {
+              onCancel(evt);
+            }
+          } else {
+            if (onEnd) {
+              onEnd(evt);
+            }
+          }
+        }
+
+        var trackEvt = {
+          target: prevState.target,
+          translation: prevState.translation,
+          velocity: prevState.velocity,
+          interval: prevState.interval
         };
 
-        if (delegateRef.current.shouldStart) {
-          if (delegateRef.current.shouldStart(evt)) {
-            dispatch({
-              type: 'start'
-            });
+        if (state.cancelled) {
+          if (onTrackCancel) {
+            onTrackCancel(trackEvt);
           }
         } else {
-          dispatch({
-            type: 'start'
-          });
+          if (onTrackEnd) {
+            onTrackEnd(trackEvt);
+          }
         }
       }
-    }
-
-    if (prevState.translation !== state.translation) {
-      if (state.translation) {
-        var _evt = {
+    } else {
+      if (prevState.target === null) {
+        var _trackEvt = {
           target: state.target,
@@ -93,26 +96,49 @@ translation: state.translation,
 
-        if (prevState.translation) {
-          if (delegateRef.current.onMove) {
-            delegateRef.current.onMove(_evt);
+        if (onTrackStart) {
+          onTrackStart(_trackEvt);
+        }
+      }
+
+      if (state.translation === null) {
+        var translation = {
+          x: state.movePoint.x - state.startPoint.x,
+          y: state.movePoint.y - state.startPoint.y
+        };
+        var dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
+
+        if (dist > MIN_START_DISTANCE) {
+          var _evt = {
+            target: state.target,
+            translation: translation,
+            velocity: state.velocity,
+            interval: state.interval
+          };
+
+          if (shouldStart) {
+            if (shouldStart(_evt)) {
+              dispatch({
+                type: 'start'
+              });
+            }
+          } else {
+            dispatch({
+              type: 'start'
+            });
           }
-        } else {
-          if (delegateRef.current.onStart) {
-            delegateRef.current.onStart(_evt);
-          }
         }
-      } else if (prevState.translation) {
+      } else {
         var _evt2 = {
-          target: prevState.target,
-          translation: prevState.translation,
-          velocity: prevState.velocity,
-          interval: prevState.interval
+          target: state.target,
+          translation: state.translation,
+          velocity: state.velocity,
+          interval: state.interval
         };
 
-        if (state.cancelled) {
-          if (delegateRef.current.onCancel) {
-            delegateRef.current.onCancel(_evt2);
+        if (prevState.translation === null) {
+          if (onStart) {
+            onStart(_evt2);
           }
-        } else {
-          if (delegateRef.current.onEnd) {
-            delegateRef.current.onEnd(_evt2);
+        } else if (prevState.translation !== state.translation) {
+          if (onMove) {
+            onMove(_evt2);
           }
@@ -122,6 +148,6 @@ }
     }
-  }, [state]);
+  });
   useIsomorphicLayoutEffect(function () {
     if (disabled) {
-      if (state.target) {
+      if (isTracking) {
         dispatch({
@@ -167,3 +193,3 @@ type: 'reset'
 
-    if (state.target) {
+    if (isTracking) {
       if (supportsTouch) {
@@ -251,5 +277,11 @@ var onTouchMove = function onTouchMove(evt) {
 
+        var onContextMenu = function onContextMenu(evt) {
+          evt.preventDefault();
+        };
+
         var unsubscribeTouchStart = subscribeEvent(elemNode, 'touchstart', onTouchStart);
+        window.addEventListener('contextmenu', onContextMenu);
         return function () {
           unsubscribeTouchStart();
+          window.removeEventListener('contextmenu', onContextMenu);
         };
@@ -272,3 +304,3 @@ } else {
     }
-  }, [disabled, state.target, isMoving]);
+  }, [disabled, isTracking, isMoving]);
   var divStyle = useMemo(function () {
@@ -278,7 +310,10 @@ var style = {};
     if (isMoving) {
-      _extends(style, StyleSheet.create({
+      _extends(style, {
         touchAction: 'none',
         pointerEvents: 'none',
-        userSelectNone: true
-      }));
+        WebkitUserSelect: 'none',
+        MozUserSelect: 'none',
+        msUserSelect: 'none',
+        userSelect: 'none'
+      });
     }
@@ -285,0 +320,0 @@

es/pannableReducer.js

@@ -127,3 +127,4 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
     },
-    startPoint: movePoint
+    startPoint: movePoint,
+    cancelled: true
   });
@@ -130,0 +131,0 @@ };

lib/infinite/Infinite.js

@@ -7,3 +7,3 @@ import InfiniteInner from './InfiniteInner';
 export const Infinite = React.memo((props) => {
-    const { itemCount, renderItem, direction = 'y', spacing = 0, estimatedItemWidth = 0, estimatedItemHeight = 0, renderHeader, renderFooter, scrollTo, render, children, ...padProps } = props;
+    const { itemCount, renderItem, direction = 'y', spacing = 0, estimatedItemWidth = 0, estimatedItemHeight = 0, renderHeader, renderFooter, scrollTo, render, infiniteStyle, bodyStyle, children, ...padProps } = props;
     const { width, height, renderOverlay, directionalLockEnabled = true, } = padProps;
@@ -34,3 +34,3 @@ const layoutRef = useRef({});
     return (React.createElement(Pad, { ...padProps },
-        React.createElement(ListContent, { width: width, height: height, direction: direction, itemCount: 3, renderItem: (attrs) => {
+        React.createElement(ListContent, { width: width, height: height, direction: direction, itemCount: 3, style: infiniteStyle, renderItem: (attrs) => {
                 const { itemIndex, Item } = attrs;
@@ -43,4 +43,4 @@ if (itemIndex === 0) {
                 }
-                return (React.createElement(Item, { forceRender: true },
-                    React.createElement(ListContent, { width: width, height: height, direction: direction, spacing: spacing, itemCount: itemCount, estimatedItemWidth: estimatedItemWidth, estimatedItemHeight: estimatedItemHeight, renderItem: renderItem, render: (layout) => {
+                return (React.createElement(Item, { forceRender: true, style: bodyStyle },
+                    React.createElement(ListContent, { width: width, height: height, direction: direction, spacing: spacing, itemCount: itemCount, estimatedItemWidth: estimatedItemWidth, estimatedItemHeight: estimatedItemHeight, style: bodyStyle, renderItem: renderItem, render: (layout) => {
                             layoutRef.current.body = layout;
@@ -47,0 +47,0 @@ return null;

lib/pad/ListContent.js

@@ -55,2 +55,9 @@ import PadContext from './PadContext';
         let hash = null;
+        const itemStyle = {
+            position: 'absolute',
+            left: rect.x,
+            top: rect.y,
+            width: rect.width,
+            height: rect.height,
+        };
         if (React.isValidElement(element) && element.type === Item) {
@@ -67,2 +74,5 @@ if (element.key) {
             }
+            if (itemProps.style !== undefined) {
+                Object.assign(itemStyle, itemProps.style);
+            }
             element = element.props.children;
@@ -81,9 +91,2 @@ }
         }
-        const itemStyle = {
-            position: 'absolute',
-            left: rect.x,
-            top: rect.y,
-            width: rect.width,
-            height: rect.height,
-        };
         const contextValue = { ...context };
@@ -108,4 +111,4 @@ contextValue.visibleRect = visibleRect;
         }
-        return (React.createElement(PadContext.Provider, { key: key, value: contextValue },
-            React.createElement("div", { style: itemStyle }, element)));
+        return (React.createElement("div", { key: key, style: itemStyle },
+            React.createElement(PadContext.Provider, { value: contextValue }, element)));
     }
@@ -112,0 +115,0 @@ const items = layout.layoutList.map((attrs) => buildItem({

lib/pad/Pad.js

@@ -6,3 +6,3 @@ import PadInner from './PadInner';
 export const Pad = React.memo((props) => {
-    const { width, height, boundX = 1, boundY = 1, contentInsetTop = 0, contentInsetRight = 0, contentInsetBottom = 0, contentInsetLeft = 0, pagingEnabled = false, directionalLockEnabled = false, onScroll, onStartDragging, onEndDragging, onStartDecelerating, onEndDecelerating, onResizeContent, renderBackground, renderOverlay, render, scrollTo, children, ...pannableProps } = props;
+    const { width, height, pagingEnabled = false, directionalLockEnabled = false, boundX = 1, boundY = 1, contentInsetTop = 0, contentInsetRight = 0, contentInsetBottom = 0, contentInsetLeft = 0, contentStyle, onScroll, onStartDragging, onEndDragging, onStartDecelerating, onEndDecelerating, onResizeContent, renderBackground, renderOverlay, render, scrollTo, children, ...pannableProps } = props;
     const size = useMemo(() => ({ width, height }), [width, height]);
@@ -22,13 +22,16 @@ const bound = useMemo(() => ({ x: boundX, y: boundY }), [boundX, boundY]);
     const pannableShouldStart = useCallback((evt) => {
+        let flag = true;
         if (delegateRef.current.shouldStart) {
-            return delegateRef.current.shouldStart(evt);
+            flag = delegateRef.current.shouldStart(evt);
         }
-        const state = stateRef.current;
-        if (!state) {
-            return false;
+        if (flag) {
+            const state = stateRef.current;
+            if (state) {
+                flag = shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound);
+            }
+            else {
+                flag = false;
+            }
         }
-        if (!shouldStartDrag(evt.velocity, state.size, state.contentSize, state.contentInset, state.bound)) {
-            return false;
-        }
-        return true;
+        return flag;
     }, []);
@@ -57,3 +60,3 @@ useIsomorphicLayoutEffect(() => {
     pannableProps.shouldStart = pannableShouldStart;
-    return (React.createElement(Pannable, { ...pannableProps, render: (pannable) => (React.createElement(PadInner, { pannable: pannable, size: size, bound: bound, contentInset: contentInset, pagingEnabled: pagingEnabled, directionalLockEnabled: directionalLockEnabled, onScroll: onScroll, onStartDragging: onStartDragging, onEndDragging: onEndDragging, onStartDecelerating: onStartDecelerating, onEndDecelerating: onEndDecelerating, onResizeContent: onResizeContent, renderBackground: renderBackground, renderOverlay: renderOverlay, render: (state, methods) => {
+    return (React.createElement(Pannable, { ...pannableProps, render: (pannable) => (React.createElement(PadInner, { pannable: pannable, size: size, pagingEnabled: pagingEnabled, directionalLockEnabled: directionalLockEnabled, bound: bound, contentInset: contentInset, contentStyle: contentStyle, onScroll: onScroll, onStartDragging: onStartDragging, onEndDragging: onEndDragging, onStartDecelerating: onStartDecelerating, onEndDecelerating: onEndDecelerating, onResizeContent: onResizeContent, renderBackground: renderBackground, renderOverlay: renderOverlay, render: (state, methods) => {
                 stateRef.current = state;
@@ -60,0 +63,0 @@ methodsRef.current = methods;

lib/pad/PadInner.js

 import PadContext from './PadContext';
 import reducer, { initialPadState, } from './padReducer';
 import { requestAnimationFrame, cancelAnimationFrame, } from '../utils/animationFrame';
-import StyleSheet from '../utils/StyleSheet';
 import { useIsomorphicLayoutEffect } from '../utils/hooks';
 import React, { useMemo, useReducer, useRef, useCallback } from 'react';
+function convertTransformTranslate(translate) {
+    return {
+        WebkitTransform: `translate3d(${translate.x}px, ${translate.y}px, 0)`,
+        msTransform: `translate(${translate.x}px, ${translate.y}px)`,
+        transform: `translate3d(${translate.x}px, ${translate.y}px, 0)`,
+    };
+}
 export const PadInner = React.memo((props) => {
-    const { pannable, size, bound, contentInset, pagingEnabled, directionalLockEnabled, onScroll, onStartDragging, onEndDragging, onStartDecelerating, onEndDecelerating, onResizeContent, renderBackground, renderOverlay, render, } = props;
+    const { pannable, size, pagingEnabled, directionalLockEnabled, bound, contentInset, contentStyle, onScroll, onStartDragging, onEndDragging, onStartDecelerating, onEndDecelerating, onResizeContent, renderBackground, renderOverlay, render, } = props;
     const [state, dispatch] = useReducer(reducer, initialPadState);
@@ -125,3 +131,5 @@ const prevStateRef = useRef(state);
     const contentLayer = render(state, methodsRef.current);
-    const contentStyle = useMemo(() => StyleSheet.create({
+    const style = useMemo(() => ({
+        willChange: 'transform',
+        overflow: 'hidden',
         position: 'absolute',
@@ -132,6 +140,5 @@ left: state.contentInset.left,
         height: state.contentSize.height,
-        transformTranslate: state.contentOffset,
-        willChange: 'transform',
-        overflow: 'hidden',
-    }), [state.contentOffset, state.contentSize, state.contentInset]);
+        ...convertTransformTranslate(state.contentOffset),
+        ...contentStyle,
+    }), [state.contentOffset, state.contentSize, state.contentInset, contentStyle]);
     const contextValue = useMemo(() => ({
@@ -148,3 +155,3 @@ visibleRect: {
         backgroundLayer,
-        React.createElement("div", { style: contentStyle },
+        React.createElement("div", { style: style },
             React.createElement(PadContext.Provider, { value: contextValue }, contentLayer)),
@@ -151,0 +158,0 @@ overlayLayer));

lib/Pannable.js

 import reducer, { initialPannableState, } from './pannableReducer';
 import { useIsomorphicLayoutEffect } from './utils/hooks';
-import StyleSheet from './utils/StyleSheet';
 import subscribeEvent from './utils/subscribeEvent';
@@ -9,9 +8,7 @@ import React, { useMemo, useRef, useReducer } from 'react';
 export const Pannable = React.memo((props) => {
-    const { disabled, shouldStart, onStart, onMove, onEnd, onCancel, render, children, ...divProps } = props;
+    const { disabled, shouldStart, onTrackStart, onTrackEnd, onTrackCancel, onStart, onMove, onEnd, onCancel, render, children, ...divProps } = props;
     const [state, dispatch] = useReducer(reducer, initialPannableState);
     const prevStateRef = useRef(state);
     const elemRef = useRef(null);
-    const delegate = { shouldStart, onStart, onMove, onEnd, onCancel };
-    const delegateRef = useRef(delegate);
-    delegateRef.current = delegate;
+    const isTracking = !!state.target;
     const isMoving = !!state.translation;
@@ -21,28 +18,43 @@ useIsomorphicLayoutEffect(() => {
         prevStateRef.current = state;
-        if (state.target && !state.translation) {
-            const translation = {
-                x: state.movePoint.x - state.startPoint.x,
-                y: state.movePoint.y - state.startPoint.y,
-            };
-            const dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
-            if (dist > MIN_START_DISTANCE) {
-                const evt = {
-                    target: state.target,
-                    translation,
-                    velocity: state.velocity,
-                    interval: state.interval,
+        if (state.target === null) {
+            if (prevState.target) {
+                if (prevState.translation) {
+                    const evt = {
+                        target: prevState.target,
+                        translation: prevState.translation,
+                        velocity: prevState.velocity,
+                        interval: prevState.interval,
+                    };
+                    if (state.cancelled) {
+                        if (onCancel) {
+                            onCancel(evt);
+                        }
+                    }
+                    else {
+                        if (onEnd) {
+                            onEnd(evt);
+                        }
+                    }
+                }
+                const trackEvt = {
+                    target: prevState.target,
+                    translation: prevState.translation,
+                    velocity: prevState.velocity,
+                    interval: prevState.interval,
                 };
-                if (delegateRef.current.shouldStart) {
-                    if (delegateRef.current.shouldStart(evt)) {
-                        dispatch({ type: 'start' });
+                if (state.cancelled) {
+                    if (onTrackCancel) {
+                        onTrackCancel(trackEvt);
                     }
                 }
                 else {
-                    dispatch({ type: 'start' });
+                    if (onTrackEnd) {
+                        onTrackEnd(trackEvt);
+                    }
                 }
             }
         }
-        if (prevState.translation !== state.translation) {
-            if (state.translation) {
-                const evt = {
+        else {
+            if (prevState.target === null) {
+                const trackEvt = {
                     target: state.target,
@@ -53,28 +65,44 @@ translation: state.translation,
                 };
-                if (prevState.translation) {
-                    if (delegateRef.current.onMove) {
-                        delegateRef.current.onMove(evt);
-                    }
+                if (onTrackStart) {
+                    onTrackStart(trackEvt);
                 }
-                else {
-                    if (delegateRef.current.onStart) {
-                        delegateRef.current.onStart(evt);
+            }
+            if (state.translation === null) {
+                const translation = {
+                    x: state.movePoint.x - state.startPoint.x,
+                    y: state.movePoint.y - state.startPoint.y,
+                };
+                const dist = Math.sqrt(Math.pow(translation.x, 2) + Math.pow(translation.y, 2));
+                if (dist > MIN_START_DISTANCE) {
+                    const evt = {
+                        target: state.target,
+                        translation,
+                        velocity: state.velocity,
+                        interval: state.interval,
+                    };
+                    if (shouldStart) {
+                        if (shouldStart(evt)) {
+                            dispatch({ type: 'start' });
+                        }
                     }
+                    else {
+                        dispatch({ type: 'start' });
+                    }
                 }
             }
-            else if (prevState.translation) {
+            else {
                 const evt = {
-                    target: prevState.target,
-                    translation: prevState.translation,
-                    velocity: prevState.velocity,
-                    interval: prevState.interval,
+                    target: state.target,
+                    translation: state.translation,
+                    velocity: state.velocity,
+                    interval: state.interval,
                 };
-                if (state.cancelled) {
-                    if (delegateRef.current.onCancel) {
-                        delegateRef.current.onCancel(evt);
+                if (prevState.translation === null) {
+                    if (onStart) {
+                        onStart(evt);
                     }
                 }
-                else {
-                    if (delegateRef.current.onEnd) {
-                        delegateRef.current.onEnd(evt);
+                else if (prevState.translation !== state.translation) {
+                    if (onMove) {
+                        onMove(evt);
                     }
@@ -84,6 +112,6 @@ }
         }
-    }, [state]);
+    });
     useIsomorphicLayoutEffect(() => {
         if (disabled) {
-            if (state.target) {
+            if (isTracking) {
                 dispatch({ type: 'reset' });
@@ -98,12 +126,6 @@ }
         const track = (target, point) => {
-            dispatch({
-                type: 'track',
-                payload: { target, point },
-            });
+            dispatch({ type: 'track', payload: { target, point } });
         };
         const move = (point) => {
-            dispatch({
-                type: 'move',
-                payload: { point },
-            });
+            dispatch({ type: 'move', payload: { point } });
         };
@@ -113,3 +135,3 @@ const end = () => {
         };
-        if (state.target) {
+        if (isTracking) {
             if (supportsTouch) {
@@ -186,5 +208,10 @@ const onTouchMove = (evt) => {
                 };
+                const onContextMenu = (evt) => {
+                    evt.preventDefault();
+                };
                 const unsubscribeTouchStart = subscribeEvent(elemNode, 'touchstart', onTouchStart);
+                window.addEventListener('contextmenu', onContextMenu);
                 return () => {
                     unsubscribeTouchStart();
+                    window.removeEventListener('contextmenu', onContextMenu);
                 };
@@ -205,11 +232,14 @@ }
         }
-    }, [disabled, state.target, isMoving]);
+    }, [disabled, isTracking, isMoving]);
     const divStyle = useMemo(() => {
         const style = {};
         if (isMoving) {
-            Object.assign(style, StyleSheet.create({
+            Object.assign(style, {
                 touchAction: 'none',
                 pointerEvents: 'none',
-                userSelectNone: true,
-            }));
+                WebkitUserSelect: 'none',
+                MozUserSelect: 'none',
+                msUserSelect: 'none',
+                userSelect: 'none',
+            });
         }
@@ -216,0 +246,0 @@ if (divProps.style) {

lib/pannableReducer.js

@@ -86,2 +86,3 @@ export const initialPannableState = {
         startPoint: movePoint,
+        cancelled: true,
     };
@@ -88,0 +89,0 @@ };

package.json

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

src/infinite/infiniteReducer.ts

 import { ListLayout } from '../pad/ListContent';
 import { initialPadState, PadScrollTo, PadState } from '../pad/padReducer';
-import { XY, Action, Align, Rect } from '../interfaces';
+import { Action, Rect } from '../interfaces';
 import { Reducer } from 'react';
@@ -5,0 +5,0 @@

src/interfaces.ts

@@ -11,2 +11,3 @@ export type Time = number;
 export type Rect = { x: number; y: number; width: number; height: number };
+/* -1: 有弹性; 0: 没弹性; 1: 无边界; */
 export type Bound = -1 | 0 | 1;
@@ -13,0 +14,0 @@ export type Inset = {

src/pannableReducer.ts

@@ -116,2 +116,3 @@ import { Action, Point, Time } from './interfaces';
     startPoint: movePoint,
+    cancelled: true,
   };
@@ -118,0 +119,0 @@ };

types/infinite/Infinite.d.ts

@@ -16,2 +16,4 @@ import { InfiniteScrollTo, InfiniteState, InfiniteMethods } from './infiniteReducer';
     render?: (state: InfiniteState, methods: InfiniteMethods) => React.ReactNode;
+    infiniteStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
 }
@@ -18,0 +20,0 @@ export declare const Infinite: React.NamedExoticComponent<Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("..").PannableProps, "render" | "onScroll"> & import("../pad/Pad").PadProps, "render" | "scrollTo"> & InfiniteProps>;

types/pad/ListContent.d.ts

@@ -7,2 +7,3 @@ import { XY, Rect, Size } from '../interfaces';
     hash?: Hash;
+    style?: React.CSSProperties;
 }
@@ -9,0 +10,0 @@ export declare type ListLayoutItem = {

types/pad/Pad.d.ts

@@ -15,2 +15,3 @@ import { PadState, PadEvent, PadMethods, PadScrollTo } from './padReducer';
     contentInsetLeft?: number;
+    contentStyle?: React.CSSProperties;
     onScroll?: (evt: PadEvent) => void;
@@ -17,0 +18,0 @@ onStartDragging?: (evt: PadEvent) => void;

types/pad/PadInner.d.ts

@@ -8,6 +8,7 @@ import { PadState, PadEvent, PadMethods } from './padReducer';
     size: Size;
+    pagingEnabled: boolean;
+    directionalLockEnabled: boolean;
     bound: Record<XY, Bound>;
     contentInset: Inset;
-    pagingEnabled: boolean;
-    directionalLockEnabled: boolean;
+    contentStyle?: React.CSSProperties;
     onScroll?: (evt: PadEvent) => void;
@@ -14,0 +15,0 @@ onStartDragging?: (evt: PadEvent) => void;

types/Pannable.d.ts

@@ -10,5 +10,14 @@ import { PannableState } from './pannableReducer';
 };
+export declare type PannableTrackEvent = {
+    target: EventTarget;
+    translation: Point | null;
+    velocity: Point;
+    interval: number;
+};
 export interface PannableProps {
     disabled?: boolean;
     shouldStart?: (evt: PannableEvent) => boolean;
+    onTrackStart?: (evt: PannableTrackEvent) => void;
+    onTrackEnd?: (evt: PannableTrackEvent) => void;
+    onTrackCancel?: (evt: PannableTrackEvent) => void;
     onStart?: (evt: PannableEvent) => void;
@@ -15,0 +24,0 @@ onMove?: (evt: PannableEvent) => void;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

727064

increased by1.03%

Lines of code

16596

increased by0.81%

Worsened metrics

Number of package files

190

decreased by-3.06%

No dependency changes