react-pannable
Advanced tools
Comparing version 3.1.0 to 3.2.0
@@ -1,1 +0,1 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";var n="default"in t?t.default:t;function i(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;o.length>i;i++)0>t.indexOf(n=o[i])&&(r[n]=e[n]);return r}function r(){return(r=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}var o=0,a={target:null,startPoint:null,movePoint:null,moveTime:null,translation:null,velocity:null,interval:null};function l(e,t){switch(t.type){case"disable":case"end":return function(e,t){return e.target?a:e}(e);case"track":return function(e,t){return{target:t.target,startPoint:t.point,movePoint:t.point,moveTime:t.now,translation:null,velocity:null,interval:null}}(0,t);case"move":return function(e,t){var n=e.target,i=e.startPoint,r=e.movePoint,l=e.moveTime,c=e.translation,u=t.point,s=t.now,d=t.shouldStart;if(!n)return e;var f=s-l,h={x:u.x-i.x,y:u.y-i.y},p={x:(u.x-r.x)/f,y:(u.y-r.y)/f};if(c)return{target:n,startPoint:i,movePoint:u,moveTime:s,translation:h,velocity:p,interval:f};if(o>=Math.sqrt(Math.pow(h.x,2)+Math.pow(h.y,2)))return{target:n,startPoint:i,movePoint:u,moveTime:s,translation:null,velocity:null,interval:null};if(!d({target:n,translation:h,velocity:p,interval:f}))return a;return{target:n,startPoint:u,movePoint:u,moveTime:s,translation:{x:0,y:0},velocity:p,interval:f}}(e,t);default:return e}}var c="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function u(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e})),n}var s={create:function(e){var t=e.transformTranslate,n=e.userSelect,r=i(e,["transformTranslate","userSelect"]);return t&&function(e,t){t.transform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.WebkitTransform="translate3d("+e[0]+"px, "+e[1]+"px, 0)",t.msTransform="translate("+e[0]+"px, "+e[1]+"px)"}(t,r),n&&function(e,t){t.userSelect=e,t.WebkitUserSelect=e,t.msUserSelect=e}(n,r),r}},d=function(){},f=function(){};void 0!==typeof window&&(d=window.addEventListener,f=window.removeEventListener);function h(e){var o=e.enabled,h=e.shouldStart,p=e.onStart,v=e.onMove,m=e.onEnd,y=e.onCancel,g=e.children,w=i(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),b=t.useReducer(l,a),x=b[0],E=b[1],S=u(x),C=t.useRef(null),I=t.useRef({touchSupported:!1});I.current.state=x,I.current.shouldStart=h;var T=x.target,z=x.translation,M={target:T,translation:z,velocity:x.velocity,interval:x.interval},O=S.current;c((function(){function e(e,t){E({type:"track",target:e,point:t,now:(new Date).getTime()})}function t(t){if(I.current.touchSupported=!0,t.touches&&1===t.touches.length){var n=t.touches[0];e(n.target,{x:n.pageX,y:n.pageY})}}function n(e){I.current.state.translation&&e.preventDefault()}function i(t){I.current.touchSupported||e(t.target,{x:t.pageX,y:t.pageY})}if(o){var r=C.current;if(!r.addEventListener)return;return r.addEventListener("touchstart",t,!1),r.addEventListener("touchmove",n,!1),r.addEventListener("mousedown",i,!1),function(){r.removeEventListener("touchstart",t,!1),r.removeEventListener("touchmove",n,!1),r.removeEventListener("mousedown",i,!1)}}}),[o]),c((function(){function e(e){E({type:"move",point:e,now:(new Date).getTime(),shouldStart:I.current.shouldStart})}function t(){E({type:"end"})}function n(t){var n=t.touches[0];I.current.state.translation&&t.preventDefault(),e({x:n.pageX,y:n.pageY})}function i(e){I.current.state.translation&&e.preventDefault(),t()}function r(t){t.preventDefault(),e({x:t.pageX,y:t.pageY})}function o(e){e.preventDefault(),t()}if(T)return I.current.touchSupported?(T.addEventListener("touchmove",n,!1),T.addEventListener("touchend",i,!1),T.addEventListener("touchcancel",i,!1),function(){T.removeEventListener("touchmove",n,!1),T.removeEventListener("touchend",i,!1),T.removeEventListener("touchcancel",i,!1)}):(d("mousemove",r,!1),d("mouseup",o,!1),function(){f("mousemove",r,!1),f("mouseup",o,!1)})}),[T]),c((function(){O.translation!==z&&(z?O.translation?v(M):p(M):O.translation&&(o?m(M):y(M)))})),t.useMemo((function(){o||E({type:"disable"})}),[o]);var R={};z&&Object.assign(R,s.create({touchAction:"none",pointerEvents:"none",userSelect:"none"})),w.style&&Object.assign(R,w.style),w.style=R;var k="function"==typeof g?g(x):g;return n.createElement("div",r({},w,{ref:C}),k)}h.defaultProps={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}};var p=n.createContext({visibleRect:null,resizeContent:function(){}});function v(e){var t=0,n=0;if("undefined"!=typeof window&&(t=e.offsetWidth,n=e.offsetHeight,window.getComputedStyle)){var i=window.getComputedStyle(e)||{};i.paddingLeft&&(t-=parseInt(i.paddingLeft,10)),i.paddingRight&&(t-=parseInt(i.paddingRight,10)),i.borderLeftWidth&&(t-=parseInt(i.borderLeftWidth,10)),i.borderRightWidth&&(t-=parseInt(i.borderRightWidth,10)),i.paddingTop&&(n-=parseInt(i.paddingTop,10)),i.paddingBottom&&(n-=parseInt(i.paddingBottom,10)),i.borderTopWidth&&(n-=parseInt(i.borderTopWidth,10)),i.borderBottomWidth&&(n-=parseInt(i.borderBottomWidth,10))}return{width:t,height:n}}function m(e,t){return e===t||!(!e||!t)&&(e.width===t.width&&e.height===t.height)}function y(e){var o=e.width,a=e.height,l=e.children,s=i(e,["width","height","children"]),d=t.useState(null),f=d[0],h=d[1],y=u(f),g=t.useContext(p),w=t.useRef(null),b=y.current,x=t.useCallback((function(){}),[]),E=t.useCallback((function(){return w.current}),[]),S=t.useCallback((function(){var e=v(w.current);h(e)}),[]);c((function(){m(b,f)||f&&g.resizeContent(f),f||S()})),t.useMemo((function(){var e=null;"number"==typeof o&&"number"==typeof a&&(e={width:o,height:a}),h(e)}),[o,a]);var C={position:"relative"},I={position:"absolute"};"number"==typeof o&&(I.width=o),"number"==typeof a&&(I.height=a),f&&(C.width=f.width,C.height=f.height),s.style&&Object.assign(C,s.style),s.style=C;var T="function"==typeof l?l(f,{getResizeNode:E,calculateSize:S}):l;return n.createElement(p.Provider,{value:r({},g,{resizeContent:x})},n.createElement("div",s,n.createElement("div",{ref:w,style:I},T)))}function g(e,t){return e(t={exports:{}},t.exports),t.exports}y.defaultProps={width:null,height:null},y.PadContent=!0;var w=g((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var i=t(e[n]);if(i)return i}}})),b=g((function(e){var t=e.exports={};t.isIE=function(e){return(-1!==(t=navigator.userAgent.toLowerCase()).indexOf("msie")||-1!==t.indexOf("trident")||-1!==t.indexOf(" edge/"))&&(!e||e===function(){var e=3,t=document.createElement("div"),n=t.getElementsByTagName("i");do{t.innerHTML="\x3c!--[if gt IE "+ ++e+"]><i></i><![endif]--\x3e"}while(n[0]);return e>4?e:void 0}());var t},t.isLegacyOpera=function(){return!!window.opera}})),x=g((function(e){(e.exports={}).getOption=function(e,t,n){var i=e[t];if(null==i&&void 0!==n)return n;return i}})),E=function(e){var t=(e=e||{}).reporter,n=x.getOption(e,"async",!0),i=x.getOption(e,"auto",!0);i&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var r,o=S(),a=!1;function l(){for(a=!0;o.size();){var e=o;o=S(),e.process()}a=!1}function c(){r=setTimeout(l,0)}return{add:function(e,t){!a&&i&&n&&0===o.size()&&c(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),r&&(clearTimeout(r),r=null),e?c():l())}}};function S(){var e={},t=0,n=0,i=0;return{add:function(r,o){o||(o=r,r=0),r>n?n=r:i>r&&(i=r),e[r]||(e[r]=[]),e[r].push(o),t++},process:function(){for(var t=i;n>=t;t++)for(var r=e[t],o=0;r.length>o;o++){(0,r[o])()}},size:function(){return t}}}var C="_erd";function I(e){return e[C]}var T={initState:function(e){return e[C]={},I(e)},getState:I,cleanState:function(e){delete e[C]}},z=w.forEach,M=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState,r=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=document.createElement("div");e.style.cssText="position: absolute; width: 1000px; height: 1000px; visibility: hidden; margin: 0; padding: 0;";var t=document.createElement("div");t.style.cssText="position: absolute; width: 500px; height: 500px; overflow: scroll; visibility: none; top: -1500px; left: -1500px; visibility: hidden; margin: 0; padding: 0;",t.appendChild(e),document.body.insertBefore(t,document.body.firstChild);var n=500-t.clientWidth,i=500-t.clientHeight;return document.body.removeChild(t),{width:n,height:i}}(),a="erd_scroll_detection_container";function l(e,n,i){if(e.addEventListener)e.addEventListener(n,i);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,i)}}function c(e,n,i){if(e.removeEventListener)e.removeEventListener(n,i);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,i)}}function u(e){return i(e).container.childNodes[0].childNodes[0].childNodes[0]}function s(e){return i(e).container.childNodes[0].childNodes[0].childNodes[1]}return function(e,t){if(!document.getElementById(e)){var n=t+"_animation",i="/* Created by the element-resize-detector library. */\n";i+="."+t+" > div::-webkit-scrollbar { display: none; }\n\n",i+="."+(t+"_animation_active")+" { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-name: "+n+"; animation-name: "+n+"; }\n",i+="@-webkit-keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",function(t,n){n=n||function(e){document.head.appendChild(e)};var i=document.createElement("style");i.innerHTML=t,i.id=e,n(i)}(i+="@keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}("erd_scroll_detection_scrollbar_style",a),{makeDetectable:function(e,c,d){function f(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(r.get(c),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var i=0;n.length>i;i++)t.log(n[i])}}function h(e){var t=i(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function p(){var e=window.getComputedStyle(c),t={};return t.position=e.position,t.width=c.offsetWidth,t.height=c.offsetHeight,t.top=e.top,t.right=e.right,t.bottom=e.bottom,t.left=e.left,t.widthCSS=e.width,t.heightCSS=e.height,t}function v(){if(f("storeStyle invoked."),i(c)){var e=p();i(c).style=e}else f("Aborting because element has been uninstalled")}function m(e,t,n){i(e).lastWidth=t,i(e).lastHeight=n}function y(){return 2*o.width+1}function g(){return 2*o.height+1}function w(e){return e+10+y()}function b(e){return e+10+g()}function x(e,t,n){var i=u(e),r=s(e),o=w(t),a=b(n),l=function(e){return 2*e+y()}(t),c=function(e){return 2*e+g()}(n);i.scrollLeft=o,i.scrollTop=a,r.scrollLeft=l,r.scrollTop=c}function E(){var e=i(c).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0; padding: 0;",i(c).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),c.appendChild(e);var t=function(){i(c).onRendered&&i(c).onRendered()};l(e,"animationstart",t),i(c).onAnimationStart=t}return e}function S(){if(f("Injecting elements"),i(c)){!function(){var e=i(c).style;if("static"===e.position){c.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,c,e,"top"),n(t,c,e,"right"),n(t,c,e,"bottom"),n(t,c,e,"left")}}();var e=i(c).container;e||(e=E());var n,r,u,s,d=o.width,h=o.height,p="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; "+("left: "+(n=(n=-(1+d))?n+"px":"0")+"; top: "+(r=(r=-(1+h))?r+"px":"0")+"; right: "+(s=(s=-d)?s+"px":"0")+"; bottom: "+(u=(u=-h)?u+"px":"0")+";"),v=document.createElement("div"),m=document.createElement("div"),y=document.createElement("div"),g=document.createElement("div"),w=document.createElement("div"),b=document.createElement("div");v.dir="ltr",v.style.cssText="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;",v.className=a,m.className=a,m.style.cssText=p,y.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",g.style.cssText="position: absolute; left: 0; top: 0;",w.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",b.style.cssText="position: absolute; width: 200%; height: 200%;",y.appendChild(g),w.appendChild(b),m.appendChild(y),m.appendChild(w),v.appendChild(m),e.appendChild(v),l(y,"scroll",x),l(w,"scroll",S),i(c).onExpandScroll=x,i(c).onShrinkScroll=S}else f("Aborting because element has been uninstalled");function x(){i(c).onExpand&&i(c).onExpand()}function S(){i(c).onShrink&&i(c).onShrink()}}function C(){function o(e,t,n){var i=function(e){return u(e).childNodes[0]}(e),r=w(t),o=b(n);i.style.width=r+"px",i.style.height=o+"px"}function a(a){var u=c.offsetWidth,s=c.offsetHeight;f("Storing current size",u,s),m(c,u,s),n.add(0,(function(){if(i(c))if(l()){if(e.debug)c.offsetWidth===u&&c.offsetHeight===s||t.warn(r.get(c),"Scroll: Size changed before updating detector elements.");o(c,u,s)}else f("Aborting because element container has not been initialized");else f("Aborting because element has been uninstalled")})),n.add(1,(function(){i(c)?l()?x(c,u,s):f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")})),a&&n.add(2,(function(){i(c)?l()?a():f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")}))}function l(){return!!i(c).container}function d(){f("notifyListenersIfNeeded invoked");var e=i(c);return void 0===i(c).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?f("Not notifying: Size is the same as the start size, and there has been no notification yet."):e.lastWidth===e.lastNotifiedWidth&&e.lastHeight===e.lastNotifiedHeight?f("Not notifying: Size already notified"):(f("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void z(i(c).listeners,(function(e){e(c)})))}function p(){if(f("Scroll detected."),h(c))f("Scroll event fired while unrendered. Ignoring...");else{var e=c.offsetWidth,t=c.offsetHeight;e!==i(c).lastWidth||t!==i(c).lastHeight?(f("Element size changed."),a(d)):f("Element size has not changed ("+e+"x"+t+").")}}if(f("registerListenersAndPositionElements invoked."),i(c)){i(c).onRendered=function(){if(f("startanimation triggered."),h(c))f("Ignoring since element is still unrendered...");else{f("Element rendered.");var e=u(c),t=s(c);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(f("Scrollbars out of sync. Updating detector elements..."),a(d))}},i(c).onExpand=p,i(c).onShrink=p;var v=i(c).style;o(c,v.width,v.height)}else f("Aborting because element has been uninstalled")}function I(){if(f("finalizeDomMutation invoked."),i(c)){var e=i(c).style;m(c,e.width,e.height),x(c,e.width,e.height)}else f("Aborting because element has been uninstalled")}function T(){d(c)}function M(){var e;f("Installing..."),i(c).listeners=[],e=p(),i(c).startSize={width:e.width,height:e.height},f("Element start size",i(c).startSize),n.add(0,v),n.add(1,S),n.add(2,C),n.add(3,I),n.add(4,T)}d||(d=c,c=e,e=null),e=e||{},f("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(c)?M():(f("Element is detached"),E(),f("Waiting until element is attached..."),i(c).onRendered=function(){f("Element is now attached"),M()})},addListener:function(e,t){if(!i(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");i(e).listeners.push(t)},uninstall:function(e){var t=i(e);t&&(t.onExpandScroll&&c(u(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&c(s(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&c(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))}}},O=w.forEach;function R(e){return Array.isArray(e)||void 0!==e.length}function k(e){if(Array.isArray(e))return e;var t=[];return O(e,(function(e){t.push(e)})),t}function L(e){return e&&1===e.nodeType}function P(e,t,n){var i=e[t];return null==i&&void 0!==n?n:i}var H=null;"undefined"!=typeof window&&(H=function(e){var t,n;if((e=e||{}).idHandler)t={get:function(t){return e.idHandler.get(t,!0)},set:e.idHandler.set};else{var i=function(e){var t=e.idGenerator,n=e.stateHandler.getState;return{get:function(e){var t=n(e);return t&&void 0!==t.id?t.id:null},set:function(e){var i=n(e);if(!i)throw Error("setId required the element to have a resize detection state.");var r=t.generate();return i.id=r,r}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:T});t=i}var r=e.reporter;r||(r=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var i=function(e,t){e[t]=function(){var e=console[t];if(e.apply)e.apply(console,arguments);else for(var n=0;arguments.length>n;n++)e(arguments[n])}};i(n,"log"),i(n,"warn"),i(n,"error")}return n}(!1===r));var o=P(e,"batchProcessor",E({reporter:r})),a={};a.callOnAdd=!!P(e,"callOnAdd",!0),a.debug=!!P(e,"debug",!1);var l,c=function(e){var t={};function n(n){var i=e.get(n);return void 0===i?[]:t[i]||[]}return{get:n,add:function(n,i){var r=e.get(n);t[r]||(t[r]=[]),t[r].push(i)},removeListener:function(e,t){for(var i=n(e),r=0,o=i.length;o>r;++r)if(i[r]===t){i.splice(r,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),u=function(e){var t=e.stateHandler.getState;return{isDetectable:function(e){var n=t(e);return n&&!!n.isDetectable},markAsDetectable:function(e){t(e).isDetectable=!0},isBusy:function(e){return!!t(e).busy},markBusy:function(e,n){t(e).busy=!!n}}}({stateHandler:T}),s=P(e,"strategy","object"),d={reporter:r,batchProcessor:o,stateHandler:T,idHandler:t};if("scroll"===s&&(b.isLegacyOpera()?(r.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),s="object"):b.isIE(9)&&(r.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),s="object")),"scroll"===s)l=M(d);else{if("object"!==s)throw Error("Invalid strategy name: "+s);l=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function r(e){return i(e).object}return{makeDetectable:function(e,r,o){o||(o=r,r=e,e=null),e=e||{},b.isIE(8)?o(r):function(e,r){var o="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding: 0; margin: 0; opacity: 0; z-index: -1000; pointer-events: none;",a=!1,l=window.getComputedStyle(e),c=e.offsetWidth,u=e.offsetHeight;function s(){function n(){if("static"===l.position){e.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,e,l,"top"),n(t,e,l,"right"),n(t,e,l,"bottom"),n(t,e,l,"left")}}""!==l.position&&(n(),a=!0);var c=document.createElement("object");c.style.cssText=o,c.tabIndex=-1,c.type="text/html",c.setAttribute("aria-hidden","true"),c.onload=function(){a||n(),function e(t,n){t.contentDocument?n(t.contentDocument):setTimeout((function(){e(t,n)}),100)}(this,(function(t){r(e)}))},b.isIE()||(c.data="about:blank"),e.appendChild(c),i(e).object=c,b.isIE()&&(c.data="about:blank")}i(e).startSize={width:c,height:u},n?n.add(s):s()}(r,o)},addListener:function(e,t){if(!r(e))throw Error("Element is not detectable by this strategy.");function n(){t(e)}b.isIE(8)?(i(e).object={proxy:n},e.attachEvent("onresize",n)):r(e).contentDocument.defaultView.addEventListener("resize",n)},uninstall:function(e){b.isIE(8)?e.detachEvent("onresize",i(e).object.proxy):e.removeChild(r(e)),delete i(e).object}}}(d)}var f={};return{listenTo:function(e,n,i){function o(e){var t=c.get(e);O(t,(function(t){t(e)}))}function s(e,t,n){c.add(t,n),e&&n(t)}if(i||(i=n,n=e,e={}),!n)throw Error("At least one element required.");if(!i)throw Error("Listener required.");if(L(n))n=[n];else{if(!R(n))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=k(n)}var d=0,h=P(e,"callOnAdd",a.callOnAdd),p=P(e,"onReady",(function(){})),v=P(e,"debug",a.debug);O(n,(function(e){T.getState(e)||(T.initState(e),t.set(e));var a=t.get(e);if(v&&r.log("Attaching listener to element",a,e),!u.isDetectable(e))return v&&r.log(a,"Not detectable."),u.isBusy(e)?(v&&r.log(a,"System busy making it detectable"),s(h,e,i),f[a]=f[a]||[],void f[a].push((function(){++d===n.length&&p()}))):(v&&r.log(a,"Making detectable..."),u.markBusy(e,!0),l.makeDetectable({debug:v},e,(function(e){if(v&&r.log(a,"onElementDetectable"),T.getState(e)){u.markAsDetectable(e),u.markBusy(e,!1),l.addListener(e,o),s(h,e,i);var t=T.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);f[a]&&O(f[a],(function(e){e()}))}else v&&r.log(a,"Element uninstalled before being detectable.");delete f[a],++d===n.length&&p()})));v&&r.log(a,"Already detecable, adding listener."),s(h,e,i),d++})),d===n.length&&p()},removeListener:c.removeListener,removeAllListeners:c.removeAllListeners,uninstall:function(e){if(!e)return r.error("At least one element is required.");if(L(e))e=[e];else{if(!R(e))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=k(e)}O(e,(function(e){c.removeAllListeners(e),l.uninstall(e),T.cleanState(e)}))}}}({strategy:"scroll"}));var A=H,W=r({},y.defaultProps);function D(e){var i=e.width,r=e.height,o=e.children,a=t.useRef(null);return c((function(){if(("number"!=typeof i||"number"!=typeof r)&&A){var e=a.current.getResizeNode();return A.listenTo(e,(function(){return a.current.calculateSize()})),function(){return A.uninstall(e)}}}),[i,r]),n.createElement(y,e,(function(e,t){return a.current=t,"function"==typeof o?o(e,t):o}))}D.defaultProps=W,D.PadContent=!0;var j=function(){},N=function(){};if("undefined"!=typeof window){j=window.requestAnimationFrame,N=window.cancelAnimationFrame;for(var B=["ms","moz","webkit","o"],V=0,q=0;4>q&&!j;++q)j=window[B[q]+"RequestAnimationFrame"],N=window[B[q]+"CancelAnimationFrame"]||window[B[q]+"CancelRequestAnimationFrame"];j||(j=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-V)),i=window.setTimeout((function(){e(t+n)}),n);return V=t+n,i},N=function(e){clearTimeout(e)})}function _(e,t){var n=t.x,i=t.y,r=Math.sqrt(n*n+i*i);return 0===r?{x:0,y:0}:{x:e*(n/r),y:e*(i/r)}}function F(e,t,n,i){if(i){var r="y"===i?["y","height"]:["x","width"],o=r[0];if(!e[o])return 0;var a=0>e[o]?-1:1;return a*Math.min(a*e[o],Math.sqrt(2*(.5*t[r[1]])*a*n[o]))}"number"==typeof n&&(n=_(n,e));var l={x:F(e,t,n,"x"),y:F(e,t,n,"y")};return l.x===e.x&&l.y===e.y?e:l}function X(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=t[c],s=Math.min(u-n[c],0),d=e[l];return i&&u>0&&(s=u*Math.ceil(s/u)),d>0?d=0:s>d?d=s:!r&&i&&u>0&&(d=u*Math.round(d/u)),d}var f={x:X(e,t,n,i,r,"x"),y:X(e,t,n,i,r,"y")};return f.x===e.x&&f.y===e.y?e:f}function Y(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=e[l];if(i&&n[c]>0){var s=u/n[c];u=n[c]*(s=t[l]>.5?Math.ceil(s):-.5>t[l]?Math.floor(s):Math.round(s))}else r[l]&&(u+=.5*t[l]*(t[l]/r[l]));return u}return"number"==typeof r&&(r=_(r,t)),{x:Y(e,t,n,i,r,"x"),y:Y(e,t,n,i,r,"y")}}function G(e,t,n,i){var r=(new Date).getTime(),o=0;if(!t)return{endOffset:e,rate:t,duration:o,startTime:r};var a,l={x:e.x-n.x,y:e.y-n.y},c=Math.sqrt(Math.pow(l.x,2)+Math.pow(l.y,2));if(c){var u=Math.sqrt(.5*Math.pow(a=(i.x*l.x+i.y*l.y)/c,2)+t*c),s=(u-a)/t;0>s&&(u=a,s=0),o=s+u/t}else a=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),o=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:o,startTime:r,points:{x:[n.x,n.x+i.x*(o/3),e.x,e.x],y:[n.y,n.y+i.y*(o/3),e.y,e.y]}}}var U=.025,J=.0025,K={size:{width:0,height:0},contentSize:{width:0,height:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,options:[!1,!1,!0,!0],pannable:a};function Q(e,t){return function(e,t){var n=e.size,i=e.contentSize,o=e.contentOffset,a=e.contentVelocity,l=e.drag,c=e.deceleration,u=e.options[0],s=U;if(c){var d=c.endOffset;if(d!==X(d,n,i,u,!0)&&o!==X(o,n,i,u,!0)){var f=a;return c.rate!==s&&(f=F(f,n,s),d=Y(o,f,n,u,s)),d=X(d,n,i,u,!0),r({},e,{contentVelocity:f,drag:null,deceleration:G(d,s,o,f)})}}else if(!l){var h=X(o,n,i,u);if(o!==h){var p=Y(h,{x:0,y:0},n,u,s);return r({},e,{drag:null,deceleration:G(p,s,o,a)})}}return e}(function(e,t){switch(t.type){case"setPannable":return function(e,t){return r({},e,{pannable:t.value})}(e,t);case"setOptions":return function(e,t){return r({},e,{options:t.value})}(e,t);case"setSize":return function(e,t){return r({},e,{size:t.value})}(e,t);case"setContentSize":return function(e,t){return r({},e,{contentSize:t.value})}(e,t);case"dragStart":return function(e,t){var n=e.contentOffset,i=e.pannable.velocity,o={x:1,y:1};e.options[1]&&(Math.abs(i.x)>Math.abs(i.y)?o.y=0:o.x=0);return r({},e,{contentVelocity:{x:o.x*i.x,y:o.y*i.y},drag:{direction:o,startOffset:n},deceleration:null})}(e);case"dragMove":return function(e,t){var n=e.contentOffset,i=e.drag,o=e.options,a=e.pannable,l=a.translation,c=a.interval,u=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height","width"]:["x","width","height"],l=a[0],c=a[1],u=a[2],s=t[l],d=Math.min(i[c]-r[c],0),f=.5*Math.min(i[c],i[u]);return s>0?n[l]?f*(1-f/(f+s)):0:d>s?n[l]?d-f*(1-f/(f-s+d)):d:s}var h={x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")};return h.x===t.x&&h.y===t.y?t:h}({x:i.startOffset.x+i.direction.x*l.x,y:i.startOffset.y+i.direction.y*l.y},{x:o[2],y:o[3]},e.size,e.contentSize);return r({},e,{contentOffset:u,contentVelocity:{x:(u.x-n.x)/c,y:(u.y-n.y)/c},drag:i,deceleration:null})}(e);case"dragEnd":return function(e,t){var n=e.size,i=e.contentOffset,o=e.options[0],a=J,l=e.contentVelocity;o&&(l=F(l,n,a=U));var c=Y(i,l,n,o,a);return r({},e,{contentVelocity:l,drag:null,deceleration:G(c,a,i,l)})}(e);case"dragCancel":return function(e,t){var n=e.contentOffset,i=e.contentVelocity,o=U,a=Y(e.drag.startOffset,{x:0,y:0},e.size,e.options[0],o);return r({},e,{drag:null,deceleration:G(a,o,n,i)})}(e);case"decelerate":return function(e,t){var n=e.deceleration,i=t.now;if(!n)return e;var o=function e(t,n,i){var o=t.duration,a=t.endOffset,l=1;if(o>0&&(l=(n-t.startTime)/o),i){var c,u=("y"===i?["y"]:["x"])[0],s=t.points[u],d=s[0],f=s[1],h=s[2],p=s[3],v=d-3*(d-f)*l+3*(d-2*f+h)*Math.pow(l,2)-(d-3*f+3*h-p)*Math.pow(l,3),m=(-3*(d-f)+6*(d-2*f+h)*l-3*(d-3*f+3*h-p)*Math.pow(l,2))/o;return(c={})[u+"Offset"]=v,c[u+"Velocity"]=m,c}if(0>l||l>=1)return{offset:a,velocity:{x:0,y:0},didEnd:!0};var y=r({},e(t,n,"x"),{},e(t,n,"y"));return{offset:{x:y.xOffset,y:y.yOffset},velocity:{x:y.xVelocity,y:y.yVelocity},didEnd:!1}}(n,i);return r({},e,{contentOffset:o.offset,contentVelocity:o.velocity,drag:null,deceleration:o.didEnd?null:n})}(e,t);case"scrollTo":return Z(e,t);case"scrollToRect":return function(e,t){var n=t.animated,i=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=-t[l],s=r[c]-t[c];if("auto"===n[l]){var d=0>s?-1:1;u+=d*Math.max(0,Math.min(d*(i[l]-u),d*s))}else"start"===n[l]?n[l]=0:"center"===n[l]?n[l]=.5:"end"===n[l]&&(n[l]=1),("number"!=typeof n[l]||isNaN(n[l]))&&(n[l]=.5),u+=n[l]*s;return u}"object"!=typeof n&&(n={x:n,y:n});return{x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")}}(t.rect,t.align,e.contentOffset,e.size);return Z(e,{type:"scrollTo",offset:i,animated:n})}(e,t);default:return e}}(e,t))}function Z(e,t){var n=e.contentOffset,i=e.contentVelocity,o=t.point,a=e.drag,l=e.deceleration,c=t.offset,u=void 0===c?{x:0,y:0}:c,s=t.animated;return o&&(u={x:-o.x,y:-o.y}),u.x===n.x&&u.y===n.y?e:(a&&(s=!1),s?r({},e,{deceleration:G(Y(u,{x:0,y:0},e.size,e.options[0],U),U,n,i)}):(a?a=r({},a,{startOffset:{x:a.startOffset.x+u.x-n.x,y:a.startOffset.y+u.y-n.y}}):l=l?G({x:l.endOffset.x+u.x-n.x,y:l.endOffset.y+u.y-n.y},l.rate,u,i):G(u),r({},e,{contentOffset:u,drag:a,deceleration:l})))}var $=r({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,onScroll:function(){},onDragStart:function(){},onDragEnd:function(){},onDecelerationStart:function(){},onDecelerationEnd:function(){},onContentResize:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null,scrollToRect:null},h.defaultProps);function ee(e){var o=e.width,a=e.height,l=e.pagingEnabled,d=e.directionalLockEnabled,f=e.alwaysBounceX,v=e.alwaysBounceY,y=e.onScroll,g=e.onDragStart,w=e.onDragEnd,b=e.onDecelerationStart,x=e.onDecelerationEnd,E=e.onContentResize,S=e.renderBackground,C=e.renderOverlay,I=e.scrollTo,T=e.scrollToRect,z=e.children,M=i(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","onScroll","onDragStart","onDragEnd","onDecelerationStart","onDecelerationEnd","onContentResize","renderBackground","renderOverlay","scrollTo","scrollToRect","children"]),O=M.enabled,R=M.shouldStart,k=t.useReducer(Q,K),L=k[0],P=k[1],H=u(L),A=L.size,W=L.contentSize,B=L.contentOffset,V=L.drag,q=L.deceleration,_=L.pannable,F={size:A,contentSize:W,contentOffset:B,contentVelocity:L.contentVelocity,dragging:!!V,decelerating:!!q},X=H.current,Y=t.useCallback((function(e){m(W,e)||P({type:"setContentSize",value:e})}),[W]),G=t.useCallback((function(e){return!(d&&!function(e,t,n){var i=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[i]>t[i]}(e.velocity,A,W))&&R(e)}),[R,d,A,W]);c((function(){X.pannable.translation!==_.translation&&(_.translation?P(X.pannable.translation?{type:"dragMove"}:{type:"dragStart"}):X.pannable.translation&&P(O?{type:"dragEnd"}:{type:"dragCancel"})),X.contentSize!==W&&E(W),X.contentOffset!==B&&y(F),X.drag!==V&&(X.drag?V||w(F):g(F)),X.deceleration!==q&&(X.deceleration?q||x(F):b(F))})),c((function(){if(L.deceleration){var e=j((function(){P({type:"decelerate",now:(new Date).getTime()})}));return function(){N(e)}}}),[L]),t.useMemo((function(){P({type:"setSize",value:{width:o,height:a}})}),[o,a]),t.useMemo((function(){P({type:"setOptions",value:[l,d,f,v]})}),[l,d,f,v]),t.useMemo((function(){I&&P(r({type:"scrollTo"},I))}),[I]),t.useMemo((function(){T&&P(r({type:"scrollToRect"},T))}),[T]),M.shouldStart=G;var U={overflow:"hidden",position:"relative",width:A.width,height:A.height};return M.style&&Object.assign(U,M.style),M.style=U,n.createElement(h,M,(function(e){var i;return _!==e&&P({type:"setPannable",value:e}),n.createElement(p.Provider,{value:{visibleRect:{x:-B.x,y:-B.y,width:A.width,height:A.height},resizeContent:Y}},null==(i=S(F))?null:n.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0}},i),function(){var e=s.create({position:"absolute",width:W.width,height:W.height,transformTranslate:[B.x,B.y],willChange:"transform"}),i="function"==typeof z?z(L):z;return t.isValidElement(i)&&i.type.PadContent?(i.props.style&&Object.assign(e,i.props.style),i=t.cloneElement(i,{style:e,ref:i.ref})):i=n.createElement(D,{style:e},i),i}(),C(F))}))}function te(e,t,n){if(!t)return t;if(n){var i,o="y"===n?["y","height"]:["x","width"],a=o[0],l=o[1];return(i={})[a]=t[a]-e[a],i[l]=t[l],i}return r({},te(e,t,"x"),{},te(e,t,"y"))}function ne(e,t,n){if(!t)return!0;if(n){var i="y"===n?["y","height"]:["x","width"],r=i[0],o=i[1];return e[r]+e[o]>=t[r]-.25*t[o]&&t[r]+1.25*t[o]>=e[r]}return ne(e,t,"x")&&ne(e,t,"y")}function ie(){}ee.defaultProps=$;function re(e){var o=e.width,a=e.height,l=e.direction,s=e.rowSpacing,d=e.columnSpacing,f=e.itemCount,h=e.itemWidth,v=e.itemHeight,y=e.renderItem,g=e.children,w=i(e,["width","height","direction","rowSpacing","columnSpacing","itemCount","itemWidth","itemHeight","renderItem","children"]),b=t.useMemo((function(){return function(e){var t,n,i=e.itemCount,r={width:e.itemWidth,height:e.itemHeight},o={row:e.rowSpacing,column:e.columnSpacing},a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],l=a[0],c=a[1],u=a[2],s=a[3],d=a[4],f=a[5],h={width:e.width,height:e.height}[u],p=0,v=0,m=0,y=[];"number"!=typeof h?(m=i,0===r[u]?h=0:(h=i*r[u],i>1&&(h+=(i-1)*o[f]))):0===r[u]?m=i:(m=1,h>r[u]&&(m+=Math.floor((h-r[u])/(r[u]+o[f]))));m>0&&(v=Math.ceil(i/m));for(var g=0;v>g;g++){g>0&&(p+=o[d]);for(var w=0;m>w;w++){var b,x,E=w+g*m,S=0;if(m>1&&(S+=Math.round(w*((h-r[u])/(m-1)))),E>=i)break;y.push(((x={rect:(b={},b[l]=S,b[c]=p,b[u]=r[u],b[s]=r[s],b)})[d+"Index"]=g,x[f+"Index"]=w,x.itemIndex=E,x))}p+=r[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=v,n[f]=m,n),layoutList:y}}({direction:l,width:o,height:a,rowSpacing:s,columnSpacing:d,itemCount:f,itemWidth:h,itemHeight:v})}),[l,o,a,s,d,f,h,v]),x=u(b),E=t.useContext(p),S=b.size,C=b.layoutList,I=x.current,T=t.useCallback((function(){}),[]);c((function(){E.resizeContent(S)}),[]),c((function(){m(I.size,S)||E.resizeContent(S)}));var z={position:"relative"};S&&(z.width=S.width,z.height=S.height),w.style&&Object.assign(z,w.style),w.style=z;var M=C.map((function(e){return function(e){var i=e.rect,o=e.itemIndex,a=e.visibleRect,l=e.needsRender,c=e.Item,u=!1,s=y(e),d="GridContent_"+o,f={position:"absolute",left:i.x,top:i.y,width:i.width,height:i.height};return t.isValidElement(s)&&s.type===c&&(void 0!==s.props.forceRender&&(u=s.props.forceRender),s.key&&(d=s.key),s=s.props.children),l||u?(t.isValidElement(s)?(s.props.style&&Object.assign(f,s.props.style),s=t.cloneElement(s,{style:f,ref:s.ref})):s=n.createElement("div",{style:f},s),n.createElement(p.Provider,{key:d,value:r({},E,{visibleRect:a,resizeContent:T})},s)):null}(r({},e,{visibleRect:te(e.rect,E.visibleRect),needsRender:ne(e.rect,E.visibleRect),Item:ie}))}));return"function"==typeof g&&g(b),n.createElement("div",w,M)}function oe(){}re.defaultProps={width:null,height:null,direction:"y",rowSpacing:0,columnSpacing:0,itemCount:0,itemWidth:0,itemHeight:0,renderItem:function(){return null}},re.PadContent=!0;function ae(e){var o=e.width,a=e.height,l=e.direction,s=e.spacing,d=e.itemCount,f=e.estimatedItemWidth,h=e.estimatedItemHeight,v=e.renderItem,g=e.children,w=i(e,["width","height","direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","children"]),b=t.useState([]),x=b[0],E=b[1],S=t.useState({}),C=S[0],I=S[1],T=t.useMemo((function(){return function(e,t,n){var i,r=e.spacing,o=e.itemCount,a=e.estimatedItemWidth,l=e.estimatedItemHeight,c={width:e.width,height:e.height},u="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],s=u[0],d=u[1],f=u[2],h=u[3],p=0,v=0,m=[],y={};"number"==typeof c[f]&&(y[f]=c[f]);for(var g=0;o>g;g++){var w,b=t[g]||null,x=n[b]||null,E=((w={})[s]=0,w[d]=v,w);x?Object.assign(E,x):(E[f]=void 0!==y[f]?y[f]:"function"==typeof a?a(g):a,E[h]="function"==typeof l?l(g):l),m.push({rect:E,itemIndex:g,itemHash:b,itemSize:x}),E[h]>0&&(v+=E[h],o-1>g&&(v+=r)),E[f]>p&&(p=E[f])}return{size:(i={},i[f]=p,i[h]=v,i),fixed:y,layoutList:m}}({width:o,height:a,direction:l,spacing:s,itemCount:d,estimatedItemWidth:f,estimatedItemHeight:h},x,C)}),[o,a,l,s,d,f,h,x,C]),z=u(T),M=t.useContext(p),O=T.size,R=T.fixed,k=T.layoutList,L=z.current,P=[];c((function(){M.resizeContent(O)}),[]),c((function(){m(L.size,O)||M.resizeContent(O)}));var H={position:"relative"};O&&(H.width=O.width,H.height=O.height),w.style&&Object.assign(H,w.style),w.style=H;var A=k.map((function(e){return function(e){var i,o=e.rect,a=e.itemIndex,l=e.itemSize,c=e.visibleRect,u=e.needsRender,s=e.Item,d=!1,f=v(e),h="ListContent_"+a,g={position:"absolute",left:o.x,top:o.y,width:o.width,height:o.height};t.isValidElement(f)&&f.type===s&&(void 0!==f.props.forceRender&&(d=f.props.forceRender),f.key&&(h=f.key),void 0!==f.props.hash&&(i=f.props.hash),f=f.props.children),void 0===i&&(i=h);var w=!u&&!d;if(l||-1===P.indexOf(i)||(w=!0),P[a]=i,w)return null;var b,x={};return l?Object.assign(x,l):("number"==typeof R.width&&(x.width=R.width),"number"==typeof R.height&&(x.height=R.height)),t.isValidElement(f)&&f.type.PadContent?(f.props.style&&Object.assign(g,f.props.style),"number"==typeof f.props.width&&(x.width=f.props.width),"number"==typeof f.props.height&&(x.height=f.props.height),f=t.cloneElement(f,r({},x,{style:g,ref:f.ref}))):f=n.createElement(y,r({},x,{style:g}),f),n.createElement(p.Provider,{key:h,value:r({},M,{visibleRect:c,resizeContent:(b=i,function(e){I((function(t){var n;return m(t[b],e)?t:r({},t,((n={})[b]=e,n))}))})})},f)}(r({},e,{visibleRect:te(e.rect,M.visibleRect),needsRender:ne(e.rect,M.visibleRect),Item:oe}))}));return function(e,t){if(e===t)return!0;if(!e||!t)return!1;if(e.length!==t.length)return!1;for(var n=0;e.length>n;n++)if(e[n]!==t[n])return!1;return!0}(x,P)||E(P),"function"==typeof g&&g(T),n.createElement("div",w,A)}ae.defaultProps={width:null,height:null,direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null}},ae.PadContent=!0;function le(e){var o=e.width,a=e.height,l=e.onResize,s=e.children,d=i(e,["width","height","onResize","children"]),f=t.useState(null),h=f[0],p=f[1],y=u(h),g=t.useRef(null),w=y.current,b=t.useCallback((function(){var e=v(g.current);p(e)}),[]);c((function(){m(w,h)||h&&l(h),h||b()})),c((function(){if(("number"!=typeof o||"number"!=typeof a)&&A){var e=g.current;return A.listenTo(e,(function(){return b()})),function(){return A.uninstall(e)}}}),[o,a]),t.useMemo((function(){var e=null;"number"==typeof o&&"number"==typeof a&&(e={width:o,height:a}),p(e)}),[o,a]),d.style=r({width:ce(o),height:ce(a)},d.style);var x=null;return h&&(x="function"==typeof s?s(h):s),n.createElement("div",r({},d,{ref:g}),x)}function ce(e){return null==e||""===e?"100%":e}le.defaultProps={width:null,height:null,onResize:function(){}};var ue={mouseEntered:!1,loopCount:1,loopOffset:0,loopWidth:0,scrollTo:null,options:["x",!0],pad:K};function se(e,t){switch(t.type){case"setMouseEntered":return function(e,t){return r({},e,{mouseEntered:t.value})}(e,t);case"setPad":return function(e,t){var n=r({},e,{pad:t.value});return n=de(n=function(e,t){var n,i=e.loopCount,o=e.loopOffset,a=e.options,l=a[0],c=e.pad,u=c.contentOffset,s=c.size,d=c.contentSize;if(a[1]){var f=function(e,t,n,i,r){var o;if(1===i)return[e,0];var a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],c=a[1],u=a[2],s=n[l],d=t[l],f=s/i,h=.5*(s-f-d),p=0,v=d-s,m=e[c],y=0;if(p-=h,m>=(v+=h)&&p>=m)return[e,0];v>m?y=Math.floor((p-m)/f):m>p&&(y=-Math.floor((m-v)/f));return[(o={},o[c]=m+=f*y,o[u]=e[u],o),y]}(u,s,d,i,l),h=f[0],p=f[1];u!==h&&((n=n||r({},e)).loopOffset=o+p,n.scrollTo={offset:h,animated:!1})}return n||e}(n))}(e,t);case"setOptions":return function(e,t){var n=r({},e,{options:t.value});return n=de(n)}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"playNext":return function(e,t){var n=e.pad,i=function(e,t,n,i,r){var o,a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],c=a[1],u=a[2],s=t[l],d=Math.min(s-n[l],0),f=e[c];i&&s>0&&(d=s*Math.ceil(d/s));f=f>d?Math.max(d,f-s):0;return(o={})[c]=f,o[u]=e[u],o}(n.contentOffset,n.size,n.contentSize,n.pagingEnabled,e.options[0]);return r({},e,{scrollTo:{offset:i,animated:!0}})}(e);default:return e}}function de(e,t){var n=e.options,i=e.pad;return r({},e,{},function(e,t,n,i,r){var o="y"===r?"height":"width",a=e[o],l=t[o],c=l/n;if(!i||0===l||0===a)return{loopCount:1,loopOffset:0,loopWidth:c};return{loopCount:2+Math.floor(a/c),loopWidth:c}}(i.size,i.contentSize,e.loopCount,n[1],n[0]))}var fe=r({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3},ee.defaultProps,{pagingEnabled:!0,directionalLockEnabled:!0});function he(e){var r=e.direction,o=e.loop,a=e.autoplayEnabled,l=e.autoplayInterval,c=e.children,u=i(e,["direction","loop","autoplayEnabled","autoplayInterval","children"]),s=u.scrollTo,d=u.onMouseEnter,f=u.onMouseLeave,h=t.useReducer(se,ue),p=h[0],v=h[1],m=p.mouseEntered,y=p.loopCount,g=p.loopOffset,w=p.scrollTo,b=p.pad,x=t.useCallback((function(e){v({type:"setMouseEntered",value:!0}),d&&d(e)}),[d]),E=t.useCallback((function(e){v({type:"setMouseEntered",value:!1}),f&&f(e)}),[f]);return t.useEffect((function(){if(a&&!m&&!b.drag&&!b.deceleration){var e=setTimeout((function(){v({type:"playNext"})}),l);return function(){clearTimeout(e)}}}),[a,l,m,b.drag,b.deceleration]),t.useMemo((function(){v({type:"setOptions",value:[r,o]})}),[o,r]),t.useMemo((function(){v({type:"setScrollTo",value:s})}),[s]),u.scrollTo=w,"x"===r?u.alwaysBounceY=!1:u.alwaysBounceX=!1,a&&(u.onMouseEnter=x,u.onMouseLeave=E),n.createElement(ee,u,(function(e){b!==e&&v({type:"setPad",value:e});var t="function"==typeof c?c(p):c;return n.createElement(ae,{direction:r,itemCount:y,renderItem:function(e){return n.createElement(e.Item,{key:e.itemIndex+g,hash:"loop"},t)}})}))}var pe={activeIndex:0,itemCount:0,scrollTo:null,player:ue};function ve(e,t){switch(t.type){case"setPlayer":return function(e,t){var n=t.value,i=n.options[0],o=n.pad,a=o.contentOffset,l=o.size,c=o.contentSize,u=function(e,t,n){var i=e["y"===n?"height":"width"],r=0;i>0&&(r=Math.ceil(t/i));return r}(l,n.loopWidth,i),s=0;if(u>0){var d=function(e,t,n,i){var r="y"===i?["height","y"]:["width","x"],o=r[0],a=r[1],l=t[o],c=0;if(l>0){c=Math.round(-Math.max(Math.min(l-n[o],0),Math.min(e[a],0))/l)}return c}(a,l,c,i);s=d%u}return r({},e,{player:n,itemCount:u,activeIndex:s})}(e,t);case"setScrollTo":return function(e,t){return r({},e,{scrollTo:t.value})}(e,t);case"scrollToIndex":return function(e,t){var n=e.activeIndex,i=e.player.options[0],o=e.player.pad,a=o.contentOffset,l=o.size,c=t.animated,u=t.index;if(0===e.itemCount)return e;"function"==typeof u&&(u=u(e));if(u===n)return e;var s=function(e,t,n,i){var r,o="y"===i?["height","y","x"]:["width","x","y"],a=o[1],l=o[2];return(r={})[a]=t[a]-e*n[o[0]],r[l]=t[l],r}(u-n,a,l,i);return r({},e,{scrollTo:{offset:s,animated:c}})}(e,t);default:return e}}var me=r({itemCount:0,renderItem:function(){return null},onActiveIndexChange:function(){},scrollToIndex:null},he.defaultProps=fe);function ye(e){var o=e.itemCount,a=e.renderItem,l=e.onActiveIndexChange,s=e.scrollToIndex,d=e.children,f=i(e,["itemCount","renderItem","onActiveIndexChange","scrollToIndex","children"]),h=f.width,p=f.height,v=f.direction,m=f.scrollTo,y=f.renderOverlay,g=t.useReducer(ve,pe),w=g[0],b=g[1],x=u(w),E=w.activeIndex,S=w.scrollTo,C=w.player,I={activeIndex:E,itemCount:w.itemCount},T=x.current;return c((function(){T.activeIndex!==E&&l(I)})),t.useMemo((function(){b({type:"setScrollTo",value:m})}),[m]),t.useMemo((function(){s&&b(r({type:"scrollToIndex"},s))}),[s]),f.scrollTo=S,f.renderOverlay=function(e){var i="function"==typeof d?d(w):d;return n.createElement(t.Fragment,null,y(e),i)},n.createElement(he,f,(function(e){return C!==e&&b({type:"setPlayer",value:e}),n.createElement(re,{width:h,height:p,itemWidth:h,itemHeight:p,direction:v,itemCount:o,renderItem:a})}))}ye.defaultProps=me;var ge={scrollToRect:null,scrolling:!1,pad:K};function we(e,t){switch(t.type){case"setPad":return function(e,t){return r({},e,{pad:t.value})}(e,t);case"setScrollToRect":return function(e,t){return r({},e,{scrollToRect:t.value})}(e,t);case"scrollToIndex":return function(e,t){var n=t.list,i=t.index,o=void 0===i?0:i,a=n.box,l=n.body,c={x:0,y:0,width:0,height:0};a&&(c=a.layoutList[1].rect);if(l){var u=l.layoutList[o];u&&(c={x:c.x+u.rect.x,y:c.y+u.rect.y,width:u.rect.width,height:u.rect.height})}return r({},e,{scrollToRect:{rect:c,align:t.align,animated:t.animated},scrolling:!0})}(e,t);case"endScrolling":return function(e,t){return r({},e,{scrolling:!1})}(e);default:return e}}var be=r({direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null},renderHeader:function(){return null},renderFooter:function(){return null},scrollToIndex:null},ee.defaultProps,{directionalLockEnabled:!0});function xe(e){var o=e.direction,a=e.spacing,l=e.itemCount,s=e.estimatedItemWidth,d=e.estimatedItemHeight,f=e.renderItem,h=e.renderHeader,p=e.renderFooter,v=e.scrollToIndex,m=e.children,y=i(e,["direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","renderHeader","renderFooter","scrollToIndex","children"]),g=y.width,w=y.height,b=y.scrollToRect,x=t.useReducer(we,ge),E=x[0],S=x[1],C=u(E),I=t.useRef({}),T=E.scrollToRect,z=E.scrolling,M=E.pad,O=C.current;return c((function(){O.pad.contentSize!==M.contentSize&&z&&v&&S(r({type:"scrollToIndex"},v,{list:I.current}))})),t.useEffect((function(){O.pad.deceleration!==M.deceleration&&!M.deceleration&&z&&S({type:"endScrolling"})})),t.useMemo((function(){S({type:"setScrollToRect",value:b})}),[b]),t.useMemo((function(){v&&S(r({type:"scrollToIndex"},v,{list:I.current}))}),[v]),y.scrollToRect=T,"x"===o?y.alwaysBounceY=!1:y.alwaysBounceX=!1,"function"==typeof m&&m(E),n.createElement(ee,y,(function(e){M!==e&&S({type:"setPad",value:e});var t={width:g,height:w,direction:o,itemCount:3,renderItem:function(e){var t=e.itemIndex,i=e.Item;return 0===t?h(e):2===t?p(e):n.createElement(i,{forceRender:!0},n.createElement(ae,{width:g,height:w,direction:o,spacing:a,itemCount:l,estimatedItemWidth:s,estimatedItemHeight:d,renderItem:f},(function(e){I.current.body=e})))}};return n.createElement(ae,t,(function(e){I.current.box=e}))}))}xe.defaultProps=be,e.AutoResizing=le,e.Carousel=ye,e.GeneralContent=D,e.GridContent=re,e.Infinite=xe,e.ItemContent=y,e.ListContent=ae,e.Pad=ee,e.PadContext=p,e.Pannable=h,e.Player=he,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).ReactPannable={},e.React)}(this,(function(e,t){"use strict";var n="default"in t?t.default:t;function i(){return(i=Object.assign||function(e){for(var t=1;arguments.length>t;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function r(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;o.length>i;i++)0>t.indexOf(n=o[i])&&(r[n]=e[n]);return r}var o=0,a={target:null,startPoint:null,movePoint:null,moveTime:null,translation:null,velocity:null,interval:null};function l(e,t){switch(t.type){case"disable":case"end":return function(e,t){return e.target?a:e}(e);case"track":return function(e,t){return{target:t.target,startPoint:t.point,movePoint:t.point,moveTime:t.now,translation:null,velocity:null,interval:null}}(0,t);case"move":return function(e,t){var n=e.target,i=e.startPoint,r=e.movePoint,l=e.moveTime,c=e.translation,u=t.point,s=t.now,d=t.shouldStart;if(!n)return e;var f=s-l,h={x:u.x-i.x,y:u.y-i.y},p={x:(u.x-r.x)/f,y:(u.y-r.y)/f};if(c)return{target:n,startPoint:i,movePoint:u,moveTime:s,translation:h,velocity:p,interval:f};if(o>=Math.sqrt(Math.pow(h.x,2)+Math.pow(h.y,2)))return{target:n,startPoint:i,movePoint:u,moveTime:s,translation:null,velocity:null,interval:null};if(!d({target:n,translation:h,velocity:p,interval:f}))return a;return{target:n,startPoint:u,movePoint:u,moveTime:s,translation:{x:0,y:0},velocity:p,interval:f}}(e,t);default:return e}}var c="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function u(e){var n=t.useRef(e);return t.useEffect((function(){n.current=e})),n}var s={create:function(e){var t=e.transformTranslate,n=e.userSelect,i=r(e,["transformTranslate","userSelect"]);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,i),n&&function(e,t){t.userSelect=e,t.WebkitUserSelect=e,t.msUserSelect=e}(n,i),i}},d=function(){},f=function(){};void 0!==typeof window&&(d=window.addEventListener,f=window.removeEventListener);function h(e){var o=e.enabled,h=e.shouldStart,p=e.onStart,v=e.onMove,y=e.onEnd,m=e.onCancel,g=e.children,w=r(e,["enabled","shouldStart","onStart","onMove","onEnd","onCancel","children"]),x=t.useReducer(l,a),b=x[0],E=x[1],S=u(b),C=t.useRef(null),I=t.useRef({touchSupported:!1});I.current.state=b,I.current.shouldStart=h;var T=b.target,z=b.translation,M=b.velocity,O=b.interval,R=S.current;c((function(){function e(e,t){E({type:"track",target:e,point:t,now:(new Date).getTime()})}function t(t){if(I.current.touchSupported=!0,t.touches&&1===t.touches.length){var n=t.touches[0];e(n.target,{x:n.pageX,y:n.pageY})}}function n(e){I.current.state.translation&&e.preventDefault()}function i(t){I.current.touchSupported||e(t.target,{x:t.pageX,y:t.pageY})}if(o){var r=C.current;if(!r.addEventListener)return;return r.addEventListener("touchstart",t,!1),r.addEventListener("touchmove",n,!1),r.addEventListener("mousedown",i,!1),function(){r.removeEventListener("touchstart",t,!1),r.removeEventListener("touchmove",n,!1),r.removeEventListener("mousedown",i,!1)}}}),[o]),c((function(){function e(e){E({type:"move",point:e,now:(new Date).getTime(),shouldStart:I.current.shouldStart})}function t(){E({type:"end"})}function n(t){var n=t.touches[0];I.current.state.translation&&t.preventDefault(),e({x:n.pageX,y:n.pageY})}function i(e){I.current.state.translation&&e.preventDefault(),t()}function r(t){t.preventDefault(),e({x:t.pageX,y:t.pageY})}function o(e){e.preventDefault(),t()}if(T)return I.current.touchSupported?(T.addEventListener("touchmove",n,!1),T.addEventListener("touchend",i,!1),T.addEventListener("touchcancel",i,!1),function(){T.removeEventListener("touchmove",n,!1),T.removeEventListener("touchend",i,!1),T.removeEventListener("touchcancel",i,!1)}):(d("mousemove",r,!1),d("mouseup",o,!1),function(){f("mousemove",r,!1),f("mouseup",o,!1)})}),[T]),c((function(){if(R.translation!==z)if(z){var e={target:T,translation:z,velocity:M,interval:O};R.translation?v(e):p(e)}else if(R.translation){var t={target:R.target,translation:R.translation,velocity:R.velocity,interval:R.interval};o?y(t):m(t)}})),t.useMemo((function(){o||E({type:"disable"})}),[o]);var k={};z&&Object.assign(k,s.create({touchAction:"none",pointerEvents:"none",userSelect:"none"})),w.style&&Object.assign(k,w.style),w.style=k;var L="function"==typeof g?g(b):g;return n.createElement("div",i({},w,{ref:C}),L)}function p(e,t){return e(t={exports:{}},t.exports),t.exports}h.defaultProps={enabled:!0,shouldStart:function(){return!0},onStart:function(){},onMove:function(){},onEnd:function(){},onCancel:function(){}};var v=p((function(e){(e.exports={}).forEach=function(e,t){for(var n=0;e.length>n;n++){var i=t(e[n]);if(i)return i}}})),y=p((function(e){var t=e.exports={};t.isIE=function(e){return(-1!==(t=navigator.userAgent.toLowerCase()).indexOf("msie")||-1!==t.indexOf("trident")||-1!==t.indexOf(" edge/"))&&(!e||e===function(){var e=3,t=document.createElement("div"),n=t.getElementsByTagName("i");do{t.innerHTML="\x3c!--[if gt IE "+ ++e+"]><i></i><![endif]--\x3e"}while(n[0]);return e>4?e:void 0}());var t},t.isLegacyOpera=function(){return!!window.opera}})),m=p((function(e){(e.exports={}).getOption=function(e,t,n){var i=e[t];if(null==i&&void 0!==n)return n;return i}})),g=function(e){var t=(e=e||{}).reporter,n=m.getOption(e,"async",!0),i=m.getOption(e,"auto",!0);i&&!n&&(t&&t.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."),n=!0);var r,o=w(),a=!1;function l(){for(a=!0;o.size();){var e=o;o=w(),e.process()}a=!1}function c(){r=setTimeout(l,0)}return{add:function(e,t){!a&&i&&n&&0===o.size()&&c(),o.add(e,t)},force:function(e){a||(void 0===e&&(e=n),r&&(clearTimeout(r),r=null),e?c():l())}}};function w(){var e={},t=0,n=0,i=0;return{add:function(r,o){o||(o=r,r=0),r>n?n=r:i>r&&(i=r),e[r]||(e[r]=[]),e[r].push(o),t++},process:function(){for(var t=i;n>=t;t++)for(var r=e[t],o=0;r.length>o;o++){(0,r[o])()}},size:function(){return t}}}var x="_erd";function b(e){return e[x]}var E={initState:function(e){return e[x]={},b(e)},getState:b,cleanState:function(e){delete e[x]}},S=v.forEach,C=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState,r=e.idHandler;if(!n)throw Error("Missing required dependency: batchProcessor");if(!t)throw Error("Missing required dependency: reporter.");var o=function(){var e=document.createElement("div");e.style.cssText="position: absolute; width: 1000px; height: 1000px; visibility: hidden; margin: 0; padding: 0;";var t=document.createElement("div");t.style.cssText="position: absolute; width: 500px; height: 500px; overflow: scroll; visibility: none; top: -1500px; left: -1500px; visibility: hidden; margin: 0; padding: 0;",t.appendChild(e),document.body.insertBefore(t,document.body.firstChild);var n=500-t.clientWidth,i=500-t.clientHeight;return document.body.removeChild(t),{width:n,height:i}}(),a="erd_scroll_detection_container";function l(e,n,i){if(e.addEventListener)e.addEventListener(n,i);else{if(!e.attachEvent)return t.error("[scroll] Don't know how to add event listeners.");e.attachEvent("on"+n,i)}}function c(e,n,i){if(e.removeEventListener)e.removeEventListener(n,i);else{if(!e.detachEvent)return t.error("[scroll] Don't know how to remove event listeners.");e.detachEvent("on"+n,i)}}function u(e){return i(e).container.childNodes[0].childNodes[0].childNodes[0]}function s(e){return i(e).container.childNodes[0].childNodes[0].childNodes[1]}return function(e,t){if(!document.getElementById(e)){var n=t+"_animation",i="/* Created by the element-resize-detector library. */\n";i+="."+t+" > div::-webkit-scrollbar { display: none; }\n\n",i+="."+(t+"_animation_active")+" { -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-name: "+n+"; animation-name: "+n+"; }\n",i+="@-webkit-keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n",function(t,n){n=n||function(e){document.head.appendChild(e)};var i=document.createElement("style");i.innerHTML=t,i.id=e,n(i)}(i+="@keyframes "+n+" { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }")}}("erd_scroll_detection_scrollbar_style",a),{makeDetectable:function(e,c,d){function f(){if(e.debug){var n=Array.prototype.slice.call(arguments);if(n.unshift(r.get(c),"Scroll: "),t.log.apply)t.log.apply(null,n);else for(var i=0;n.length>i;i++)t.log(n[i])}}function h(e){var t=i(e).container.childNodes[0],n=window.getComputedStyle(t);return!n.width||-1===n.width.indexOf("px")}function p(){var e=window.getComputedStyle(c),t={};return t.position=e.position,t.width=c.offsetWidth,t.height=c.offsetHeight,t.top=e.top,t.right=e.right,t.bottom=e.bottom,t.left=e.left,t.widthCSS=e.width,t.heightCSS=e.height,t}function v(){if(f("storeStyle invoked."),i(c)){var e=p();i(c).style=e}else f("Aborting because element has been uninstalled")}function y(e,t,n){i(e).lastWidth=t,i(e).lastHeight=n}function m(){return 2*o.width+1}function g(){return 2*o.height+1}function w(e){return e+10+m()}function x(e){return e+10+g()}function b(e,t,n){var i=u(e),r=s(e),o=w(t),a=x(n),l=function(e){return 2*e+m()}(t),c=function(e){return 2*e+g()}(n);i.scrollLeft=o,i.scrollTop=a,r.scrollLeft=l,r.scrollTop=c}function E(){var e=i(c).container;if(!e){(e=document.createElement("div")).className=a,e.style.cssText="visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0; padding: 0;",i(c).container=e,function(e){e.className+=" "+a+"_animation_active"}(e),c.appendChild(e);var t=function(){i(c).onRendered&&i(c).onRendered()};l(e,"animationstart",t),i(c).onAnimationStart=t}return e}function C(){if(f("Injecting elements"),i(c)){!function(){var e=i(c).style;if("static"===e.position){c.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,c,e,"top"),n(t,c,e,"right"),n(t,c,e,"bottom"),n(t,c,e,"left")}}();var e=i(c).container;e||(e=E());var n,r,u,s,d=o.width,h=o.height,p="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; "+("left: "+(n=(n=-(1+d))?n+"px":"0")+"; top: "+(r=(r=-(1+h))?r+"px":"0")+"; right: "+(s=(s=-d)?s+"px":"0")+"; bottom: "+(u=(u=-h)?u+"px":"0")+";"),v=document.createElement("div"),y=document.createElement("div"),m=document.createElement("div"),g=document.createElement("div"),w=document.createElement("div"),x=document.createElement("div");v.dir="ltr",v.style.cssText="position: absolute; flex: none; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;",v.className=a,y.className=a,y.style.cssText=p,m.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",g.style.cssText="position: absolute; left: 0; top: 0;",w.style.cssText="position: absolute; flex: none; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;",x.style.cssText="position: absolute; width: 200%; height: 200%;",m.appendChild(g),w.appendChild(x),y.appendChild(m),y.appendChild(w),v.appendChild(y),e.appendChild(v),l(m,"scroll",b),l(w,"scroll",S),i(c).onExpandScroll=b,i(c).onShrinkScroll=S}else f("Aborting because element has been uninstalled");function b(){i(c).onExpand&&i(c).onExpand()}function S(){i(c).onShrink&&i(c).onShrink()}}function I(){function o(e,t,n){var i=function(e){return u(e).childNodes[0]}(e),r=w(t),o=x(n);i.style.width=r+"px",i.style.height=o+"px"}function a(a){var u=c.offsetWidth,s=c.offsetHeight;f("Storing current size",u,s),y(c,u,s),n.add(0,(function(){if(i(c))if(l()){if(e.debug)c.offsetWidth===u&&c.offsetHeight===s||t.warn(r.get(c),"Scroll: Size changed before updating detector elements.");o(c,u,s)}else f("Aborting because element container has not been initialized");else f("Aborting because element has been uninstalled")})),n.add(1,(function(){i(c)?l()?b(c,u,s):f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")})),a&&n.add(2,(function(){i(c)?l()?a():f("Aborting because element container has not been initialized"):f("Aborting because element has been uninstalled")}))}function l(){return!!i(c).container}function d(){f("notifyListenersIfNeeded invoked");var e=i(c);return void 0===i(c).lastNotifiedWidth&&e.lastWidth===e.startSize.width&&e.lastHeight===e.startSize.height?f("Not notifying: Size is the same as the start size, and there has been no notification yet."):e.lastWidth===e.lastNotifiedWidth&&e.lastHeight===e.lastNotifiedHeight?f("Not notifying: Size already notified"):(f("Current size not notified, notifying..."),e.lastNotifiedWidth=e.lastWidth,e.lastNotifiedHeight=e.lastHeight,void S(i(c).listeners,(function(e){e(c)})))}function p(){if(f("Scroll detected."),h(c))f("Scroll event fired while unrendered. Ignoring...");else{var e=c.offsetWidth,t=c.offsetHeight;e!==i(c).lastWidth||t!==i(c).lastHeight?(f("Element size changed."),a(d)):f("Element size has not changed ("+e+"x"+t+").")}}if(f("registerListenersAndPositionElements invoked."),i(c)){i(c).onRendered=function(){if(f("startanimation triggered."),h(c))f("Ignoring since element is still unrendered...");else{f("Element rendered.");var e=u(c),t=s(c);0!==e.scrollLeft&&0!==e.scrollTop&&0!==t.scrollLeft&&0!==t.scrollTop||(f("Scrollbars out of sync. Updating detector elements..."),a(d))}},i(c).onExpand=p,i(c).onShrink=p;var v=i(c).style;o(c,v.width,v.height)}else f("Aborting because element has been uninstalled")}function T(){if(f("finalizeDomMutation invoked."),i(c)){var e=i(c).style;y(c,e.width,e.height),b(c,e.width,e.height)}else f("Aborting because element has been uninstalled")}function z(){d(c)}function M(){var e;f("Installing..."),i(c).listeners=[],e=p(),i(c).startSize={width:e.width,height:e.height},f("Element start size",i(c).startSize),n.add(0,v),n.add(1,C),n.add(2,I),n.add(3,T),n.add(4,z)}d||(d=c,c=e,e=null),e=e||{},f("Making detectable..."),!function(e){return!function(e){return e===e.ownerDocument.body||e.ownerDocument.body.contains(e)}(e)||null===window.getComputedStyle(e)}(c)?M():(f("Element is detached"),E(),f("Waiting until element is attached..."),i(c).onRendered=function(){f("Element is now attached"),M()})},addListener:function(e,t){if(!i(e).listeners.push)throw Error("Cannot add listener to an element that is not detectable.");i(e).listeners.push(t)},uninstall:function(e){var t=i(e);t&&(t.onExpandScroll&&c(u(e),"scroll",t.onExpandScroll),t.onShrinkScroll&&c(s(e),"scroll",t.onShrinkScroll),t.onAnimationStart&&c(t.container,"animationstart",t.onAnimationStart),t.container&&e.removeChild(t.container))}}},I=v.forEach;function T(e){return Array.isArray(e)||void 0!==e.length}function z(e){if(Array.isArray(e))return e;var t=[];return I(e,(function(e){t.push(e)})),t}function M(e){return e&&1===e.nodeType}function O(e,t,n){var i=e[t];return null==i&&void 0!==n?n:i}var R=null;"undefined"!=typeof window&&(R=function(e){var t,n;if((e=e||{}).idHandler)t={get:function(t){return e.idHandler.get(t,!0)},set:e.idHandler.set};else{var i=function(e){var t=e.idGenerator,n=e.stateHandler.getState;return{get:function(e){var t=n(e);return t&&void 0!==t.id?t.id:null},set:function(e){var i=n(e);if(!i)throw Error("setId required the element to have a resize detection state.");var r=t.generate();return i.id=r,r}}}({idGenerator:(n=1,{generate:function(){return n++}}),stateHandler:E});t=i}var r=e.reporter;r||(r=function(e){function t(){}var n={log:t,warn:t,error:t};if(!e&&window.console){var i=function(e,t){e[t]=function(){var e=console[t];if(e.apply)e.apply(console,arguments);else for(var n=0;arguments.length>n;n++)e(arguments[n])}};i(n,"log"),i(n,"warn"),i(n,"error")}return n}(!1===r));var o=O(e,"batchProcessor",g({reporter:r})),a={};a.callOnAdd=!!O(e,"callOnAdd",!0),a.debug=!!O(e,"debug",!1);var l,c=function(e){var t={};function n(n){var i=e.get(n);return void 0===i?[]:t[i]||[]}return{get:n,add:function(n,i){var r=e.get(n);t[r]||(t[r]=[]),t[r].push(i)},removeListener:function(e,t){for(var i=n(e),r=0,o=i.length;o>r;++r)if(i[r]===t){i.splice(r,1);break}},removeAllListeners:function(e){var t=n(e);t&&(t.length=0)}}}(t),u=function(e){var t=e.stateHandler.getState;return{isDetectable:function(e){var n=t(e);return n&&!!n.isDetectable},markAsDetectable:function(e){t(e).isDetectable=!0},isBusy:function(e){return!!t(e).busy},markBusy:function(e,n){t(e).busy=!!n}}}({stateHandler:E}),s=O(e,"strategy","object"),d={reporter:r,batchProcessor:o,stateHandler:E,idHandler:t};if("scroll"===s&&(y.isLegacyOpera()?(r.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."),s="object"):y.isIE(9)&&(r.warn("Scroll strategy is not supported on IE9. Changing to object strategy."),s="object")),"scroll"===s)l=C(d);else{if("object"!==s)throw Error("Invalid strategy name: "+s);l=function(e){var t=(e=e||{}).reporter,n=e.batchProcessor,i=e.stateHandler.getState;if(!t)throw Error("Missing required dependency: reporter.");function r(e){return i(e).object}return{makeDetectable:function(e,r,o){o||(o=r,r=e,e=null),e=e||{},y.isIE(8)?o(r):function(e,r){var o="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding: 0; margin: 0; opacity: 0; z-index: -1000; pointer-events: none;",a=!1,l=window.getComputedStyle(e),c=e.offsetWidth,u=e.offsetHeight;function s(){function n(){if("static"===l.position){e.style.position="relative";var n=function(e,t,n,i){var r=n[i];"auto"!==r&&"0"!==function(e){return e.replace(/[^-\d\.]/g,"")}(r)&&(e.warn("An element that is positioned static has style."+i+"="+r+" which is ignored due to the static positioning. The element will need to be positioned relative, so the style."+i+" will be set to 0. Element: ",t),t.style[i]=0)};n(t,e,l,"top"),n(t,e,l,"right"),n(t,e,l,"bottom"),n(t,e,l,"left")}}""!==l.position&&(n(),a=!0);var c=document.createElement("object");c.style.cssText=o,c.tabIndex=-1,c.type="text/html",c.setAttribute("aria-hidden","true"),c.onload=function(){a||n(),function e(t,n){t.contentDocument?n(t.contentDocument):setTimeout((function(){e(t,n)}),100)}(this,(function(t){r(e)}))},y.isIE()||(c.data="about:blank"),e.appendChild(c),i(e).object=c,y.isIE()&&(c.data="about:blank")}i(e).startSize={width:c,height:u},n?n.add(s):s()}(r,o)},addListener:function(e,t){if(!r(e))throw Error("Element is not detectable by this strategy.");function n(){t(e)}y.isIE(8)?(i(e).object={proxy:n},e.attachEvent("onresize",n)):r(e).contentDocument.defaultView.addEventListener("resize",n)},uninstall:function(e){y.isIE(8)?e.detachEvent("onresize",i(e).object.proxy):e.removeChild(r(e)),delete i(e).object}}}(d)}var f={};return{listenTo:function(e,n,i){function o(e){var t=c.get(e);I(t,(function(t){t(e)}))}function s(e,t,n){c.add(t,n),e&&n(t)}if(i||(i=n,n=e,e={}),!n)throw Error("At least one element required.");if(!i)throw Error("Listener required.");if(M(n))n=[n];else{if(!T(n))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");n=z(n)}var d=0,h=O(e,"callOnAdd",a.callOnAdd),p=O(e,"onReady",(function(){})),v=O(e,"debug",a.debug);I(n,(function(e){E.getState(e)||(E.initState(e),t.set(e));var a=t.get(e);if(v&&r.log("Attaching listener to element",a,e),!u.isDetectable(e))return v&&r.log(a,"Not detectable."),u.isBusy(e)?(v&&r.log(a,"System busy making it detectable"),s(h,e,i),f[a]=f[a]||[],void f[a].push((function(){++d===n.length&&p()}))):(v&&r.log(a,"Making detectable..."),u.markBusy(e,!0),l.makeDetectable({debug:v},e,(function(e){if(v&&r.log(a,"onElementDetectable"),E.getState(e)){u.markAsDetectable(e),u.markBusy(e,!1),l.addListener(e,o),s(h,e,i);var t=E.getState(e);if(t&&t.startSize)t.startSize.width===e.offsetWidth&&t.startSize.height===e.offsetHeight||o(e);f[a]&&I(f[a],(function(e){e()}))}else v&&r.log(a,"Element uninstalled before being detectable.");delete f[a],++d===n.length&&p()})));v&&r.log(a,"Already detecable, adding listener."),s(h,e,i),d++})),d===n.length&&p()},removeListener:c.removeListener,removeAllListeners:c.removeAllListeners,uninstall:function(e){if(!e)return r.error("At least one element is required.");if(M(e))e=[e];else{if(!T(e))return r.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");e=z(e)}I(e,(function(e){c.removeAllListeners(e),l.uninstall(e),E.cleanState(e)}))}}}({strategy:"scroll"}));var k=R;function L(e){var t=0,n=0;if("undefined"!=typeof window&&(t=e.offsetWidth,n=e.offsetHeight,window.getComputedStyle)){var i=window.getComputedStyle(e)||{};i.paddingLeft&&(t-=parseInt(i.paddingLeft,10)),i.paddingRight&&(t-=parseInt(i.paddingRight,10)),i.borderLeftWidth&&(t-=parseInt(i.borderLeftWidth,10)),i.borderRightWidth&&(t-=parseInt(i.borderRightWidth,10)),i.paddingTop&&(n-=parseInt(i.paddingTop,10)),i.paddingBottom&&(n-=parseInt(i.paddingBottom,10)),i.borderTopWidth&&(n-=parseInt(i.borderTopWidth,10)),i.borderBottomWidth&&(n-=parseInt(i.borderBottomWidth,10))}return{width:t,height:n}}function P(e,t){return e===t||!(!e||!t)&&(e.width===t.width&&e.height===t.height)}function H(e){return!isNaN(parseFloat(e))&&isFinite(e)}function A(e){var o=e.width,a=e.height,l=e.onResize,s=e.children,d=r(e,["width","height","onResize","children"]),f=t.useState(null),h=f[0],p=f[1],v=u(h),y=t.useRef(null),m=v.current,g=t.useCallback((function(){var e=L(y.current);p((function(t){return P(t,e)?t:e}))}),[]);c((function(){m!==h&&h&&l(h),h||g()})),c((function(){if((!H(o)||!H(a))&&k){var e=y.current;return k.listenTo(e,(function(){return g()})),function(){return k.uninstall(e)}}}),[o,a]),t.useMemo((function(){var e=null;H(o)&&H(a)&&(e={width:o,height:a}),p((function(t){return P(t,e)?t:e}))}),[o,a]);var w=null;h&&(w="function"==typeof s?s(h):s);var x={width:H(o)?o:"100%",height:H(a)?a:"100%"};return d.style&&Object.assign(x,d.style),d.style=x,n.createElement("div",i({},d,{ref:y}),w)}A.defaultProps={width:null,height:null,onResize:function(){}};var W=function(){},D=function(){};if("undefined"!=typeof window){W=window.requestAnimationFrame,D=window.cancelAnimationFrame;for(var j=["ms","moz","webkit","o"],N=0,B=0;4>B&&!W;++B)W=window[j[B]+"RequestAnimationFrame"],D=window[j[B]+"CancelAnimationFrame"]||window[j[B]+"CancelRequestAnimationFrame"];W||(W=function(e){var t=(new Date).getTime(),n=Math.max(0,16-(t-N)),i=window.setTimeout((function(){e(t+n)}),n);return N=t+n,i},D=function(e){clearTimeout(e)})}function V(e,t){var n=t.x,i=t.y,r=Math.sqrt(n*n+i*i);return 0===r?{x:0,y:0}:{x:e*(n/r),y:e*(i/r)}}function q(e,t,n,i){if(i){var r="y"===i?["y","height"]:["x","width"],o=r[0];if(!e[o])return 0;var a=0>e[o]?-1:1;return a*Math.min(a*e[o],Math.sqrt(2*(.5*t[r[1]])*a*n[o]))}"object"!=typeof n&&(n=V(n,e));var l={x:q(e,t,n,"x"),y:q(e,t,n,"y")};return l.x===e.x&&l.y===e.y?e:l}function _(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=t[c],s=Math.min(u-n[c],0),d=e[l];return i&&u>0&&(s=u*Math.ceil(s/u)),d>0?d=0:s>d?d=s:!r&&i&&u>0&&(d=u*Math.round(d/u)),d}var f={x:_(e,t,n,i,r,"x"),y:_(e,t,n,i,r,"y")};return f.x===e.x&&f.y===e.y?e:f}function F(e,t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=e[l];if(i&&n[c]>0){var s=u/n[c];u=n[c]*(s=t[l]>.5?Math.ceil(s):-.5>t[l]?Math.floor(s):Math.round(s))}else r[l]&&(u+=.5*t[l]*(t[l]/r[l]));return u}return"object"!=typeof r&&(r=V(r,t)),{x:F(e,t,n,i,r,"x"),y:F(e,t,n,i,r,"y")}}function X(e,t,n,i){var r=(new Date).getTime(),o=0;if(!t)return{endOffset:e,rate:t,duration:o,startTime:r};var a,l={x:e.x-n.x,y:e.y-n.y},c=Math.sqrt(Math.pow(l.x,2)+Math.pow(l.y,2));if(c){var u=Math.sqrt(.5*Math.pow(a=(i.x*l.x+i.y*l.y)/c,2)+t*c),s=(u-a)/t;0>s&&(u=a,s=0),o=s+u/t}else a=Math.sqrt(Math.pow(i.x,2)+Math.pow(i.y,2)),o=(Math.sqrt(2)+1)*a/t;return{endOffset:e,rate:t,duration:o,startTime:r,points:{x:[n.x,n.x+i.x*(o/3),e.x,e.x],y:[n.y,n.y+i.y*(o/3),e.y,e.y]}}}var Y=.025,G=.0025,U={size:{width:0,height:0},contentSize:{width:0,height:0},contentOffset:{x:0,y:0},contentVelocity:{x:0,y:0},drag:null,deceleration:null,options:[!1,!1,!0,!0],pannable:a};function J(e,t){return function(e,t){var n=e.size,r=e.contentSize,o=e.contentOffset,a=e.contentVelocity,l=e.drag,c=e.deceleration,u=e.options[0],s=Y;if(c){var d=c.endOffset;if(d!==_(d,n,r,u,!0)&&o!==_(o,n,r,u,!0)){var f=a;return c.rate!==s&&(f=q(f,n,s),d=F(o,f,n,u,s)),d=_(d,n,r,u,!0),i({},e,{contentVelocity:f,drag:null,deceleration:X(d,s,o,f)})}}else if(!l){var h=_(o,n,r,u);if(o!==h){var p=F(h,{x:0,y:0},n,u,s);return i({},e,{drag:null,deceleration:X(p,s,o,a)})}}return e}(function(e,t){switch(t.type){case"setPannable":return function(e,t){return i({},e,{pannable:t.value})}(e,t);case"setOptions":return function(e,t){return i({},e,{options:t.value})}(e,t);case"setSize":return function(e,t){return i({},e,{size:t.value})}(e,t);case"setContentSize":return function(e,t){return i({},e,{contentSize:t.value})}(e,t);case"dragStart":return function(e,t){var n=e.contentOffset,r=e.pannable.velocity,o={x:1,y:1};e.options[1]&&(Math.abs(r.x)>Math.abs(r.y)?o.y=0:o.x=0);return i({},e,{contentVelocity:{x:o.x*r.x,y:o.y*r.y},drag:{direction:o,startOffset:n},deceleration:null})}(e);case"dragMove":return function(e,t){var n=e.contentOffset,r=e.drag,o=e.options,a=e.pannable,l=a.translation,c=a.interval,u=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height","width"]:["x","width","height"],l=a[0],c=a[1],u=a[2],s=t[l],d=Math.min(i[c]-r[c],0),f=.5*Math.min(i[c],i[u]);return s>0?n[l]?f*(1-f/(f+s)):0:d>s?n[l]?d-f*(1-f/(f-s+d)):d:s}var h={x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")};return h.x===t.x&&h.y===t.y?t:h}({x:r.startOffset.x+r.direction.x*l.x,y:r.startOffset.y+r.direction.y*l.y},{x:o[2],y:o[3]},e.size,e.contentSize);return i({},e,{contentOffset:u,contentVelocity:{x:(u.x-n.x)/c,y:(u.y-n.y)/c},drag:r,deceleration:null})}(e);case"dragEnd":return function(e,t){var n=e.size,r=e.contentOffset,o=e.options[0],a=G,l=e.contentVelocity;o&&(l=q(l,n,a=Y));var c=F(r,l,n,o,a);return i({},e,{contentVelocity:l,drag:null,deceleration:X(c,a,r,l)})}(e);case"dragCancel":return function(e,t){var n=e.contentOffset,r=e.contentVelocity,o=Y,a=F(e.drag.startOffset,{x:0,y:0},e.size,e.options[0],o);return i({},e,{drag:null,deceleration:X(a,o,n,r)})}(e);case"decelerate":return function(e,t){var n=e.deceleration,r=t.now;if(!n)return e;var o=function e(t,n,r){var o=t.duration,a=t.endOffset,l=1;if(o>0&&(l=(n-t.startTime)/o),r){var c,u=("y"===r?["y"]:["x"])[0],s=t.points[u],d=s[0],f=s[1],h=s[2],p=s[3],v=d-3*(d-f)*l+3*(d-2*f+h)*Math.pow(l,2)-(d-3*f+3*h-p)*Math.pow(l,3),y=(-3*(d-f)+6*(d-2*f+h)*l-3*(d-3*f+3*h-p)*Math.pow(l,2))/o;return(c={})[u+"Offset"]=v,c[u+"Velocity"]=y,c}if(0>l||l>=1)return{offset:a,velocity:{x:0,y:0},didEnd:!0};var m=i({},e(t,n,"x"),{},e(t,n,"y"));return{offset:{x:m.xOffset,y:m.yOffset},velocity:{x:m.xVelocity,y:m.yVelocity},didEnd:!1}}(n,r);return i({},e,{contentOffset:o.offset,contentVelocity:o.velocity,drag:null,deceleration:o.didEnd?null:n})}(e,t);case"scrollTo":return K(e,t);case"scrollToRect":return function(e,t){var n=t.animated,i=function e(t,n,i,r,o){if(o){var a="y"===o?["y","height"]:["x","width"],l=a[0],c=a[1],u=-t[l],s=r[c]-t[c];if("auto"===n[l]){var d=0>s?-1:1;u+=d*Math.max(0,Math.min(d*(i[l]-u),d*s))}else"start"===n[l]?n[l]=0:"center"===n[l]?n[l]=.5:"end"===n[l]&&(n[l]=1),("number"!=typeof n[l]||isNaN(n[l]))&&(n[l]=.5),u+=n[l]*s;return u}"object"!=typeof n&&(n={x:n,y:n});return{x:e(t,n,i,r,"x"),y:e(t,n,i,r,"y")}}(t.rect,t.align,e.contentOffset,e.size);return K(e,{type:"scrollTo",offset:i,animated:n})}(e,t);default:return e}}(e,t))}function K(e,t){var n=e.contentOffset,r=e.contentVelocity,o=t.point,a=e.drag,l=e.deceleration,c=t.offset,u=void 0===c?{x:0,y:0}:c,s=t.animated;return o&&(u={x:-o.x,y:-o.y}),u.x===n.x&&u.y===n.y?e:(a&&(s=!1),s?i({},e,{deceleration:X(F(u,{x:0,y:0},e.size,e.options[0],Y),Y,n,r)}):(a?a=i({},a,{startOffset:{x:a.startOffset.x+u.x-n.x,y:a.startOffset.y+u.y-n.y}}):l=l?X({x:l.endOffset.x+u.x-n.x,y:l.endOffset.y+u.y-n.y},l.rate,u,r):X(u),i({},e,{contentOffset:u,drag:a,deceleration:l})))}var Q=n.createContext({visibleRect:null,resizeContent:function(){}});function Z(e){var o=e.width,a=e.height,l=e.children,s=r(e,["width","height","children"]),d=t.useState(null),f=d[0],h=d[1],p=u(f),v=t.useContext(Q),y=t.useRef(null),m=p.current,g=t.useCallback((function(){}),[]),w=t.useCallback((function(){return y.current}),[]),x=t.useCallback((function(){var e=L(y.current);h((function(t){return P(t,e)?t:e}))}),[]);c((function(){m!==f&&f&&v.resizeContent(f),f||x()})),t.useMemo((function(){var e=null;H(o)&&H(a)&&(e={width:o,height:a}),h((function(t){return P(t,e)?t:e}))}),[o,a]);var b="function"==typeof l?l(f,{getResizeNode:w,calculateSize:x}):l,E={position:"relative"},S={position:"absolute"};return H(o)&&(S.width=o),H(a)&&(S.height=a),b=n.createElement("div",{ref:y,style:S},b),f?(E.width=f.width,E.height=f.height):b=n.createElement("div",{style:{position:"absolute"}},b),s.style&&Object.assign(E,s.style),s.style=E,n.createElement(Q.Provider,{value:i({},v,{resizeContent:g})},n.createElement("div",s,b))}Z.defaultProps={width:null,height:null},Z.PadContent=!0;var $=i({},Z.defaultProps);function ee(e){var i=e.width,r=e.height,o=e.children,a=t.useState(null),l=a[0],c=a[1],u=t.useRef({});return t.useEffect((function(){if(!H(i)||!H(r)){var e=u.current,t=e.calculateSize;if(l){var n=(0,e.getResizeNode)();return k.listenTo(n,(function(){t()})),function(){k.uninstall(n)}}}}),[i,r,l]),n.createElement(Z,e,(function(e,t){return u.current=t,l!==e&&c(e),"function"==typeof o?o(e,t):o}))}ee.defaultProps=$,ee.PadContent=!0;var te=i({width:0,height:0,pagingEnabled:!1,directionalLockEnabled:!1,alwaysBounceX:!0,alwaysBounceY:!0,onScroll:function(){},onDragStart:function(){},onDragEnd:function(){},onDecelerationStart:function(){},onDecelerationEnd:function(){},onContentResize:function(){},renderBackground:function(){return null},renderOverlay:function(){return null},scrollTo:null,scrollToRect:null},h.defaultProps);function ne(e){var o=e.width,a=e.height,l=e.pagingEnabled,d=e.directionalLockEnabled,f=e.alwaysBounceX,p=e.alwaysBounceY,v=e.onScroll,y=e.onDragStart,m=e.onDragEnd,g=e.onDecelerationStart,w=e.onDecelerationEnd,x=e.onContentResize,b=e.renderBackground,E=e.renderOverlay,S=e.scrollTo,C=e.scrollToRect,I=e.children,T=r(e,["width","height","pagingEnabled","directionalLockEnabled","alwaysBounceX","alwaysBounceY","onScroll","onDragStart","onDragEnd","onDecelerationStart","onDecelerationEnd","onContentResize","renderBackground","renderOverlay","scrollTo","scrollToRect","children"]),z=T.enabled,M=T.shouldStart,O=t.useReducer(J,U),R=O[0],k=O[1],L=u(R),H=R.size,A=R.contentSize,j=R.contentOffset,N=R.drag,B=R.deceleration,V=R.pannable,q={size:H,contentSize:A,contentOffset:j,contentVelocity:R.contentVelocity,dragging:!!N,decelerating:!!B},_=L.current,F=t.useCallback((function(e){P(A,e)||k({type:"setContentSize",value:e})}),[A]),X=t.useCallback((function(e){return!(d&&!function(e,t,n){var i=Math.abs(e.x)>Math.abs(e.y)?"width":"height";return n[i]>t[i]}(e.velocity,H,A))&&M(e)}),[M,d,H,A]);c((function(){_.pannable.translation!==V.translation&&(V.translation?k(_.pannable.translation?{type:"dragMove"}:{type:"dragStart"}):_.pannable.translation&&k(z?{type:"dragEnd"}:{type:"dragCancel"})),_.contentSize!==A&&x(A),_.contentOffset!==j&&v(q),_.drag!==N&&(_.drag?N||m(q):y(q)),_.deceleration!==B&&(_.deceleration?B||w(q):g(q))})),c((function(){if(R.deceleration){var e=W((function(){k({type:"decelerate",now:(new Date).getTime()})}));return function(){D(e)}}}),[R]),t.useMemo((function(){k({type:"setSize",value:{width:o,height:a}})}),[o,a]),t.useMemo((function(){k({type:"setOptions",value:[l,d,f,p]})}),[l,d,f,p]),t.useMemo((function(){S&&k(i({type:"scrollTo"},S))}),[S]),t.useMemo((function(){C&&k(i({type:"scrollToRect"},C))}),[C]),T.shouldStart=X;var Y={overflow:"hidden",position:"relative",width:H.width,height:H.height};return T.style&&Object.assign(Y,T.style),T.style=Y,n.createElement(h,T,(function(e){var i;return V!==e&&k({type:"setPannable",value:e}),n.createElement(Q.Provider,{value:{visibleRect:{x:-j.x,y:-j.y,width:H.width,height:H.height},resizeContent:F}},null==(i=b(q))?null:n.createElement("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0}},i),function(){var e=s.create({position:"absolute",width:A.width,height:A.height,transformTranslate:j,willChange:"transform"}),i="function"==typeof I?I(R):I;return t.isValidElement(i)&&i.type.PadContent?(i.props.style&&Object.assign(e,i.props.style),i=t.cloneElement(i,{style:e,ref:i.ref})):i=n.createElement(ee,{style:e},i),i}(),E(q))}))}function ie(e,t,n){if(!t)return t;if(n){var r,o="y"===n?["y","height"]:["x","width"],a=o[0],l=o[1];return(r={})[a]=t[a]-e[a],r[l]=t[l],r}return i({},ie(e,t,"x"),{},ie(e,t,"y"))}function re(e,t,n){if(!t)return!0;if(n){var i="y"===n?["y","height"]:["x","width"],r=i[0],o=i[1];return e[r]+e[o]>=t[r]-.25*t[o]&&t[r]+1.25*t[o]>=e[r]}return re(e,t,"x")&&re(e,t,"y")}function oe(){}ne.defaultProps=te;function ae(e){var o=e.width,a=e.height,l=e.direction,s=e.rowSpacing,d=e.columnSpacing,f=e.itemCount,h=e.itemWidth,p=e.itemHeight,v=e.renderItem,y=e.children,m=r(e,["width","height","direction","rowSpacing","columnSpacing","itemCount","itemWidth","itemHeight","renderItem","children"]),g=t.useMemo((function(){return function(e){var t,n,i=e.itemCount,r={width:e.itemWidth,height:e.itemHeight},o={row:e.rowSpacing,column:e.columnSpacing},a="x"===e.direction?["y","x","height","width","column","row"]:["x","y","width","height","row","column"],l=a[0],c=a[1],u=a[2],s=a[3],d=a[4],f=a[5],h={width:e.width,height:e.height}[u],p=0,v=0,y=0,m=[];"number"!=typeof h?(y=i,0===r[u]?h=0:(h=i*r[u],i>1&&(h+=(i-1)*o[f]))):0===r[u]?y=i:(y=1,h>r[u]&&(y+=Math.floor((h-r[u])/(r[u]+o[f]))));y>0&&(v=Math.ceil(i/y));for(var g=0;v>g;g++){g>0&&(p+=o[d]);for(var w=0;y>w;w++){var x,b,E=w+g*y,S=0;if(y>1&&(S+=Math.round(w*((h-r[u])/(y-1)))),E>=i)break;m.push(((b={rect:(x={},x[l]=S,x[c]=p,x[u]=r[u],x[s]=r[s],x)})[d+"Index"]=g,b[f+"Index"]=w,b.itemIndex=E,b))}p+=r[s]}return{size:(t={},t[u]=h,t[s]=p,t),count:(n={},n[d]=v,n[f]=y,n),layoutList:m}}({direction:l,width:o,height:a,rowSpacing:s,columnSpacing:d,itemCount:f,itemWidth:h,itemHeight:p})}),[l,o,a,s,d,f,h,p]),w=u(g),x=t.useContext(Q),b=g.size,E=g.layoutList,S=w.current,C=t.useCallback((function(){}),[]);c((function(){x.resizeContent(b)}),[]),c((function(){P(S.size,b)||x.resizeContent(b)}));var I={position:"relative"};b&&(I.width=b.width,I.height=b.height),m.style&&Object.assign(I,m.style),m.style=I;var T=E.map((function(e){return function(e){var r=e.rect,o=e.itemIndex,a=e.visibleRect,l=e.needsRender,c=e.Item,u=!1,s=v(e),d="GridContent_"+o,f={position:"absolute",left:r.x,top:r.y,width:r.width,height:r.height};return t.isValidElement(s)&&s.type===c&&(void 0!==s.props.forceRender&&(u=s.props.forceRender),s.key&&(d=s.key),s=s.props.children),l||u?(t.isValidElement(s)?(s.props.style&&Object.assign(f,s.props.style),s=t.cloneElement(s,{style:f,ref:s.ref})):s=n.createElement("div",{style:f},s),n.createElement(Q.Provider,{key:d,value:i({},x,{visibleRect:a,resizeContent:C})},s)):null}(i({},e,{visibleRect:ie(e.rect,x.visibleRect),needsRender:re(e.rect,x.visibleRect),Item:oe}))}));return"function"==typeof y&&y(g),n.createElement("div",m,T)}function le(){}ae.defaultProps={width:null,height:null,direction:"y",rowSpacing:0,columnSpacing:0,itemCount:0,itemWidth:0,itemHeight:0,renderItem:function(){return null}},ae.PadContent=!0;function ce(e){var o=e.width,a=e.height,l=e.direction,s=e.spacing,d=e.itemCount,f=e.estimatedItemWidth,h=e.estimatedItemHeight,p=e.renderItem,v=e.children,y=r(e,["width","height","direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","children"]),m=t.useState([]),g=m[0],w=m[1],x=t.useState({}),b=x[0],E=x[1],S=t.useMemo((function(){return function(e,t,n){var i,r=e.spacing,o=e.itemCount,a=e.estimatedItemWidth,l=e.estimatedItemHeight,c={width:e.width,height:e.height},u="x"===e.direction?["y","x","height","width"]:["x","y","width","height"],s=u[0],d=u[1],f=u[2],h=u[3],p=0,v=0,y=[],m={};H(c[f])&&(m[f]=c[f]);for(var g=0;o>g;g++){var w,x=t[g]||null,b=n[x]||null,E=((w={})[s]=0,w[d]=v,w);b?Object.assign(E,b):(E[f]=void 0!==m[f]?m[f]:"function"==typeof a?a(g):a,E[h]="function"==typeof l?l(g):l),y.push({rect:E,itemIndex:g,itemHash:x,itemSize:b}),E[h]>0&&(v+=E[h],o-1>g&&(v+=r)),E[f]>p&&(p=E[f])}return{size:(i={},i[f]=p,i[h]=v,i),fixed:m,layoutList:y}}({width:o,height:a,direction:l,spacing:s,itemCount:d,estimatedItemWidth:f,estimatedItemHeight:h},g,b)}),[o,a,l,s,d,f,h,g,b]),C=u(S),I=t.useContext(Q),T=S.size,z=S.fixed,M=S.layoutList,O=C.current,R=[];c((function(){I.resizeContent(T)}),[]),c((function(){P(O.size,T)||I.resizeContent(T)}));var k={position:"relative"};T&&(k.width=T.width,k.height=T.height),y.style&&Object.assign(k,y.style),y.style=k;var L=M.map((function(e){return function(e){var r,o=e.rect,a=e.itemIndex,l=e.itemSize,c=e.visibleRect,u=e.needsRender,s=e.Item,d=!1,f=p(e),h="ListContent_"+a,v={position:"absolute",left:o.x,top:o.y,width:o.width,height:o.height};t.isValidElement(f)&&f.type===s&&(void 0!==f.props.forceRender&&(d=f.props.forceRender),f.key&&(h=f.key),void 0!==f.props.hash&&(r=f.props.hash),f=f.props.children),void 0===r&&(r=h);var y=!u&&!d;if(l||-1===R.indexOf(r)||(y=!0),R[a]=r,y)return null;var m,g={};return l?Object.assign(g,l):(H(z.width)&&(g.width=z.width),H(z.height)&&(g.height=z.height)),t.isValidElement(f)&&f.type.PadContent?(f.props.style&&Object.assign(v,f.props.style),H(f.props.width)&&(g.width=f.props.width),H(f.props.height)&&(g.height=f.props.height),f=t.cloneElement(f,i({},g,{style:v,ref:f.ref}))):f=n.createElement(Z,i({},g,{style:v}),f),n.createElement(Q.Provider,{key:h,value:i({},I,{visibleRect:c,resizeContent:(m=r,function(e){E((function(t){var n;return P(t[m],e)?t:i({},t,((n={})[m]=e,n))}))})})},f)}(i({},e,{visibleRect:ie(e.rect,I.visibleRect),needsRender:re(e.rect,I.visibleRect),Item:le}))}));return function(e,t){if(e===t)return!0;if(!e||!t)return!1;if(e.length!==t.length)return!1;for(var n=0;e.length>n;n++)if(e[n]!==t[n])return!1;return!0}(g,R)||w(R),"function"==typeof v&&v(S),n.createElement("div",y,L)}ce.defaultProps={width:null,height:null,direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null}},ce.PadContent=!0;var ue={mouseEntered:!1,loopCount:1,loopOffset:0,loopWidth:0,scrollTo:null,options:["x",!0],pad:U};function se(e,t){switch(t.type){case"setMouseEntered":return function(e,t){return i({},e,{mouseEntered:t.value})}(e,t);case"setPad":return function(e,t){var n=i({},e,{pad:t.value});return n=de(n=function(e,t){var n,r=e.loopCount,o=e.loopOffset,a=e.options,l=a[0],c=e.pad,u=c.contentOffset,s=c.size,d=c.contentSize;if(a[1]){var f=function(e,t,n,i,r){var o;if(1===i)return[e,0];var a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],c=a[1],u=a[2],s=n[l],d=t[l],f=s/i,h=.5*(s-f-d),p=0,v=d-s,y=e[c],m=0;if(p-=h,y>=(v+=h)&&p>=y)return[e,0];v>y?m=Math.floor((p-y)/f):y>p&&(m=-Math.floor((y-v)/f));return[(o={},o[c]=y+=f*m,o[u]=e[u],o),m]}(u,s,d,r,l),h=f[0],p=f[1];u!==h&&((n=n||i({},e)).loopOffset=o+p,n.scrollTo={offset:h,animated:!1})}return n||e}(n))}(e,t);case"setOptions":return function(e,t){var n=i({},e,{options:t.value});return n=de(n)}(e,t);case"setScrollTo":return function(e,t){return i({},e,{scrollTo:t.value})}(e,t);case"playNext":return function(e,t){var n=e.pad,r=function(e,t,n,i,r){var o,a="y"===r?["height","y","x"]:["width","x","y"],l=a[0],c=a[1],u=a[2],s=t[l],d=Math.min(s-n[l],0),f=e[c];i&&s>0&&(d=s*Math.ceil(d/s));f=f>d?Math.max(d,f-s):0;return(o={})[c]=f,o[u]=e[u],o}(n.contentOffset,n.size,n.contentSize,n.pagingEnabled,e.options[0]);return i({},e,{scrollTo:{offset:r,animated:!0}})}(e);default:return e}}function de(e,t){var n=e.options,r=e.pad;return i({},e,{},function(e,t,n,i,r){var o="y"===r?"height":"width",a=e[o],l=t[o],c=l/n;if(!i||0===l||0===a)return{loopCount:1,loopOffset:0,loopWidth:c};return{loopCount:2+Math.floor(a/c),loopWidth:c}}(r.size,r.contentSize,e.loopCount,n[1],n[0]))}var fe=i({direction:"x",loop:!0,autoplayEnabled:!0,autoplayInterval:5e3},ne.defaultProps,{pagingEnabled:!0,directionalLockEnabled:!0});function he(e){var i=e.direction,o=e.loop,a=e.autoplayEnabled,l=e.autoplayInterval,c=e.children,u=r(e,["direction","loop","autoplayEnabled","autoplayInterval","children"]),s=u.scrollTo,d=u.onMouseEnter,f=u.onMouseLeave,h=t.useReducer(se,ue),p=h[0],v=h[1],y=p.mouseEntered,m=p.loopCount,g=p.loopOffset,w=p.scrollTo,x=p.pad,b=t.useCallback((function(e){v({type:"setMouseEntered",value:!0}),d&&d(e)}),[d]),E=t.useCallback((function(e){v({type:"setMouseEntered",value:!1}),f&&f(e)}),[f]);return t.useEffect((function(){if(a&&!y&&!x.drag&&!x.deceleration){var e=setTimeout((function(){v({type:"playNext"})}),l);return function(){clearTimeout(e)}}}),[a,l,y,x.drag,x.deceleration]),t.useMemo((function(){v({type:"setOptions",value:[i,o]})}),[o,i]),t.useMemo((function(){v({type:"setScrollTo",value:s})}),[s]),u.scrollTo=w,"x"===i?u.alwaysBounceY=!1:u.alwaysBounceX=!1,a&&(u.onMouseEnter=b,u.onMouseLeave=E),n.createElement(ne,u,(function(e){x!==e&&v({type:"setPad",value:e});var t="function"==typeof c?c(p):c;return n.createElement(ce,{direction:i,itemCount:m,renderItem:function(e){return n.createElement(e.Item,{key:e.itemIndex+g,hash:"loop"},t)}})}))}var pe={activeIndex:0,itemCount:0,scrollTo:null,player:ue};function ve(e,t){switch(t.type){case"setPlayer":return function(e,t){var n=t.value,r=n.options[0],o=n.pad,a=o.contentOffset,l=o.size,c=o.contentSize,u=function(e,t,n){var i=e["y"===n?"height":"width"],r=0;i>0&&(r=Math.ceil(t/i));return r}(l,n.loopWidth,r),s=0;if(u>0){var d=function(e,t,n,i){var r="y"===i?["height","y"]:["width","x"],o=r[0],a=r[1],l=t[o],c=0;if(l>0){c=Math.round(-Math.max(Math.min(l-n[o],0),Math.min(e[a],0))/l)}return c}(a,l,c,r);s=d%u}return i({},e,{player:n,itemCount:u,activeIndex:s})}(e,t);case"setScrollTo":return function(e,t){return i({},e,{scrollTo:t.value})}(e,t);case"scrollToIndex":return function(e,t){var n=e.activeIndex,r=e.player.options[0],o=e.player.pad,a=o.contentOffset,l=o.size,c=t.animated,u=t.index;if(0===e.itemCount)return e;"function"==typeof u&&(u=u(e));if(u===n)return e;var s=function(e,t,n,i){var r,o="y"===i?["height","y","x"]:["width","x","y"],a=o[1],l=o[2];return(r={})[a]=t[a]-e*n[o[0]],r[l]=t[l],r}(u-n,a,l,r);return i({},e,{scrollTo:{offset:s,animated:c}})}(e,t);default:return e}}var ye=i({itemCount:0,renderItem:function(){return null},onActiveIndexChange:function(){},scrollToIndex:null},he.defaultProps=fe);function me(e){var o=e.itemCount,a=e.renderItem,l=e.onActiveIndexChange,s=e.scrollToIndex,d=e.children,f=r(e,["itemCount","renderItem","onActiveIndexChange","scrollToIndex","children"]),h=f.width,p=f.height,v=f.direction,y=f.scrollTo,m=f.renderOverlay,g=t.useReducer(ve,pe),w=g[0],x=g[1],b=u(w),E=w.activeIndex,S=w.scrollTo,C=w.player,I={activeIndex:E,itemCount:w.itemCount},T=b.current;return c((function(){T.activeIndex!==E&&l(I)})),t.useMemo((function(){x({type:"setScrollTo",value:y})}),[y]),t.useMemo((function(){s&&x(i({type:"scrollToIndex"},s))}),[s]),f.scrollTo=S,f.renderOverlay=function(e){var i="function"==typeof d?d(w):d;return n.createElement(t.Fragment,null,m(e),i)},n.createElement(he,f,(function(e){return C!==e&&x({type:"setPlayer",value:e}),n.createElement(ae,{width:h,height:p,itemWidth:h,itemHeight:p,direction:v,itemCount:o,renderItem:a})}))}me.defaultProps=ye;var ge={scrollToRect:null,scrolling:!1,pad:U};function we(e,t){switch(t.type){case"setPad":return function(e,t){return i({},e,{pad:t.value})}(e,t);case"setScrollToRect":return function(e,t){return i({},e,{scrollToRect:t.value})}(e,t);case"scrollToIndex":return function(e,t){var n=t.list,r=t.index,o=void 0===r?0:r,a=n.box,l=n.body,c={x:0,y:0,width:0,height:0};a&&(c=a.layoutList[1].rect);if(l){var u=l.layoutList[o];u&&(c={x:c.x+u.rect.x,y:c.y+u.rect.y,width:u.rect.width,height:u.rect.height})}return i({},e,{scrollToRect:{rect:c,align:t.align,animated:t.animated},scrolling:!0})}(e,t);case"endScrolling":return function(e,t){return i({},e,{scrolling:!1})}(e);default:return e}}var xe=i({direction:"y",spacing:0,itemCount:0,estimatedItemWidth:0,estimatedItemHeight:0,renderItem:function(){return null},renderHeader:function(){return null},renderFooter:function(){return null},scrollToIndex:null},ne.defaultProps,{directionalLockEnabled:!0});function be(e){var o=e.direction,a=e.spacing,l=e.itemCount,s=e.estimatedItemWidth,d=e.estimatedItemHeight,f=e.renderItem,h=e.renderHeader,p=e.renderFooter,v=e.scrollToIndex,y=e.children,m=r(e,["direction","spacing","itemCount","estimatedItemWidth","estimatedItemHeight","renderItem","renderHeader","renderFooter","scrollToIndex","children"]),g=m.width,w=m.height,x=m.scrollToRect,b=t.useReducer(we,ge),E=b[0],S=b[1],C=u(E),I=t.useRef({}),T=E.scrollToRect,z=E.scrolling,M=E.pad,O=C.current;return c((function(){O.pad.contentSize!==M.contentSize&&z&&v&&S(i({type:"scrollToIndex"},v,{list:I.current}))})),t.useEffect((function(){O.pad.deceleration!==M.deceleration&&!M.deceleration&&z&&S({type:"endScrolling"})})),t.useMemo((function(){S({type:"setScrollToRect",value:x})}),[x]),t.useMemo((function(){v&&S(i({type:"scrollToIndex"},v,{list:I.current}))}),[v]),m.scrollToRect=T,"x"===o?m.alwaysBounceY=!1:m.alwaysBounceX=!1,"function"==typeof y&&y(E),n.createElement(ne,m,(function(e){M!==e&&S({type:"setPad",value:e});var t={width:g,height:w,direction:o,itemCount:3,renderItem:function(e){var t=e.itemIndex,i=e.Item;return 0===t?h(e):2===t?p(e):n.createElement(i,{forceRender:!0},n.createElement(ce,{width:g,height:w,direction:o,spacing:a,itemCount:l,estimatedItemWidth:s,estimatedItemHeight:d,renderItem:f},(function(e){I.current.body=e})))}};return n.createElement(ce,t,(function(e){I.current.box=e}))}))}be.defaultProps=xe,e.AutoResizing=A,e.Carousel=me,e.GeneralContent=ee,e.GridContent=ae,e.Infinite=be,e.ItemContent=Z,e.ListContent=ce,e.Pad=ne,e.PadContext=Q,e.Pannable=h,e.Player=he,Object.defineProperty(e,"__esModule",{value:!0})})); |
@@ -8,3 +8,3 @@ import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import { getElementSize } from './utils/sizeGetter'; | ||
| import { isEqualToSize } from './utils/geometry'; | ||
| import { isEqualToSize, isNumber } from './utils/geometry'; | ||
| var defaultAutoResizingProps = { | ||
@@ -31,7 +31,9 @@ width: null, | ||
| var calculateSize = useCallback(function () { | ||
| var nextSize = getElementSize(resizeRef.current); | ||
| setSize(nextSize); | ||
| var size = getElementSize(resizeRef.current); | ||
| setSize(function (prevSize) { | ||
| return isEqualToSize(prevSize, size) ? prevSize : size; | ||
| }); | ||
| }, []); | ||
| useIsomorphicLayoutEffect(function () { | ||
| if (!isEqualToSize(prevSize, size)) { | ||
| if (prevSize !== size) { | ||
| if (size) { | ||
@@ -47,3 +49,3 @@ onResize(size); | ||
| useIsomorphicLayoutEffect(function () { | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| if (isNumber(width) && isNumber(height)) { | ||
| return; | ||
@@ -63,6 +65,6 @@ } | ||
| useMemo(function () { | ||
| var nextSize = null; | ||
| var size = null; | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| nextSize = { | ||
| if (isNumber(width) && isNumber(height)) { | ||
| size = { | ||
| width: width, | ||
@@ -73,8 +75,6 @@ height: height | ||
| setSize(nextSize); | ||
| setSize(function (prevSize) { | ||
| return isEqualToSize(prevSize, size) ? prevSize : size; | ||
| }); | ||
| }, [width, height]); | ||
| divProps.style = _extends({ | ||
| width: getStyleDimension(width), | ||
| height: getStyleDimension(height) | ||
| }, divProps.style); | ||
| var element = null; | ||
@@ -86,2 +86,12 @@ | ||
| var elemStyle = { | ||
| width: isNumber(width) ? width : '100%', | ||
| height: isNumber(height) ? height : '100%' | ||
| }; | ||
| if (divProps.style) { | ||
| Object.assign(elemStyle, divProps.style); | ||
| } | ||
| divProps.style = elemStyle; | ||
| return React.createElement("div", _extends({}, divProps, { | ||
@@ -93,10 +103,2 @@ ref: resizeRef | ||
| AutoResizing.defaultProps = defaultAutoResizingProps; | ||
| export default AutoResizing; | ||
| function getStyleDimension(value) { | ||
| if (value === undefined || value === null || value === '') { | ||
| return '100%'; | ||
| } | ||
| return value; | ||
| } | ||
| export default AutoResizing; |
| import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import React, { Fragment, useMemo, useReducer } from 'react'; | ||
| import Player from './Player'; | ||
| import GridContent from '../GridContent'; | ||
| import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect'; | ||
| import { usePrevRef } from '../hooks/usePrevRef'; | ||
| import GridContent from '../pad/GridContent'; | ||
| import Player from './Player'; | ||
| import { reducer, initialState } from './carouselReducer'; | ||
@@ -9,0 +9,0 @@ |
| import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import React, { useCallback, useMemo, useReducer, useEffect } from 'react'; | ||
| import Pad from '../Pad'; | ||
| import ListContent from '../ListContent'; | ||
| import Pad from '../pad/Pad'; | ||
| import ListContent from '../pad/ListContent'; | ||
| import { reducer, initialState } from './playerReducer'; | ||
@@ -7,0 +7,0 @@ |
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import { initialState as padInitialState } from '../padReducer'; | ||
| import { initialState as padInitialState } from '../pad/padReducer'; | ||
| export var initialState = { | ||
@@ -4,0 +4,0 @@ mouseEntered: false, |
@@ -1,11 +0,6 @@ | ||
| import Pad from './Pad'; | ||
| import PadContext from './PadContext'; | ||
| import Pannable from './Pannable'; | ||
| import GeneralContent from './GeneralContent'; | ||
| import GridContent from './GridContent'; | ||
| import ListContent from './ListContent'; | ||
| import ItemContent from './ItemContent'; | ||
| import AutoResizing from './AutoResizing'; | ||
| export * from './pad'; | ||
| export * from './carousel'; | ||
| export * from './infinite'; | ||
| export { Pad, PadContext, Pannable, GeneralContent, GridContent, ListContent, ItemContent, AutoResizing }; | ||
| export { Pannable, AutoResizing }; |
| import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import React, { useReducer, useMemo, useRef, useEffect } from 'react'; | ||
| import Pad from '../Pad'; | ||
| import ListContent from '../ListContent'; | ||
| import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect'; | ||
| import { usePrevRef } from '../hooks/usePrevRef'; | ||
| import Pad from '../pad/Pad'; | ||
| import ListContent from '../pad/ListContent'; | ||
| import { reducer, initialState } from './infiniteReducer'; | ||
@@ -9,0 +9,0 @@ |
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import { initialState as padInitialState } from '../padReducer'; | ||
| import { initialState as padInitialState } from '../pad/padReducer'; | ||
| export var initialState = { | ||
@@ -4,0 +4,0 @@ scrollToRect: null, |
@@ -45,8 +45,2 @@ import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| interval = state.interval; | ||
| var output = { | ||
| target: target, | ||
| translation: translation, | ||
| velocity: velocity, | ||
| interval: interval | ||
| }; | ||
| var prevState = prevStateRef.current; | ||
@@ -184,2 +178,9 @@ useIsomorphicLayoutEffect(function () { | ||
| if (translation) { | ||
| var output = { | ||
| target: target, | ||
| translation: translation, | ||
| velocity: velocity, | ||
| interval: interval | ||
| }; | ||
| if (prevState.translation) { | ||
@@ -191,6 +192,13 @@ onMove(output); | ||
| } else if (prevState.translation) { | ||
| var _output = { | ||
| target: prevState.target, | ||
| translation: prevState.translation, | ||
| velocity: prevState.velocity, | ||
| interval: prevState.interval | ||
| }; | ||
| if (enabled) { | ||
| onEnd(output); | ||
| onEnd(_output); | ||
| } else { | ||
| onCancel(output); | ||
| onCancel(_output); | ||
| } | ||
@@ -197,0 +205,0 @@ } |
@@ -15,2 +15,5 @@ export function isEqualToSize(s1, s2) { | ||
| return true; | ||
| } | ||
| export function isNumber(n) { | ||
| return !isNaN(parseFloat(n)) && isFinite(n); | ||
| } |
@@ -37,3 +37,3 @@ import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -162,3 +162,3 @@ } | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -165,0 +165,0 @@ } |
| import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
| function convertTransformTranslate(translate, style) { | ||
| style.transform = "translate3d(" + translate[0] + "px, " + translate[1] + "px, 0)"; | ||
| style.WebkitTransform = "translate3d(" + translate[0] + "px, " + translate[1] + "px, 0)"; | ||
| style.msTransform = "translate(" + translate[0] + "px, " + translate[1] + "px)"; | ||
| style.transform = "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"; | ||
| style.WebkitTransform = "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"; | ||
| style.msTransform = "translate(" + translate.x + "px, " + translate.y + "px)"; | ||
| } | ||
@@ -8,0 +8,0 @@ |
@@ -47,7 +47,9 @@ "use strict"; | ||
| var calculateSize = (0, _react.useCallback)(function () { | ||
| var nextSize = (0, _sizeGetter.getElementSize)(resizeRef.current); | ||
| setSize(nextSize); | ||
| var size = (0, _sizeGetter.getElementSize)(resizeRef.current); | ||
| setSize(function (prevSize) { | ||
| return (0, _geometry.isEqualToSize)(prevSize, size) ? prevSize : size; | ||
| }); | ||
| }, []); | ||
| (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () { | ||
| if (!(0, _geometry.isEqualToSize)(prevSize, size)) { | ||
| if (prevSize !== size) { | ||
| if (size) { | ||
@@ -63,3 +65,3 @@ onResize(size); | ||
| (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () { | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| if ((0, _geometry.isNumber)(width) && (0, _geometry.isNumber)(height)) { | ||
| return; | ||
@@ -81,6 +83,6 @@ } | ||
| (0, _react.useMemo)(function () { | ||
| var nextSize = null; | ||
| var size = null; | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| nextSize = { | ||
| if ((0, _geometry.isNumber)(width) && (0, _geometry.isNumber)(height)) { | ||
| size = { | ||
| width: width, | ||
@@ -91,8 +93,6 @@ height: height | ||
| setSize(nextSize); | ||
| setSize(function (prevSize) { | ||
| return (0, _geometry.isEqualToSize)(prevSize, size) ? prevSize : size; | ||
| }); | ||
| }, [width, height]); | ||
| divProps.style = (0, _extends2["default"])({ | ||
| width: getStyleDimension(width), | ||
| height: getStyleDimension(height) | ||
| }, divProps.style); | ||
| var element = null; | ||
@@ -104,2 +104,12 @@ | ||
| var elemStyle = { | ||
| width: (0, _geometry.isNumber)(width) ? width : '100%', | ||
| height: (0, _geometry.isNumber)(height) ? height : '100%' | ||
| }; | ||
| if (divProps.style) { | ||
| Object.assign(elemStyle, divProps.style); | ||
| } | ||
| divProps.style = elemStyle; | ||
| return _react["default"].createElement("div", (0, _extends2["default"])({}, divProps, { | ||
@@ -112,10 +122,2 @@ ref: resizeRef | ||
| var _default = AutoResizing; | ||
| exports["default"] = _default; | ||
| function getStyleDimension(value) { | ||
| if (value === undefined || value === null || value === '') { | ||
| return '100%'; | ||
| } | ||
| return value; | ||
| } | ||
| exports["default"] = _default; |
@@ -16,6 +16,2 @@ "use strict"; | ||
| var _Player = _interopRequireDefault(require("./Player")); | ||
| var _GridContent = _interopRequireDefault(require("../GridContent")); | ||
| var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect"); | ||
@@ -25,2 +21,6 @@ | ||
| var _GridContent = _interopRequireDefault(require("../pad/GridContent")); | ||
| var _Player = _interopRequireDefault(require("./Player")); | ||
| var _carouselReducer = require("./carouselReducer"); | ||
@@ -27,0 +27,0 @@ |
@@ -16,5 +16,5 @@ "use strict"; | ||
| var _Pad = _interopRequireDefault(require("../Pad")); | ||
| var _Pad = _interopRequireDefault(require("../pad/Pad")); | ||
| var _ListContent = _interopRequireDefault(require("../ListContent")); | ||
| var _ListContent = _interopRequireDefault(require("../pad/ListContent")); | ||
@@ -21,0 +21,0 @@ var _playerReducer = require("./playerReducer"); |
@@ -11,3 +11,3 @@ "use strict"; | ||
| var _padReducer = require("../padReducer"); | ||
| var _padReducer = require("../pad/padReducer"); | ||
@@ -14,0 +14,0 @@ var initialState = { |
@@ -7,20 +7,6 @@ "use strict"; | ||
| var _exportNames = { | ||
| Pad: true, | ||
| PadContext: true, | ||
| Pannable: true, | ||
| GeneralContent: true, | ||
| GridContent: true, | ||
| ListContent: true, | ||
| ItemContent: true, | ||
| AutoResizing: true | ||
| }; | ||
| var _Pad = _interopRequireDefault(require("./Pad")); | ||
| exports.Pad = _Pad["default"]; | ||
| var _PadContext = _interopRequireDefault(require("./PadContext")); | ||
| exports.PadContext = _PadContext["default"]; | ||
| var _Pannable = _interopRequireDefault(require("./Pannable")); | ||
@@ -30,22 +16,14 @@ | ||
| var _GeneralContent = _interopRequireDefault(require("./GeneralContent")); | ||
| var _AutoResizing = _interopRequireDefault(require("./AutoResizing")); | ||
| exports.GeneralContent = _GeneralContent["default"]; | ||
| exports.AutoResizing = _AutoResizing["default"]; | ||
| var _GridContent = _interopRequireDefault(require("./GridContent")); | ||
| var _pad = require("./pad"); | ||
| exports.GridContent = _GridContent["default"]; | ||
| Object.keys(_pad).forEach(function (key) { | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; | ||
| exports[key] = _pad[key]; | ||
| }); | ||
| var _ListContent = _interopRequireDefault(require("./ListContent")); | ||
| exports.ListContent = _ListContent["default"]; | ||
| var _ItemContent = _interopRequireDefault(require("./ItemContent")); | ||
| exports.ItemContent = _ItemContent["default"]; | ||
| var _AutoResizing = _interopRequireDefault(require("./AutoResizing")); | ||
| exports.AutoResizing = _AutoResizing["default"]; | ||
| var _carousel = require("./carousel"); | ||
@@ -52,0 +30,0 @@ |
@@ -16,6 +16,2 @@ "use strict"; | ||
| var _Pad = _interopRequireDefault(require("../Pad")); | ||
| var _ListContent = _interopRequireDefault(require("../ListContent")); | ||
| var _useIsomorphicLayoutEffect = require("../hooks/useIsomorphicLayoutEffect"); | ||
@@ -25,2 +21,6 @@ | ||
| var _Pad = _interopRequireDefault(require("../pad/Pad")); | ||
| var _ListContent = _interopRequireDefault(require("../pad/ListContent")); | ||
| var _infiniteReducer = require("./infiniteReducer"); | ||
@@ -27,0 +27,0 @@ |
@@ -11,3 +11,3 @@ "use strict"; | ||
| var _padReducer = require("../padReducer"); | ||
| var _padReducer = require("../pad/padReducer"); | ||
@@ -14,0 +14,0 @@ var initialState = { |
@@ -62,8 +62,2 @@ "use strict"; | ||
| interval = state.interval; | ||
| var output = { | ||
| target: target, | ||
| translation: translation, | ||
| velocity: velocity, | ||
| interval: interval | ||
| }; | ||
| var prevState = prevStateRef.current; | ||
@@ -201,2 +195,9 @@ (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () { | ||
| if (translation) { | ||
| var output = { | ||
| target: target, | ||
| translation: translation, | ||
| velocity: velocity, | ||
| interval: interval | ||
| }; | ||
| if (prevState.translation) { | ||
@@ -208,6 +209,13 @@ onMove(output); | ||
| } else if (prevState.translation) { | ||
| var _output = { | ||
| target: prevState.target, | ||
| translation: prevState.translation, | ||
| velocity: prevState.velocity, | ||
| interval: prevState.interval | ||
| }; | ||
| if (enabled) { | ||
| onEnd(output); | ||
| onEnd(_output); | ||
| } else { | ||
| onCancel(output); | ||
| onCancel(_output); | ||
| } | ||
@@ -214,0 +222,0 @@ } |
@@ -5,2 +5,3 @@ "use strict"; | ||
| exports.isEqualToSize = isEqualToSize; | ||
| exports.isNumber = isNumber; | ||
@@ -21,2 +22,6 @@ function isEqualToSize(s1, s2) { | ||
| return true; | ||
| } | ||
| function isNumber(n) { | ||
| return !isNaN(parseFloat(n)) && isFinite(n); | ||
| } |
@@ -49,3 +49,3 @@ "use strict"; | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -177,3 +177,3 @@ } | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -180,0 +180,0 @@ } |
@@ -11,5 +11,5 @@ "use strict"; | ||
| function convertTransformTranslate(translate, style) { | ||
| style.transform = "translate3d(" + translate[0] + "px, " + translate[1] + "px, 0)"; | ||
| style.WebkitTransform = "translate3d(" + translate[0] + "px, " + translate[1] + "px, 0)"; | ||
| style.msTransform = "translate(" + translate[0] + "px, " + translate[1] + "px)"; | ||
| style.transform = "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"; | ||
| style.WebkitTransform = "translate3d(" + translate.x + "px, " + translate.y + "px, 0)"; | ||
| style.msTransform = "translate(" + translate.x + "px, " + translate.y + "px)"; | ||
| } | ||
@@ -16,0 +16,0 @@ |
| { | ||
| "name": "react-pannable", | ||
| "version": "3.1.0", | ||
| "version": "3.2.0", | ||
| "description": "Flexible and Customizable Layouts for Scrolling Content with React", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -37,6 +37,2 @@ # react-pannable | ||
| Some `Infinite` demos | ||
| - [Infinit Scrolling Content](https://n43.github.io/react-pannable/?path=/story/infinite--infinit-scrolling-content) | ||
| Some `Carousel` demos | ||
@@ -46,22 +42,24 @@ | ||
| - [Vertical Carousel](https://n43.github.io/react-pannable/?path=/story/carousel--vertical-carousel) | ||
| - [Pad with Autoplayer](https://n43.github.io/react-pannable/?path=/story/carousel--pad-with-autoplayer) | ||
| Some `Infinite` demos | ||
| - [Overview](https://n43.github.io/react-pannable/?path=/story/infinite--overview) | ||
| Some `Pad` demos | ||
| - [Scrollable Content](https://n43.github.io/react-pannable/?path=/story/pad--scrollable-content) | ||
| - [Locating Specified Content](https://n43.github.io/react-pannable/?path=/story/pad--locating-specified-content) | ||
| - [Auto Resizing with Pad](https://n43.github.io/react-pannable/?path=/story/pad--auto-resizing-with-pad) | ||
| - [Overview](https://n43.github.io/react-pannable/?path=/story/pad--overview) | ||
| - [Layout with General Content](https://n43.github.io/react-pannable/?path=/story/pad--layout-with-general-content) | ||
| - [Layout with Grid Content](https://n43.github.io/react-pannable/?path=/story/pad--layout-with-grid-content) | ||
| - [Layout with List Content](https://n43.github.io/react-pannable/?path=/story/pad--layout-with-list-content) | ||
| - [Layout with Nested Content](https://n43.github.io/react-pannable/?path=/story/pad--layout-with-nested-content) | ||
| - [Use Case with List Content](https://n43.github.io/react-pannable/?path=/story/pad--use-case-with-list-content) | ||
| Some `Pannable` demos | ||
| - [Draggable Notes](https://n43.github.io/react-pannable/?path=/story/pannable--note) | ||
| - [Adjustable Sticker](https://n43.github.io/react-pannable/?path=/story/pannable--sticker) | ||
| - [Draggable Notes](https://n43.github.io/react-pannable/?path=/story/pannable--draggable-notes) | ||
| - [Adjustable Sticker](https://n43.github.io/react-pannable/?path=/story/pannable--adjustable-sticker) | ||
| Some `AutoResizing` demos | ||
| - [Overview](https://n43.github.io/react-pannable/?path=/story/autoresizing--overview) | ||
| ## License | ||
| [MIT License](/LICENSE) |
@@ -6,3 +6,3 @@ import React, { useState, useRef, useMemo, useCallback } from 'react'; | ||
| import { getElementSize } from './utils/sizeGetter'; | ||
| import { isEqualToSize } from './utils/geometry'; | ||
| import { isEqualToSize, isNumber } from './utils/geometry'; | ||
@@ -24,9 +24,9 @@ const defaultAutoResizingProps = { | ||
| const calculateSize = useCallback(() => { | ||
| const nextSize = getElementSize(resizeRef.current); | ||
| const size = getElementSize(resizeRef.current); | ||
| setSize(nextSize); | ||
| setSize(prevSize => (isEqualToSize(prevSize, size) ? prevSize : size)); | ||
| }, []); | ||
| useIsomorphicLayoutEffect(() => { | ||
| if (!isEqualToSize(prevSize, size)) { | ||
| if (prevSize !== size) { | ||
| if (size) { | ||
@@ -43,3 +43,3 @@ onResize(size); | ||
| useIsomorphicLayoutEffect(() => { | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| if (isNumber(width) && isNumber(height)) { | ||
| return; | ||
@@ -57,17 +57,11 @@ } | ||
| useMemo(() => { | ||
| let nextSize = null; | ||
| let size = null; | ||
| if (typeof width === 'number' && typeof height === 'number') { | ||
| nextSize = { width, height }; | ||
| if (isNumber(width) && isNumber(height)) { | ||
| size = { width, height }; | ||
| } | ||
| setSize(nextSize); | ||
| setSize(prevSize => (isEqualToSize(prevSize, size) ? prevSize : size)); | ||
| }, [width, height]); | ||
| divProps.style = { | ||
| width: getStyleDimension(width), | ||
| height: getStyleDimension(height), | ||
| ...divProps.style, | ||
| }; | ||
| let element = null; | ||
@@ -79,2 +73,12 @@ | ||
| const elemStyle = { | ||
| width: isNumber(width) ? width : '100%', | ||
| height: isNumber(height) ? height : '100%', | ||
| }; | ||
| if (divProps.style) { | ||
| Object.assign(elemStyle, divProps.style); | ||
| } | ||
| divProps.style = elemStyle; | ||
| return ( | ||
@@ -90,9 +94,1 @@ <div {...divProps} ref={resizeRef}> | ||
| export default AutoResizing; | ||
| function getStyleDimension(value) { | ||
| if (value === undefined || value === null || value === '') { | ||
| return '100%'; | ||
| } | ||
| return value; | ||
| } |
| import React, { Fragment, useMemo, useReducer } from 'react'; | ||
| import Player from './Player'; | ||
| import GridContent from '../GridContent'; | ||
| import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect'; | ||
| import { usePrevRef } from '../hooks/usePrevRef'; | ||
| import GridContent from '../pad/GridContent'; | ||
| import Player from './Player'; | ||
| import { reducer, initialState } from './carouselReducer'; | ||
@@ -7,0 +7,0 @@ |
| import React, { useCallback, useMemo, useReducer, useEffect } from 'react'; | ||
| import Pad from '../Pad'; | ||
| import ListContent from '../ListContent'; | ||
| import Pad from '../pad/Pad'; | ||
| import ListContent from '../pad/ListContent'; | ||
| import { reducer, initialState } from './playerReducer'; | ||
@@ -5,0 +5,0 @@ |
@@ -1,2 +0,2 @@ | ||
| import { initialState as padInitialState } from '../padReducer'; | ||
| import { initialState as padInitialState } from '../pad/padReducer'; | ||
@@ -3,0 +3,0 @@ export const initialState = { |
@@ -1,21 +0,8 @@ | ||
| import Pad from './Pad'; | ||
| import PadContext from './PadContext'; | ||
| import Pannable from './Pannable'; | ||
| import GeneralContent from './GeneralContent'; | ||
| import GridContent from './GridContent'; | ||
| import ListContent from './ListContent'; | ||
| import ItemContent from './ItemContent'; | ||
| import AutoResizing from './AutoResizing'; | ||
| export * from './pad'; | ||
| export * from './carousel'; | ||
| export * from './infinite'; | ||
| export { | ||
| Pad, | ||
| PadContext, | ||
| Pannable, | ||
| GeneralContent, | ||
| GridContent, | ||
| ListContent, | ||
| ItemContent, | ||
| AutoResizing, | ||
| }; | ||
| export { Pannable, AutoResizing }; |
| import React, { useReducer, useMemo, useRef, useEffect } from 'react'; | ||
| import Pad from '../Pad'; | ||
| import ListContent from '../ListContent'; | ||
| import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect'; | ||
| import { usePrevRef } from '../hooks/usePrevRef'; | ||
| import Pad from '../pad/Pad'; | ||
| import ListContent from '../pad/ListContent'; | ||
| import { reducer, initialState } from './infiniteReducer'; | ||
@@ -7,0 +7,0 @@ |
@@ -1,2 +0,2 @@ | ||
| import { initialState as padInitialState } from '../padReducer'; | ||
| import { initialState as padInitialState } from '../pad/padReducer'; | ||
@@ -3,0 +3,0 @@ export const initialState = { |
@@ -36,3 +36,2 @@ import React, { useRef, useMemo, useReducer } from 'react'; | ||
| const { target, translation, velocity, interval } = state; | ||
| const output = { target, translation, velocity, interval }; | ||
| const prevState = prevStateRef.current; | ||
@@ -160,2 +159,4 @@ | ||
| if (translation) { | ||
| const output = { target, translation, velocity, interval }; | ||
| if (prevState.translation) { | ||
@@ -167,2 +168,9 @@ onMove(output); | ||
| } else if (prevState.translation) { | ||
| const output = { | ||
| target: prevState.target, | ||
| translation: prevState.translation, | ||
| velocity: prevState.velocity, | ||
| interval: prevState.interval, | ||
| }; | ||
| if (enabled) { | ||
@@ -169,0 +177,0 @@ onEnd(output); |
@@ -14,1 +14,5 @@ export function isEqualToSize(s1, s2) { | ||
| } | ||
| export function isNumber(n) { | ||
| return !isNaN(parseFloat(n)) && isFinite(n); | ||
| } |
@@ -30,3 +30,3 @@ function getAcc(rate, { x, y }) { | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -166,3 +166,3 @@ } | ||
| if (typeof acc === 'number') { | ||
| if (typeof acc !== 'object') { | ||
| acc = getAcc(acc, velocity); | ||
@@ -169,0 +169,0 @@ } |
| function convertTransformTranslate(translate, style) { | ||
| style.transform = `translate3d(${translate[0]}px, ${translate[1]}px, 0)`; | ||
| style.WebkitTransform = `translate3d(${translate[0]}px, ${ | ||
| translate[1] | ||
| }px, 0)`; | ||
| style.msTransform = `translate(${translate[0]}px, ${translate[1]}px)`; | ||
| style.transform = `translate3d(${translate.x}px, ${translate.y}px, 0)`; | ||
| style.WebkitTransform = `translate3d(${translate.x}px, ${translate.y}px, 0)`; | ||
| style.msTransform = `translate(${translate.x}px, ${translate.y}px)`; | ||
| } | ||
@@ -8,0 +6,0 @@ |
Sorry, the diff of this file is too big to display
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.72%
449294
- Number of package files
- increased by3.3%
94
- Lines of code
- increased by0.93%
12252
Worsened metrics
- Number of lines in readme file
- decreased by-3.03%
64
No dependency changes