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=11)}([function(t,e,n){t.exports=n(15)()},function(t,e,n){"use strict";n.r(e),n.d(e,"bottom",(function(){return c})),n.d(e,"cloneLayout",(function(){return l})),n.d(e,"cloneLayoutItem",(function(){return p})),n.d(e,"childrenEqual",(function(){return f})),n.d(e,"fastRGLPropsEqual",(function(){return h})),n.d(e,"fastPositionEqual",(function(){return d})),n.d(e,"collides",(function(){return y})),n.d(e,"compact",(function(){return g})),n.d(e,"compactItem",(function(){return v})),n.d(e,"correctBounds",(function(){return w})),n.d(e,"getLayoutItem",(function(){return O})),n.d(e,"getFirstCollision",(function(){return S})),n.d(e,"getAllCollisions",(function(){return j})),n.d(e,"getStatics",(function(){return x})),n.d(e,"moveElement",(function(){return D})),n.d(e,"moveElementAwayFromCollision",(function(){return P})),n.d(e,"perc",(function(){return _})),n.d(e,"setTransform",(function(){return R})),n.d(e,"setTopLeft",(function(){return z})),n.d(e,"sortLayoutItems",(function(){return k})),n.d(e,"sortLayoutItemsByRowCol",(function(){return C})),n.d(e,"sortLayoutItemsByColRow",(function(){return E})),n.d(e,"synchronizeLayoutWithChildren",(function(){return T})),n.d(e,"validateLayout",(function(){return M})),n.d(e,"compactType",(function(){return L})),n.d(e,"autoBindHandlers",(function(){return N})),n.d(e,"noop",(function(){return W}));var r=n(3),o=n.n(r),a=n(2),i=n.n(a);function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function u(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function c(t){for(var e,n=0,r=0,o=t.length;r<o;r++)(e=t[r].y+t[r].h)>n&&(n=e);return n}function l(t){for(var e=Array(t.length),n=0,r=t.length;n<r;n++)e[n]=p(t[n]);return e}function p(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 o()(i.a.Children.map(t,(function(t){return t.key})),i.a.Children.map(e,(function(t){return t.key})))}var h=n(14);function d(t,e){return t.left===e.left&&t.top===e.top&&t.width===e.width&&t.height===e.height}function y(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 g(t,e,n){for(var r=x(t),o=k(t,e),a=Array(t.length),i=0,s=o.length;i<s;i++){var u=p(o[i]);u.static||(u=v(r,u,e,n,o),r.push(u)),a[t.indexOf(o[i])]=u,u.moved=!1}return a}var b={x:"w",y:"h"};function m(t,e,n,r){var o=b[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;y(e,i)&&m(t,i,n+e[o],r)}}e[r]=n}function v(t,e,n,r,o){var a,i="horizontal"===n;if("vertical"===n)for(e.y=Math.min(c(t),e.y);e.y>0&&!S(t,e);)e.y--;else if(i)for(e.y=Math.min(c(t),e.y);e.x>0&&!S(t,e);)e.x--;for(;a=S(t,e);)i?m(o,e,a.x+a.w,"x"):m(o,e,a.y+a.h,"y"),i&&e.x+e.w>r&&(e.x=r-e.w,e.y++);return e}function w(t,e){for(var n=x(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(;S(n,a);)a.y++;else n.push(a)}return t}function O(t,e){for(var n=0,r=t.length;n<r;n++)if(t[n].i===e)return t[n]}function S(t,e){for(var n=0,r=t.length;n<r;n++)if(y(t[n],e))return t[n]}function j(t,e){return t.filter((function(t){return y(t,e)}))}function x(t){return t.filter((function(t){return t.static}))}function D(t,e,n,r,o,a,i,s){if(e.static&&!0!==e.isDraggable)return t;if(e.y===r&&e.x===n)return t;H("Moving element ".concat(e.i," to [").concat(String(n),",").concat(String(r),"] from [").concat(e.x,",").concat(e.y,"]"));var u=e.x,c=e.y;"number"==typeof n&&(e.x=n),"number"==typeof r&&(e.y=r),e.moved=!0;var l=k(t,i);("vertical"===i&&"number"==typeof r?c>=r:"horizontal"===i&&"number"==typeof n&&u>=n)&&(l=l.reverse());var p=j(l,e);if(a&&p.length)return H("Collision prevented on ".concat(e.i,", reverting.")),e.x=u,e.y=c,e.moved=!1,t;for(var f=0,h=p.length;f<h;f++){var d=p[f];H("Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(d.i," at [").concat(d.x,",").concat(d.y,"]")),d.moved||(t=d.static?P(t,d,e,o,i,s):P(t,e,d,o,i,s))}return t}function P(t,e,n,r,o,a){var i="horizontal"===o,s="horizontal"!==o,u=e.static;if(r){r=!1;var c={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(!S(t,c))return H("Doing reverse collision on ".concat(n.i," up to [").concat(c.x,",").concat(c.y,"].")),D(t,n,i?c.x:void 0,s?c.y:void 0,r,u,o,a)}return D(t,n,i?n.x+1:void 0,s?n.y+1:void 0,r,u,o,a)}function _(t){return 100*t+"%"}function R(t){var e=t.top,n=t.left,r=t.width,o=t.height,a="translate(".concat(n,"px,").concat(e,"px)");return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:"".concat(r,"px"),height:"".concat(o,"px"),position:"absolute"}}function z(t){var e=t.top,n=t.left,r=t.width,o=t.height;return{top:"".concat(e,"px"),left:"".concat(n,"px"),width:"".concat(r,"px"),height:"".concat(o,"px"),position:"absolute"}}function k(t,e){return"horizontal"===e?E(t):C(t)}function C(t){return t.slice(0).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 E(t){return t.slice(0).sort((function(t,e){return t.x>e.x||t.x===e.x&&t.y>e.y?1:-1}))}function T(t,e,n,r){t=t||[];var o=[];return i.a.Children.forEach(e,(function(e,n){var r=O(t,String(e.key));if(r)o[n]=p(r);else{0;var a=e.props["data-grid"]||e.props._grid;o[n]=p(a?function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(Object(n),!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},a,{i:e.key}):{w:1,h:1,x:0,y:c(o),i:String(e.key)})}})),g(w(o,{cols:n}),r,n)}function M(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 L(t){var e=t||{},n=e.verticalCompact,r=e.compactType;return!1===n?null:r}function N(t,e){e.forEach((function(e){return t[e]=t[e].bind(t)}))}function H(){}var W=function(){}},function(e,n){e.exports=t},function(t,e,n){(function(t,n){var r="[object Arguments]",o="[object Map]",a="[object Object]",i="[object Set]",s=/^\[object .+?Constructor\]$/,u=/^(?:0|[1-9]\d*)$/,c={};c["[object Float32Array]"]=c["[object Float64Array]"]=c["[object Int8Array]"]=c["[object Int16Array]"]=c["[object Int32Array]"]=c["[object Uint8Array]"]=c["[object Uint8ClampedArray]"]=c["[object Uint16Array]"]=c["[object Uint32Array]"]=!0,c[r]=c["[object Array]"]=c["[object ArrayBuffer]"]=c["[object Boolean]"]=c["[object DataView]"]=c["[object Date]"]=c["[object Error]"]=c["[object Function]"]=c[o]=c["[object Number]"]=c[a]=c["[object RegExp]"]=c[i]=c["[object String]"]=c["[object WeakMap]"]=!1;var l="object"==typeof t&&t&&t.Object===Object&&t,p="object"==typeof self&&self&&self.Object===Object&&self,f=l||p||Function("return this")(),h=e&&!e.nodeType&&e,d=h&&"object"==typeof n&&n&&!n.nodeType&&n,y=d&&d.exports===h,g=y&&l.process,b=function(){try{return g&&g.binding&&g.binding("util")}catch(t){}}(),m=b&&b.isTypedArray;function v(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 w(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}function O(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var S,j,x,D=Array.prototype,P=Function.prototype,_=Object.prototype,R=f["__core-js_shared__"],z=P.toString,k=_.hasOwnProperty,C=(S=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+S:"",E=_.toString,T=RegExp("^"+z.call(k).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),M=y?f.Buffer:void 0,L=f.Symbol,N=f.Uint8Array,H=_.propertyIsEnumerable,W=D.splice,A=L?L.toStringTag:void 0,I=Object.getOwnPropertySymbols,B=M?M.isBuffer:void 0,q=(j=Object.keys,x=Object,function(t){return j(x(t))}),Y=bt(f,"DataView"),U=bt(f,"Map"),X=bt(f,"Promise"),F=bt(f,"Set"),G=bt(f,"WeakMap"),V=bt(Object,"create"),$=Ot(Y),J=Ot(U),K=Ot(X),Q=Ot(F),Z=Ot(G),tt=L?L.prototype:void 0,et=tt?tt.valueOf:void 0;function nt(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 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 at(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new ot;++e<n;)this.add(t[e])}function it(t){var e=this.__data__=new rt(t);this.size=e.size}function st(t,e){var n=xt(t),r=!n&&jt(t),o=!n&&!r&&Dt(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 c in t)!e&&!k.call(t,c)||i&&("length"==c||o&&("offset"==c||"parent"==c)||a&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||wt(c,u))||s.push(c);return s}function ut(t,e){for(var n=t.length;n--;)if(St(t[n][0],e))return n;return-1}function ct(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":A&&A in Object(t)?function(t){var e=k.call(t,A),n=t[A];try{t[A]=void 0;var r=!0}catch(t){}var o=E.call(t);r&&(e?t[A]=n:delete t[A]);return o}(t):function(t){return E.call(t)}(t)}function lt(t){return zt(t)&&ct(t)==r}function pt(t,e,n,s,u){return t===e||(null==t||null==e||!zt(t)&&!zt(e)?t!=t&&e!=e:function(t,e,n,s,u,c){var l=xt(t),p=xt(e),f=l?"[object Array]":vt(t),h=p?"[object Array]":vt(e),d=(f=f==r?a:f)==a,y=(h=h==r?a:h)==a,g=f==h;if(g&&Dt(t)){if(!Dt(e))return!1;l=!0,d=!1}if(g&&!d)return c||(c=new it),l||kt(t)?dt(t,e,n,s,u,c):function(t,e,n,r,a,s,u){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!s(new N(t),new N(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return St(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case o:var c=w;case i:var l=1&r;if(c||(c=O),t.size!=e.size&&!l)return!1;var p=u.get(t);if(p)return p==e;r|=2,u.set(t,e);var f=dt(c(t),c(e),r,a,s,u);return u.delete(t),f;case"[object Symbol]":if(et)return et.call(t)==et.call(e)}return!1}(t,e,f,n,s,u,c);if(!(1&n)){var b=d&&k.call(t,"__wrapped__"),m=y&&k.call(e,"__wrapped__");if(b||m){var v=b?t.value():t,S=m?e.value():e;return c||(c=new it),u(v,S,n,s,c)}}if(!g)return!1;return c||(c=new it),function(t,e,n,r,o,a){var i=1&n,s=yt(t),u=s.length,c=yt(e).length;if(u!=c&&!i)return!1;var l=u;for(;l--;){var p=s[l];if(!(i?p in e:k.call(e,p)))return!1}var f=a.get(t);if(f&&a.get(e))return f==e;var h=!0;a.set(t,e),a.set(e,t);var d=i;for(;++l<u;){p=s[l];var y=t[p],g=e[p];if(r)var b=i?r(g,y,p,e,t,a):r(y,g,p,t,e,a);if(!(void 0===b?y===g||o(y,g,n,r,a):b)){h=!1;break}d||(d="constructor"==p)}if(h&&!d){var m=t.constructor,v=e.constructor;m!=v&&"constructor"in t&&"constructor"in e&&!("function"==typeof m&&m instanceof m&&"function"==typeof v&&v instanceof v)&&(h=!1)}return a.delete(t),a.delete(e),h}(t,e,n,s,u,c)}(t,e,n,s,pt,u))}function ft(t){return!(!Rt(t)||function(t){return!!C&&C in t}(t))&&(Pt(t)?T:s).test(Ot(t))}function ht(t){if(n=(e=t)&&e.constructor,r="function"==typeof n&&n.prototype||_,e!==r)return q(t);var e,n,r,o=[];for(var a in Object(t))k.call(t,a)&&"constructor"!=a&&o.push(a);return o}function dt(t,e,n,r,o,a){var i=1&n,s=t.length,u=e.length;if(s!=u&&!(i&&u>s))return!1;var c=a.get(t);if(c&&a.get(e))return c==e;var l=-1,p=!0,f=2&n?new at:void 0;for(a.set(t,e),a.set(e,t);++l<s;){var h=t[l],d=e[l];if(r)var y=i?r(d,h,l,e,t,a):r(h,d,l,t,e,a);if(void 0!==y){if(y)continue;p=!1;break}if(f){if(!v(e,(function(t,e){if(i=e,!f.has(i)&&(h===t||o(h,t,n,r,a)))return f.push(e);var i}))){p=!1;break}}else if(h!==d&&!o(h,d,n,r,a)){p=!1;break}}return a.delete(t),a.delete(e),p}function yt(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,Ct,mt)}function gt(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 bt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return ft(n)?n:void 0}nt.prototype.clear=function(){this.__data__=V?V(null):{},this.size=0},nt.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},nt.prototype.get=function(t){var e=this.__data__;if(V){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return k.call(e,t)?e[t]:void 0},nt.prototype.has=function(t){var e=this.__data__;return V?void 0!==e[t]:k.call(e,t)},nt.prototype.set=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=V&&void 0===e?"__lodash_hash_undefined__":e,this},rt.prototype.clear=function(){this.__data__=[],this.size=0},rt.prototype.delete=function(t){var e=this.__data__,n=ut(e,t);return!(n<0)&&(n==e.length-1?e.pop():W.call(e,n,1),--this.size,!0)},rt.prototype.get=function(t){var e=this.__data__,n=ut(e,t);return n<0?void 0:e[n][1]},rt.prototype.has=function(t){return ut(this.__data__,t)>-1},rt.prototype.set=function(t,e){var n=this.__data__,r=ut(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},ot.prototype.clear=function(){this.size=0,this.__data__={hash:new nt,map:new(U||rt),string:new nt}},ot.prototype.delete=function(t){var e=gt(this,t).delete(t);return this.size-=e?1:0,e},ot.prototype.get=function(t){return gt(this,t).get(t)},ot.prototype.has=function(t){return gt(this,t).has(t)},ot.prototype.set=function(t,e){var n=gt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},at.prototype.add=at.prototype.push=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this},at.prototype.has=function(t){return this.__data__.has(t)},it.prototype.clear=function(){this.__data__=new rt,this.size=0},it.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},it.prototype.get=function(t){return this.__data__.get(t)},it.prototype.has=function(t){return this.__data__.has(t)},it.prototype.set=function(t,e){var n=this.__data__;if(n instanceof rt){var r=n.__data__;if(!U||r.length<199)return r.push([t,e]),this.size=++n.size,this;n=this.__data__=new ot(r)}return n.set(t,e),this.size=n.size,this};var mt=I?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}(I(t),(function(e){return H.call(t,e)})))}:function(){return[]},vt=ct;function wt(t,e){return!!(e=null==e?9007199254740991:e)&&("number"==typeof t||u.test(t))&&t>-1&&t%1==0&&t<e}function Ot(t){if(null!=t){try{return z.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function St(t,e){return t===e||t!=t&&e!=e}(Y&&"[object DataView]"!=vt(new Y(new ArrayBuffer(1)))||U&&vt(new U)!=o||X&&"[object Promise]"!=vt(X.resolve())||F&&vt(new F)!=i||G&&"[object WeakMap]"!=vt(new G))&&(vt=function(t){var e=ct(t),n=e==a?t.constructor:void 0,r=n?Ot(n):"";if(r)switch(r){case $:return"[object DataView]";case J:return o;case K:return"[object Promise]";case Q:return i;case Z:return"[object WeakMap]"}return e});var jt=lt(function(){return arguments}())?lt:function(t){return zt(t)&&k.call(t,"callee")&&!H.call(t,"callee")},xt=Array.isArray;var Dt=B||function(){return!1};function Pt(t){if(!Rt(t))return!1;var e=ct(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}function _t(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}function Rt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function zt(t){return null!=t&&"object"==typeof t}var kt=m?function(t){return function(e){return t(e)}}(m):function(t){return zt(t)&&_t(t.length)&&!!c[ct(t)]};function Ct(t){return null!=(e=t)&&_t(e.length)&&!Pt(e)?st(t):ht(t);var e}n.exports=function(t,e){return pt(t,e)}}).call(this,n(12),n(13)(t))},function(t,e,n){"use strict";n.r(e),n.d(e,"getBreakpointFromWidth",(function(){return o})),n.d(e,"getColsFromBreakpoint",(function(){return a})),n.d(e,"findOrGenerateResponsiveLayout",(function(){return i})),n.d(e,"sortBreakpoints",(function(){return s}));var r=n(1);function o(t,e){for(var n=s(t),r=n[0],o=1,a=n.length;o<a;o++){var i=n[o];e>t[i]&&(r=i)}return r}function a(t,e){if(!e[t])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+t+" is missing!");return e[t]}function i(t,e,n,o,a,i){if(t[n])return Object(r.cloneLayout)(t[n]);for(var u=t[o],c=s(e),l=c.slice(c.indexOf(n)),p=0,f=l.length;p<f;p++){var h=l[p];if(t[h]){u=t[h];break}}return u=Object(r.cloneLayout)(u||[]),Object(r.compact)(Object(r.correctBounds)(u,{cols:a}),i,a)}function s(t){return Object.keys(t).sort((function(e,n){return t[e]-t[n]}))}},function(t,n){t.exports=e},function(t,e,n){var r;
/*!
  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){var r,o;window,t.exports=(r=n(2),o=n(5),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=4)}([function(t,e,n){t.exports=n(5)()},function(t,e){t.exports=r},function(t,e){t.exports=o},function(t,e,n){var r;
/*!
  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){var r=n(7),o=r.default,a=r.DraggableCore;t.exports=o,t.exports.default=o,t.exports.DraggableCore=a},function(t,e,n){"use strict";var r=n(6);function o(){}function a(){}a.resetWarningCache=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,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:a,resetWarningCache:o};return 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,n){"use strict";n.r(e);var r=n(1),o=n.n(r),a=n(0),i=n.n(a),s=n(2),u=n.n(s),c=n(3),l=n.n(c);function p(t,e){for(var n=0,r=t.length;n<r;n++)if(e.apply(e,[t[n],n,t]))return t[n]}function f(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)}function h(t){return"number"==typeof t&&!isNaN(t)}function d(t){return parseInt(t,10)}function y(t,e,n){if(t[e])return new Error("Invalid prop ".concat(e," passed to ").concat(n," - do not set this, set it on the child."))}var g=["Moz","Webkit","O","ms"];function b(t,e){return e?"".concat(e).concat(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 m=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<g.length;n++)if(b(t,g[n])in e)return g[n];return""}();function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function w(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var O="";function S(t,e){return O||(O=p(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(e){return f(t[e])}))),!!f(t[O])&&t[O](e)}function j(t,e,n){var r=t;do{if(S(r,e))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function x(t,e,n){t&&(t.attachEvent?t.attachEvent("on"+e,n):t.addEventListener?t.addEventListener(e,n,!0):t["on"+e]=n)}function D(t,e,n){t&&(t.detachEvent?t.detachEvent("on"+e,n):t.removeEventListener?t.removeEventListener(e,n,!0):t["on"+e]=null)}function P(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=d(n.borderTopWidth))+d(n.borderBottomWidth)}function _(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=d(n.borderLeftWidth))+d(n.borderRightWidth)}function R(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=d(n.paddingTop))-d(n.paddingBottom)}function z(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=d(n.paddingLeft))-d(n.paddingRight)}function k(t,e,n){var r=t.x,o=t.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(e){var i="".concat("string"==typeof e.x?e.x:e.x+n),s="".concat("string"==typeof e.y?e.y:e.y+n);a="translate(".concat(i,", ").concat(s,")")+a}return a}function C(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 {all: inherit;}\n",r.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",t.getElementsByTagName("head")[0].appendChild(r)),t.body&&(n="react-draggable-transparent-selection",(e=t.body).classList?e.classList.add(n):e.className.match(new RegExp("(?:^|\\s)".concat(n,"(?!\\S)")))||(e.className+=" ".concat(n)))}}function E(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)".concat(n,"(?!\\S)"),"g"),"")),t.selection?t.selection.empty():window.getSelection().removeAllRanges()}catch(t){}var e,n}function T(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v(n,!0).forEach((function(e){w(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({touchAction:"none"},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})}function M(t){return"both"===t.props.axis||"x"===t.props.axis}function L(t){return"both"===t.props.axis||"y"===t.props.axis}function N(t,e,n){var r="number"==typeof e?function(t,e){return t.targetTouches&&p(t.targetTouches,(function(t){return e===t.identifier}))||t.changedTouches&&p(t.changedTouches,(function(t){return e===t.identifier}))}(t,e):null;if("number"==typeof e&&!r)return null;var o=A(n);return function(t,e,n){var r=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect();return{x:(t.clientX+e.scrollLeft-r.left)/n,y:(t.clientY+e.scrollTop-r.top)/n}}(r||t,n.props.offsetParent||o.offsetParent||o.ownerDocument.body,n.props.scale)}function H(t,e,n){var r=t.state,o=!h(r.lastX),a=A(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 W(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 A(t){var e=u.a.findDOMNode(t);if(!e)throw new Error("<DraggableCore>: Unmounted during event!");return e}function I(t){return(I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function B(t,e){return function(t){if(Array.isArray(t))return t}(t)||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||null==s.return||s.return()}finally{if(o)throw a}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function q(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)}}function Y(t){return(Y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function U(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function X(t,e){return(X=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function F(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var G={start:"touchstart",move:"touchmove",stop:"touchend"},V={start:"mousedown",move:"mousemove",stop:"mouseup"},$=V,J=function(t){function e(){var t,n,r,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=new Array(a),s=0;s<a;s++)i[s]=arguments[s];return r=this,o=(t=Y(e)).call.apply(t,[this].concat(i)),n=!o||"object"!==I(o)&&"function"!=typeof o?U(r):o,F(U(n),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),F(U(n),"handleDragStart",(function(t){if(n.props.onMouseDown(t),!n.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var e=u.a.findDOMNode(U(n));if(!e||!e.ownerDocument||!e.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=e.ownerDocument;if(!(n.props.disabled||!(t.target instanceof r.defaultView.Node)||n.props.handle&&!j(t.target,n.props.handle,e)||n.props.cancel&&j(t.target,n.props.cancel,e))){var o=function(t){return t.targetTouches&&t.targetTouches[0]?t.targetTouches[0].identifier:t.changedTouches&&t.changedTouches[0]?t.changedTouches[0].identifier:void 0}(t);n.setState({touchIdentifier:o});var a=N(t,o,U(n));if(null!=a){var i=a.x,s=a.y,c=H(U(n),i,s);n.props.onStart,!1!==n.props.onStart(t,c)&&(n.props.enableUserSelectHack&&C(r),n.setState({dragging:!0,lastX:i,lastY:s}),x(r,$.move,n.handleDrag),x(r,$.stop,n.handleDragStop))}}})),F(U(n),"handleDrag",(function(t){"touchmove"===t.type&&t.preventDefault();var e=N(t,n.state.touchIdentifier,U(n));if(null!=e){var r,o,a,i=e.x,s=e.y;if(Array.isArray(n.props.grid)){var u=i-n.state.lastX,c=s-n.state.lastY,l=B((r=n.props.grid,o=u,a=c,[Math.round(o/r[0])*r[0],Math.round(a/r[1])*r[1]]),2);if(u=l[0],c=l[1],!u&&!c)return;i=n.state.lastX+u,s=n.state.lastY+c}var p=H(U(n),i,s);if(!1!==n.props.onDrag(t,p))n.setState({lastX:i,lastY:s});else try{n.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),n.handleDragStop(f)}}})),F(U(n),"handleDragStop",(function(t){if(n.state.dragging){var e=N(t,n.state.touchIdentifier,U(n));if(null!=e){var r=e.x,o=e.y,a=H(U(n),r,o),i=u.a.findDOMNode(U(n));i&&n.props.enableUserSelectHack&&E(i.ownerDocument),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),n.props.onStop(t,a),i&&(D(i.ownerDocument,$.move,n.handleDrag),D(i.ownerDocument,$.stop,n.handleDragStop))}}})),F(U(n),"onMouseDown",(function(t){return $=V,n.handleDragStart(t)})),F(U(n),"onMouseUp",(function(t){return $=V,n.handleDragStop(t)})),F(U(n),"onTouchStart",(function(t){return $=G,n.handleDragStart(t)})),F(U(n),"onTouchEnd",(function(t){return $=G,n.handleDragStop(t)})),n}var n,r;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&X(t,e)}(e,o.a.Component),n=e,(r=[{key:"componentWillUnmount",value:function(){var t=u.a.findDOMNode(this);if(t){var e=t.ownerDocument;D(e,V.move,this.handleDrag),D(e,G.move,this.handleDrag),D(e,V.stop,this.handleDragStop),D(e,G.stop,this.handleDragStop),this.props.enableUserSelectHack&&E(e)}}},{key:"render",value:function(){return o.a.cloneElement(o.a.Children.only(this.props.children),{style:T(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&q(n.prototype,r),e}();function K(t){return(K="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Q(){return(Q=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}).apply(this,arguments)}function Z(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tt(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Z(n,!0).forEach((function(e){it(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Z(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function et(t){return(et=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function nt(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function rt(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)}}function ot(t,e,n){return e&&rt(t.prototype,e),n&&rt(t,n),t}function at(t,e){return(at=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function it(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}F(J,"displayName","DraggableCore"),F(J,"propTypes",{allowAnyClick:i.a.bool,disabled:i.a.bool,enableUserSelectHack:i.a.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:i.a.arrayOf(i.a.number),handle:i.a.string,cancel:i.a.string,onStart:i.a.func,onDrag:i.a.func,onStop:i.a.func,onMouseDown:i.a.func,scale:i.a.number,className:y,style:y,transform:y}),F(J,"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(){},scale:1}),n.d(e,"default",(function(){return st})),n.d(e,"DraggableCore",(function(){return J}));var st=function(t){function e(t){var n,r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),r=et(e).call(this,t),n=!r||"object"!==K(r)&&"function"!=typeof r?nt(this):r,it(nt(n),"onDragStart",(function(t,e){if(!1===n.props.onStart(t,W(nt(n),e)))return!1;n.setState({dragging:!0,dragged:!0})})),it(nt(n),"onDrag",(function(t,e){if(!n.state.dragging)return!1;var r=W(nt(n),e),o={x:r.x,y:r.y};if(n.props.bounds){var a=o.x,i=o.y;o.x+=n.state.slackX,o.y+=n.state.slackY;var s=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||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||null==s.return||s.return()}finally{if(o)throw a}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}(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=A(t);if("string"==typeof r){var a,i=o.ownerDocument,s=i.defaultView;if(!((a="parent"===r?o.parentNode:i.querySelector(r))instanceof s.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var u=s.getComputedStyle(o),c=s.getComputedStyle(a);r={left:-o.offsetLeft+d(c.paddingLeft)+d(u.marginLeft),top:-o.offsetTop+d(c.paddingTop)+d(u.marginTop),right:z(a)-_(o)-o.offsetLeft+d(c.paddingRight)-d(u.marginRight),bottom:R(a)-P(o)-o.offsetTop+d(c.paddingBottom)-d(u.marginBottom)}}return h(r.right)&&(e=Math.min(e,r.right)),h(r.bottom)&&(n=Math.min(n,r.bottom)),h(r.left)&&(e=Math.max(e,r.left)),h(r.top)&&(n=Math.max(n,r.top)),[e,n]}(nt(n),o.x,o.y),2),u=s[0],c=s[1];o.x=u,o.y=c,o.slackX=n.state.slackX+(a-o.x),o.slackY=n.state.slackY+(i-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-n.state.x,r.deltaY=o.y-n.state.y}if(!1===n.props.onDrag(t,r))return!1;n.setState(o)})),it(nt(n),"onDragStop",(function(t,e){if(!n.state.dragging)return!1;if(!1===n.props.onStop(t,W(nt(n),e)))return!1;var r={dragging:!1,slackX:0,slackY:0};if(Boolean(n.props.position)){var o=n.props.position,a=o.x,i=o.y;r.x=a,r.y=i}n.setState(r)})),n.state={dragging:!1,dragged:!1,x:t.position?t.position.x:t.defaultPosition.x,y:t.position?t.position.y:t.defaultPosition.y,prevPropsPosition:tt({},t.position),slackX:0,slackY:0,isElementSVG:!1},!t.position||t.onDrag||t.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."),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&at(t,e)}(e,o.a.Component),ot(e,null,[{key:"getDerivedStateFromProps",value:function(t,e){var n=t.position,r=e.prevPropsPosition;return!n||r&&n.x===r.x&&n.y===r.y?null:{x:n.x,y:n.y,prevPropsPosition:tt({},n)}}}]),ot(e,[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&u.a.findDOMNode(this)instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"render",value:function(){var t,e=this.props,n=(e.axis,e.bounds,e.children),r=e.defaultPosition,a=e.defaultClassName,i=e.defaultClassNameDragging,s=e.defaultClassNameDragged,u=e.position,c=e.positionOffset,p=(e.scale,function(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}(e,["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"])),f={},h=null,d=!Boolean(u)||this.state.dragging,y=u||r,g={x:M(this)&&d?this.state.x:y.x,y:L(this)&&d?this.state.y:y.y};this.state.isElementSVG?h=function(t,e){return k(t,e,"")}(g,c):f=function(t,e){var n=k(t,e,"px");return w({},b("transform",m),n)}(g,c);var v=l()(n.props.className||"",a,(it(t={},i,this.state.dragging),it(t,s,this.state.dragged),t));return o.a.createElement(J,Q({},p,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.a.cloneElement(o.a.Children.only(n),{className:v,style:tt({},n.props.style,{},f),transform:h}))}}]),e}();it(st,"displayName","Draggable"),it(st,"propTypes",tt({},J.propTypes,{axis:i.a.oneOf(["both","x","y","none"]),bounds:i.a.oneOfType([i.a.shape({left:i.a.number,right:i.a.number,top:i.a.number,bottom:i.a.number}),i.a.string,i.a.oneOf([!1])]),defaultClassName:i.a.string,defaultClassNameDragging:i.a.string,defaultClassNameDragged:i.a.string,defaultPosition:i.a.shape({x:i.a.number,y:i.a.number}),positionOffset:i.a.shape({x:i.a.oneOfType([i.a.number,i.a.string]),y:i.a.oneOfType([i.a.number,i.a.string])}),position:i.a.shape({x:i.a.number,y:i.a.number}),className:y,style:y,transform:y})),it(st,"defaultProps",tt({},J.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}))}]))},function(t,e,n){"use strict";n.r(e);var r=n(2),o=n.n(r),a=n(3),i=n.n(a),s=n(6),u=n.n(s),c=n(1);function l(t){var e=t.margin,n=t.containerPadding,r=t.containerWidth,o=t.cols;return(r-e[0]*(o-1)-2*n[0])/o}function p(t,e,n,r,o,a){var i=t.margin,s=t.containerPadding,u=t.rowHeight,c=l(t),p={};return a&&a.resizing?(p.width=Math.round(a.resizing.width),p.height=Math.round(a.resizing.height)):(p.width=r===1/0?r:Math.round(c*r+Math.max(0,r-1)*i[0]),p.height=o===1/0?o:Math.round(u*o+Math.max(0,o-1)*i[1])),a&&a.dragging?(p.top=Math.round(a.dragging.top),p.left=Math.round(a.dragging.left)):(p.top=Math.round((u+i[1])*n+s[1]),p.left=Math.round((c+i[0])*e+s[0])),p}function f(t,e,n,r,o){var a=t.margin,i=t.cols,s=t.rowHeight,u=t.maxRows,c=l(t),p=Math.round((n-a[0])/(c+a[0])),f=Math.round((e-a[1])/(s+a[1]));return{x:p=Math.max(Math.min(p,i-r),0),y:f=Math.max(Math.min(f,u-o),0)}}var h=n(5),d=n.n(h),y=n(0),g=n.n(y),b=n(7),m=n(10);function v(t){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function w(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?w(Object(n),!0).forEach((function(e){R(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j(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)}}function x(t,e){return!e||"object"!==v(e)&&"function"!=typeof e?P(t):e}function D(t){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function P(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _(t,e){return(_=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function R(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var z=function(t){function e(){var t,n;S(this,e);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return R(P(n=x(this,(t=D(e)).call.apply(t,[this].concat(o)))),"state",{resizing:null,dragging:null,className:""}),R(P(n),"currentNode",void 0),R(P(n),"onDragStart",(function(t,e){var r=e.node;if(n.props.onDragStart){var o={top:0,left:0},a=r.offsetParent;if(a){var i=a.getBoundingClientRect(),s=r.getBoundingClientRect(),u=s.left/n.props.transformScale,c=i.left/n.props.transformScale,l=s.top/n.props.transformScale,p=i.top/n.props.transformScale;o.left=u-c+a.scrollLeft,o.top=l-p+a.scrollTop,n.setState({dragging:o});var h=f(n.getPositionParams(),o.top,o.left,n.props.w,n.props.h),d=h.x,y=h.y;return n.props.onDragStart&&n.props.onDragStart.call(P(n),n.props.i,d,y,{e:t,node:r,newPosition:o})}}})),R(P(n),"onDrag",(function(t,e){var r=e.node,o=e.deltaX,a=e.deltaY,i=n.props,s=i.onDrag,u=i.transformScale;if(s){o/=u,a/=u;var c={top:0,left:0};if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");c.left=n.state.dragging.left+o,c.top=n.state.dragging.top+a,n.setState({dragging:c});var l=f(n.getPositionParams(),c.top,c.left,n.props.w,n.props.h),p=l.x,h=l.y;return s&&s.call(P(n),n.props.i,p,h,{e:t,node:r,newPosition:c})}})),R(P(n),"onDragStop",(function(t,e){var r=e.node;if(n.props.onDragStop){var o={top:0,left:0};if(!n.state.dragging)throw new Error("onDragEnd called before onDragStart.");o.left=n.state.dragging.left,o.top=n.state.dragging.top,n.setState({dragging:null});var a=f(n.getPositionParams(),o.top,o.left,n.props.w,n.props.h),i=a.x,s=a.y;return n.props.onDragStop&&n.props.onDragStop.call(P(n),n.props.i,i,s,{e:t,node:r,newPosition:o})}})),R(P(n),"onResizeStop",(function(t,e){n.onResizeHandler(t,e,"onResizeStop")})),R(P(n),"onResizeStart",(function(t,e){n.onResizeHandler(t,e,"onResizeStart")})),R(P(n),"onResize",(function(t,e){n.onResizeHandler(t,e,"onResize")})),n}var n,r,a;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&_(t,e)}(e,t),n=e,(r=[{key:"shouldComponentUpdate",value:function(t,e){if(this.props.children!==t.children)return!0;if(this.props.droppingPosition!==t.droppingPosition)return!0;var n=p(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=p(this.getPositionParams(t),t.x,t.y,t.w,t.h,e);return!Object(c.fastPositionEqual)(n,r)||this.props.useCSSTransforms!==t.useCSSTransforms}},{key:"componentDidMount",value:function(){this.moveDroppingItem({})}},{key:"componentDidUpdate",value:function(t){this.moveDroppingItem(t)}},{key:"moveDroppingItem",value:function(t){var e=this.props.droppingPosition;if(e){var n=t.droppingPosition||{left:0,top:0},r=this.state.dragging;this.currentNode||(this.currentNode=d.a.findDOMNode(this));var o=r&&e.left!==n.left||e.top!==n.top;if(r){if(o){var a=e.left-r.left,i=e.top-r.top;this.onDrag(e.e,{node:this.currentNode,deltaX:a,deltaY:i})}}else this.onDragStart(e.e,{node:this.currentNode,deltaX:e.left,deltaY:e.top})}}},{key:"getPositionParams",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}},{key:"createStyle",value:function(t){var e,n=this.props,r=n.usePercentages,o=n.containerWidth;return n.useCSSTransforms?e=Object(c.setTransform)(t):(e=Object(c.setTopLeft)(t),r&&(e.left=Object(c.perc)(t.left/o),e.width=Object(c.perc)(t.width/o))),e}},{key:"mixinDraggable",value:function(t,e){return o.a.createElement(b.DraggableCore,{disabled:!e,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale},t)}},{key:"mixinResizable",value:function(t,e,n){var r=this.props,a=r.cols,i=r.x,s=r.minW,u=r.minH,c=r.maxW,l=r.maxH,f=r.transformScale,h=this.getPositionParams(),d=p(h,0,0,a-i,0).width,y=p(h,0,0,s,u),g=p(h,0,0,c,l),b=[y.width,y.height],v=[Math.min(g.width,d),Math.min(g.height,1/0)];return o.a.createElement(m.Resizable,{draggableOpts:{disabled:!n},className:n?void 0:"react-resizable-hide",width:e.width,height:e.height,minConstraints:b,maxConstraints:v,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize,transformScale:f},t)}},{key:"onResizeHandler",value:function(t,e,n){var r=e.node,o=e.size,a=this.props[n];if(a){var i=this.props,s=i.cols,u=i.x,c=i.y,p=i.i,f=i.maxW,h=i.minW,d=i.maxH,y=i.minH,g=function(t,e,n,r,o){var a=t.margin,i=t.maxRows,s=t.cols,u=t.rowHeight,c=l(t),p=Math.round((e+a[0])/(c+a[0])),f=Math.round((n+a[1])/(u+a[1]));return{w:p=Math.max(Math.min(p,s-r),0),h:f=Math.max(Math.min(f,i-o),0)}}(this.getPositionParams(),o.width,o.height,u,c),b=g.w,m=g.h;b=Math.min(b,s-u),b=Math.max(b,1),b=Math.max(Math.min(b,f),h),m=Math.max(Math.min(m,d),y),this.setState({resizing:"onResizeStop"===n?null:o}),a.call(this,p,b,m,{e:t,node:r,size:o})}}},{key:"render",value:function(){var t=this.props,e=t.x,n=t.y,r=t.w,a=t.h,i=t.isDraggable,s=t.isResizable,c=t.droppingPosition,l=t.useCSSTransforms,f=p(this.getPositionParams(),e,n,r,a,this.state),h=o.a.Children.only(this.props.children),d=o.a.cloneElement(h,{className:u()("react-grid-item",h.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":i,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(c),cssTransforms:l}),style:O({},this.props.style,{},h.props.style,{},this.createStyle(f))});return d=this.mixinResizable(d,f,s),d=this.mixinDraggable(d,i)}}])&&j(n.prototype,r),a&&j(n,a),e}(o.a.Component);R(z,"propTypes",{children:g.a.element,cols:g.a.number.isRequired,containerWidth:g.a.number.isRequired,rowHeight:g.a.number.isRequired,margin:g.a.array.isRequired,maxRows:g.a.number.isRequired,containerPadding:g.a.array.isRequired,x:g.a.number.isRequired,y:g.a.number.isRequired,w:g.a.number.isRequired,h:g.a.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:g.a.string.isRequired,onDragStop:g.a.func,onDragStart:g.a.func,onDrag:g.a.func,onResizeStop:g.a.func,onResizeStart:g.a.func,onResize:g.a.func,isDraggable:g.a.bool.isRequired,isResizable:g.a.bool.isRequired,static:g.a.bool,useCSSTransforms:g.a.bool.isRequired,transformScale:g.a.number,className:g.a.string,handle:g.a.string,cancel:g.a.string,droppingPosition:g.a.shape({e:g.a.object.isRequired,left:g.a.number.isRequired,top:g.a.number.isRequired})}),R(z,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1});var k={className:g.a.string,style:g.a.object,width:g.a.number,autoSize:g.a.bool,cols:g.a.number,draggableCancel:g.a.string,draggableHandle:g.a.string,verticalCompact:function(t){t.verticalCompact,0},compactType:g.a.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;void 0!==e&&n(1).validateLayout(e,"layout")},margin:g.a.arrayOf(g.a.number),containerPadding:g.a.arrayOf(g.a.number),rowHeight:g.a.number,maxRows:g.a.number,isDraggable:g.a.bool,isResizable:g.a.bool,preventCollision:g.a.bool,useCSSTransforms:g.a.bool,transformScale:g.a.number,isDroppable:g.a.bool,onLayoutChange:g.a.func,onDragStart:g.a.func,onDrag:g.a.func,onDragStop:g.a.func,onResizeStart:g.a.func,onResize:g.a.func,onResizeStop:g.a.func,onDrop:g.a.func,droppingItem:g.a.shape({i:g.a.string.isRequired,w:g.a.number.isRequired,h:g.a.number.isRequired}),children:function(t,e){var n=t[e],r={};o.a.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}))}};function C(t){return(C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function E(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function T(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E(Object(n),!0).forEach((function(e){A(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function M(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function L(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)}}function N(t){return(N=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function H(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function W(t,e){return(W=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function A(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}n.d(e,"default",(function(){return B}));var I=!1;try{I=/firefox/i.test(navigator.userAgent)}catch(t){}var B=function(t){function e(t,n){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),r=function(t,e){return!e||"object"!==C(e)&&"function"!=typeof e?H(t):e}(this,N(e).call(this,t,n)),A(H(r),"state",{activeDrag:null,layout:Object(c.synchronizeLayoutWithChildren)(r.props.layout,r.props.children,r.props.cols,Object(c.compactType)(r.props)),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),A(H(r),"dragEnterCounter",0),A(H(r),"onDragOver",(function(t){if(I&&-1===t.nativeEvent.target.className.indexOf("react-grid-layout"))return!1;var e=r.props,n=e.droppingItem,a=e.margin,i=e.cols,s=e.rowHeight,u=e.maxRows,c=e.width,l=e.containerPadding,p=r.state.layout,h=t.nativeEvent,d=h.layerX,y=h.layerY,g={left:d,top:y,e:t};if(r.state.droppingDOMNode){if(r.state.droppingPosition){var b=r.state.droppingPosition,m=b.left,v=b.top;(m!=d||v!=y)&&r.setState({droppingPosition:g})}}else{var w=f({cols:i,margin:a,maxRows:u,rowHeight:s,containerWidth:c,containerPadding:l||a},y,d,n.w,n.h);r.setState({droppingDOMNode:o.a.createElement("div",{key:n.i}),droppingPosition:g,layout:[].concat(M(p),[T({},n,{x:w.x,y:w.y,static:!1,isDraggable:!0})])})}t.stopPropagation(),t.preventDefault()})),A(H(r),"removeDroppingPlaceholder",(function(){var t=r.props,e=t.droppingItem,n=t.cols,o=r.state.layout,a=Object(c.compact)(o.filter((function(t){return t.i!==e.i})),Object(c.compactType)(r.props),n);r.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),A(H(r),"onDragLeave",(function(){r.dragEnterCounter--,0===r.dragEnterCounter&&r.removeDroppingPlaceholder()})),A(H(r),"onDragEnter",(function(){r.dragEnterCounter++})),A(H(r),"onDrop",(function(t){var e=r.props.droppingItem,n=r.state.layout.find((function(t){return t.i===e.i}))||{},o=n.x,a=n.y,i=n.w,s=n.h;r.dragEnterCounter=0,r.removeDroppingPlaceholder(),r.props.onDrop({x:o,y:a,w:i,h:s,e:t})})),Object(c.autoBindHandlers)(H(r),["onDragStart","onDrag","onDragStop","onResizeStart","onResize","onResizeStop"]),r}var n,r,a;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&W(t,e)}(e,t),n=e,a=[{key:"getDerivedStateFromProps",value:function(t,e){var n;return e.activeDrag?null:(i()(t.layout,e.propsLayout)&&t.compactType===e.compactType?Object(c.childrenEqual)(t.children,e.children)||(n=e.layout):n=t.layout,n?{layout:Object(c.synchronizeLayoutWithChildren)(n,t.children,t.cols,Object(c.compactType)(t)),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}}],(r=[{key:"componentDidMount",value:function(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}},{key:"shouldComponentUpdate",value:function(t,e){return this.props.children!==t.children||!Object(c.fastRGLPropsEqual)(this.props,t,i.a)||this.state.activeDrag!==e.activeDrag||this.state.droppingPosition!==e.droppingPosition}},{key:"componentDidUpdate",value:function(t,e){if(!this.state.activeDrag){var n=this.state.layout,r=e.layout;this.onLayoutMaybeChanged(n,r)}}},{key:"containerHeight",value:function(){if(this.props.autoSize){var t=Object(c.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"}}},{key:"onDragStart",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state.layout,s=Object(c.getLayoutItem)(i,t);if(s)return this.setState({oldDragItem:Object(c.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onDragStart(i,s,s,null,o,a)}},{key:"onDrag",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state.oldDragItem,s=this.state.layout,u=this.props.cols,l=Object(c.getLayoutItem)(s,t);if(l){var p={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i:t};s=Object(c.moveElement)(s,l,e,n,!0,this.props.preventCollision,Object(c.compactType)(this.props),u),this.props.onDrag(s,i,l,p,o,a),this.setState({layout:Object(c.compact)(s,Object(c.compactType)(this.props),u),activeDrag:p})}}},{key:"onDragStop",value:function(t,e,n,r){var o=r.e,a=r.node;if(this.state.activeDrag){var i=this.state.oldDragItem,s=this.state.layout,u=this.props,l=u.cols,p=u.preventCollision,f=Object(c.getLayoutItem)(s,t);if(f){s=Object(c.moveElement)(s,f,e,n,!0,p,Object(c.compactType)(this.props),l),this.props.onDragStop(s,i,f,null,o,a);var h=Object(c.compact)(s,Object(c.compactType)(this.props),l),d=this.state.oldLayout;this.setState({activeDrag:null,layout:h,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(h,d)}}}},{key:"onLayoutMaybeChanged",value:function(t,e){e||(e=this.state.layout),i()(e,t)||this.props.onLayoutChange(t)}},{key:"onResizeStart",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state.layout,s=Object(c.getLayoutItem)(i,t);s&&(this.setState({oldResizeItem:Object(c.cloneLayoutItem)(s),oldLayout:this.state.layout}),this.props.onResizeStart(i,s,s,null,o,a))}},{key:"onResize",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state,s=i.layout,u=i.oldResizeItem,l=this.props,p=l.cols,f=l.preventCollision,h=Object(c.getLayoutItem)(s,t);if(h){var d;if(f){var y=Object(c.getAllCollisions)(s,T({},h,{w:e,h:n})).filter((function(t){return t.i!==h.i}));if(d=y.length>0){var g=1/0,b=1/0;y.forEach((function(t){t.x>h.x&&(g=Math.min(g,t.x)),t.y>h.y&&(b=Math.min(b,t.y))})),Number.isFinite(g)&&(h.w=g-h.x),Number.isFinite(b)&&(h.h=b-h.y)}}d||(h.w=e,h.h=n);var m={w:h.w,h:h.h,x:h.x,y:h.y,static:!0,i:t};this.props.onResize(s,u,h,m,o,a),this.setState({layout:Object(c.compact)(s,Object(c.compactType)(this.props),p),activeDrag:m})}}},{key:"onResizeStop",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state,s=i.layout,u=i.oldResizeItem,l=this.props.cols,p=Object(c.getLayoutItem)(s,t);this.props.onResizeStop(s,u,p,null,o,a);var f=Object(c.compact)(s,Object(c.compactType)(this.props),l),h=this.state.oldLayout;this.setState({activeDrag:null,layout:f,oldResizeItem:null,oldLayout:null}),this.onLayoutMaybeChanged(f,h)}},{key:"placeholder",value: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,l=e.transformScale;return o.a.createElement(z,{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,transformScale:l},o.a.createElement("div",null))}},{key:"processGridItem",value:function(t,e){if(t&&t.key){var n=Object(c.getLayoutItem)(this.state.layout,String(t.key));if(!n)return null;var r=this.props,a=r.width,i=r.cols,s=r.margin,u=r.containerPadding,l=r.rowHeight,p=r.maxRows,f=r.isDraggable,h=r.isResizable,d=r.useCSSTransforms,y=r.transformScale,g=r.draggableCancel,b=r.draggableHandle,m=this.state,v=m.mounted,w=m.droppingPosition,O="boolean"==typeof n.isDraggable?n.isDraggable:!n.static&&f,S="boolean"==typeof n.isResizable?n.isResizable:!n.static&&h;return o.a.createElement(z,{containerWidth:a,cols:i,margin:s,containerPadding:u||s,maxRows:p,rowHeight:l,cancel:g,handle:b,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:O,isResizable:S,useCSSTransforms:d&&v,usePercentages:!v,transformScale:y,w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,minH:n.minH,minW:n.minW,maxH:n.maxH,maxW:n.maxW,static:n.static,droppingPosition:e?w:void 0},t)}}},{key:"render",value:function(){var t=this,e=this.props,n=e.className,r=e.style,a=e.isDroppable,i=u()("react-grid-layout",n),s=T({height:this.containerHeight()},r);return o.a.createElement("div",{className:i,style:s,onDrop:a?this.onDrop:c.noop,onDragLeave:a?this.onDragLeave:c.noop,onDragEnter:a?this.onDragEnter:c.noop,onDragOver:a?this.onDragOver:c.noop},o.a.Children.map(this.props.children,(function(e){return t.processGridItem(e)})),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}])&&L(n.prototype,r),a&&L(n,a),e}(o.a.Component);A(B,"displayName","ReactGridLayout"),A(B,"propTypes",k),A(B,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isDraggable:!0,isResizable:!0,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},onLayoutChange:c.noop,onDragStart:c.noop,onDrag:c.noop,onDragStop:c.noop,onResizeStart:c.noop,onResize:c.noop,onResizeStop:c.noop,onDrop:c.noop})},function(t,e,n){"use strict";e.__esModule=!0,e.default=void 0;var r=s(n(2)),o=s(n(0)),a=n(7),i=n(17);function s(t){return t&&t.__esModule?t:{default:t}}function u(){return(u=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}).apply(this,arguments)}function c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var f=function(t){var e,n;function o(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return p(l(e=t.call.apply(t,[this].concat(r))||this),"state",{slackW:0,slackH:0}),e}n=t,(e=o).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var s=o.prototype;return s.lockAspectRatio=function(t,e,n){return[t=(e=t/n)*n,e]},s.runConstraints=function(t,e){var n=[this.props.minConstraints,this.props.maxConstraints],r=n[0],o=n[1];if(!r&&!o)return[t,e];if(this.props.lockAspectRatio)if(e===this.props.height){var a=this.props.width/this.props.height;t=(e=t/a)*a}else{var i=this.props.height/this.props.width;e=(t=e/i)*i}var s=t,u=e,c=this.state,l=c.slackW,p=c.slackH;return t+=l,e+=p,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)),p+=u-e,(l+=s-t)===this.state.slackW&&p===this.state.slackH||this.setState({slackW:l,slackH:p}),[t,e]},s.resizeHandler=function(t,e){var n=this;return function(r,o){var a=o.node,i=o.deltaX,s=o.deltaY;i/=n.props.transformScale,s/=n.props.transformScale;var u=("both"===n.props.axis||"x"===n.props.axis)&&-1===["n","s"].indexOf(e),c=("both"===n.props.axis||"y"===n.props.axis)&&-1===["e","w"].indexOf(e);u&&"w"===e[e.length-1]&&(i=-i),c&&"n"===e[0]&&(s=-s);var l=n.props.width+(u?i:0),p=n.props.height+(c?s:0),f=l!==n.props.width,h=p!==n.props.height;if("onResize"!==t||f||h){var d=n.runConstraints(l,p);l=d[0],p=d[1];var y={};if("onResizeStart"===t);else if("onResizeStop"===t)y.slackW=y.slackH=0;else if(l===n.props.width&&p===n.props.height)return;"function"==typeof n.props[t]?("function"==typeof r.persist&&r.persist(),n.setState(y,(function(){return n.props[t](r,{node:a,size:{width:l,height:p},handle:e})}))):n.setState(y)}}},s.renderResizeHandle=function(t){var e=this.props.handle;return e?"function"==typeof e?e(t):e:r.default.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+t})},s.render=function(){var t=this,e=this.props,n=e.children,o=e.draggableOpts,s=(e.width,e.height,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart,e.resizeHandles),l=(e.transformScale,function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(e,["children","draggableOpts","width","height","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"])),f=l.className?l.className+" react-resizable":"react-resizable";return(0,i.cloneElement)(n,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?c(n,!0).forEach((function(e){p(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},l,{className:f,children:[n.props.children,s.map((function(e){return r.default.createElement(a.DraggableCore,u({},o,{key:"resizableHandle-"+e,onStop:t.resizeHandler("onResizeStop",e),onStart:t.resizeHandler("onResizeStart",e),onDrag:t.resizeHandler("onResize",e)}),t.renderResizeHandle(e))}))]}))},o}(r.default.Component);e.default=f,p(f,"propTypes",{children:o.default.element.isRequired,width:o.default.number.isRequired,height:o.default.number.isRequired,handle:o.default.element,handleSize:o.default.array,resizeHandles:o.default.arrayOf(o.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:o.default.number,lockAspectRatio:o.default.bool,axis:o.default.oneOf(["both","x","y","none"]),minConstraints:o.default.arrayOf(o.default.number),maxConstraints:o.default.arrayOf(o.default.number),onResizeStop:o.default.func,onResizeStart:o.default.func,onResize:o.default.func,draggableOpts:o.default.object}),p(f,"defaultProps",{handleSize:[20,20],lockAspectRatio:!1,axis:"both",minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1})},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(9).default,t.exports.ResizableBox=n(18).default},function(t,e,n){t.exports=n(8).default,t.exports.utils=n(1),t.exports.Responsive=n(19).default,t.exports.Responsive.utils=n(4),t.exports.WidthProvider=n(20).default},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){t.exports=function(t,e,n){return t===e||t.className===e.className&&n(t.style,e.style)&&t.width===e.width&&t.autoSize===e.autoSize&&t.cols===e.cols&&t.draggableCancel===e.draggableCancel&&t.draggableHandle===e.draggableHandle&&n(t.verticalCompact,e.verticalCompact)&&n(t.compactType,e.compactType)&&n(t.layout,e.layout)&&n(t.margin,e.margin)&&n(t.containerPadding,e.containerPadding)&&t.rowHeight===e.rowHeight&&t.maxRows===e.maxRows&&t.isDraggable===e.isDraggable&&t.isResizable===e.isResizable&&t.preventCollision===e.preventCollision&&t.useCSSTransforms===e.useCSSTransforms&&t.transformScale===e.transformScale&&t.isDroppable===e.isDroppable&&t.onLayoutChange===e.onLayoutChange&&t.onDragStart===e.onDragStart&&t.onDrag===e.onDrag&&t.onDragStop===e.onDragStop&&t.onResizeStart===e.onResizeStart&&t.onResize===e.onResize&&t.onResizeStop===e.onResizeStop&&t.onDrop===e.onDrop&&n(t.droppingItem,e.droppingItem)}},function(t,e,n){"use strict";var r=n(16);function o(){}function a(){}a.resetWarningCache=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,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:a,resetWarningCache:o};return 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,n){"use strict";e.__esModule=!0,e.cloneElement=function(t,e){e.style&&t.props.style&&(e.style=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?a(n,!0).forEach((function(e){i(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):a(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t.props.style,{},e.style));e.className&&t.props.className&&(e.className=t.props.className+" "+e.className);return o.default.cloneElement(t,e)};var r,o=(r=n(2))&&r.__esModule?r:{default:r};function a(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function i(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},function(t,e,n){"use strict";e.__esModule=!0,e.default=void 0;var r=i(n(2)),o=i(n(0)),a=i(n(9));function i(t){return t&&t.__esModule?t:{default:t}}function s(){return(s=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}).apply(this,arguments)}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var l=function(t){var e,n;function o(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return c(u(e=t.call.apply(t,[this].concat(r))||this),"state",{width:e.props.width,height:e.props.height,propsWidth:e.props.width,propsHeight:e.props.height}),c(u(e),"onResize",(function(t,n){var r=n.size;r.width,r.height;e.props.onResize?(t.persist&&t.persist(),e.setState(r,(function(){return e.props.onResize&&e.props.onResize(t,n)}))):e.setState(r)})),e}return n=t,(e=o).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n,o.getDerivedStateFromProps=function(t,e){return e.propsWidth!==t.width||e.propsHeight!==t.height?{width:t.width,height:t.height,propsWidth:t.width,propsHeight:t.height}:null},o.prototype.render=function(){var t=this.props,e=t.handle,n=t.handleSize,o=(t.onResize,t.onResizeStart),i=t.onResizeStop,u=t.draggableOpts,c=t.minConstraints,l=t.maxConstraints,p=t.lockAspectRatio,f=t.axis,h=(t.width,t.height,t.resizeHandles),d=function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles"]);return r.default.createElement(a.default,{handle:e,handleSize:n,width:this.state.width,height:this.state.height,onResizeStart:o,onResize:this.onResize,onResizeStop:i,draggableOpts:u,minConstraints:c,maxConstraints:l,lockAspectRatio:p,axis:f,resizeHandles:h},r.default.createElement("div",s({style:{width:this.state.width+"px",height:this.state.height+"px"}},d)))},o}(r.default.Component);e.default=l,c(l,"propTypes",{height:o.default.number,width:o.default.number}),c(l,"defaultProps",{handleSize:[20,20]})},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return D}));var r=n(2),o=n(0),a=n.n(o),i=n(3),s=n.n(i),u=n(1),c=n(4),l=n(8);function p(t){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function f(){return(f=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}).apply(this,arguments)}function h(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function y(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){S(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(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)}}function m(t,e){return!e||"object"!==p(e)&&"function"!=typeof e?w(t):e}function v(t){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function w(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function O(t,e){return(O=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function S(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var j=function(t){return Object.prototype.toString.call(t)};function x(t,e){return Array.isArray(t)?t:t[e]}var D=function(t){function e(){var t,n;g(this,e);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return S(w(n=m(this,(t=v(e)).call.apply(t,[this].concat(o)))),"state",n.generateInitialState()),S(w(n),"onLayoutChange",(function(t){n.props.onLayoutChange(t,y({},n.props.layouts,S({},n.state.breakpoint,t)))})),n}var n,o,a;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&O(t,e)}(e,t),n=e,a=[{key:"getDerivedStateFromProps",value:function(t,e){if(!s()(t.layouts,e.layouts)){var n=e.breakpoint,r=e.cols;return{layout:Object(c.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,n,n,r,t.compactType),layouts:t.layouts}}return null}}],(o=[{key:"generateInitialState",value:function(){var t=this.props,e=t.width,n=t.breakpoints,r=t.layouts,o=t.cols,a=Object(c.getBreakpointFromWidth)(n,e),i=Object(c.getColsFromBreakpoint)(a,o),s=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:Object(c.findOrGenerateResponsiveLayout)(r,n,a,a,i,s),breakpoint:a,cols:i}}},{key:"componentDidUpdate",value:function(t){this.props.width==t.width&&this.props.breakpoint===t.breakpoint&&s()(this.props.breakpoints,t.breakpoints)&&s()(this.props.cols,t.cols)||this.onWidthChange(t)}},{key:"onWidthChange",value:function(t){var e=this.props,n=e.breakpoints,r=e.cols,o=e.layouts,a=e.compactType,i=this.props.breakpoint||Object(c.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,l=Object(c.getColsFromBreakpoint)(i,r),p=y({},o);if(s!==i||t.breakpoints!==n||t.cols!==r){s in p||(p[s]=Object(u.cloneLayout)(this.state.layout));var f=Object(c.findOrGenerateResponsiveLayout)(p,n,i,s,l,a);f=Object(u.synchronizeLayoutWithChildren)(f,this.props.children,l,a),p[i]=f,this.props.onLayoutChange(f,p),this.props.onBreakpointChange(i,l),this.setState({breakpoint:i,layout:f,cols:l})}var h=x(this.props.margin,i),d=x(this.props.containerPadding,i);this.props.onWidthChange(this.props.width,h,l,d)}},{key:"render",value:function(){var t=this.props,e=(t.breakpoint,t.breakpoints,t.cols,t.layouts,t.margin),n=t.containerPadding,o=(t.onBreakpointChange,t.onLayoutChange,t.onWidthChange,h(t,["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"]));return r.createElement(l.default,f({},o,{margin:x(e,this.state.breakpoint),containerPadding:x(n,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}])&&b(n.prototype,o),a&&b(n,a),e}(r.Component);S(D,"propTypes",{breakpoint:a.a.string,breakpoints:a.a.object,cols:a.a.object,margin:a.a.oneOfType([a.a.array,a.a.object]),containerPadding:a.a.oneOfType([a.a.array,a.a.object]),layouts:function(t,e){if("[object Object]"!==j(t[e]))throw new Error("Layout property must be an object. Received: "+j(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.");Object(u.validateLayout)(t.layouts[e],"layouts."+e)}))},width:a.a.number.isRequired,onBreakpointChange:a.a.func,onLayoutChange:a.a.func,onWidthChange:a.a.func}),S(D,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},layouts:{},margin:[10,10],containerPadding:{lg:[0,0],md:[0,0],sm:[0,0],xs:[0,0],xxs:[0,0]},onBreakpointChange:u.noop,onLayoutChange:u.noop,onWidthChange:u.noop})},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return m}));var r=n(2),o=n(0),a=n.n(o),i=n(5),s=n.n(i);function u(t){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(){return(c=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}).apply(this,arguments)}function l(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},a=Object.keys(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)n=a[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function p(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(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)}}function h(t,e){return!e||"object"!==u(e)&&"function"!=typeof e?y(t):e}function d(t){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function g(t,e){return(g=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function b(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m(t){var e,n;return n=e=function(e){function n(){var t,e;p(this,n);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return b(y(e=h(this,(t=d(n)).call.apply(t,[this].concat(o)))),"state",{width:1280}),b(y(e),"mounted",!1),b(y(e),"onWindowResize",(function(){if(e.mounted){var t=s.a.findDOMNode(y(e));t instanceof HTMLElement&&e.setState({width:t.offsetWidth})}})),e}var o,a,i;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&g(t,e)}(n,e),o=n,(a=[{key:"componentDidMount",value:function(){this.mounted=!0,window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}},{key:"componentWillUnmount",value:function(){this.mounted=!1,window.removeEventListener("resize",this.onWindowResize)}},{key:"render",value:function(){var e=this.props,n=e.measureBeforeMount,o=l(e,["measureBeforeMount"]);return n&&!this.mounted?r.createElement("div",{className:this.props.className,style:this.props.style}):r.createElement(t,c({},o,this.state))}}])&&f(o.prototype,a),i&&f(o,i),n}(r.Component),b(e,"defaultProps",{measureBeforeMount:!1}),b(e,"propTypes",{measureBeforeMount:a.a.bool}),n}}])}));
//# sourceMappingURL=react-grid-layout.min.js.map