forked from react-grid-layout/react-grid-layout
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreact-grid-layout.min.js
18 lines (18 loc) · 101 KB
/
react-grid-layout.min.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
!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(12)()},function(t,e,n){"use strict";n.r(e),n.d(e,"bottom",(function(){return f})),n.d(e,"cloneLayout",(function(){return p})),n.d(e,"cloneLayoutItem",(function(){return d})),n.d(e,"childrenEqual",(function(){return h})),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 j})),n.d(e,"getAllCollisions",(function(){return S})),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 k})),n.d(e,"sortLayoutItems",(function(){return E})),n.d(e,"sortLayoutItemsByRowCol",(function(){return C})),n.d(e,"sortLayoutItemsByColRow",(function(){return z})),n.d(e,"synchronizeLayoutWithChildren",(function(){return T})),n.d(e,"validateLayout",(function(){return M})),n.d(e,"autoBindHandlers",(function(){return N})),n.d(e,"noop",(function(){return A}));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}var c=!0,l=!1;function f(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 p(t){for(var e=Array(t.length),n=0,r=t.length;n<r;n++)e[n]=d(t[n]);return e}function d(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 h(t,e){return o()(i.a.Children.map(t,(function(t){return t.key})),i.a.Children.map(e,(function(t){return t.key})))}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=E(t,e),a=Array(t.length),i=0,s=o.length;i<s;i++){var u=d(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(f(t),e.y);e.y>0&&!j(t,e);)e.y--;else if(i)for(e.y=Math.min(f(t),e.y);e.x>0&&!j(t,e);)e.x--;for(;a=j(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(;j(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 j(t,e){for(var n=0,r=t.length;n<r;n++)if(y(t[n],e))return t[n]}function S(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)return t;if(e.y===r&&e.x===n)return t;L("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=E(t,i);("vertical"===i&&"number"==typeof r?c>=r:"horizontal"===i&&"number"==typeof n&&u>=n)&&(l=l.reverse());var f=S(l,e);if(a&&f.length)return L("Collision prevented on ".concat(e.i,", reverting.")),e.x=u,e.y=c,e.moved=!1,t;for(var p=0,d=f.length;p<d;p++){var h=f[p];L("Resolving collision between ".concat(e.i," at [").concat(e.x,",").concat(e.y,"] and ").concat(h.i," at [").concat(h.x,",").concat(h.y,"]")),h.moved||(t=h.static?P(t,h,e,o,i,s):P(t,e,h,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(!j(t,c))return L("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 k(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 E(t,e){return"horizontal"===e?z(t):C(t)}function C(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 z(t){return[].concat(t).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]=d(r);else{!c&&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?(c||M([a],"ReactGridLayout.children"),o[n]=d(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(n,!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},a,{i:e.key}))):o[n]=d({w:1,h:1,x:0,y:f(o),i:String(e.key)})}})),o=g(o=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 N(t,e){e.forEach((function(e){return t[e]=t[e].bind(t)}))}function L(){var t;l&&(t=console).log.apply(t,arguments)}var A=function(){}},function(e,n){e.exports=t},function(t,e,n){(function(t,n){var r=200,o="__lodash_hash_undefined__",a=1,i=2,s=9007199254740991,u="[object Arguments]",c="[object Array]",l="[object AsyncFunction]",f="[object Boolean]",p="[object Date]",d="[object Error]",h="[object Function]",y="[object GeneratorFunction]",g="[object Map]",b="[object Number]",m="[object Null]",v="[object Object]",w="[object Proxy]",O="[object RegExp]",j="[object Set]",S="[object String]",x="[object Symbol]",D="[object Undefined]",P="[object ArrayBuffer]",_="[object DataView]",R=/^\[object .+?Constructor\]$/,k=/^(?:0|[1-9]\d*)$/,E={};E["[object Float32Array]"]=E["[object Float64Array]"]=E["[object Int8Array]"]=E["[object Int16Array]"]=E["[object Int32Array]"]=E["[object Uint8Array]"]=E["[object Uint8ClampedArray]"]=E["[object Uint16Array]"]=E["[object Uint32Array]"]=!0,E[u]=E[c]=E[P]=E[f]=E[_]=E[p]=E[d]=E[h]=E[g]=E[b]=E[v]=E[O]=E[j]=E[S]=E["[object WeakMap]"]=!1;var C="object"==typeof t&&t&&t.Object===Object&&t,z="object"==typeof self&&self&&self.Object===Object&&self,T=C||z||Function("return this")(),M=e&&!e.nodeType&&e,N=M&&"object"==typeof n&&n&&!n.nodeType&&n,L=N&&N.exports===M,A=L&&C.process,W=function(){try{return A&&A.binding&&A.binding("util")}catch(t){}}(),H=W&&W.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 Y(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var X,q,U,F=Array.prototype,V=Function.prototype,G=Object.prototype,$=T["__core-js_shared__"],J=V.toString,K=G.hasOwnProperty,Q=(X=/[^.]+$/.exec($&&$.keys&&$.keys.IE_PROTO||""))?"Symbol(src)_1."+X:"",Z=G.toString,tt=RegExp("^"+J.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),et=L?T.Buffer:void 0,nt=T.Symbol,rt=T.Uint8Array,ot=G.propertyIsEnumerable,at=F.splice,it=nt?nt.toStringTag:void 0,st=Object.getOwnPropertySymbols,ut=et?et.isBuffer:void 0,ct=(q=Object.keys,U=Object,function(t){return q(U(t))}),lt=Wt(T,"DataView"),ft=Wt(T,"Map"),pt=Wt(T,"Promise"),dt=Wt(T,"Set"),ht=Wt(T,"WeakMap"),yt=Wt(Object,"create"),gt=Yt(lt),bt=Yt(ft),mt=Yt(pt),vt=Yt(dt),wt=Yt(ht),Ot=nt?nt.prototype:void 0,jt=Ot?Ot.valueOf:void 0;function St(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 xt(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 Dt(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 Pt(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new Dt;++e<n;)this.add(t[e])}function _t(t){var e=this.__data__=new xt(t);this.size=e.size}function Rt(t,e){var n=Ut(t),r=!n&&qt(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 c in t)!e&&!K.call(t,c)||i&&("length"==c||o&&("offset"==c||"parent"==c)||a&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Bt(c,u))||s.push(c);return s}function kt(t,e){for(var n=t.length;n--;)if(Xt(t[n][0],e))return n;return-1}function Et(t){return null==t?void 0===t?D:m: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 Ct(t){return Jt(t)&&Et(t)==u}function zt(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 l=Ut(t),h=Ut(e),y=l?c:It(t),m=h?c:It(e),w=(y=y==u?v:y)==v,D=(m=m==u?v:m)==v,R=y==m;if(R&&Ft(t)){if(!Ft(e))return!1;l=!0,w=!1}if(R&&!w)return s||(s=new _t),l||Kt(t)?Nt(t,e,n,r,o,s):function(t,e,n,r,o,s,u){switch(n){case _:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case P:return!(t.byteLength!=e.byteLength||!s(new rt(t),new rt(e)));case f:case p:case b:return Xt(+t,+e);case d:return t.name==e.name&&t.message==e.message;case O:case S:return t==e+"";case g:var c=B;case j:var l=r&a;if(c||(c=Y),t.size!=e.size&&!l)return!1;var h=u.get(t);if(h)return h==e;r|=i,u.set(t,e);var y=Nt(c(t),c(e),r,o,s,u);return u.delete(t),y;case x:if(jt)return jt.call(t)==jt.call(e)}return!1}(t,e,y,n,r,o,s);if(!(n&a)){var k=w&&K.call(t,"__wrapped__"),E=D&&K.call(e,"__wrapped__");if(k||E){var C=k?t.value():t,z=E?e.value():e;return s||(s=new _t),o(C,z,n,r,s)}}if(!R)return!1;return s||(s=new _t),function(t,e,n,r,o,i){var s=n&a,u=Lt(t),c=u.length,l=Lt(e).length;if(c!=l&&!s)return!1;var f=c;for(;f--;){var p=u[f];if(!(s?p in e:K.call(e,p)))return!1}var d=i.get(t);if(d&&i.get(e))return d==e;var h=!0;i.set(t,e),i.set(e,t);var y=s;for(;++f<c;){p=u[f];var g=t[p],b=e[p];if(r)var m=s?r(b,g,p,e,t,i):r(g,b,p,t,e,i);if(!(void 0===m?g===b||o(g,b,n,r,i):m)){h=!1;break}y||(y="constructor"==p)}if(h&&!y){var v=t.constructor,w=e.constructor;v!=w&&"constructor"in t&&"constructor"in e&&!("function"==typeof v&&v instanceof v&&"function"==typeof w&&w instanceof w)&&(h=!1)}return i.delete(t),i.delete(e),h}(t,e,n,r,o,s)}(t,e,n,r,zt,o))}function Tt(t){return!(!$t(t)||function(t){return!!Q&&Q in t}(t))&&(Vt(t)?tt:R).test(Yt(t))}function Mt(t){if(n=(e=t)&&e.constructor,r="function"==typeof n&&n.prototype||G,e!==r)return ct(t);var e,n,r,o=[];for(var a in Object(t))K.call(t,a)&&"constructor"!=a&&o.push(a);return o}function Nt(t,e,n,r,o,s){var u=n&a,c=t.length,l=e.length;if(c!=l&&!(u&&l>c))return!1;var f=s.get(t);if(f&&s.get(e))return f==e;var p=-1,d=!0,h=n&i?new Pt:void 0;for(s.set(t,e),s.set(e,t);++p<c;){var y=t[p],g=e[p];if(r)var b=u?r(g,y,p,e,t,s):r(y,g,p,t,e,s);if(void 0!==b){if(b)continue;d=!1;break}if(h){if(!I(e,(function(t,e){if(a=e,!h.has(a)&&(y===t||o(y,t,n,r,s)))return h.push(e);var a}))){d=!1;break}}else if(y!==g&&!o(y,g,n,r,s)){d=!1;break}}return s.delete(t),s.delete(e),d}function Lt(t){return function(t,e,n){var r=e(t);return Ut(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 At(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 Wt(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return Tt(n)?n:void 0}St.prototype.clear=function(){this.__data__=yt?yt(null):{},this.size=0},St.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},St.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},St.prototype.has=function(t){var e=this.__data__;return yt?void 0!==e[t]:K.call(e,t)},St.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},xt.prototype.clear=function(){this.__data__=[],this.size=0},xt.prototype.delete=function(t){var e=this.__data__,n=kt(e,t);return!(n<0)&&(n==e.length-1?e.pop():at.call(e,n,1),--this.size,!0)},xt.prototype.get=function(t){var e=this.__data__,n=kt(e,t);return n<0?void 0:e[n][1]},xt.prototype.has=function(t){return kt(this.__data__,t)>-1},xt.prototype.set=function(t,e){var n=this.__data__,r=kt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this},Dt.prototype.clear=function(){this.size=0,this.__data__={hash:new St,map:new(ft||xt),string:new St}},Dt.prototype.delete=function(t){var e=At(this,t).delete(t);return this.size-=e?1:0,e},Dt.prototype.get=function(t){return At(this,t).get(t)},Dt.prototype.has=function(t){return At(this,t).has(t)},Dt.prototype.set=function(t,e){var n=At(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this},Pt.prototype.add=Pt.prototype.push=function(t){return this.__data__.set(t,o),this},Pt.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.clear=function(){this.__data__=new xt,this.size=0},_t.prototype.delete=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n},_t.prototype.get=function(t){return this.__data__.get(t)},_t.prototype.has=function(t){return this.__data__.has(t)},_t.prototype.set=function(t,e){var n=this.__data__;if(n instanceof xt){var o=n.__data__;if(!ft||o.length<r-1)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new Dt(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=Et;function Bt(t,e){return!!(e=null==e?s:e)&&("number"==typeof t||k.test(t))&&t>-1&&t%1==0&&t<e}function Yt(t){if(null!=t){try{return J.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function Xt(t,e){return t===e||t!=t&&e!=e}(lt&&It(new lt(new ArrayBuffer(1)))!=_||ft&&It(new ft)!=g||pt&&"[object Promise]"!=It(pt.resolve())||dt&&It(new dt)!=j||ht&&"[object WeakMap]"!=It(new ht))&&(It=function(t){var e=Et(t),n=e==v?t.constructor:void 0,r=n?Yt(n):"";if(r)switch(r){case gt:return _;case bt:return g;case mt:return"[object Promise]";case vt:return j;case wt:return"[object WeakMap]"}return e});var qt=Ct(function(){return arguments}())?Ct:function(t){return Jt(t)&&K.call(t,"callee")&&!ot.call(t,"callee")},Ut=Array.isArray;var Ft=ut||function(){return!1};function Vt(t){if(!$t(t))return!1;var e=Et(t);return e==h||e==y||e==l||e==w}function Gt(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)&&Gt(t.length)&&!!E[Et(t)]};function Qt(t){return null!=(e=t)&&Gt(e.length)&&!Vt(e)?Rt(t):Mt(t);var e}n.exports=function(t,e){return zt(t,e)}}).call(this,n(14),n(15)(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)),f=0,p=l.length;f<p;f++){var d=l[f];if(t[d]){u=t[d];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){"use strict";n.r(e);var r=n(2),o=n.n(r),a=n(0),i=n.n(a),s=n(3),u=n.n(s),c=n(6),l=n.n(c),f=n(1),p=n(5),d=n.n(p),h=n(9),y=n(10);function g(t){return(g="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){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 m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?b(n,!0).forEach((function(e){S(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function v(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 w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function j(t,e){return(j=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 x=function(t){function e(){var t,n;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return n=function(t,e){return!e||"object"!==g(e)&&"function"!=typeof e?O(t):e}(this,(t=w(e)).call.apply(t,[this].concat(o))),S(O(n),"state",{resizing:null,dragging:null,className:""}),S(O(n),"currentNode",void 0),S(O(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,f=i.top/n.props.transformScale;o.left=u-c+a.scrollLeft,o.top=l-f+a.scrollTop,n.setState({dragging:o});var p=n.calcXY(o.top,o.left),d=p.x,h=p.y;return n.props.onDragStart&&n.props.onDragStart.call(O(n),n.props.i,d,h,{e:t,node:r,newPosition:o})}}})),S(O(n),"onDrag",(function(t,e){var r=e.node,o=e.deltaX,a=e.deltaY;if(n.props.onDrag){var i={top:0,left:0};if(!n.state.dragging)throw new Error("onDrag called before onDragStart.");i.left=n.state.dragging.left+o,i.top=n.state.dragging.top+a,n.setState({dragging:i});var s=n.calcXY(i.top,i.left),u=s.x,c=s.y;return n.props.onDrag&&n.props.onDrag.call(O(n),n.props.i,u,c,{e:t,node:r,newPosition:i})}})),S(O(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=n.calcXY(o.top,o.left),i=a.x,s=a.y;return n.props.onDragStop&&n.props.onDragStop.call(O(n),n.props.i,i,s,{e:t,node:r,newPosition:o})}})),S(O(n),"onResizeStop",(function(t,e){n.onResizeHandler(t,e,"onResizeStop")})),S(O(n),"onResizeStart",(function(t,e){n.onResizeHandler(t,e,"onResizeStart")})),S(O(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&&j(t,e)}(e,t),n=e,(r=[{key:"componentDidUpdate",value:function(t){this.props.droppingPosition&&t.droppingPosition&&this.moveDroppingItem(t)}},{key:"moveDroppingItem",value:function(t){var e=this.props.droppingPosition,n=this.state.dragging;if(e&&t.droppingPosition){this.currentNode||(this.currentNode=d.a.findDOMNode(this));var r=n&&e.x!==t.droppingPosition.x||e.y!==t.droppingPosition.y;if(n){if(r){var o=e.x-n.left,a=e.y-n.top;this.onDrag(e.e,{node:this.currentNode,deltaX:o,deltaY:a})}}else this.onDragStart(e.e,{node:this.currentNode,deltaX:e.x,deltaY:e.y})}}},{key:"calcColWidth",value: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}},{key:"calcPosition",value:function(t,e,n,r,o){var a=this.props,i=a.margin,s=a.containerPadding,u=a.rowHeight,c=this.calcColWidth(),l={left:Math.round((c+i[0])*t+s[0]),top:Math.round((u+i[1])*e+s[1]),width:n===1/0?n:Math.round(c*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&&(l.width=Math.round(o.resizing.width),l.height=Math.round(o.resizing.height)),o&&o.dragging&&(l.top=Math.round(o.dragging.top),l.left=Math.round(o.dragging.left)),l}},{key:"calcXY",value: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,c=this.calcColWidth(),l=Math.round((e-r[0])/(c+r[0])),f=Math.round((t-r[1])/(a+r[1]));return{x:l=Math.max(Math.min(l,o-i),0),y:f=Math.max(Math.min(f,u-s),0)}}},{key:"calcWH",value: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,c=r.y,l=this.calcColWidth(),f=Math.round((n+o[0])/(l+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-c),0)}}},{key:"createStyle",value:function(t){var e,n=this.props,r=n.usePercentages,o=n.containerWidth;return n.useCSSTransforms?e=Object(f.setTransform)(t):(e=Object(f.setTopLeft)(t),r&&(e.left=Object(f.perc)(t.left/o),e.width=Object(f.perc)(t.width/o))),e}},{key:"mixinDraggable",value:function(t){return o.a.createElement(h.DraggableCore,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:"")},t)}},{key:"mixinResizable",value:function(t,e){var n=this.props,r=n.cols,a=n.x,i=n.minW,s=n.minH,u=n.maxW,c=n.maxH,l=this.calcPosition(0,0,r-a,0).width,f=this.calcPosition(0,0,i,s),p=this.calcPosition(0,0,u,c),d=[f.width,f.height],h=[Math.min(p.width,l),Math.min(p.height,1/0)];return o.a.createElement(y.Resizable,{width:e.width,height:e.height,minConstraints:d,maxConstraints:h,onResizeStop:this.onResizeStop,onResizeStart:this.onResizeStart,onResize:this.onResize},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.i,l=i.maxW,f=i.minW,p=i.maxH,d=i.minH,h=this.calcWH(o),y=h.w,g=h.h;y=Math.min(y,s-u),y=Math.max(y,1),y=Math.max(Math.min(y,l),f),g=Math.max(Math.min(g,p),d),this.setState({resizing:"onResizeStop"===n?null:o}),a.call(this,c,y,g,{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,u=t.droppingPosition,c=t.useCSSTransforms,f=this.calcPosition(e,n,r,a,this.state),p=o.a.Children.only(this.props.children),d=o.a.cloneElement(p,{className:l()("react-grid-item",p.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(u),cssTransforms:c}),style:m({},this.props.style,{},p.props.style,{},this.createStyle(f))});return s&&(d=this.mixinResizable(d,f)),i&&(d=this.mixinDraggable(d)),d}}])&&v(n.prototype,r),a&&v(n,a),e}(o.a.Component);function D(t){return(D="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 P(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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(n,!0).forEach((function(e){T(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R(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 k(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 E(t){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function C(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function z(t,e){return(z=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function T(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}S(x,"propTypes",{children:i.a.element,cols:i.a.number.isRequired,containerWidth:i.a.number.isRequired,rowHeight:i.a.number.isRequired,margin:i.a.array.isRequired,maxRows:i.a.number.isRequired,containerPadding:i.a.array.isRequired,x:i.a.number.isRequired,y:i.a.number.isRequired,w:i.a.number.isRequired,h:i.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:i.a.string.isRequired,onDragStop:i.a.func,onDragStart:i.a.func,onDrag:i.a.func,onResizeStop:i.a.func,onResizeStart:i.a.func,onResize:i.a.func,isDraggable:i.a.bool.isRequired,isResizable:i.a.bool.isRequired,static:i.a.bool,useCSSTransforms:i.a.bool.isRequired,transformScale:i.a.number,className:i.a.string,handle:i.a.string,cancel:i.a.string,droppingPosition:i.a.shape({e:i.a.object.isRequired,x:i.a.number.isRequired,y:i.a.number.isRequired})}),S(x,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),n.d(e,"default",(function(){return A}));var M=function(t){var e=t||{},n=e.verticalCompact,r=e.compactType;return!1===n?null:r},N="react-grid-layout",L=navigator.userAgent.toLowerCase().includes("firefox"),A=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"!==D(e)&&"function"!=typeof e?C(t):e}(this,E(e).call(this,t,n)),T(C(r),"state",{activeDrag:null,layout:Object(f.synchronizeLayoutWithChildren)(r.props.layout,r.props.children,r.props.cols,M(r.props)),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,droppingDOMNode:null,children:[]}),T(C(r),"dragEnterCounter",0),T(C(r),"onDragOver",(function(t){if(L&&!t.nativeEvent.target.className.includes(N))return!1;var e=r.props.droppingItem,n=r.state.layout,a=t.nativeEvent,i=a.layerX,s=a.layerY,u={x:i,y:s,e:t};if(r.state.droppingDOMNode){if(r.state.droppingPosition){(r.state.droppingPosition.x!=i||r.state.droppingPosition.y!=s)&&r.setState({droppingPosition:u})}}else r.setState({droppingDOMNode:o.a.createElement("div",{key:e.i}),droppingPosition:u,layout:[].concat(R(n),[_({},e,{x:0,y:0,static:!1,isDraggable:!0})])});t.stopPropagation(),t.preventDefault()})),T(C(r),"removeDroppingPlaceholder",(function(){var t=r.props,e=t.droppingItem,n=t.cols,o=r.state.layout,a=Object(f.compact)(o.filter((function(t){return t.i!==e.i})),M(r.props),n);r.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),T(C(r),"onDragLeave",(function(){r.dragEnterCounter--,0===r.dragEnterCounter&&r.removeDroppingPlaceholder()})),T(C(r),"onDragEnter",(function(){r.dragEnterCounter++})),T(C(r),"onDrop",(function(){var t=r.props.droppingItem,e=r.state.layout.find((function(e){return e.i===t.i}))||{},n=e.x,o=e.y,a=e.w,i=e.h;r.dragEnterCounter=0,r.removeDroppingPlaceholder(),r.props.onDrop({x:n,y:o,w:a,h:i})})),Object(f.autoBindHandlers)(C(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&&z(t,e)}(e,t),n=e,a=[{key:"getDerivedStateFromProps",value:function(t,e){var n;return e.activeDrag?null:(u()(t.layout,e.propsLayout)&&t.compactType===e.compactType?Object(f.childrenEqual)(t.children,e.children)||(n=e.layout):n=t.layout,n?{layout:Object(f.synchronizeLayoutWithChildren)(n,t.children,t.cols,M(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:"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(f.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(f.getLayoutItem)(i,t);if(s)return this.setState({oldDragItem:Object(f.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,c=Object(f.getLayoutItem)(s,t);if(c){var l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:t};s=Object(f.moveElement)(s,c,e,n,!0,this.props.preventCollision,M(this.props),u),this.props.onDrag(s,i,c,l,o,a),this.setState({layout:Object(f.compact)(s,M(this.props),u),activeDrag:l})}}},{key:"onDragStop",value:function(t,e,n,r){var o=r.e,a=r.node,i=this.state.oldDragItem,s=this.state.layout,u=this.props,c=u.cols,l=u.preventCollision,p=Object(f.getLayoutItem)(s,t);if(p){s=Object(f.moveElement)(s,p,e,n,!0,l,M(this.props),c),this.state.activeDrag&&this.props.onDragStop(s,i,p,null,o,a);var d=Object(f.compact)(s,M(this.props),c),h=this.state.oldLayout;this.setState({activeDrag:null,layout:d,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(d,h)}}},{key:"onLayoutMaybeChanged",value:function(t,e){e||(e=this.state.layout),u()(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(f.getLayoutItem)(i,t);s&&(this.setState({oldResizeItem:Object(f.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,c=this.props,l=c.cols,p=c.preventCollision,d=Object(f.getLayoutItem)(s,t);if(d){var h;if(p){var y=Object(f.getAllCollisions)(s,_({},d,{w:e,h:n})).filter((function(t){return t.i!==d.i}));if(h=y.length>0){var g=1/0,b=1/0;y.forEach((function(t){t.x>d.x&&(g=Math.min(g,t.x)),t.y>d.y&&(b=Math.min(b,t.y))})),Number.isFinite(g)&&(d.w=g-d.x),Number.isFinite(b)&&(d.h=b-d.y)}}h||(d.w=e,d.h=n);var m={w:d.w,h:d.h,x:d.x,y:d.y,static:!0,i:t};this.props.onResize(s,u,d,m,o,a),this.setState({layout:Object(f.compact)(s,M(this.props),l),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,c=this.props.cols,l=Object(f.getLayoutItem)(s,t);this.props.onResizeStop(s,u,l,null,o,a);var p=Object(f.compact)(s,M(this.props),c),d=this.state.oldLayout;this.setState({activeDrag:null,layout:p,oldResizeItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,d)}},{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(x,{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(f.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,c=r.rowHeight,l=r.maxRows,p=r.isDraggable,d=r.isResizable,h=r.useCSSTransforms,y=r.transformScale,g=r.draggableCancel,b=r.draggableHandle,m=this.state,v=m.mounted,w=m.droppingPosition,O=Boolean(!n.static&&p&&(n.isDraggable||null==n.isDraggable)),j=Boolean(!n.static&&d&&(n.isResizable||null==n.isResizable));return o.a.createElement(x,{containerWidth:a,cols:i,margin:s,containerPadding:u||s,maxRows:l,rowHeight:c,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:j,useCSSTransforms:h&&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=l()(N,n),s=_({height:this.containerHeight()},r);return o.a.createElement("div",{className:i,style:s,onDrop:a?this.onDrop:f.noop,onDragLeave:a?this.onDragLeave:f.noop,onDragEnter:a?this.onDragEnter:f.noop,onDragOver:a?this.onDragOver:f.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())}}])&&k(n.prototype,r),a&&k(n,a),e}(o.a.Component);T(A,"displayName","ReactGridLayout"),T(A,"propTypes",{className:i.a.string,style:i.a.object,width:i.a.number,autoSize:i.a.bool,cols:i.a.number,draggableCancel:i.a.string,draggableHandle:i.a.string,verticalCompact:function(t){t.verticalCompact,0},compactType:i.a.oneOf(["vertical","horizontal"]),layout:function(t){var e=t.layout;void 0!==e&&Object(f.validateLayout)(e,"layout")},margin:i.a.arrayOf(i.a.number),containerPadding:i.a.arrayOf(i.a.number),rowHeight:i.a.number,maxRows:i.a.number,isDraggable:i.a.bool,isResizable:i.a.bool,preventCollision:i.a.bool,useCSSTransforms:i.a.bool,transformScale:i.a.number,isDroppable:i.a.bool,onLayoutChange:i.a.func,onDragStart:i.a.func,onDrag:i.a.func,onDragStop:i.a.func,onResizeStart:i.a.func,onResize:i.a.func,onResizeStop:i.a.func,onDrop:i.a.func,droppingItem:i.a.shape({i:i.a.string.isRequired,w:i.a.number.isRequired,h:i.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}))}}),T(A,"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:f.noop,onDragStart:f.noop,onDrag:f.noop,onDragStop:f.noop,onResizeStart:f.noop,onResize:f.noop,onResizeStop:f.noop,onDrop:f.noop})},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(2)),a=u(n(0)),i=n(16),s=u(n(17));function u(t){return t&&t.__esModule?t:{default:t}}function c(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=c(this,t.call.apply(t,[this].concat(a))),r.state={resizing:!1,width:r.props.width,height:r.props.height,slackW:0,slackH:0},c(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,c=u.slackW,l=u.slackH;return t+=c,e+=l,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)),l+=s-e,(c+=i-t)===this.state.slackW&&l===this.state.slackH||this.setState({slackW:c,slackH:l}),[t,e]},e.prototype.resizeHandler=function(t,e){var n=this;return function(r,o){var a=o.node,i=o.deltaX,s=o.deltaY,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.state.width+(u?i:0),f=n.state.height+(c?s:0),p=l!==n.state.width,d=f!==n.state.height;if("onResize"!==t||p||d){var h=n.runConstraints(l,f);l=h[0],f=h[1];var y={};if("onResizeStart"===t)y.resizing=!0;else if("onResizeStop"===t)y.resizing=!1,y.slackW=y.slackH=0;else{if(l===n.state.width&&f===n.state.height)return;y.width=l,y.height=f}"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:f},handle:e})}))):n.setState(y)}}},e.prototype.renderResizeHandle=function(t){var e=this.props.handle;return e?"function"==typeof e?e(t):e:o.default.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+t})},e.prototype.render=function(){var t=this,e=this.props,n=e.children,a=e.draggableOpts,u=(e.width,e.height,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart,e.resizeHandles),c=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,["children","draggableOpts","width","height","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles"]),l=c.className?c.className+" react-resizable":"react-resizable";return(0,s.default)(n,r({},c,{className:l,children:[n.props.children,u.map((function(e){return o.default.createElement(i.DraggableCore,r({},a,{key:"resizableHandle-"+e,onStop:t.resizeHandler("onResizeStop",e),onStart:t.resizeHandler("onResizeStart",e),onDrag:t.resizeHandler("onResize",e)}),t.renderResizeHandle(e))}))]}))},e}(o.default.Component);l.propTypes={children:a.default.element.isRequired,width:a.default.number.isRequired,height:a.default.number.isRequired,handle:a.default.element,handleSize:a.default.array,resizeHandles:a.default.arrayOf(a.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),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},l.defaultProps={handleSize:[20,20],lockAspectRatio:!1,axis:"both",minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"]},e.default=l},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=9)}([function(t,e,n){t.exports=n(11)()},function(t,e,n){"use strict";function r(t,e){for(var n=0,r=t.length;n<r;n++)if(e.apply(e,[t[n],n,t]))return t[n]}function o(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)}function a(t){return"number"==typeof t&&!isNaN(t)}function i(t){return parseInt(t,10)}function s(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."))}n.d(e,"b",(function(){return r})),n.d(e,"d",(function(){return o})),n.d(e,"e",(function(){return a})),n.d(e,"c",(function(){return i})),n.d(e,"a",(function(){return s}))},function(t,e,n){"use strict";var r=n(1),o=["Moz","Webkit","O","ms"];function a(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 i=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<o.length;n++)if(a(t,o[n])in e)return o[n];return""}();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}n.d(e,"i",(function(){return f})),n.d(e,"a",(function(){return p})),n.d(e,"m",(function(){return d})),n.d(e,"k",(function(){return h})),n.d(e,"l",(function(){return y})),n.d(e,"g",(function(){return g})),n.d(e,"h",(function(){return b})),n.d(e,"j",(function(){return m})),n.d(e,"c",(function(){return v})),n.d(e,"d",(function(){return w})),n.d(e,"e",(function(){return j})),n.d(e,"f",(function(){return S})),n.d(e,"b",(function(){return x})),n.d(e,"n",(function(){return D})),n.d(e,"o",(function(){return P}));var c="";function l(t,e){return c||(c=Object(r.b)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(e){return Object(r.d)(t[e])}))),!!Object(r.d)(t[c])&&t[c](e)}function f(t,e,n){var r=t;do{if(l(r,e))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function p(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 h(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=Object(r.c)(n.borderTopWidth))+Object(r.c)(n.borderBottomWidth)}function y(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e+=Object(r.c)(n.borderLeftWidth))+Object(r.c)(n.borderRightWidth)}function g(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=Object(r.c)(n.paddingTop))-Object(r.c)(n.paddingBottom)}function b(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return(e-=Object(r.c)(n.paddingLeft))-Object(r.c)(n.paddingRight)}function m(t,e){var n=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect();return{x:t.clientX+e.scrollLeft-n.left,y:t.clientY+e.scrollTop-n.top}}function v(t,e){var n=O(t,e,"px");return u({},a("transform",i),n)}function w(t,e){return O(t,e,"")}function O(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 j(t,e){return t.targetTouches&&Object(r.b)(t.targetTouches,(function(t){return e===t.identifier}))||t.changedTouches&&Object(r.b)(t.changedTouches,(function(t){return e===t.identifier}))}function S(t){return t.targetTouches&&t.targetTouches[0]?t.targetTouches[0].identifier:t.changedTouches&&t.changedTouches[0]?t.changedTouches[0].identifier:void 0}function x(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 D(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 P(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s(n,!0).forEach((function(e){u(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s(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(t,e,n){"use strict";n.d(e,"e",(function(){return s})),n.d(e,"g",(function(){return u})),n.d(e,"a",(function(){return c})),n.d(e,"b",(function(){return l})),n.d(e,"f",(function(){return f})),n.d(e,"c",(function(){return p})),n.d(e,"d",(function(){return d}));var r=n(1),o=n(6),a=n.n(o),i=n(2);function s(t,e,n){if(!t.props.bounds)return[e,n];var o=t.props.bounds;o="string"==typeof o?o:function(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}(o);var a=h(t);if("string"==typeof o){var s,u=a.ownerDocument,c=u.defaultView;if(!((s="parent"===o?a.parentNode:u.querySelector(o))instanceof c.HTMLElement))throw new Error('Bounds selector "'+o+'" could not find an element.');var l=c.getComputedStyle(a),f=c.getComputedStyle(s);o={left:-a.offsetLeft+Object(r.c)(f.paddingLeft)+Object(r.c)(l.marginLeft),top:-a.offsetTop+Object(r.c)(f.paddingTop)+Object(r.c)(l.marginTop),right:Object(i.h)(s)-Object(i.l)(a)-a.offsetLeft+Object(r.c)(f.paddingRight)-Object(r.c)(l.marginRight),bottom:Object(i.g)(s)-Object(i.k)(a)-a.offsetTop+Object(r.c)(f.paddingBottom)-Object(r.c)(l.marginBottom)}}return Object(r.e)(o.right)&&(e=Math.min(e,o.right)),Object(r.e)(o.bottom)&&(n=Math.min(n,o.bottom)),Object(r.e)(o.left)&&(e=Math.max(e,o.left)),Object(r.e)(o.top)&&(n=Math.max(n,o.top)),[e,n]}function u(t,e,n){return[Math.round(e/t[0])*t[0],Math.round(n/t[1])*t[1]]}function c(t){return"both"===t.props.axis||"x"===t.props.axis}function l(t){return"both"===t.props.axis||"y"===t.props.axis}function f(t,e,n){var r="number"==typeof e?Object(i.e)(t,e):null;if("number"==typeof e&&!r)return null;var o=h(n),a=n.props.offsetParent||o.offsetParent||o.ownerDocument.body;return Object(i.j)(r||t,a)}function p(t,e,n){var o=t.state,a=!Object(r.e)(o.lastX),i=h(t);return a?{node:i,deltaX:0,deltaY:0,lastX:e,lastY:n,x:e,y:n}:{node:i,deltaX:e-o.lastX,deltaY:n-o.lastY,lastX:o.lastX,lastY:o.lastY,x:e,y:n}}function d(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 h(t){var e=a.a.findDOMNode(t);if(!e)throw new Error("<DraggableCore>: Unmounted during event!");return e}},function(t,e,n){"use strict";function r(){}n.d(e,"a",(function(){return r}))},function(t,e){t.exports=r},function(t,e){t.exports=o},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return O}));var r=n(5),o=n.n(r),a=n(0),i=n.n(a),s=n(6),u=n.n(s),c=n(2),l=n(3),f=n(1),p=n(4);function d(t){return(d="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 h(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 g(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function b(t,e){return(b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function m(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var v={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},w=v.mouse,O=function(t){function e(){var t,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=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=(t=y(e)).call.apply(t,[this].concat(a)),n=!r||"object"!==d(r)&&"function"!=typeof r?g(this):r,m(g(n),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),m(g(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(g(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&&!Object(c.i)(t.target,n.props.handle,e)||n.props.cancel&&Object(c.i)(t.target,n.props.cancel,e))){var o=Object(c.f)(t);n.setState({touchIdentifier:o});var a=Object(l.f)(t,o,g(n));if(null!=a){var i=a.x,s=a.y,f=Object(l.c)(g(n),i,s);Object(p.a)("DraggableCore: handleDragStart: %j",f),Object(p.a)("calling",n.props.onStart),!1!==n.props.onStart(t,f)&&(n.props.enableUserSelectHack&&Object(c.b)(r),n.setState({dragging:!0,lastX:i,lastY:s}),Object(c.a)(r,w.move,n.handleDrag),Object(c.a)(r,w.stop,n.handleDragStop))}}})),m(g(n),"handleDrag",(function(t){"touchmove"===t.type&&t.preventDefault();var e=Object(l.f)(t,n.state.touchIdentifier,g(n));if(null!=e){var r=e.x,o=e.y;if(Array.isArray(n.props.grid)){var a=r-n.state.lastX,i=o-n.state.lastY,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")}()}(Object(l.g)(n.props.grid,a,i),2);if(a=s[0],i=s[1],!a&&!i)return;r=n.state.lastX+a,o=n.state.lastY+i}var u=Object(l.c)(g(n),r,o);if(Object(p.a)("DraggableCore: handleDrag: %j",u),!1!==n.props.onDrag(t,u))n.setState({lastX:r,lastY:o});else try{n.handleDragStop(new MouseEvent("mouseup"))}catch(t){var c=document.createEvent("MouseEvents");c.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),n.handleDragStop(c)}}})),m(g(n),"handleDragStop",(function(t){if(n.state.dragging){var e=Object(l.f)(t,n.state.touchIdentifier,g(n));if(null!=e){var r=e.x,o=e.y,a=Object(l.c)(g(n),r,o),i=u.a.findDOMNode(g(n));i&&n.props.enableUserSelectHack&&Object(c.n)(i.ownerDocument),Object(p.a)("DraggableCore: handleDragStop: %j",a),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),n.props.onStop(t,a),i&&(Object(p.a)("DraggableCore: Removing handlers"),Object(c.m)(i.ownerDocument,w.move,n.handleDrag),Object(c.m)(i.ownerDocument,w.stop,n.handleDragStop))}}})),m(g(n),"onMouseDown",(function(t){return w=v.mouse,n.handleDragStart(t)})),m(g(n),"onMouseUp",(function(t){return w=v.mouse,n.handleDragStop(t)})),m(g(n),"onTouchStart",(function(t){return w=v.touch,n.handleDragStart(t)})),m(g(n),"onTouchEnd",(function(t){return w=v.touch,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&&b(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;Object(c.m)(e,v.mouse.move,this.handleDrag),Object(c.m)(e,v.touch.move,this.handleDrag),Object(c.m)(e,v.mouse.stop,this.handleDragStop),Object(c.m)(e,v.touch.stop,this.handleDragStop),this.props.enableUserSelectHack&&Object(c.n)(e)}}},{key:"render",value:function(){return o.a.cloneElement(o.a.Children.only(this.props.children),{style:Object(c.o)(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&h(n.prototype,r),e}();m(O,"displayName","DraggableCore"),m(O,"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,className:f.a,style:f.a,transform:f.a}),m(O,"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(){}})},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(10).default;t.exports=r,t.exports.default=r,t.exports.DraggableCore=n(7).default},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return P}));var r=n(5),o=n.n(r),a=n(0),i=n.n(a),s=n(6),u=n.n(s),c=n(8),l=n.n(c),f=n(2),p=n(3),d=n(1),h=n(7),y=n(4);function g(t){return(g="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(){return(b=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 m(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 v(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?m(n,!0).forEach((function(e){D(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):m(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function O(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}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 S(t,e,n){return e&&j(t.prototype,e),n&&j(t,n),t}function x(t,e){return(x=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function D(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var P=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=w(e).call(this,t),n=!r||"object"!==g(r)&&"function"!=typeof r?O(this):r,D(O(n),"onDragStart",(function(t,e){if(Object(y.a)("Draggable: onDragStart: %j",e),!1===n.props.onStart(t,Object(p.d)(O(n),e)))return!1;n.setState({dragging:!0,dragged:!0})})),D(O(n),"onDrag",(function(t,e){if(!n.state.dragging)return!1;Object(y.a)("Draggable: onDrag: %j",e);var r=Object(p.d)(O(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")}()}(Object(p.e)(O(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)})),D(O(n),"onDragStop",(function(t,e){if(!n.state.dragging)return!1;if(!1===n.props.onStop(t,Object(p.d)(O(n),e)))return!1;Object(y.a)("Draggable: onDragStop: %j",e);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:v({},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&&x(t,e)}(e,o.a.Component),S(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:(Object(y.a)("Draggable: getDerivedStateFromProps %j",{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:v({},n)})}}]),S(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,d=(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"])),y={},g=null,m=!Boolean(u)||this.state.dragging,w=u||r,O={x:Object(p.a)(this)&&m?this.state.x:w.x,y:Object(p.b)(this)&&m?this.state.y:w.y};this.state.isElementSVG?g=Object(f.d)(O,c):y=Object(f.c)(O,c);var j=l()(n.props.className||"",a,(D(t={},i,this.state.dragging),D(t,s,this.state.dragged),t));return o.a.createElement(h.default,b({},d,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.a.cloneElement(o.a.Children.only(n),{className:j,style:v({},n.props.style,{},y),transform:g}))}}]),e}();D(P,"displayName","Draggable"),D(P,"propTypes",v({},h.default.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:d.a,style:d.a,transform:d.a})),D(P,"defaultProps",v({},h.default.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";var r=n(12);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";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){t.exports=n(7).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,n){"use strict";var r=n(13);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){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){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 c;if(void 0===e)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,a,s,u],f=0;(c=new Error(e.replace(/%s/g,(function(){return l[f++]})))).name="Invariant Violation"}throw c.framesToPop=1,c}},u=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){}},c=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];u.apply(void 0,[e].concat(r))}},l=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;function d(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}var h=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;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(t){return e[t]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(t){r[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,r,o=d(t),a=1;a<arguments.length;a++){for(var i in n=Object(arguments[a]))f.call(n,i)&&(o[i]=n[i]);if(l){r=l(n);for(var s=0;s<r.length;s++)p.call(n,r[s])&&(o[r[s]]=n[r[s]])}}return o},y="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",g=s,b=c,m=y,v={},w=function(t,e,n,r,o){for(var a in t)if(t.hasOwnProperty(a)){var i;try{g("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,m)}catch(t){i=t}if(b(!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 v)){v[i.message]=!0;var s=o?o():"";b(!1,"Failed %s type: %s%s",n,i.message,null!=s?s:"")}}},O=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:l(a.thatReturnsNull),arrayOf:function(t){return l((function(e,n,r,o,a){if("function"!=typeof t)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var i=e[n];if(!Array.isArray(i))return new u("Invalid "+o+" `"+a+"` of type `"+d(i)+"` supplied to `"+r+"`, expected an array.");for(var s=0;s<i.length;s++){var c=t(i,s,r,o,a+"["+s+"]",y);if(c instanceof Error)return c}return null}))},element:l((function(e,n,r,o,a){var i=e[n];return t(i)?null:new u("Invalid "+o+" `"+a+"` of type `"+d(i)+"` supplied to `"+r+"`, expected a single ReactElement.")})),instanceOf:function(t){return l((function(e,n,r,a,i){if(!(e[n]instanceof t)){var s=t.name||o;return new u("Invalid "+a+" `"+i+"` of type `"+((c=e[n]).constructor&&c.constructor.name?c.constructor.name:o)+"` supplied to `"+r+"`, expected instance of `"+s+"`.")}var c;return null}))},node:l((function(t,e,n,r,o){return p(t[e])?null:new u("Invalid "+r+" `"+o+"` supplied to `"+n+"`, expected a ReactNode.")})),objectOf:function(t){return l((function(e,n,r,o,a){if("function"!=typeof t)return new u("Property `"+a+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var i=e[n],s=d(i);if("object"!==s)return new u("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected an object.");for(var c in i)if(i.hasOwnProperty(c)){var l=t(i,c,r,o,a+"."+c,y);if(l instanceof Error)return l}return null}))},oneOf:function(t){return Array.isArray(t)?l((function(e,n,r,o,a){for(var i=e[n],s=0;s<t.length;s++)if(c=i,l=t[s],c===l?0!==c||1/c==1/l:c!=c&&l!=l)return null;var c,l;return new u("Invalid "+o+" `"+a+"` of value `"+i+"` supplied to `"+r+"`, expected one of "+JSON.stringify(t)+".")})):(c(!1,"Invalid argument supplied to oneOf, expected an instance of array."),a.thatReturnsNull)},oneOfType:function(t){if(!Array.isArray(t))return c(!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 c(!1,"Invalid argument supplied to oneOfType. Expected an array of check functions, but received %s at index %s.",b(n),e),a.thatReturnsNull}return l((function(e,n,r,o,a){for(var i=0;i<t.length;i++)if(null==(0,t[i])(e,n,r,o,a,y))return null;return new u("Invalid "+o+" `"+a+"` supplied to `"+r+"`.")}))},shape:function(t){return l((function(e,n,r,o,a){var i=e[n],s=d(i);if("object"!==s)return new u("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");for(var c in t){var l=t[c];if(l){var f=l(i,c,r,o,a+"."+c,y);if(f)return f}}return null}))},exact:function(t){return l((function(e,n,r,o,a){var i=e[n],s=d(i);if("object"!==s)return new u("Invalid "+o+" `"+a+"` of type `"+s+"` supplied to `"+r+"`, expected `object`.");var c=h({},e[n],t);for(var l in c){var f=t[l];if(!f)return new u("Invalid "+o+" `"+a+"` key `"+l+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(e[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(t),null," "));var p=f(i,l,r,o,a+"."+l,y);if(p)return p}return null}))}};function u(t){this.message=t,this.stack=""}function l(t){var n={},r=0;function a(a,i,l,f,p,d,h){if(f=f||o,d=d||l,h!==y)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+":"+l;!n[g]&&r<3&&(c(!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[l]?a?null===i[l]?new u("The "+p+" `"+d+"` is marked as required in `"+f+"`, but its value is `null`."):new u("The "+p+" `"+d+"` is marked as required in `"+f+"`, but its value is `undefined`."):null:t(i,l,f,p,d)}var i=a.bind(null,!1);return i.isRequired=a.bind(null,!0),i}function f(t){return l((function(e,n,r,o,a,i){var s=e[n];return d(s)!==t?new u("Invalid "+o+" `"+a+"` of type `"+g(s)+"` supplied to `"+r+"`, expected `"+t+"`."):null}))}function p(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(p);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(!p(a.value))return!1}else for(;!(a=i.next()).done;){var s=a.value;if(s&&!p(s[1]))return!1}return!0;default:return!1}}function d(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=d(t);if("object"===e){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return e}function b(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 u.prototype=Error.prototype,i.checkPropTypes=w,i.PropTypes=i,i},j=n((function(t){var e="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;t.exports=O((function(t){return"object"==typeof t&&null!==t&&t.$$typeof===e}),!0)})),S=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 x(t,e){for(var n=0,r=t.length;n<r;n++)if(e.apply(e,[t[n],n,t]))return t[n]}function D(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)}function P(t){return"number"==typeof t&&!isNaN(t)}function _(t){return parseInt(t,10)}function R(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 k=["Moz","Webkit","O","ms"];function E(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 C=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<k.length;n++)if(E(t,k[n])in e)return k[n];return""}(),z=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},T=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}}(),M=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},N=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},L=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)},A=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},W=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")},H="";function I(t,e){return H||(H=x(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(e){return D(t[e])}))),!!D(t[H])&&t[H](e)}function B(t,e,n){var r=t;do{if(I(r,e))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Y(t,e,n){t&&(t.attachEvent?t.attachEvent("on"+e,n):t.addEventListener?t.addEventListener(e,n,!0):t["on"+e]=n)}function X(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+=_(n.borderTopWidth),e+=_(n.borderBottomWidth)}function U(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return e+=_(n.borderLeftWidth),e+=_(n.borderRightWidth)}function F(t){var e=t.clientHeight,n=t.ownerDocument.defaultView.getComputedStyle(t);return e-=_(n.paddingTop),e-=_(n.paddingBottom)}function V(t){var e=t.clientWidth,n=t.ownerDocument.defaultView.getComputedStyle(t);return e-=_(n.paddingLeft),e-=_(n.paddingRight)}function G(t,e,n){var r="translate("+t.x+n+","+t.y+n+")";return e&&(r="translate("+("string"==typeof e.x?e.x:e.x+n)+", "+("string"==typeof e.y?e.y:e.y+n)+")"+r),r}function $(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&&(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 J(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 K(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return N({touchAction:"none"},t)}function Q(t){return"both"===t.props.axis||"x"===t.props.axis}function Z(t){return"both"===t.props.axis||"y"===t.props.axis}function tt(t,e,n){var r="number"==typeof e?function(t,e){return t.targetTouches&&x(t.targetTouches,(function(t){return e===t.identifier}))||t.changedTouches&&x(t.changedTouches,(function(t){return e===t.identifier}))}(t,e):null;if("number"==typeof e&&!r)return null;var o=rt(n);return function(t,e){var n=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect();return{x:t.clientX+e.scrollLeft-n.left,y:t.clientY+e.scrollTop-n.top}}(r||t,n.props.offsetParent||o.offsetParent||o.ownerDocument.body)}function et(t,e,n){var r=t.state,o=!P(r.lastX),a=rt(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 nt(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 rt(e){var n=t.findDOMNode(e);if(!n)throw new Error("<DraggableCore>: Unmounted during event!");return n}var ot={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}},at=ot.mouse,it=function(n){function r(){var e,n,o;z(this,r);for(var a=arguments.length,i=Array(a),s=0;s<a;s++)i[s]=arguments[s];return n=o=A(this,(e=r.__proto__||Object.getPrototypeOf(r)).call.apply(e,[this].concat(i))),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&&!B(e.target,o.props.handle,n)||o.props.cancel&&B(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=tt(e,a,o);if(null!=i){var s=i.x,u=i.y,c=et(o,s,u);o.props.onStart,!1!==o.props.onStart(e,c)&&(o.props.enableUserSelectHack&&$(r),o.setState({dragging:!0,lastX:s,lastY:u}),Y(r,at.move,o.handleDrag),Y(r,at.stop,o.handleDragStop))}}},o.handleDrag=function(t){"touchmove"===t.type&&t.preventDefault();var e=tt(t,o.state.touchIdentifier,o);if(null!=e){var n,r,a,i=e.x,s=e.y;if(Array.isArray(o.props.grid)){var u=i-o.state.lastX,c=s-o.state.lastY,l=(n=o.props.grid,r=u,a=c,[Math.round(r/n[0])*n[0],Math.round(a/n[1])*n[1]]),f=W(l,2);if(u=f[0],c=f[1],!u&&!c)return;i=o.state.lastX+u,s=o.state.lastY+c}var p=et(o,i,s);if(!1!==o.props.onDrag(t,p))o.setState({lastX:i,lastY:s});else try{o.handleDragStop(new MouseEvent("mouseup"))}catch(t){var d=document.createEvent("MouseEvents");d.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),o.handleDragStop(d)}}},o.handleDragStop=function(e){if(o.state.dragging){var n=tt(e,o.state.touchIdentifier,o);if(null!=n){var r=n.x,a=n.y,i=et(o,r,a),s=t.findDOMNode(o);s&&o.props.enableUserSelectHack&&J(s.ownerDocument),o.setState({dragging:!1,lastX:NaN,lastY:NaN}),o.props.onStop(e,i),s&&(X(s.ownerDocument,at.move,o.handleDrag),X(s.ownerDocument,at.stop,o.handleDragStop))}}},o.onMouseDown=function(t){return at=ot.mouse,o.handleDragStart(t)},o.onMouseUp=function(t){return at=ot.mouse,o.handleDragStop(t)},o.onTouchStart=function(t){return at=ot.touch,o.handleDragStart(t)},o.onTouchEnd=function(t){return at=ot.touch,o.handleDragStop(t)},A(o,n)}return L(r,n),T(r,[{key:"componentWillUnmount",value:function(){var e=t.findDOMNode(this);if(e){var n=e.ownerDocument;X(n,ot.mouse.move,this.handleDrag),X(n,ot.touch.move,this.handleDrag),X(n,ot.mouse.stop,this.handleDragStop),X(n,ot.touch.stop,this.handleDragStop),this.props.enableUserSelectHack&&J(n)}}},{key:"render",value:function(){return e.cloneElement(e.Children.only(this.props.children),{style:K(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),r}(e.Component);it.displayName="DraggableCore",it.propTypes={allowAnyClick:j.bool,disabled:j.bool,enableUserSelectHack:j.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:j.arrayOf(j.number),scale:j.number,handle:j.string,cancel:j.string,onStart:j.func,onDrag:j.func,onStop:j.func,onMouseDown:j.func,className:R,style:R,transform:R},it.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 st=function(n){function r(t){z(this,r);var e=A(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,t));return e.onDragStart=function(t,n){if(!1===e.props.onStart(t,nt(e,n)))return!1;e.setState({dragging:!0,dragged:!0})},e.onDrag=function(t,n){if(!e.state.dragging)return!1;var r=nt(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=rt(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),c=i.getComputedStyle(s);r={left:-o.offsetLeft+_(c.paddingLeft)+_(u.marginLeft),top:-o.offsetTop+_(c.paddingTop)+_(u.marginTop),right:V(s)-U(o)-o.offsetLeft+_(c.paddingRight)-_(u.marginRight),bottom:F(s)-q(o)-o.offsetTop+_(c.paddingBottom)-_(u.marginBottom)}}return P(r.right)&&(e=Math.min(e,r.right)),P(r.bottom)&&(n=Math.min(n,r.bottom)),P(r.left)&&(e=Math.max(e,r.left)),P(r.top)&&(n=Math.max(n,r.top)),[e,n]}(e,o.x,o.y),u=W(s,2),c=u[0],l=u[1];o.x=c,o.y=l,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}if(!1===e.props.onDrag(t,r))return!1;e.setState(o)},e.onDragStop=function(t,n){if(!e.state.dragging)return!1;if(!1===e.props.onStop(t,nt(e,n)))return!1;var r={dragging:!1,slackX:0,slackY:0};if(Boolean(e.props.position)){var o=e.props.position,a=o.x,i=o.y;r.x=a,r.y=i}e.setState(r)},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},!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."),e}return L(r,n),T(r,[{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=null,i=!Boolean(this.props.position)||this.state.dragging,s=this.props.position||this.props.defaultPosition,u={x:Q(this)&&i?this.state.x:s.x,y:Z(this)&&i?this.state.y:s.y};this.state.isElementSVG?(n=u,r=this.props.positionOffset,a=G(n,r,"")):o=function(t,e){var n=G(t,e,"px");return M({},E("transform",C),n)}(u,this.props.positionOffset);var c=this.props,l=c.defaultClassName,f=c.defaultClassNameDragging,p=c.defaultClassNameDragged,d=e.Children.only(this.props.children),h=S(d.props.className||"",l,(M(t={},f,this.state.dragging),M(t,p,this.state.dragged),t));return e.createElement(it,N({},this.props,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),e.cloneElement(d,{className:h,style:N({},d.props.style,o),transform:a}))}}]),r}(e.Component);return st.displayName="Draggable",st.propTypes=N({},it.propTypes,{axis:j.oneOf(["both","x","y","none"]),bounds:j.oneOfType([j.shape({left:j.number,right:j.number,top:j.number,bottom:j.number}),j.string,j.oneOf([!1])]),defaultClassName:j.string,defaultClassNameDragging:j.string,defaultClassNameDragged:j.string,defaultPosition:j.shape({x:j.number,y:j.number}),positionOffset:j.shape({x:j.oneOfType([j.number,j.string]),y:j.oneOfType([j.number,j.string])}),position:j.shape({x:j.number,y:j.number}),className:R,style:R,transform:R}),st.defaultProps=N({},it.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}),st.default=st,st.DraggableCore=it,st}(n(5),n(2))},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(2),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(2)),a=s(n(0)),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 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=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.handle,n=t.handleSize,a=(t.onResize,t.onResizeStart),s=t.onResizeStop,u=t.draggableOpts,c=t.minConstraints,l=t.maxConstraints,f=t.lockAspectRatio,p=t.axis,d=(t.width,t.height,t.resizeHandles),h=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,["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles"]);return o.default.createElement(i.default,{handle:e,handleSize:n,width:this.state.width,height:this.state.height,onResizeStart:a,onResize:this.onResize,onResizeStop:s,draggableOpts:u,minConstraints:c,maxConstraints:l,lockAspectRatio:f,axis:p,resizeHandles:d},o.default.createElement("div",r({style:{width:this.state.width+"px",height:this.state.height+"px"}},h)))},e}(o.default.Component);c.propTypes={height:a.default.number,width:a.default.number},c.defaultProps={handleSize:[20,20]},e.default=c},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return S}));var r=n(2),o=n.n(r),a=n(0),i=n.n(a),s=n(3),u=n.n(s),c=n(1),l=n(4),f=n(7);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 d(){return(d=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 y(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 g(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 b(t){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function m(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function v(t,e){return(v=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}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(t){return Object.prototype.toString.call(t)};function j(t,e){return Array.isArray(t)?t:t[e]}var S=function(t){function e(){var t,n;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return n=function(t,e){return!e||"object"!==p(e)&&"function"!=typeof e?m(t):e}(this,(t=b(e)).call.apply(t,[this].concat(o))),w(m(n),"state",n.generateInitialState()),w(m(n),"onLayoutChange",(function(t){n.props.onLayoutChange(t,function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y(n,!0).forEach((function(e){w(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y(n).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},n.props.layouts,w({},n.state.breakpoint,t)))})),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&&v(t,e)}(e,t),n=e,a=[{key:"getDerivedStateFromProps",value:function(t,e){if(!u()(t.layouts,e.layouts)){var n=e.breakpoint,r=e.cols;return{layout:Object(l.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,n,n,r,t.compactType),layouts:t.layouts}}return null}}],(r=[{key:"generateInitialState",value:function(){var t=this.props,e=t.width,n=t.breakpoints,r=t.layouts,o=t.cols,a=Object(l.getBreakpointFromWidth)(n,e),i=Object(l.getColsFromBreakpoint)(a,o),s=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:Object(l.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&&u()(this.props.breakpoints,t.breakpoints)&&u()(this.props.cols,t.cols)||this.onWidthChange(this.props)}},{key:"onWidthChange",value:function(t){var e=t.breakpoints,n=t.cols,r=t.layouts,o=t.compactType,a=t.breakpoint||Object(l.getBreakpointFromWidth)(t.breakpoints,t.width),i=this.state.breakpoint,s=Object(l.getColsFromBreakpoint)(a,n);if(i!==a||this.props.breakpoints!==e||this.props.cols!==n){i in r||(r[i]=Object(c.cloneLayout)(this.state.layout));var u=Object(l.findOrGenerateResponsiveLayout)(r,e,a,i,s,o);u=Object(c.synchronizeLayoutWithChildren)(u,t.children,s,o),r[a]=u,this.props.onLayoutChange(u,r),this.props.onBreakpointChange(a,s),this.setState({breakpoint:a,layout:u,cols:s})}var f=j(t.margin,a),p=j(t.containerPadding,a);this.props.onWidthChange(t.width,f,s,p)}},{key:"render",value:function(){var t=this.props,e=(t.breakpoint,t.breakpoints,t.cols,t.layouts,t.margin),n=t.containerPadding,r=(t.onBreakpointChange,t.onLayoutChange,t.onWidthChange,h(t,["breakpoint","breakpoints","cols","layouts","margin","containerPadding","onBreakpointChange","onLayoutChange","onWidthChange"]));return o.a.createElement(f.default,d({},r,{margin:j(e,this.state.breakpoint),containerPadding:j(n,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}])&&g(n.prototype,r),a&&g(n,a),e}(o.a.Component);w(S,"propTypes",{breakpoint:i.a.string,breakpoints:i.a.object,cols:i.a.object,margin:i.a.oneOfType([i.a.array,i.a.object]),containerPadding:i.a.oneOfType([i.a.array,i.a.object]),layouts:function(t,e){if("[object Object]"!==O(t[e]))throw new Error("Layout property must be an object. Received: "+O(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(c.validateLayout)(t.layouts[e],"layouts."+e)}))},width:i.a.number.isRequired,onBreakpointChange:i.a.func,onLayoutChange:i.a.func,onWidthChange:i.a.func}),w(S,"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:null,md:null,sm:null,xs:null,xxs:null},onBreakpointChange:c.noop,onLayoutChange:c.noop,onWidthChange:c.noop})},function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return b}));var r=n(2),o=n.n(r),a=n(0),i=n.n(a),s=n(5),u=n.n(s);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 l(){return(l=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 f(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){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 d(t){return(d=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 y(t,e){return(y=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function g(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function b(t){var e,n;return n=e=function(e){function n(){var t,e;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return e=function(t,e){return!e||"object"!==c(e)&&"function"!=typeof e?h(t):e}(this,(t=d(n)).call.apply(t,[this].concat(o))),g(h(e),"state",{width:1280}),g(h(e),"mounted",!1),g(h(e),"onWindowResize",(function(){if(e.mounted){var t=u.a.findDOMNode(h(e));t instanceof HTMLElement&&e.setState({width:t.offsetWidth})}})),e}var r,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&&y(t,e)}(n,e),r=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,r=f(e,["measureBeforeMount"]);return n&&!this.mounted?o.a.createElement("div",{className:this.props.className,style:this.props.style}):o.a.createElement(t,l({},r,this.state))}}])&&p(r.prototype,a),i&&p(r,i),n}(o.a.Component),g(e,"defaultProps",{measureBeforeMount:!1}),g(e,"propTypes",{measureBeforeMount:i.a.bool}),n}}])}));
//# sourceMappingURL=react-grid-layout.min.js.map