react-grid-layout.min.js

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.ReactGridLayout=e(require("react"),require("react-dom")):t.ReactGridLayout=e(t.React,t.ReactDOM)}(window,function(t,e){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=10)}([function(e,n){e.exports=t},function(t,e,n){t.exports=n(11)()},function(t,e,n){"use strict";e.__esModule=!0,e.noop=void 0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t};e.bottom=l,e.cloneLayout=function(t){for(var e=Array(t.length),n=0,r=t.length;n<r;n++)e[n]=c(t[n]);return e},e.cloneLayoutItem=c,e.childrenEqual=function(t,e){return(0,o.default)(a.default.Children.map(t,function(t){return t.key}),a.default.Children.map(e,function(t){return t.key}))},e.collides=f,e.compact=p,e.compactItem=y,e.correctBounds=g,e.getLayoutItem=m,e.getFirstCollision=v,e.getAllCollisions=b,e.getStatics=w,e.moveElement=x,e.moveElementAwayFromCollision=S,e.perc=function(t){return 100*t+"%"},e.setTransform=function(t){var e=t.top,n=t.left,r=t.width,o=t.height,a="translate("+n+"px,"+e+"px)";return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:r+"px",height:o+"px",position:"absolute"}},e.setTopLeft=function(t){var e=t.top,n=t.left,r=t.width,o=t.height;return{top:e+"px",left:n+"px",width:r+"px",height:o+"px",position:"absolute"}},e.sortLayoutItems=_,e.sortLayoutItemsByRowCol=O,e.sortLayoutItemsByColRow=R,e.synchronizeLayoutWithChildren=function(t,e,n,o){t=t||[];var i=[];return a.default.Children.forEach(e,function(e,n){var o=m(t,String(e.key));if(o)i[n]=c(o);else{!s&&e.props._grid&&console.warn("`_grid` properties on children have been deprecated as of React 15.2. Please use `data-grid` or add your properties directly to the `layout`.");var a=e.props["data-grid"]||e.props._grid;a?(s||j([a],"ReactGridLayout.children"),i[n]=c(r({},a,{i:e.key}))):i[n]=c({w:1,h:1,x:0,y:l(i),i:String(e.key)})}}),i=p(i=g(i,{cols:n}),o,n)},e.validateLayout=j,e.autoBindHandlers=function(t,e){e.forEach(function(e){return t[e]=t[e].bind(t)})};var o=i(n(3)),a=i(n(0));function i(t){return t&&t.__esModule?t:{default:t}}var s=!0,u=!1;function l(t){for(var e=0,n=void 0,r=0,o=t.length;r<o;r++)(n=t[r].y+t[r].h)>e&&(e=n);return e}function c(t){return{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,minW:t.minW,maxW:t.maxW,minH:t.minH,maxH:t.maxH,moved:Boolean(t.moved),static:Boolean(t.static),isDraggable:t.isDraggable,isResizable:t.isResizable}}function f(t,e){return t.i!==e.i&&(!(t.x+t.w<=e.x)&&(!(t.x>=e.x+e.w)&&(!(t.y+t.h<=e.y)&&!(t.y>=e.y+e.h))))}function p(t,e,n){for(var r=w(t),o=_(t,e),a=Array(t.length),i=0,s=o.length;i<s;i++){var u=c(o[i]);u.static||(u=y(r,u,e,n,o),r.push(u)),a[t.indexOf(o[i])]=u,u.moved=!1}return a}var h={x:"w",y:"h"};function d(t,e,n,r){var o=h[r];e[r]+=1;for(var a=t.map(function(t){return t.i}).indexOf(e.i)+1;a<t.length;a++){var i=t[a];if(!i.static){if(i.y>e.y+e.h)break;f(e,i)&&d(t,i,n+e[o],r)}}e[r]=n}function y(t,e,n,r,o){var a="horizontal"===n;if("vertical"===n)for(e.y=Math.min(l(t),e.y);e.y>0&&!v(t,e);)e.y--;else if(a)for(e.y=Math.min(l(t),e.y);e.x>0&&!v(t,e);)e.x--;for(var i=void 0;i=v(t,e);)a?d(o,e,i.x+i.w,"x"):d(o,e,i.y+i.h,"y"),a&&e.x+e.w>r&&(e.x=r-e.w,e.y++);return e}function g(t,e){for(var n=w(t),r=0,o=t.length;r<o;r++){var a=t[r];if(a.x+a.w>e.cols&&(a.x=e.cols-a.w),a.x<0&&(a.x=0,a.w=e.cols),a.static)for(;v(n,a);)a.y++;else n.push(a)}return t}function m(t,e){for(var n=0,r=t.length;n<r;n++)if(t[n].i===e)return t[n]}function v(t,e){for(var n=0,r=t.length;n<r;n++)if(f(t[n],e))return t[n]}function b(t,e){return t.filter(function(t){return f(t,e)})}function w(t){return t.filter(function(t){return t.static})}function x(t,e,n,r,o,a,i,s){if(e.static)return t;if(e.y===r&&e.x===n)return t;z("Moving element "+e.i+" to ["+String(n)+","+String(r)+"] from ["+e.x+","+e.y+"]");var u=e.x,l=e.y;"number"==typeof n&&(e.x=n),"number"==typeof r&&(e.y=r),e.moved=!0;var c=_(t,i);("vertical"===i&&"number"==typeof r?l>=r:"horizontal"===i&&"number"==typeof n&&u>=n)&&(c=c.reverse());var f=b(c,e);if(a&&f.length)return z("Collision prevented on "+e.i+", reverting."),e.x=u,e.y=l,e.moved=!1,t;for(var p=0,h=f.length;p<h;p++){var d=f[p];z("Resolving collision between "+e.i+" at ["+e.x+","+e.y+"] and "+d.i+" at ["+d.x+","+d.y+"]"),d.moved||(t=d.static?S(t,d,e,o,i,s):S(t,e,d,o,i,s))}return t}function S(t,e,n,r,o,a){var i="horizontal"===o,s="horizontal"!==o;if(r){r=!1;var u={x:i?Math.max(e.x-n.w,0):n.x,y:s?Math.max(e.y-n.h,0):n.y,w:n.w,h:n.h,i:"-1"};if(!v(t,u))return z("Doing reverse collision on "+n.i+" up to ["+u.x+","+u.y+"]."),x(t,n,i?u.x:void 0,s?u.y:void 0,r,!1,o,a)}return x(t,n,i?n.x+1:void 0,s?n.y+1:void 0,r,!1,o,a)}function _(t,e){return"horizontal"===e?R(t):O(t)}function O(t){return[].concat(t).sort(function(t,e){return t.y>e.y||t.y===e.y&&t.x>e.x?1:t.y===e.y&&t.x===e.x?0:-1})}function R(t){return[].concat(t).sort(function(t,e){return t.x>e.x||t.x===e.x&&t.y>e.y?1:-1})}function j(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Layout",n=["x","y","w","h"];if(!Array.isArray(t))throw new Error(e+" must be an array!");for(var r=0,o=t.length;r<o;r++){for(var a=t[r],i=0;i<n.length;i++)if("number"!=typeof a[n[i]])throw new Error("ReactGridLayout: "+e+"["+r+"]."+n[i]+" must be a number!");if(a.i&&"string"!=typeof a.i)throw new Error("ReactGridLayout: "+e+"["+r+"].i must be a string!");if(void 0!==a.static&&"boolean"!=typeof a.static)throw new Error("ReactGridLayout: "+e+"["+r+"].static must be a boolean!")}}function z(){var t;u&&(t=console).log.apply(t,arguments)}e.noop=function(){}},function(t,e,n){(function(t,n){var r=200,o="__lodash_hash_undefined__",a=1,i=2,s=9007199254740991,u="[object Arguments]",l="[object Array]",c="[object AsyncFunction]",f="[object Boolean]",p="[object Date]",h="[object Error]",d="[object Function]",y="[object GeneratorFunction]",g="[object Map]",m="[object Number]",v="[object Null]",b="[object Object]",w="[object Proxy]",x="[object RegExp]",S="[object Set]",_="[object String]",O="[object Symbol]",R="[object Undefined]",j="[object ArrayBuffer]",z="[object DataView]",C=/^\[object .+?Constructor\]$/,D=/^(?:0|[1-9]\d*)$/,k={};k["[object Float32Array]"]=k["[object Float64Array]"]=k["[object Int8Array]"]=k["[object Int16Array]"]=k["[object Int32Array]"]=k["[object Uint8Array]"]=k["[object Uint8ClampedArray]"]=k["[object Uint16Array]"]=k["[object Uint32Array]"]=!0,k[u]=k[l]=k[j]=k[f]=k[z]=k[p]=k[h]=k[d]=k[g]=k[m]=k[b]=k[x]=k[S]=k[_]=k["[object WeakMap]"]=!1;var E="object"==typeof t&&t&&t.Object===Object&&t,P="object"==typeof self&&self&&self.Object===Object&&self,T=E||P||Function("return this")(),M=e&&!e.nodeType&&e,L=M&&"object"==typeof n&&n&&!n.nodeType&&n,N=L&&L.exports===M,W=N&&E.process,A=function(){try{return W&&W.binding&&W.binding("util")}catch(t){}}(),H=A&&A.isTypedArray;function I(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}function B(t){var e=-1,n=Array(t.size);return t.forEach(function(t,r){n[++e]=[r,t]}),n}function q(t){var e=-1,n=Array(t.size);return t.forEach(function(t){n[++e]=t}),n}var Y,U,X,F=Array.prototype,G=Function.prototype,V=Object.prototype,$=T["__core-js_shared__"],J=G.toString,K=V.hasOwnProperty,Q=(Y=/[^.]+$/.exec($&&$.keys&&$.keys.IE_PROTO||""))?"Symbol(src)_1."+Y:"",Z=V.toString,tt=RegExp("^"+J.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=N?T.Buffer:void 0,nt=T.Symbol,rt=T.Uint8Array,ot=V.propertyIsEnumerable,at=F.splice,it=nt?nt.toStringTag:void 0,st=Object.getOwnPropertySymbols,ut=et?et.isBuffer:void 0,lt=(U=Object.keys,X=Object,function(t){return U(X(t))}),ct=At(T,"DataView"),ft=At(T,"Map"),pt=At(T,"Promise"),ht=At(T,"Set"),dt=At(T,"WeakMap"),yt=At(Object,"create"),gt=qt(ct),mt=qt(ft),vt=qt(pt),bt=qt(ht),wt=qt(dt),xt=nt?nt.prototype:void 0,St=xt?xt.valueOf:void 0;function _t(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Ot(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function Rt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}function jt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new Rt;++e<n;)this.add(t[e])}function zt(t){var e=this.__data__=new Ot(t);this.size=e.size}function Ct(t,e){var n=Xt(t),r=!n&&Ut(t),o=!n&&!r&&Ft(t),a=!n&&!r&&!o&&Kt(t),i=n||r||o||a,s=i?function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}(t.length,String):[],u=s.length;for(var l in t)!e&&!K.call(t,l)||i&&("length"==l||o&&("offset"==l||"parent"==l)||a&&("buffer"==l||"byteLength"==l||"byteOffset"==l)||Bt(l,u))||s.push(l);return s}function Dt(t,e){for(var n=t.length;n--;)if(Yt(t[n][0],e))return n;return-1}function kt(t){return null==t?void 0===t?R:v:it&&it in Object(t)?function(t){var e=K.call(t,it),n=t[it];try{t[it]=void 0;var r=!0}catch(t){}var o=Z.call(t);r&&(e?t[it]=n:delete t[it]);return o}(t):function(t){return Z.call(t)}(t)}function Et(t){return Jt(t)&&kt(t)==u}function Pt(t,e,n,r,o){return t===e||(null==t||null==e||!Jt(t)&&!Jt(e)?t!=t&&e!=e:function(t,e,n,r,o,s){var c=Xt(t),d=Xt(e),y=c?l:It(t),v=d?l:It(e),w=(y=y==u?b:y)==b,R=(v=v==u?b:v)==b,C=y==v;if(C&&Ft(t)){if(!Ft(e))return!1;c=!0,w=!1}if(C&&!w)return s||(s=new zt),c||Kt(t)?Lt(t,e,n,r,o,s):function(t,e,n,r,o,s,u){switch(n){case z:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case j:return!(t.byteLength!=e.byteLength||!s(new rt(t),new rt(e)));case f:case p:case m:return Yt(+t,+e);case h:return t.name==e.name&&t.message==e.message;case x:case _:return t==e+"";case g:var l=B;case S:var c=r&a;if(l||(l=q),t.size!=e.size&&!c)return!1;var d=u.get(t);if(d)return d==e;r|=i,u.set(t,e);var y=Lt(l(t),l(e),r,o,s,u);return u.delete(t),y;case O:if(St)return St.call(t)==St.call(e)}return!1}(t,e,y,n,r,o,s);if(!(n&a)){var D=w&&K.call(t,"__wrapped__"),k=R&&K.call(e,"__wrapped__");if(D||k){var E=D?t.value():t,P=k?e.value():e;return s||(s=new zt),o(E,P,n,r,s)}}if(!C)return!1;return s||(s=new zt),function(t,e,n,r,o,i){var s=n&a,u=Nt(t),l=u.length,c=Nt(e).length;if(l!=c&&!s)return!1;for(var f=l;f--;){var p=u[f];if(!(s?p in e:K.call(e,p)))return!1}var h=i.get(t);if(h&&i.get(e))return h==e;var d=!0;i.set(t,e),i.set(e,t);for(var y=s;++f<l;){p=u[f];var g=t[p],m=e[p];if(r)var v=s?r(m,g,p,e,t,i):r(g,m,p,t,e,i);if(!(void 0===v?g===m||o(g,m,n,r,i):v)){d=!1;break}y||(y="constructor"==p)}if(d&&!y){var b=t.constructor,w=e.constructor;b!=w&&"constructor"in t&&"constructor"in e&&!("function"==typeof b&&b instanceof b&&"function"==typeof w&&w instanceof w)&&(d=!1)}return i.delete(t),i.delete(e),d}(t,e,n,r,o,s)}(t,e,n,r,Pt,o))}function Tt(t){return!(!$t(t)||(e=t,Q&&Q in e))&&(Gt(t)?tt:C).test(qt(t));var e}function Mt(t){if(n=(e=t)&&e.constructor,r="function"==typeof n&&n.prototype||V,e!==r)return lt(t);var e,n,r,o=[];for(var a in Object(t))K.call(t,a)&&"constructor"!=a&&o.push(a);return o}function Lt(t,e,n,r,o,s){var u=n&a,l=t.length,c=e.length;if(l!=c&&!(u&&c>l))return!1;var f=s.get(t);if(f&&s.get(e))return f==e;var p=-1,h=!0,d=n&i?new jt:void 0;for(s.set(t,e),s.set(e,t);++p<l;){var y=t[p],g=e[p];if(r)var m=u?r(g,y,p,e,t,s):r(y,g,p,t,e,s);if(void 0!==m){if(m)continue;h=!1;break}if(d){if(!I(e,function(t,e){if(a=e,!d.has(a)&&(y===t||o(y,t,n,r,s)))return d.push(e);var a})){h=!1;break}}else if(y!==g&&!o(y,g,n,r,s)){h=!1;break}}return s.delete(t),s.delete(e),h}function Nt(t){return function(t,e,n){var r=e(t);return Xt(t)?r:function(t,e){for(var n=-1,r=e.length,o=t.length;++n<r;)t[o+n]=e[n];return t}(r,n(t))}(t,Qt,Ht)}function Wt(t,e){var n,r,o=t.__data__;return("string"==(r=typeof(n=e))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?o["string"==typeof e?"string":"hash"]:o.map}function At(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return Tt(n)?n:void 0}_t.prototype.clear=function(){this.__data__=yt?yt(null):{},this.size=0},_t.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},_t.prototype.get=function(t){var e=this.__data__;if(yt){var n=e[t];return n===o?void 0:n}return K.call(e,t)?e[t]:void 0},_t.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:K.call(e,t)},_t.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=yt&&void 0===e?o:e,this},Ot.prototype.clear=function(){this.__data__=[],this.size=0},Ot.prototype.delete=function(t){var e=this.__data__,n=Dt(e,t);return!(n<0||(n==e.length-1?e.pop():at.call(e,n,1),--this.size,0))},Ot.prototype.get=function(t){var e=this.__data__,n=Dt(e,t);return n<0?void 0:e[n][1]},Ot.prototype.has=function(t){return Dt(this.__data__,t)>-1},Ot.prototype.set=function(t,e){var n=this.__data__,r=Dt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},Rt.prototype.clear=function(){this.size=0,this.__data__={hash:new _t,map:new(ft||Ot),string:new _t}},Rt.prototype.delete=function(t){var e=Wt(this,t).delete(t);return this.size-=e?1:0,e},Rt.prototype.get=function(t){return Wt(this,t).get(t)},Rt.prototype.has=function(t){return Wt(this,t).has(t)},Rt.prototype.set=function(t,e){var n=Wt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},jt.prototype.add=jt.prototype.push=function(t){return this.__data__.set(t,o),this},jt.prototype.has=function(t){return this.__data__.has(t)},zt.prototype.clear=function(){this.__data__=new Ot,this.size=0},zt.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},zt.prototype.get=function(t){return this.__data__.get(t)},zt.prototype.has=function(t){return this.__data__.has(t)},zt.prototype.set=function(t,e){var n=this.__data__;if(n instanceof Ot){var o=n.__data__;if(!ft||o.length<r-1)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new Rt(o)}return n.set(t,e),this.size=n.size,this};var Ht=st?function(t){return null==t?[]:(t=Object(t),function(t,e){for(var n=-1,r=null==t?0:t.length,o=0,a=[];++n<r;){var i=t[n];e(i,n,t)&&(a[o++]=i)}return a}(st(t),function(e){return ot.call(t,e)}))}:function(){return[]},It=kt;function Bt(t,e){return!!(e=null==e?s:e)&&("number"==typeof t||D.test(t))&&t>-1&&t%1==0&&t<e}function qt(t){if(null!=t){try{return J.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Yt(t,e){return t===e||t!=t&&e!=e}(ct&&It(new ct(new ArrayBuffer(1)))!=z||ft&&It(new ft)!=g||pt&&"[object Promise]"!=It(pt.resolve())||ht&&It(new ht)!=S||dt&&"[object WeakMap]"!=It(new dt))&&(It=function(t){var e=kt(t),n=e==b?t.constructor:void 0,r=n?qt(n):"";if(r)switch(r){case gt:return z;case mt:return g;case vt:return"[object Promise]";case bt:return S;case wt:return"[object WeakMap]"}return e});var Ut=Et(function(){return arguments}())?Et:function(t){return Jt(t)&&K.call(t,"callee")&&!ot.call(t,"callee")},Xt=Array.isArray;var Ft=ut||function(){return!1};function Gt(t){if(!$t(t))return!1;var e=kt(t);return e==d||e==y||e==c||e==w}function Vt(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=s}function $t(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Jt(t){return null!=t&&"object"==typeof t}var Kt=H?function(t){return function(e){return t(e)}}(H):function(t){return Jt(t)&&Vt(t.length)&&!!k[kt(t)]};function Qt(t){return null!=(e=t)&&Vt(e.length)&&!Gt(e)?Ct(t):Mt(t);var e}n.exports=function(t,e){return Pt(t,e)}}).call(this,n(13),n(14)(t))},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=c(n(0)),a=c(n(1)),i=c(n(3)),s=c(n(5)),u=n(2),l=c(n(15));function c(t){return t&&t.__esModule?t:{default:t}}var f=function(t){function e(n,r){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n,r));return p.call(o),(0,u.autoBindHandlers)(o,["onDragStart","onDrag","onDragStop","onResizeStart","onResize","onResizeStop"]),o.setChildrenPosition=o.setChildrenPosition.bind(o),o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)},e.prototype.UNSAFE_componentWillReceiveProps=function(t){var e=void 0;if((0,i.default)(t.layout,this.props.layout)&&t.compactType===this.props.compactType?(0,u.childrenEqual)(this.props.children,t.children)||(e=this.state.layout):e=t.layout,e){var n=(0,u.synchronizeLayoutWithChildren)(e,t.children,t.cols,this.compactType(t)),r=this.state.layout;this.setState({layout:n}),this.onLayoutMaybeChanged(n,r)}},e.prototype.containerHeight=function(){if(this.props.autoSize){var t=(0,u.bottom)(this.state.layout),e=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+2*e+"px"}},e.prototype.compactType=function(t){return t||(t=this.props),!1===t.verticalCompact?null:t.compactType},e.prototype.onDragStart=function(t,e,n,r){var o=r.e,a=r.node,i=this.state.layout,s=(0,u.getLayoutItem)(i,t);if(s)return this.setState({oldDragItem:(0,u.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onDragStart(i,s,s,null,o,a)},e.prototype.onDrag=function(t,e,n,r){var o=r.e,a=r.node,i=this.state.oldDragItem,s=this.state.layout,l=this.props.cols,c=(0,u.getLayoutItem)(s,t);if(c){var f={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:t};s=(0,u.moveElement)(s,c,e,n,!0,this.props.preventCollision,this.compactType(),l),this.props.onDrag(s,i,c,f,o,a),this.setState({layout:(0,u.compact)(s,this.compactType(),l),activeDrag:f})}},e.prototype.onDragStop=function(t,e,n,r){var o=r.e,a=r.node,i=this.state.oldDragItem,s=this.state.layout,l=this.props,c=l.cols,f=l.preventCollision,p=(0,u.getLayoutItem)(s,t);if(p){s=(0,u.moveElement)(s,p,e,n,!0,f,this.compactType(),c),this.props.onDragStop(s,i,p,null,o,a);var h=(0,u.compact)(s,this.compactType(),c),d=this.state.oldLayout;this.setState({activeDrag:null,layout:h,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(h,d)}},e.prototype.setChildrenPosition=function(t,e){this.childrenPostion.set(t,e)},e.prototype.onLayoutMaybeChanged=function(t,e){e||(e=this.state.layout),(0,i.default)(e,t)||this.props.onLayoutChange(t)},e.prototype.onResizeStart=function(t,e,n,r){var o=r.e,a=r.node,i=this.state.layout,s=(0,u.getLayoutItem)(i,t);s&&(this.setState({oldResizeItem:(0,u.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onResizeStart(i,s,s,null,o,a))},e.prototype.onResize=function(t,e,n,o){var a=o.e,i=o.node,s=this.state,l=s.layout,c=s.oldResizeItem,f=this.props.preventCollision,p=(0,u.getLayoutItem)(l,t);if(p){var h=void 0;if(f){var d=(0,u.getAllCollisions)(l,r({},p,{w:e,h:n})).filter(function(t){return t.i!==p.i});if(h=d.length>0){var y=1/0,g=1/0;d.forEach(function(t){t.x>p.x&&(y=Math.min(y,t.x)),t.y>p.y&&(g=Math.min(g,t.y))}),Number.isFinite(y)&&(p.w=y-p.x),Number.isFinite(g)&&(p.h=g-p.y)}}h||(p.w=e,p.h=n);var m={w:p.w,h:p.h,x:p.x,y:p.y,static:!0,i:t};this.props.onResize(l,c,p,m,a,i)}},e.prototype.onResizeStop=function(t,e,n,r){var o=r.e,a=r.node,i=this.state,s=i.layout,l=i.oldResizeItem,c=this.props.cols,f=(0,u.getLayoutItem)(s,t);this.fetchAllItemsUnderPlaceholder(l,f),this.props.onResizeStop(s,l,f,null,o,a);var p=(0,u.compact)(s,this.compactType(),c),h=this.state.oldLayout;this.setState({activeDrag:null,layout:p,oldResizeItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,h)},e.prototype.fetchAllItemsUnderPlaceholder=function(t,e){var n=this.props.onCollide,r=this.childrenPostion.get(e.i);if(r&&(r.left||r.width||r.Y||r.height)){for(var o=[],a=r.left+r.width+10,i=r.y+r.height+10,s=0;s<this.props.layout.length;s++){var u=this.props.layout[s];if(t.i&&u.i&&t.i!==u.i){var l=this.childrenPostion.get(u.i);if(!l)continue;var c=l.x+l.width,f=l.y+l.height;c>=r.x&&c<=a&&f>=r.y&&f<=i&&o.push(u)}}n({item:e,elements:o})}},e.prototype.placeholder=function(){var t=this.state.activeDrag;if(!t)return null;var e=this.props,n=e.width,r=e.cols,a=e.margin,i=e.containerPadding,s=e.rowHeight,u=e.maxRows,c=e.useCSSTransforms;return o.default.createElement(l.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:"react-grid-placeholder",containerWidth:n,cols:r,margin:a,containerPadding:i||a,maxRows:u,rowHeight:s,isDraggable:!1,isResizable:!1,useCSSTransforms:c,setChildrenPosition:function(t,e){return console.log(t,e)}},o.default.createElement("div",null))},e.prototype.processGridItem=function(t){if(t&&t.key){var e=(0,u.getLayoutItem)(this.state.layout,String(t.key));if(!e)return null;var n=this.props,r=n.width,a=n.cols,i=n.margin,s=n.containerPadding,c=n.rowHeight,f=n.maxRows,p=n.isDraggable,h=n.isResizable,d=n.useCSSTransforms,y=n.draggableCancel,g=n.draggableHandle,m=this.state.mounted,v=Boolean(!e.static&&p&&(e.isDraggable||null==e.isDraggable)),b=Boolean(!e.static&&h&&(e.isResizable||null==e.isResizable));return o.default.createElement(l.default,{containerWidth:r,cols:a,margin:i,containerPadding:s||i,maxRows:f,rowHeight:c,cancel:y,handle:g,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:v,isResizable:b,useCSSTransforms:d&&m,usePercentages:!m,w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minH:e.minH,minW:e.minW,maxH:e.maxH,maxW:e.maxW,static:e.static,setChildrenPosition:this.setChildrenPosition},t)}},e.prototype.render=function(){var t=this,e=this.props,n=e.className,a=e.style,i=(0,s.default)("react-grid-layout",n),u=r({height:this.containerHeight()},a);return o.default.createElement("div",{className:i,style:u},o.default.Children.map(this.props.children,function(e){return t.props.onLayoutAdded(e.props["data-grid"]),t.processGridItem(e)}),this.placeholder())},e}(o.default.Component);f.displayName="ReactGridLayout",f.propTypes={className:a.default.string,style:a.default.object,width:a.default.number,autoSize:a.default.bool,cols:a.default.number,draggableCancel:a.default.string,draggableHandle:a.default.string,verticalCompact:function(t){t.verticalCompact,0},compactType:a.default.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;void 0!==e&&(0,u.validateLayout)(e,"layout")},margin:a.default.arrayOf(a.default.number),containerPadding:a.default.arrayOf(a.default.number),rowHeight:a.default.number,maxRows:a.default.number,isDraggable:a.default.bool,isResizable:a.default.bool,preventCollision:a.default.bool,useCSSTransforms:a.default.bool,onLayoutChange:a.default.func,onDragStart:a.default.func,onDrag:a.default.func,onDragStop:a.default.func,onResizeStart:a.default.func,onResize:a.default.func,onResizeStop:a.default.func,onCollide:a.default.func,onLayoutAdded:a.default.func,children:function(t,e){var n=t[e],r={};o.default.Children.forEach(n,function(t){if(r[t.key])throw new Error('Duplicate child key "'+t.key+'" found! This will cause problems in ReactGridLayout.');r[t.key]=!0})}},f.defaultProps={autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isDraggable:!0,isResizable:!0,useCSSTransforms:!0,verticalCompact:!0,compactType:"vertical",preventCollision:!1,onLayoutChange:u.noop,onDragStart:u.noop,onDrag:u.noop,onDragStop:u.noop,onResizeStart:u.noop,onResize:u.noop,onResizeStop:u.noop,onCollide:u.noop,onLayoutAdded:u.noop};var p=function(){this.state={activeDrag:null,layout:(0,u.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,this.compactType()),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null},this.childrenPostion=new Map};e.default=f},function(t,e,n){var r;
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
/*!
  Copyright (c) 2017 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var t=[],e=0;e<arguments.length;e++){var r=arguments[e];if(r){var a=typeof r;if("string"===a||"number"===a)t.push(r);else if(Array.isArray(r)&&r.length){var i=o.apply(null,r);i&&t.push(i)}else if("object"===a)for(var s in r)n.call(r,s)&&r[s]&&t.push(s)}}return t.join(" ")}t.exports?(o.default=o,t.exports=o):void 0===(r=function(){return o}.apply(e,[]))||(t.exports=r)}()},function(t,e,n){t.exports=function(t,e){"use strict";function n(t,e){return t(e={exports:{}},e.exports),e.exports}function r(t){return function(){return t}}t=t&&t.hasOwnProperty("default")?t.default:t,e=e&&e.hasOwnProperty("default")?e.default:e;var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(t){return t};var a=o,i=function(t){};i=function(t){if(void 0===t)throw new Error("invariant requires an error message argument")};var s=function(t,e,n,r,o,a,s,u){if(i(e),!t){var l;if(void 0===e)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,o,a,s,u],f=0;(l=new Error(e.replace(/%s/g,function(){return c[f++]}))).name="Invariant Violation"}throw l.framesToPop=1,l}},u=function(t,e){if(void 0===e)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==e.indexOf("Failed Composite propType: ")&&!t){for(var n=arguments.length,r=Array(n>2?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];(function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var o=0,a="Warning: "+t.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(t){}}).apply(void 0,[e].concat(r))}},l=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,p=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(e).map(function(t){return e[t]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(t){o[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,r,o=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),a=1;a<arguments.length;a++){for(var i in n=Object(arguments[a]))c.call(n,i)&&(o[i]=n[i]);if(l){r=l(n);for(var s=0;s<r.length;s++)f.call(n,r[s])&&(o[r[s]]=n[r[s]])}}return o},h="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",d=s,y=u,g=h,m={},v=function(t,e,n,r,o){for(var a in t)if(t.hasOwnProperty(a)){var i;try{d("function"==typeof t[a],"%s: %s type `%s` is invalid; it must be a function, usually from the `prop-types` package, but received `%s`.",r||"React class",n,a,typeof t[a]),i=t[a](e,a,r,n,null,g)}catch(t){i=t}if(y(!i||i instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",r||"React class",n,a,typeof i),i instanceof Error&&!(i.message in m)){m[i.message]=!0;var s=o?o():"";y(!1,"Failed %s type: %s%s",n,i.message,null!=s?s:"")}}},b=function(t,e){var n="function"==typeof Symbol&&Symbol.iterator,r="@@iterator",o="<<anonymous>>",i={array:f("array"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:c(a.thatReturnsNull),arrayOf:function(t){return c(function(e,n,r,o,a){if("function"!=typeof t)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var i=e[n];if(!Array.isArray(i)){var s=y(i);return new l("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected an array.")}for(var u=0;u<i.length;u++){var c=t(i,u,r,o,a+"["+u+"]",h);if(c instanceof Error)return c}return null})},element:c(function(e,n,r,o,a){var i=e[n];if(!t(i)){var s=y(i);return new l("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected a single ReactElement.")}return null}),instanceOf:function(t){return c(function(e,n,r,a,i){if(!(e[n]instanceof t)){var s=t.name||o,u=(c=e[n]).constructor&&c.constructor.name?c.constructor.name:o;return new l("Invalid "+a+" `"+i+"` of type `"+u+"` supplied to `"+r+"`, expected instance of `"+s+"`.")}var c;return null})},node:c(function(t,e,n,r,o){return d(t[e])?null:new l("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")}),objectOf:function(t){return c(function(e,n,r,o,a){if("function"!=typeof t)return new l("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var i=e[n],s=y(i);if("object"!==s)return new l("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected an object.");for(var u in i)if(i.hasOwnProperty(u)){var c=t(i,u,r,o,a+"."+u,h);if(c instanceof Error)return c}return null})},oneOf:function(t){return Array.isArray(t)?c(function(e,n,r,o,a){for(var i=e[n],s=0;s<t.length;s++)if(u=i,c=t[s],u===c?0!==u||1/u==1/c:u!=u&&c!=c)return null;var u,c,f=JSON.stringify(t);return new l("Invalid "+o+" `"+a+"` of value `"+i+"` supplied to `"+r+"`, expected one of "+f+".")}):(u(!1,"Invalid argument supplied to oneOf, expected an instance of array."),a.thatReturnsNull)},oneOfType:function(t){if(!Array.isArray(t))return u(!1,"Invalid argument supplied to oneOfType, expected an instance of array."),a.thatReturnsNull;for(var e=0;e<t.length;e++){var n=t[e];if("function"!=typeof n)return u(!1,"Invalid argument supplied to oneOfType. Expected an array of check functions, but received %s at index %s.",m(n),e),a.thatReturnsNull}return c(function(e,n,r,o,a){for(var i=0;i<t.length;i++){var s=t[i];if(null==s(e,n,r,o,a,h))return null}return new l("Invalid "+o+" `"+a+"` supplied to `"+r+"`.")})},shape:function(t){return c(function(e,n,r,o,a){var i=e[n],s=y(i);if("object"!==s)return new l("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");for(var u in t){var c=t[u];if(c){var f=c(i,u,r,o,a+"."+u,h);if(f)return f}}return null})},exact:function(t){return c(function(e,n,r,o,a){var i=e[n],s=y(i);if("object"!==s)return new l("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");var u=p({},e[n],t);for(var c in u){var f=t[c];if(!f)return new l("Invalid "+o+" `"+a+"` key `"+c+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(e[n],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(t),null,"  "));var d=f(i,c,r,o,a+"."+c,h);if(d)return d}return null})}};function l(t){this.message=t,this.stack=""}function c(t){var n={},r=0;function a(a,i,c,f,p,d,y){if(f=f||o,d=d||c,y!==h)if(e)s(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("undefined"!=typeof console){var g=f+":"+c;!n[g]&&r<3&&(u(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",d,f),n[g]=!0,r++)}return null==i[c]?a?null===i[c]?new l("The "+p+" `"+d+"` is marked as required in `"+f+"`, but its value is `null`."):new l("The "+p+" `"+d+"` is marked as required in `"+f+"`, but its value is `undefined`."):null:t(i,c,f,p,d)}var i=a.bind(null,!1);return i.isRequired=a.bind(null,!0),i}function f(t){return c(function(e,n,r,o,a,i){var s=e[n];if(y(s)!==t){var u=g(s);return new l("Invalid "+o+" `"+a+"` of type `"+u+"` supplied to `"+r+"`, expected `"+t+"`.")}return null})}function d(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(d);if(null===e||t(e))return!0;var o=function(t){var e=t&&(n&&t[n]||t[r]);if("function"==typeof e)return e}(e);if(!o)return!1;var a,i=o.call(e);if(o!==e.entries){for(;!(a=i.next()).done;)if(!d(a.value))return!1}else for(;!(a=i.next()).done;){var s=a.value;if(s&&!d(s[1]))return!1}return!0;default:return!1}}function y(t){var e=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":function(t,e){return"symbol"===t||("Symbol"===e["@@toStringTag"]||"function"==typeof Symbol&&e instanceof Symbol)}(e,t)?"symbol":e}function g(t){if(null==t)return""+t;var e=y(t);if("object"===e){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return e}function m(t){var e=g(t);switch(e){case"array":case"object":return"an "+e;case"boolean":case"date":case"regexp":return"a "+e;default:return e}}return l.prototype=Error.prototype,i.checkPropTypes=v,i.PropTypes=i,i},w=n(function(t){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;t.exports=b(function(t){return"object"==typeof t&&null!==t&&t.$$typeof===e},!0)}),x=n(function(t){
/*!
	  Copyright (c) 2016 Jed Watson.
	  Licensed under the MIT License (MIT), see
	  http://jedwatson.github.io/classnames
	*/
!function(){var e={}.hasOwnProperty;function n(){for(var t=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)t.push(o);else if(Array.isArray(o))t.push(n.apply(null,o));else if("object"===a)for(var i in o)e.call(o,i)&&o[i]&&t.push(i)}}return t.join(" ")}t.exports?t.exports=n:window.classNames=n}()});function S(t,e){for(var n=0,r=t.length;n<r;n++)if(e.apply(e,[t[n],n,t]))return t[n]}function _(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)}function O(t){return"number"==typeof t&&!isNaN(t)}function R(t){return parseInt(t,10)}function j(t,e,n){if(t[e])return new Error("Invalid prop "+e+" passed to "+n+" - do not set this, set it on the child.")}var z=["Moz","Webkit","O","ms"];function C(t,e){return e?""+e+function(t){for(var e="",n=!0,r=0;r<t.length;r++)n?(e+=t[r].toUpperCase(),n=!1):"-"===t[r]?n=!0:e+=t[r];return e}(t):t}var D=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window||void 0===window.document)return"";var e=window.document.documentElement.style;if(t in e)return"";for(var n=0;n<z.length;n++)if(C(t,z[n])in e)return z[n];return""}(),k=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},E=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),P=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},T=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},M=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},L=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},N=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var n=[],r=!0,o=!1,a=void 0;try{for(var i,s=t[Symbol.iterator]();!(r=(i=s.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{!r&&s.return&&s.return()}finally{if(o)throw a}}return n}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")},W="";function A(t,e){return W||(W=S(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(e){return _(t[e])})),!!_(t[W])&&t[W](e)}function H(t,e,n){var r=t;do{if(A(r,e))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function I(t,e,n){t&&(t.attachEvent?t.attachEvent("on"+e,n):t.addEventListener?t.addEventListener(e,n,!0):t["on"+e]=n)}function B(t,e,n){t&&(t.detachEvent?t.detachEvent("on"+e,n):t.removeEventListener?t.removeEventListener(e,n,!0):t["on"+e]=null)}function q(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return e+=R(n.borderTopWidth),e+=R(n.borderBottomWidth)}function Y(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return e+=R(n.borderLeftWidth),e+=R(n.borderRightWidth)}function U(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return e-=R(n.paddingTop),e-=R(n.paddingBottom)}function X(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return e-=R(n.paddingLeft),e-=R(n.paddingRight)}function F(t){if(t){var e,n,r=t.getElementById("react-draggable-style-el");r||((r=t.createElement("style")).type="text/css",r.id="react-draggable-style-el",r.innerHTML=".react-draggable-transparent-selection *::-moz-selection {background: transparent;}\n",r.innerHTML+=".react-draggable-transparent-selection *::selection {background: transparent;}\n",t.getElementsByTagName("head")[0].appendChild(r)),t.body&&(e=t.body,n="react-draggable-transparent-selection",e.classList?e.classList.add(n):e.className.match(new RegExp("(?:^|\\s)"+n+"(?!\\S)"))||(e.className+=" "+n))}}function G(t){try{t&&t.body&&(e=t.body,n="react-draggable-transparent-selection",e.classList?e.classList.remove(n):e.className=e.className.replace(new RegExp("(?:^|\\s)"+n+"(?!\\S)","g"),"")),t.selection?t.selection.empty():window.getSelection().removeAllRanges()}catch(t){}var e,n}function V(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return T({touchAction:"none"},t)}function $(t){return"both"===t.props.axis||"x"===t.props.axis}function J(t){return"both"===t.props.axis||"y"===t.props.axis}function K(t,e,n){var r="number"==typeof e?function(t,e){return t.targetTouches&&S(t.targetTouches,function(t){return e===t.identifier})||t.changedTouches&&S(t.changedTouches,function(t){return e===t.identifier})}(t,e):null;if("number"==typeof e&&!r)return null;var o=tt(n),a=n.props.offsetParent||o.offsetParent||o.ownerDocument.body;return function(t,e){var n=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect(),r=t.clientX+e.scrollLeft-n.left,o=t.clientY+e.scrollTop-n.top;return{x:r,y:o}}(r||t,a)}function Q(t,e,n){var r=t.state,o=!O(r.lastX),a=tt(t);return o?{node:a,deltaX:0,deltaY:0,lastX:e,lastY:n,x:e,y:n}:{node:a,deltaX:e-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:e,y:n}}function Z(t,e){var n=t.props.scale;return{node:e.node,x:t.state.x+e.deltaX/n,y:t.state.y+e.deltaY/n,deltaX:e.deltaX/n,deltaY:e.deltaY/n,lastX:t.state.x,lastY:t.state.y}}function tt(e){var n=t.findDOMNode(e);if(!n)throw new Error("<DraggableCore>: Unmounted during event!");return n}var et={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},nt=et.mouse,rt=function(n){function r(){var e,n,o;k(this,r);for(var a=arguments.length,i=Array(a),s=0;s<a;s++)i[s]=arguments[s];return o=L(this,(e=r.__proto__||Object.getPrototypeOf(r)).call.apply(e,[this].concat(i))),n=o,o.state={dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null},o.handleDragStart=function(e){if(o.props.onMouseDown(e),!o.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;var n=t.findDOMNode(o);if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=n.ownerDocument;if(!(o.props.disabled||!(e.target instanceof r.defaultView.Node)||o.props.handle&&!H(e.target,o.props.handle,n)||o.props.cancel&&H(e.target,o.props.cancel,n))){var a=function(t){return t.targetTouches&&t.targetTouches[0]?t.targetTouches[0].identifier:t.changedTouches&&t.changedTouches[0]?t.changedTouches[0].identifier:void 0}(e);o.setState({touchIdentifier:a});var i=K(e,a,o);if(null!=i){var s=i.x,u=i.y,l=Q(o,s,u);o.props.onStart;var c=o.props.onStart(e,l);!1!==c&&(o.props.enableUserSelectHack&&F(r),o.setState({dragging:!0,lastX:s,lastY:u}),I(r,nt.move,o.handleDrag),I(r,nt.stop,o.handleDragStop))}}},o.handleDrag=function(t){"touchmove"===t.type&&t.preventDefault();var e=K(t,o.state.touchIdentifier,o);if(null!=e){var n=e.x,r=e.y;if(Array.isArray(o.props.grid)){var a=n-o.state.lastX,i=r-o.state.lastY,s=function(t,e,n){var r=Math.round(e/t[0])*t[0],o=Math.round(n/t[1])*t[1];return[r,o]}(o.props.grid,a,i),u=N(s,2);if(a=u[0],i=u[1],!a&&!i)return;n=o.state.lastX+a,r=o.state.lastY+i}var l=Q(o,n,r),c=o.props.onDrag(t,l);if(!1!==c)o.setState({lastX:n,lastY:r});else try{o.handleDragStop(new MouseEvent("mouseup"))}catch(t){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),o.handleDragStop(f)}}},o.handleDragStop=function(e){if(o.state.dragging){var n=K(e,o.state.touchIdentifier,o);if(null!=n){var r=n.x,a=n.y,i=Q(o,r,a),s=t.findDOMNode(o);s&&o.props.enableUserSelectHack&&G(s.ownerDocument),o.setState({dragging:!1,lastX:NaN,lastY:NaN}),o.props.onStop(e,i),s&&(B(s.ownerDocument,nt.move,o.handleDrag),B(s.ownerDocument,nt.stop,o.handleDragStop))}}},o.onMouseDown=function(t){return nt=et.mouse,o.handleDragStart(t)},o.onMouseUp=function(t){return nt=et.mouse,o.handleDragStop(t)},o.onTouchStart=function(t){return nt=et.touch,o.handleDragStart(t)},o.onTouchEnd=function(t){return nt=et.touch,o.handleDragStop(t)},L(o,n)}return M(r,n),E(r,[{key:"componentWillUnmount",value:function(){var e=t.findDOMNode(this);if(e){var n=e.ownerDocument;B(n,et.mouse.move,this.handleDrag),B(n,et.touch.move,this.handleDrag),B(n,et.mouse.stop,this.handleDragStop),B(n,et.touch.stop,this.handleDragStop),this.props.enableUserSelectHack&&G(n)}}},{key:"render",value:function(){return e.cloneElement(e.Children.only(this.props.children),{style:V(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),r}(e.Component);rt.displayName="DraggableCore",rt.propTypes={allowAnyClick:w.bool,disabled:w.bool,enableUserSelectHack:w.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:w.arrayOf(w.number),scale:w.number,handle:w.string,cancel:w.string,onStart:w.func,onDrag:w.func,onStop:w.func,onMouseDown:w.func,className:j,style:j,transform:j},rt.defaultProps={allowAnyClick:!1,cancel:null,disabled:!1,enableUserSelectHack:!0,offsetParent:null,handle:null,grid:null,transform:null,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){}};var ot=function(n){function r(t){k(this,r);var e=L(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,t));return e.onDragStart=function(t,n){var r=e.props.onStart(t,Z(e,n));if(!1===r)return!1;e.setState({dragging:!0,dragged:!0})},e.onDrag=function(t,n){if(!e.state.dragging)return!1;var r=Z(e,n),o={x:r.x,y:r.y};if(e.props.bounds){var a=o.x,i=o.y;o.x+=e.state.slackX,o.y+=e.state.slackY;var s=function(t,e,n){if(!t.props.bounds)return[e,n];var r=t.props.bounds;r="string"==typeof r?r:function(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}(r);var o=tt(t);if("string"==typeof r){var a=o.ownerDocument,i=a.defaultView,s=void 0;if(!((s="parent"===r?o.parentNode:a.querySelector(r))instanceof i.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var u=i.getComputedStyle(o),l=i.getComputedStyle(s);r={left:-o.offsetLeft+R(l.paddingLeft)+R(u.marginLeft),top:-o.offsetTop+R(l.paddingTop)+R(u.marginTop),right:X(s)-Y(o)-o.offsetLeft+R(l.paddingRight)-R(u.marginRight),bottom:U(s)-q(o)-o.offsetTop+R(l.paddingBottom)-R(u.marginBottom)}}return O(r.right)&&(e=Math.min(e,r.right)),O(r.bottom)&&(n=Math.min(n,r.bottom)),O(r.left)&&(e=Math.max(e,r.left)),O(r.top)&&(n=Math.max(n,r.top)),[e,n]}(e,o.x,o.y),u=N(s,2),l=u[0],c=u[1];o.x=l,o.y=c,o.slackX=e.state.slackX+(a-o.x),o.slackY=e.state.slackY+(i-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-e.state.x,r.deltaY=o.y-e.state.y}var f=e.props.onDrag(t,r);if(!1===f)return!1;e.setState(o)},e.onDragStop=function(t,n){if(!e.state.dragging)return!1;var r=e.props.onStop(t,Z(e,n));if(!1===r)return!1;var o={dragging:!1,slackX:0,slackY:0},a=Boolean(e.props.position);if(a){var i=e.props.position,s=i.x,u=i.y;o.x=s,o.y=u}e.setState(o)},e.state={dragging:!1,dragged:!1,x:t.position?t.position.x:t.defaultPosition.x,y:t.position?t.position.y:t.defaultPosition.y,slackX:0,slackY:0,isElementSVG:!1},e}return M(r,n),E(r,[{key:"componentWillMount",value:function(){!this.props.position||this.props.onDrag||this.props.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}},{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&t.findDOMNode(this)instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillReceiveProps",value:function(t){!t.position||this.props.position&&t.position.x===this.props.position.x&&t.position.y===this.props.position.y||this.setState({x:t.position.x,y:t.position.y})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"render",value:function(){var t,n,r,o,a={},i=null,s=Boolean(this.props.position),u=!s||this.state.dragging,l=this.props.position||this.props.defaultPosition,c={x:$(this)&&u?this.state.x:l.x,y:J(this)&&u?this.state.y:l.y};this.state.isElementSVG?(r=(n=c).x,o=n.y,i="translate("+r+","+o+")"):a=function(t){var e=t.x,n=t.y;return P({},C("transform",D),"translate("+e+"px,"+n+"px)")}(c);var f=this.props,p=f.defaultClassName,h=f.defaultClassNameDragging,d=f.defaultClassNameDragged,y=e.Children.only(this.props.children),g=x(y.props.className||"",p,(P(t={},h,this.state.dragging),P(t,d,this.state.dragged),t));return e.createElement(rt,T({},this.props,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(y,{className:g,style:T({},y.props.style,a),transform:i}))}}]),r}(e.Component);return ot.displayName="Draggable",ot.propTypes=T({},rt.propTypes,{axis:w.oneOf(["both","x","y","none"]),bounds:w.oneOfType([w.shape({left:w.number,right:w.number,top:w.number,bottom:w.number}),w.string,w.oneOf([!1])]),defaultClassName:w.string,defaultClassNameDragging:w.string,defaultClassNameDragged:w.string,defaultPosition:w.shape({x:w.number,y:w.number}),position:w.shape({x:w.number,y:w.number}),className:j,style:j,transform:j}),ot.defaultProps=T({},rt.defaultProps,{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},position:null,scale:1}),ot.default=ot,ot.DraggableCore=rt,ot}(n(7),n(0))},function(t,n){t.exports=e},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=u(n(0)),a=u(n(1)),i=n(6),s=u(n(17));function u(t){return t&&t.__esModule?t:{default:t}}function l(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}var c=function(t){function e(){var n,r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=l(this,t.call.apply(t,[this].concat(a))),r.state={resizing:!1,width:r.props.width,height:r.props.height,slackW:0,slackH:0},l(r,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentWillReceiveProps=function(t){this.state.resizing||t.width===this.props.width&&t.height===this.props.height||this.setState({width:t.width,height:t.height})},e.prototype.lockAspectRatio=function(t,e,n){return[t=(e=t/n)*n,e]},e.prototype.runConstraints=function(t,e){var n=[this.props.minConstraints,this.props.maxConstraints],r=n[0],o=n[1];if(this.props.lockAspectRatio){var a=this.state.width/this.state.height;t=(e=t/a)*a}if(!r&&!o)return[t,e];var i=t,s=e,u=this.state,l=u.slackW,c=u.slackH;return t+=l,e+=c,r&&(t=Math.max(r[0],t),e=Math.max(r[1],e)),o&&(t=Math.min(o[0],t),e=Math.min(o[1],e)),c+=s-e,(l+=i-t)===this.state.slackW&&c===this.state.slackH||this.setState({slackW:l,slackH:c}),[t,e]},e.prototype.resizeHandler=function(t){var e=this;return function(n,r){var o=r.node,a=r.deltaX,i=r.deltaY,s="both"===e.props.axis||"x"===e.props.axis,u="both"===e.props.axis||"y"===e.props.axis,l=e.state.width+(s?a:0),c=e.state.height+(u?i:0),f=l!==e.state.width,p=c!==e.state.height;if("onResize"!==t||f||p){var h=e.runConstraints(l,c);l=h[0],c=h[1];var d={};if("onResizeStart"===t)d.resizing=!0;else if("onResizeStop"===t)d.resizing=!1,d.slackW=d.slackH=0;else{if(l===e.state.width&&c===e.state.height)return;d.width=l,d.height=c}"function"==typeof e.props[t]?("function"==typeof n.persist&&n.persist(),e.setState(d,function(){return e.props[t](n,{node:o,size:{width:l,height:c}})})):e.setState(d)}}},e.prototype.render=function(){var t=this.props,e=t.children,n=t.draggableOpts,a=(t.width,t.height,t.handleSize,t.lockAspectRatio,t.axis,t.minConstraints,t.maxConstraints,t.onResize,t.onResizeStop,t.onResizeStart,function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(t,["children","draggableOpts","width","height","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart"])),u=a.className?a.className+" react-resizable":"react-resizable";return(0,s.default)(e,r({},a,{className:u,children:[e.props.children,o.default.createElement(i.DraggableCore,r({},n,{key:"resizableHandle",onStop:this.resizeHandler("onResizeStop"),onStart:this.resizeHandler("onResizeStart"),onDrag:this.resizeHandler("onResize")}),o.default.createElement("span",{className:"react-resizable-handle"}))]}))},e}(o.default.Component);c.propTypes={children:a.default.element.isRequired,width:a.default.number.isRequired,height:a.default.number.isRequired,handleSize:a.default.array,lockAspectRatio:a.default.bool,axis:a.default.oneOf(["both","x","y","none"]),minConstraints:a.default.arrayOf(a.default.number),maxConstraints:a.default.arrayOf(a.default.number),onResizeStop:a.default.func,onResizeStart:a.default.func,onResize:a.default.func,draggableOpts:a.default.object},c.defaultProps={handleSize:[20,20],lockAspectRatio:!1,axis:"both",minConstraints:[20,20],maxConstraints:[1/0,1/0]},e.default=c},function(t,e,n){"use strict";e.__esModule=!0,e.getBreakpointFromWidth=function(t,e){for(var n=o(t),r=n[0],a=1,i=n.length;a<i;a++){var s=n[a];e>t[s]&&(r=s)}return r},e.getColsFromBreakpoint=function(t,e){if(!e[t])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+t+" is missing!");return e[t]},e.findOrGenerateResponsiveLayout=function(t,e,n,a,i,s){if(t[n])return(0,r.cloneLayout)(t[n]);for(var u=t[a],l=o(e),c=l.slice(l.indexOf(n)),f=0,p=c.length;f<p;f++){var h=c[f];if(t[h]){u=t[h];break}}return u=(0,r.cloneLayout)(u||[]),(0,r.compact)((0,r.correctBounds)(u,{cols:i}),s,i)},e.sortBreakpoints=o;var r=n(2);function o(t){return Object.keys(t).sort(function(e,n){return t[e]-t[n]})}},function(t,e,n){"use strict";t.exports=n(4).default,t.exports.utils=n(2),t.exports.Responsive=n(19).default,t.exports.Responsive.utils=n(9),t.exports.WidthProvider=n(20).default},function(t,e,n){"use strict";var r=n(12);function o(){}t.exports=function(){function t(t,e,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function e(){return t}t.isRequired=t;var n={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e};return n.checkPropTypes=o,n.PropTypes=n,n}},function(t,e,n){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=c(n(0)),a=c(n(1)),i=n(6),s=n(16),u=n(2),l=c(n(5));function c(t){return t&&t.__esModule?t:{default:t}}function f(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}var p=function(t){function e(){var n,r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=f(this,t.call.apply(t,[this].concat(a))),r.state={resizing:null,dragging:null,className:"",position:"ghgh"},f(r,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.calcColWidth=function(){var t=this.props,e=t.margin,n=t.containerPadding,r=t.containerWidth,o=t.cols;return(r-e[0]*(o-1)-2*n[0])/o},e.prototype.calcPosition=function(t,e,n,r,o){var a=this.props,i=a.margin,s=a.containerPadding,u=a.rowHeight,l=this.calcColWidth(),c={left:Math.round((l+i[0])*t+s[0]),top:Math.round((u+i[1])*e+s[1]),width:n===1/0?n:Math.round(l*n+Math.max(0,n-1)*i[0]),height:r===1/0?r:Math.round(u*r+Math.max(0,r-1)*i[1])};return o&&o.resizing&&(c.width=Math.round(o.resizing.width),c.height=Math.round(o.resizing.height)),o&&o.dragging&&(c.top=Math.round(o.dragging.top),c.left=Math.round(o.dragging.left)),c},e.prototype.calcXY=function(t,e){var n=this.props,r=n.margin,o=n.cols,a=n.rowHeight,i=n.w,s=n.h,u=n.maxRows,l=this.calcColWidth(),c=Math.round((e-r[0])/(l+r[0])),f=Math.round((t-r[1])/(a+r[1]));return{x:c=Math.max(Math.min(c,o-i),0),y:f=Math.max(Math.min(f,u-s),0)}},e.prototype.calcWH=function(t){var e=t.height,n=t.width,r=this.props,o=r.margin,a=r.maxRows,i=r.cols,s=r.rowHeight,u=r.x,l=r.y,c=this.calcColWidth(),f=Math.round((n+o[0])/(c+o[0])),p=Math.round((e+o[1])/(s+o[1]));return{w:f=Math.max(Math.min(f,i-u),0),h:p=Math.max(Math.min(p,a-l),0)}},e.prototype.createStyle=function(t){var e=this.props,n=e.usePercentages,r=e.containerWidth,o=void 0;return e.useCSSTransforms?o=(0,u.setTransform)(t):(o=(0,u.setTopLeft)(t),n&&(o.left=(0,u.perc)(t.left/r),o.width=(0,u.perc)(t.width/r))),o},e.prototype.mixinDraggable=function(t){return o.default.createElement(i.DraggableCore,{onStart:this.onDragHandler("onDragStart"),onDrag:this.onDragHandler("onDrag"),onStop:this.onDragHandler("onDragStop"),handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:"")},t)},e.prototype.mixinResizable=function(t,e){var n=this.props,r=n.cols,a=n.x,i=n.minW,u=n.minH,l=n.maxW,c=n.maxH,f=this.calcPosition(0,0,r-a,0).width,p=this.calcPosition(0,0,i,u),h=this.calcPosition(0,0,l,c),d=[p.width,p.height],y=[Math.min(h.width,f),Math.min(h.height,1/0)];return o.default.createElement(s.Resizable,{width:e.width,height:e.height,minConstraints:d,maxConstraints:y,onResizeStop:this.onResizeHandler("onResizeStop"),onResizeStart:this.onResizeHandler("onResizeStart"),onResize:this.onResizeHandler("onResize")},t)},e.prototype.onDragHandler=function(t){var e=this;return function(n,r){var o=r.node,a=r.deltaX,i=r.deltaY,s=e.props[t];if(s){var u={top:0,left:0};switch(t){case"onDragStart":var l=o.offsetParent;if(!l)return;var c=l.getBoundingClientRect(),f=o.getBoundingClientRect();u.left=f.left-c.left+l.scrollLeft,u.top=f.top-c.top+l.scrollTop,e.setState({dragging:u});break;case"onDrag":if(!e.state.dragging)throw new Error("onDrag called before onDragStart.");u.left=e.state.dragging.left+a,u.top=e.state.dragging.top+i,e.setState({dragging:u});break;case"onDragStop":if(!e.state.dragging)throw new Error("onDragEnd called before onDragStart.");u.left=e.state.dragging.left,u.top=e.state.dragging.top,e.setState({dragging:null});break;default:throw new Error("onDragHandler called with unrecognized handlerName: "+t)}var p=e.calcXY(u.top,u.left),h=p.x,d=p.y;return s.call(e,e.props.i,h,d,{e:n,node:o,newPosition:u})}}},e.prototype.onResizeHandler=function(t){var e=this;return function(n,r){var o=r.node,a=r.size,i=e.props[t];if(i){var s=e.props,u=s.cols,l=s.x,c=s.i,f=s.maxW,p=s.minW,h=s.maxH,d=s.minH,y=e.calcWH(a),g=y.w,m=y.h;g=Math.min(g,u-l),g=Math.max(g,1),g=Math.max(Math.min(g,f),p),m=Math.max(Math.min(m,h),d),e.setState({resizing:"onResizeStop"===t?null:a}),i.call(e,c,g,m,{e:n,node:o,size:a})}}},e.prototype.render=function(){var t=this.props,e=t.x,n=t.y,a=t.w,i=t.h,s=t.i,u=t.isDraggable,c=t.isResizable,f=t.useCSSTransforms,p=t.setChildrenPosition,h=this.calcPosition(e,n,a,i,this.state),d=o.default.Children.only(this.props.children),y=o.default.cloneElement(d,{className:(0,l.default)("react-grid-item",d.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":u,"react-draggable-dragging":Boolean(this.state.dragging),cssTransforms:f}),ref:function(t){if(t){var e=JSON.stringify(t.getBoundingClientRect());setTimeout(function(){var n=JSON.stringify(t.getBoundingClientRect());n===e?p(s,t.getBoundingClientRect()):e=n},100)}},style:r({},this.props.style,d.props.style,this.createStyle(h))});return c&&(y=this.mixinResizable(y,h)),u&&(y=this.mixinDraggable(y)),y},e}(o.default.Component);p.propTypes={children:a.default.element,cols:a.default.number.isRequired,containerWidth:a.default.number.isRequired,rowHeight:a.default.number.isRequired,margin:a.default.array.isRequired,maxRows:a.default.number.isRequired,containerPadding:a.default.array.isRequired,x:a.default.number.isRequired,y:a.default.number.isRequired,w:a.default.number.isRequired,h:a.default.number.isRequired,minW:function(t,e){var n=t[e];return"number"!=typeof n?new Error("minWidth not Number"):n>t.w||n>t.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(t,e){var n=t[e];return"number"!=typeof n?new Error("maxWidth not Number"):n<t.w||n<t.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(t,e){var n=t[e];return"number"!=typeof n?new Error("minHeight not Number"):n>t.h||n>t.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(t,e){var n=t[e];return"number"!=typeof n?new Error("maxHeight not Number"):n<t.h||n<t.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},i:a.default.string.isRequired,onDragStop:a.default.func,onDragStart:a.default.func,onDrag:a.default.func,onResizeStop:a.default.func,onResizeStart:a.default.func,onResize:a.default.func,isDraggable:a.default.bool.isRequired,isResizable:a.default.bool.isRequired,static:a.default.bool,useCSSTransforms:a.default.bool.isRequired,className:a.default.string,handle:a.default.string,cancel:a.default.string},p.defaultProps={className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0},e.default=p},function(t,e,n){"use strict";t.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},t.exports.Resizable=n(8).default,t.exports.ResizableBox=n(18).default},function(t,e,n){"use strict";var r,o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},a=n(0),i=(r=a)&&r.__esModule?r:{default:r};t.exports=function(t,e){return e.style&&t.props.style&&(e.style=o({},t.props.style,e.style)),e.className&&t.props.className&&(e.className=t.props.className+" "+e.className),i.default.cloneElement(t,e)}},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=s(n(0)),a=s(n(1)),i=s(n(8));function s(t){return t&&t.__esModule?t:{default:t}}function u(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}var l=function(t){function e(){var n,r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=u(this,t.call.apply(t,[this].concat(a))),r.state={width:r.props.width,height:r.props.height},r.onResize=function(t,e){var n=e.size;n.width,n.height;r.props.onResize?(t.persist&&t.persist(),r.setState(n,function(){return r.props.onResize&&r.props.onResize(t,e)})):r.setState(n)},u(r,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentWillReceiveProps=function(t){t.width===this.props.width&&t.height===this.props.height||this.setState({width:t.width,height:t.height})},e.prototype.render=function(){var t=this.props,e=t.handleSize,n=(t.onResize,t.onResizeStart),a=t.onResizeStop,s=t.draggableOpts,u=t.minConstraints,l=t.maxConstraints,c=t.lockAspectRatio,f=t.axis,p=(t.width,t.height,function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(t,["handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height"]));return o.default.createElement(i.default,{handleSize:e,width:this.state.width,height:this.state.height,onResizeStart:n,onResize:this.onResize,onResizeStop:a,draggableOpts:s,minConstraints:u,maxConstraints:l,lockAspectRatio:c,axis:f},o.default.createElement("div",r({style:{width:this.state.width+"px",height:this.state.height+"px"}},p)))},e}(o.default.Component);l.propTypes={height:a.default.number,width:a.default.number},l.defaultProps={handleSize:[20,20]},e.default=l},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},o=c(n(0)),a=c(n(1)),i=c(n(3)),s=n(2),u=n(9),l=c(n(4));function c(t){return t&&t.__esModule?t:{default:t}}function f(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}var p=function(t){return Object.prototype.toString.call(t)},h=function(t){function e(){var n,o;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var a=arguments.length,i=Array(a),s=0;s<a;s++)i[s]=arguments[s];return n=o=f(this,t.call.apply(t,[this].concat(i))),o.state=o.generateInitialState(),o.onLayoutChange=function(t){var e;o.props.onLayoutChange(t,r({},o.props.layouts,((e={})[o.state.breakpoint]=t,e)))},f(o,n)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.generateInitialState=function(){var t=this.props,e=t.width,n=t.breakpoints,r=t.layouts,o=t.cols,a=(0,u.getBreakpointFromWidth)(n,e),i=(0,u.getColsFromBreakpoint)(a,o),s=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,u.findOrGenerateResponsiveLayout)(r,n,a,a,i,s),breakpoint:a,cols:i}},e.prototype.UNSAFE_componentWillReceiveProps=function(t){if(t.width==this.props.width&&t.breakpoint===this.props.breakpoint&&(0,i.default)(t.breakpoints,this.props.breakpoints)&&(0,i.default)(t.cols,this.props.cols)){if(!(0,i.default)(t.layouts,this.props.layouts)){var e=this.state,n=e.breakpoint,r=e.cols,o=(0,u.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,n,n,r,t.compactType);this.setState({layout:o})}}else this.onWidthChange(t)},e.prototype.onWidthChange=function(t){var e=t.breakpoints,n=t.cols,r=t.layouts,o=t.compactType,a=t.breakpoint||(0,u.getBreakpointFromWidth)(t.breakpoints,t.width),i=this.state.breakpoint,l=(0,u.getColsFromBreakpoint)(a,n);if(i!==a||this.props.breakpoints!==e||this.props.cols!==n){i in r||(r[i]=(0,s.cloneLayout)(this.state.layout));var c=(0,u.findOrGenerateResponsiveLayout)(r,e,a,i,l,o);c=(0,s.synchronizeLayoutWithChildren)(c,t.children,l,o),r[a]=c,this.props.onLayoutChange(c,r),this.props.onBreakpointChange(a,l),this.setState({breakpoint:a,layout:c,cols:l})}this.props.onWidthChange(t.width,t.margin,l,t.containerPadding)},e.prototype.render=function(){var t=this.props,e=(t.breakpoint,t.breakpoints,t.cols,t.layouts,t.onBreakpointChange,t.onLayoutChange,t.onWidthChange,function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(t,["breakpoint","breakpoints","cols","layouts","onBreakpointChange","onLayoutChange","onWidthChange"]));return o.default.createElement(l.default,r({},e,{onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))},e}(o.default.Component);h.propTypes={breakpoint:a.default.string,breakpoints:a.default.object,cols:a.default.object,layouts:function(t,e){if("[object Object]"!==p(t[e]))throw new Error("Layout property must be an object. Received: "+p(t[e]));Object.keys(t[e]).forEach(function(e){if(!(e in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,s.validateLayout)(t.layouts[e],"layouts."+e)})},width:a.default.number.isRequired,onBreakpointChange:a.default.func,onLayoutChange:a.default.func,onWidthChange:a.default.func},h.defaultProps={breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},layouts:{},onBreakpointChange:s.noop,onLayoutChange:s.noop,onWidthChange:s.noop},e.default=h},function(t,e,n){"use strict";e.__esModule=!0;var r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t};e.default=function(t){var e,n;return n=e=function(e){function n(){var t,r;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n);for(var o=arguments.length,a=Array(o),s=0;s<o;s++)a[s]=arguments[s];return r=u(this,e.call.apply(e,[this].concat(a))),t=r,r.state={width:1280},r.mounted=!1,r.onWindowResize=function(){if(r.mounted){var t=i.default.findDOMNode(r);t instanceof HTMLElement&&r.setState({width:t.offsetWidth})}},u(r,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(n,e),n.prototype.componentDidMount=function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()},n.prototype.componentWillUnmount=function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)},n.prototype.render=function(){var e=this.props,n=e.measureBeforeMount,a=function(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}(e,["measureBeforeMount"]);return n&&!this.mounted?o.default.createElement("div",{className:this.props.className,style:this.props.style}):o.default.createElement(t,r({},a,this.state))},n}(o.default.Component),e.defaultProps={measureBeforeMount:!1},e.propTypes={measureBeforeMount:a.default.bool},n};var o=s(n(0)),a=s(n(1)),i=s(n(7));function s(t){return t&&t.__esModule?t:{default:t}}function u(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}}])});
//# sourceMappingURL=react-grid-layout.min.js.map