feffery_utils_components 0.2.0-rc21 → 0.2.0-rc22

package/DESCRIPTION

@@ -1,6 +1,6 @@
 Package: fefferyUtilsComponents
 Title: Build more utility components for Plotly Dash.
-Version: 0.2.0-rc21
+Version: 0.2.0-rc22
 Description: Build more utility components for Plotly Dash.
 Depends: R (>= 3.0.2)
 Imports: 

package/Project.toml

@@ -2,7 +2,7 @@
 name = "FefferyUtilsComponents"
 uuid = "1b08a953-4be3-4667-9a23-209fcf3199fa"
 authors = ["CNFeffery <fefferypzy@gmail.com>"]
-version = "0.2.0-rc21"
+version = "0.2.0-rc22"
 
 [deps]
 Dash = "1b08a953-4be3-4667-9a23-3db579824955"

package/feffery_utils_components/FefferyGrid.py

@@ -25,7 +25,8 @@ Keyword arguments:
     用于自定义断点及其对应的像素值映射对象  默认为{lg: 1200, md: 996, sm: 768, xs: 480, xxs:
     0}.
 
-- className (string; optional)
+- className (string; optional):
+    当前组件css类名.
 
 - cols (dict with strings as keys and values of type number | number; default 12):
     与breakpoints对应，用于设置不同断点下网格系统的列数  默认为{lg: 12, md: 10, sm: 6, xs: 4,
@@ -53,7 +54,7 @@ Keyword arguments:
     设置是否开启当前网格内部的尺寸调整行为，默认为True.
 
 - key (string; optional):
-    唯一标识符，强制刷新用.
+    强制刷新用.
 
 - layouts (dict; optional):
     用于定义不同断点下的各个网格项布局相关参数.
@@ -159,6 +160,9 @@ Keyword arguments:
 - margin (list of numbers | dict with strings as keys and values of type list of numbers; default [10, 10]):
     用于设置当前网格容器内子元素之间的像素margin，格式：[x, y]  也可以传入以断点为键的字典从而实现响应式.
 
+- placeholder (a list of or a singular dash component, string or number; optional):
+    占位元素，用于在children为空时呈现相关提示信息.
+
 - placeholderBackground (string; default '#3b3a39'):
     自定义样式相关快捷样式参数  自定义拖拽预览占位的background属性，默认为'#3b3a39'.
 
@@ -174,16 +178,17 @@ Keyword arguments:
 - rowHeight (number; default 150):
     用于设置网格中每行的像素高度，默认为150.
 
-- style (dict; optional)"""
-    _children_props = []
-    _base_nodes = ['children']
+- style (dict; optional):
+    当前组件css样式."""
+    _children_props = ['placeholder']
+    _base_nodes = ['placeholder', 'children']
     _namespace = 'feffery_utils_components'
     _type = 'FefferyGrid'
     @_explicitize_args
-    def __init__(self, children=None, id=Component.UNDEFINED, key=Component.UNDEFINED, style=Component.UNDEFINED, className=Component.UNDEFINED, height=Component.UNDEFINED, autoSize=Component.UNDEFINED, compactType=Component.UNDEFINED, margin=Component.UNDEFINED, containerPadding=Component.UNDEFINED, rowHeight=Component.UNDEFINED, isDraggable=Component.UNDEFINED, isResizable=Component.UNDEFINED, isBounded=Component.UNDEFINED, allowOverlap=Component.UNDEFINED, breakpoints=Component.UNDEFINED, cols=Component.UNDEFINED, layouts=Component.UNDEFINED, placeholderBackground=Component.UNDEFINED, placeholderOpacity=Component.UNDEFINED, placeholderBorder=Component.UNDEFINED, placeholderBorderRadius=Component.UNDEFINED, debug=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['children', 'id', 'allowOverlap', 'autoSize', 'breakpoints', 'className', 'cols', 'compactType', 'containerPadding', 'debug', 'height', 'isBounded', 'isDraggable', 'isResizable', 'key', 'layouts', 'loading_state', 'margin', 'placeholderBackground', 'placeholderBorder', 'placeholderBorderRadius', 'placeholderOpacity', 'rowHeight', 'style']
+    def __init__(self, children=None, id=Component.UNDEFINED, placeholder=Component.UNDEFINED, key=Component.UNDEFINED, style=Component.UNDEFINED, className=Component.UNDEFINED, height=Component.UNDEFINED, autoSize=Component.UNDEFINED, compactType=Component.UNDEFINED, margin=Component.UNDEFINED, containerPadding=Component.UNDEFINED, rowHeight=Component.UNDEFINED, isDraggable=Component.UNDEFINED, isResizable=Component.UNDEFINED, isBounded=Component.UNDEFINED, allowOverlap=Component.UNDEFINED, breakpoints=Component.UNDEFINED, cols=Component.UNDEFINED, layouts=Component.UNDEFINED, placeholderBackground=Component.UNDEFINED, placeholderOpacity=Component.UNDEFINED, placeholderBorder=Component.UNDEFINED, placeholderBorderRadius=Component.UNDEFINED, debug=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
+        self._prop_names = ['children', 'id', 'allowOverlap', 'autoSize', 'breakpoints', 'className', 'cols', 'compactType', 'containerPadding', 'debug', 'height', 'isBounded', 'isDraggable', 'isResizable', 'key', 'layouts', 'loading_state', 'margin', 'placeholder', 'placeholderBackground', 'placeholderBorder', 'placeholderBorderRadius', 'placeholderOpacity', 'rowHeight', 'style']
         self._valid_wildcard_attributes =            []
-        self.available_properties = ['children', 'id', 'allowOverlap', 'autoSize', 'breakpoints', 'className', 'cols', 'compactType', 'containerPadding', 'debug', 'height', 'isBounded', 'isDraggable', 'isResizable', 'key', 'layouts', 'loading_state', 'margin', 'placeholderBackground', 'placeholderBorder', 'placeholderBorderRadius', 'placeholderOpacity', 'rowHeight', 'style']
+        self.available_properties = ['children', 'id', 'allowOverlap', 'autoSize', 'breakpoints', 'className', 'cols', 'compactType', 'containerPadding', 'debug', 'height', 'isBounded', 'isDraggable', 'isResizable', 'key', 'layouts', 'loading_state', 'margin', 'placeholder', 'placeholderBackground', 'placeholderBorder', 'placeholderBorderRadius', 'placeholderOpacity', 'rowHeight', 'style']
         self.available_wildcard_properties =            []
         _explicit_args = kwargs.pop('_explicit_args')
         _locals = locals()

package/feffery_utils_components/FefferyListenDrop.py

@@ -41,6 +41,32 @@ Keyword arguments:
     - time (number; optional):
         事件对应时间戳.
 
+- hoverEvent (dict; optional):
+    监听最近一次正处于待放置鼠标悬停状态时的事件.
+
+    `hoverEvent` is a dict with keys:
+
+    - clientX (number; optional):
+        以浏览器窗口左上角为原点，记录x坐标.
+
+    - clientY (number; optional):
+        以浏览器窗口左上角为原点，记录y坐标.
+
+    - pageX (number; optional):
+        以页面整体左上角为原点，记录x坐标.
+
+    - pageY (number; optional):
+        以页面整体左上角为原点，记录y坐标.
+
+    - screenX (number; optional):
+        以屏幕左上角为原点，记录x坐标.
+
+    - screenY (number; optional):
+        以屏幕左上角为原点，记录y坐标.
+
+    - time (number; optional):
+        事件对应时间戳.
+
 - isHovering (boolean; optional):
     监听放置事件监听目标容器是否正处于待放置鼠标悬停状态.
 
@@ -64,10 +90,10 @@ Keyword arguments:
     _namespace = 'feffery_utils_components'
     _type = 'FefferyListenDrop'
     @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, targetSelector=Component.UNDEFINED, dropEvent=Component.UNDEFINED, isHovering=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'dropEvent', 'isHovering', 'loading_state', 'targetSelector']
+    def __init__(self, id=Component.UNDEFINED, targetSelector=Component.UNDEFINED, dropEvent=Component.UNDEFINED, isHovering=Component.UNDEFINED, hoverEvent=Component.UNDEFINED, loading_state=Component.UNDEFINED, **kwargs):
+        self._prop_names = ['id', 'dropEvent', 'hoverEvent', 'isHovering', 'loading_state', 'targetSelector']
         self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'dropEvent', 'isHovering', 'loading_state', 'targetSelector']
+        self.available_properties = ['id', 'dropEvent', 'hoverEvent', 'isHovering', 'loading_state', 'targetSelector']
         self.available_wildcard_properties =            []
         _explicit_args = kwargs.pop('_explicit_args')
         _locals = locals()

package/feffery_utils_components/async-feffery_grid.js

@@ -1 +1 @@
-(window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[16],{502:function(e,t,r){r.r(t);function n(e){var t=e.id,r=e.children,n=e.style,a=e.className,o=e.key,e=(e.setProps,e.loading_state);return i.a.createElement("div",{id:t,key:o,style:n,className:a,"data-dash-is-loading":e&&e.is_loading||void 0},r)}var a=r(1),i=r.n(a),a=r(199);(t.default=n).defaultProps=a.b,n.propTypes=a.c},540:function(e,t,r){r.r(t);var n=r(1),k=r.n(n),n=r(720),a=r(198),M=r(924),_=r(25),o=r(621),W=Object(o.a)(function(e){return null==e}),T=r(92);function L(){return(L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)!{}.hasOwnProperty.call(n,r)||(e[r]=n[r])}return e}).apply(null,arguments)}function i(e){var t=e.id,r=e.children,n=e.key,a=e.style,o=e.className,i=e.height,s=e.autoSize,l=e.compactType,u=e.margin,c=e.containerPadding,p=e.rowHeight,d=e.isDraggable,f=e.isResizable,h=e.isBounded,g=e.allowOverlap,m=e.breakpoints,y=e.cols,b=e.layouts,v=e.placeholderBackground,w=e.placeholderOpacity,z=e.placeholderBorder,O=e.placeholderBorderRadius,x=e.debug,R=e.setProps,e=e.loading_state,S=(r=(S=r)&&!Array.isArray(S)?[S]:S).map(function(e){var t,r=(W(null==(r=(t=e).props)?void 0:r.disabled)&&t.props._dashprivate_layout&&t.props._dashprivate_layout.props?t.props._dashprivate_layout:t).props;return k.a.createElement("div",L({className:"feffery-grid-item-container"},Object(M.a)(["setProps","persistence","persistence_type","persisted_props","id","className","style"],r)),k.a.createElement("button",{className:"feffery-grid-item-dragger"},k.a.createElement("svg",{viewBox:"0 0 20 20",style:{width:16,fill:"#919eab"}},k.a.createElement("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"}))),e)}),P={};if(Object(_.isNumber)(y))for(var D=0,j=Object.keys(m);D<j.length;D++)P[j[D]]=y;var E={};if(Array.isArray(b))for(var C=0,H=Object.keys(m);C<H.length;C++)E[H[C]]=b;return k.a.createElement(k.a.Fragment,null,k.a.createElement(T.a,{rawStyle:"\n.react-grid-layout {\n  position: relative;\n  transition: height 200ms ease;\n}\n.react-grid-item {\n  transition: all 200ms ease;\n  transition-property: left, top;\n  /* cursor: grab; */\n}\n.react-grid-item img {\n  pointer-events: none;\n  user-select: none;  \n}\n.react-grid-item.cssTransforms {\n  transition-property: transform;\n}\n.react-grid-item.resizing {\n  z-index: 1;\n  will-change: width, height;\n}\n\n.react-grid-item.react-draggable-dragging {\n  transition: box-shadow 0.3s ease;\n  z-index: 3;\n  will-change: transform;\n  /* cursor: grabbing; */\n  box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);\n}\n\n.react-grid-item.dropping {\n  visibility: hidden;\n}\n\n.react-grid-item.react-grid-placeholder {\n  background: ".concat(v,";\n  opacity: ").concat(w,";\n  border: ").concat(z,";\n  border-radius: ").concat(O,';\n  transition-duration: 100ms;\n  z-index: 2;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n}\n\n.react-grid-item > .react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n}\n\n.react-grid-item > .react-resizable-handle::after {\n  content: "";\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 5px;\n  height: 5px;\n  border-right: 2px solid rgba(0, 0, 0, 0.4);\n  border-bottom: 2px solid rgba(0, 0, 0, 0.4);\n}\n\n.react-resizable-hide > .react-resizable-handle {\n  display: none;\n}\n\n.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}\n')}),k.a.createElement(q,{id:t,key:n,style:a,className:o,height:i,autoSize:s,compactType:l,margin:u,containerPadding:c,rowHeight:p,isDraggable:d,isResizable:f,isBounded:h,allowOverlap:g,breakpoints:m,cols:Object(_.isEmpty)(P)?y:P,layouts:Object(_.isEmpty)(E)?b:E,draggableHandle:".feffery-grid-item-dragger",onLayoutChange:function(e){e&&(x&&console.log("layouts: ",e),R({layouts:Object(_.cloneDeep)(e)}))},setProps:R,useCSSTransforms:!0,"data-dash-is-loading":e&&e.is_loading||void 0},S))}var q=Object(n.WidthProvider)(n.Responsive);(t.default=i).defaultProps=a.b,i.propTypes=a.c},562:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.bottom=l,t.childrenEqual=function(e,t){return(0,n.deepEqual)(i.default.Children.map(e,e=>null==e?void 0:e.key),i.default.Children.map(t,e=>null==e?void 0:e.key))&&(0,n.deepEqual)(i.default.Children.map(e,e=>null==e?void 0:e.props["data-grid"]),i.default.Children.map(t,e=>null==e?void 0:e.props["data-grid"]))},t.cloneLayout=f,t.cloneLayoutItem=u,t.collides=s,t.compact=c,t.compactItem=h,t.compactType=function(e){var{verticalCompact:e,compactType:t}=e||{};return!1===e?null:t},t.correctBounds=g,t.fastPositionEqual=function(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height},t.fastRGLPropsEqual=void 0,t.getAllCollisions=b,t.getFirstCollision=y,t.getLayoutItem=m,t.getStatics=v,t.modifyLayout=a,t.moveElement=w,t.moveElementAwayFromCollision=z,t.noop=void 0,t.perc=function(e){return 100*e+"%"},t.resizeItemInDirection=function(e,t,r,n){e=C[e];return e?e(t,{...t,...r},n):r},t.setTopLeft=function(e){var{top:e,left:t,width:r,height:n}=e;return{top:"".concat(e,"px"),left:"".concat(t,"px"),width:"".concat(r,"px"),height:"".concat(n,"px"),position:"absolute"}},t.setTransform=function(e){var{top:e,left:t,width:r,height:n}=e,t="translate(".concat(t,"px,").concat(e,"px)");return{transform:t,WebkitTransform:t,MozTransform:t,msTransform:t,OTransform:t,width:"".concat(r,"px"),height:"".concat(n,"px"),position:"absolute"}},t.sortLayoutItems=H,t.sortLayoutItemsByColRow=M,t.sortLayoutItemsByRowCol=k,t.synchronizeLayoutWithChildren=function(n,e,t,r,a){n=n||[];let o=[];i.default.Children.forEach(e,e=>{var t,r;null!=(null==e?void 0:e.key)&&(t=m(n,String(e.key)),r=e.props["data-grid"],t&&null==r?o.push(u(t)):r?o.push(u({...r,i:e.key})):o.push(u({w:1,h:1,x:0,y:l(o),i:String(e.key)})))});e=g(o,{cols:t});return a?e:c(e,r,t)},t.validateLayout=function(r){let n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"Layout",a=["x","y","w","h"];if(!Array.isArray(r))throw new Error(n+" must be an array!");for(let t=0,e=r.length;t<e;t++){var o=r[t];for(let e=0;e<a.length;e++)if("number"!=typeof o[a[e]])throw new Error("ReactGridLayout: "+n+"["+t+"]."+a[e]+" must be a number!")}},t.withLayoutItem=function(e,t,r){t=m(e,t);return t?[e=a(e,t=r(u(t))),t]:[e,null]};var n=r(585),i=(o=r(1))&&o.__esModule?o:{default:o};function l(r){let n,a=0;for(let e=0,t=r.length;e<t;e++)(n=r[e].y+r[e].h)>a&&(a=n);return a}function f(r){var n=Array(r.length);for(let e=0,t=r.length;e<t;e++)n[e]=u(r[e]);return n}function a(r,n){var a=Array(r.length);for(let e=0,t=r.length;e<t;e++)n.i===r[e].i?a[e]=n:a[e]=r[e];return a}function u(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:Boolean(e.moved),static:Boolean(e.static),isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}var o=r(721);function s(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function c(r,n,a,o){var i=v(r),s=H(r,n),l=Array(r.length);for(let t=0,e=s.length;t<e;t++){let e=u(s[t]);e.static||(e=h(i,e,n,a,s,o),i.push(e)),(l[r.indexOf(s[t])]=e).moved=!1}return l}t.fastRGLPropsEqual=o;let p={x:"w",y:"h"};function d(t,r,n,a){var o=p[a];r[a]+=1;for(let e=t.map(e=>e.i).indexOf(r.i)+1;e<t.length;e++){var i=t[e];if(!i.static){if(i.y>r.y+r.h)break;s(r,i)&&d(t,i,n+r[o],a)}}r[a]=n}function h(e,t,r,n,a,o){var i,s="horizontal"===r;if("vertical"===r)for(t.y=Math.min(l(e),t.y);0<t.y&&!y(e,t);)t.y--;else if(s)for(;0<t.x&&!y(e,t);)t.x--;for(;(i=y(e,t))&&(null!==r||!o);)if(s?d(a,t,i.x+i.w,"x"):d(a,t,i.y+i.h,"y"),s&&t.x+t.w>n)for(t.x=n-t.w,t.y++;0<t.x&&!y(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function g(r,n){var a=v(r);for(let e=0,t=r.length;e<t;e++){var o=r[e];if(o.x+o.w>n.cols&&(o.x=n.cols-o.w),o.x<0&&(o.x=0,o.w=n.cols),o.static)for(;y(a,o);)o.y++;else a.push(o)}return r}function m(r,n){for(let e=0,t=r.length;e<t;e++)if(r[e].i===n)return r[e]}function y(r,n){for(let e=0,t=r.length;e<t;e++)if(s(r[e],n))return r[e]}function b(e,t){return e.filter(e=>s(e,t))}function v(e){return e.filter(e=>e.static)}function w(r,n,t,a,o,i,s,l,u){if(!(n.static&&!0!==n.isDraggable||n.y===a&&n.x===t)){"Moving element ".concat(n.i," to [").concat(String(t),",").concat(String(a),"] from [").concat(n.x,",").concat(n.y,"]");var c=n.x,p=n.y;"number"==typeof t&&(n.x=t),"number"==typeof a&&(n.y=a),n.moved=!0;let e=H(r,s);var d=b(e=("vertical"===s&&"number"==typeof a?a<=p:"horizontal"===s&&"number"==typeof t&&t<=c)?e.reverse():e,n),a=0<d.length;if(a&&u)return f(r);if(a&&i)"Collision prevented on ".concat(n.i,", reverting."),n.x=c,n.y=p,n.moved=!1;else for(let t=0,e=d.length;t<e;t++){let e=d[t];"Resolving collision between ".concat(n.i," at [").concat(n.x,",").concat(n.y,"] and ").concat(e.i," at [").concat(e.x,",").concat(e.y,"]"),e.moved||(r=e.static?z(r,e,n,o,s,l):z(r,n,e,o,s,l))}}return r}function z(a,o,i,s,l,u){var c="horizontal"===l,p="vertical"===l,d=o.static;if(s){s=!1;let e={x:c?Math.max(o.x-i.w,0):i.x,y:p?Math.max(o.y-i.h,0):i.y,w:i.w,h:i.h,i:"-1"},t=y(a,e),r=t&&t.y+t.h>o.y,n=t&&o.x+o.w>t.x;if(!t)return"Doing reverse collision on ".concat(i.i," up to [").concat(e.x,",").concat(e.y,"]."),w(a,i,c?e.x:void 0,p?e.y:void 0,s,d,l,u);if(r&&p)return w(a,i,void 0,o.y+1,s,d,l,u);if(r&&null==l)return o.y=i.y,i.y=i.y+i.h,a;if(n&&c)return w(a,o,i.x,void 0,s,d,l,u)}let e=c?i.x+1:void 0,t=p?i.y+1:void 0;return null==e&&null==t?a:w(a,i,c?i.x+1:void 0,p?i.y+1:void 0,s,d,l,u)}let O=(e,t,r,n)=>n<e+r?t:r,x=(e,t,r)=>e<0?t:r,R=e=>Math.max(0,e),S=e=>Math.max(0,e),P=(e,t,r)=>{var{left:t,height:n,width:a}=t,o=e.top-(n-e.height);return{left:t,width:a,height:x(o,e.height,n),top:S(o)}},D=(e,t,r)=>{var{top:t,left:n,height:a,width:o}=t;return{top:t,height:a,width:O(e.left,e.width,o,r),left:R(n)}},j=(e,t,r)=>{var{top:t,height:n,width:a}=t,o=e.left-(a-e.width);return{height:n,width:o<0?e.width:O(e.left,e.width,a,r),top:S(t),left:R(o)}},E=(e,t,r)=>{var{top:t,left:n,height:a,width:o}=t;return{width:o,left:n,height:x(t,e.height,a),top:S(t)}},C={n:P,ne:function(){return P(arguments.length<=0?void 0:arguments[0],D(...arguments))},e:D,se:function(){return E(arguments.length<=0?void 0:arguments[0],D(...arguments))},s:E,sw:function(){return E(arguments.length<=0?void 0:arguments[0],j(...arguments))},w:j,nw:function(){return P(arguments.length<=0?void 0:arguments[0],j(...arguments))}};function H(e,t){return"horizontal"===t?M(e):"vertical"===t?k(e):e}function k(e){return e.slice(0).sort(function(e,t){return e.y>t.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1})}function M(e){return e.slice(0).sort(function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1})}t.noop=()=>{}},585:function(e,t,r){function n(s){return function(e,t,r,n,a,o,i){return s(e,t,i)}}function a(i){return function(e,t,r,n){if(!e||!t||"object"!=typeof e||"object"!=typeof t)return i(e,t,r,n);var a=n.get(e),o=n.get(t);if(a&&o)return a===t&&o===e;n.set(e,t),n.set(t,e);a=i(e,t,r,n);return n.delete(e),n.delete(t),a}}function o(e,t){var r,n={};for(r in e)n[r]=e[r];for(r in t)n[r]=t[r];return n}function d(e){return e.constructor===Object||null==e.constructor}function f(e){return"function"==typeof e.then}function h(e,t){return e===t||e!=e&&t!=t}function i(e){var o=e.areArraysEqual,i=e.areDatesEqual,s=e.areMapsEqual,l=e.areObjectsEqual,u=e.areRegExpsEqual,c=e.areSetsEqual,p=(0,e.createIsNestedEqual)(t);function t(e,t,r){var n,a;return e===t||(e&&t&&"object"==typeof e&&"object"==typeof t?d(e)&&d(t)?l(e,t,p,r):(a=Array.isArray(e),n=Array.isArray(t),a||n?a===n&&o(e,t,p,r):(a=m.call(e))===m.call(t)&&("[object Date]"===a?i(e,t,p,r):"[object RegExp]"===a?u(e,t,p,r):"[object Map]"===a?s(e,t,p,r):"[object Set]"===a?c(e,t,p,r):"[object Object]"===a||"[object Arguments]"===a?!f(e)&&!f(t)&&l(e,t,p,r):("[object Boolean]"===a||"[object Number]"===a||"[object String]"===a)&&h(e.valueOf(),t.valueOf()))):e!=e&&t!=t)}return t}function s(e,t,r,n){var a=e.length;if(t.length!==a)return!1;for(;0<a--;)if(!r(e[a],t[a],a,a,e,t,n))return!1;return!0}function l(e,t){return h(e.valueOf(),t.valueOf())}function u(i,s,l,u){var c,p,e=i.size===s.size;return!!e&&(!i.size||(c={},p=0,i.forEach(function(r,n){var a,o;e&&(a=!1,o=0,s.forEach(function(e,t){a||c[o]||!(a=l(n,t,p,o,i,s,u)&&l(r,e,n,t,i,s,u))||(c[o]=!0),o++}),p++,e=a)}),e))}function c(e,t,r,n){var a,o=Object.keys(e),i=o.length;if(Object.keys(t).length!==i)return!1;for(;0<i--;){if("_owner"===(a=o[i])){var s=!!e.$$typeof,l=!!t.$$typeof;if((s||l)&&s!=l)return!1}if(!v.call(t,a)||!r(e[a],t[a],a,a,e,t,n))return!1}return!0}function p(e,t){return e.source===t.source&&e.flags===t.flags}function g(i,s,l,u){var c,e=i.size===s.size;return!!e&&(!i.size||(c={},i.forEach(function(r,n){var a,o;e&&(a=!1,o=0,s.forEach(function(e,t){a||c[o]||!(a=l(r,e,n,t,i,s,u))||(c[o]=!0),o++}),e=a)}),e))}var m,y,b,v,w,z,O,x,R,S,P,D;t=t,m=Object.prototype.toString,y=a(s),b=a(u),v=Object.prototype.hasOwnProperty,w=a(c),z=a(g),O=Object.freeze({areArraysEqual:s,areDatesEqual:l,areMapsEqual:u,areObjectsEqual:c,areRegExpsEqual:p,areSetsEqual:g,createIsNestedEqual:n}),x=Object.freeze({areArraysEqual:y,areDatesEqual:l,areMapsEqual:b,areObjectsEqual:w,areRegExpsEqual:p,areSetsEqual:z,createIsNestedEqual:n}),R=i(O),S=i(o(O,{createIsNestedEqual:function(){return h}})),P=i(x),D=i(o(x,{createIsNestedEqual:function(){return h}})),t.circularDeepEqual=function(e,t){return P(e,t,new WeakMap)},t.circularShallowEqual=function(e,t){return D(e,t,new WeakMap)},t.createCustomCircularEqual=function(e){var n=i(o(x,e(x)));return function(e,t,r){return void 0===r&&(r=new WeakMap),n(e,t,r)}},t.createCustomEqual=function(e){return i(o(O,e(O)))},t.deepEqual=function(e,t){return R(e,t,void 0)},t.sameValueZeroEqual=h,t.shallowEqual=function(e,t){return S(e,t,void 0)},Object.defineProperty(t,"__esModule",{value:!0})},586:function(e,t,r){function n(){for(var e,t=0,r="",n=arguments.length;t<n;t++)(e=arguments[t])&&(e=function e(t){var r,n="";if("string"==typeof t||"number"==typeof t)n+=t;else if("object"==typeof t)if(Array.isArray(t))for(var a=t.length,o=0;o<a;o++)t[o]&&(r=e(t[o]))&&(n&&(n+=" "),n+=r);else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}(e))&&(r&&(r+=" "),r+=e);return r}r.r(t),r.d(t,"clsx",function(){return n}),t.default=n},587:function(e,t,r){function h(e){var{margin:e,containerPadding:t,containerWidth:r,cols:n}=e;return(r-e[0]*(n-1)-2*t[0])/n}function c(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function g(e,t,r){return Math.max(Math.min(e,r),t)}Object.defineProperty(t,"__esModule",{value:!0}),t.calcGridColWidth=h,t.calcGridItemPosition=function(e,t,r,n,a,o){var{margin:i,containerPadding:s,rowHeight:l}=e,e=h(e),u={};return o&&o.resizing?(u.width=Math.round(o.resizing.width),u.height=Math.round(o.resizing.height)):(u.width=c(n,e,i[0]),u.height=c(a,l,i[1])),o&&o.dragging?(u.top=Math.round(o.dragging.top),u.left=Math.round(o.dragging.left)):o&&o.resizing&&"number"==typeof o.resizing.top&&"number"==typeof o.resizing.left?(u.top=Math.round(o.resizing.top),u.left=Math.round(o.resizing.left)):(u.top=Math.round((l+i[1])*r+s[1]),u.left=Math.round((e+i[0])*t+s[0])),u},t.calcGridItemWHPx=c,t.calcWH=function(e,t,r,n,a,o){var{margin:i,maxRows:s,cols:l,rowHeight:u}=e,e=h(e);let c=Math.round((t+i[0])/(e+i[0])),p=Math.round((r+i[1])/(u+i[1])),d=g(c,0,l-n),f=g(p,0,s-a);return-1!==["sw","w","nw"].indexOf(o)&&(d=g(c,0,l)),-1!==["nw","n","ne"].indexOf(o)&&(f=g(p,0,s)),{w:d,h:f}},t.calcXY=function(e,t,r,n,a){var{margin:o,cols:i,rowHeight:s,maxRows:l}=e,e=h(e),r=Math.round((r-o[0])/(e+o[0])),e=Math.round((t-o[1])/(s+o[1]));return{x:g(r,0,i-n),y:g(e,0,l-a)}},t.clamp=g},614:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var w=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=r(585),a=o(r(586)),z=r(562),f=r(587),O=o(r(722)),r=o(r(619));function o(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}let h=!1;try{h=/firefox/i.test(navigator.userAgent)}catch(e){}class l extends w.Component{constructor(){super(...arguments),s(this,"state",{activeDrag:null,layout:(0,z.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,z.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),s(this,"dragEnterCounter",0),s(this,"onDragStart",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["layout"],i=(0,z.getLayoutItem)(o,e);if(i)return e={w:i.w,h:i.h,x:i.x,y:i.y,placeholder:!0,i:e},this.setState({oldDragItem:(0,z.cloneLayoutItem)(i),oldLayout:o,activeDrag:e}),this.props.onDragStart(o,i,i,null,n,a)}),s(this,"onDrag",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["oldDragItem"],i=this.state["layout"],{cols:s,allowOverlap:l,preventCollision:u}=this.props,c=(0,z.getLayoutItem)(i,e);c&&(e={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:e},i=(0,z.moveElement)(i,c,t,r,!0,u,(0,z.compactType)(this.props),s,l),this.props.onDrag(i,o,c,e,n,a),this.setState({layout:l?i:(0,z.compact)(i,(0,z.compactType)(this.props),s),activeDrag:e}))}),s(this,"onDragStop",(e,t,r,n)=>{var a,o,i,s,l,{e:n,node:u}=n;this.state.activeDrag&&(a=this.state["oldDragItem"],l=this.state["layout"],{cols:o,preventCollision:i,allowOverlap:s}=this.props,e=(0,z.getLayoutItem)(l,e))&&(l=(0,z.moveElement)(l,e,t,r,!0,i,(0,z.compactType)(this.props),o,s),t=s?l:(0,z.compact)(l,(0,z.compactType)(this.props),o),r=(this.props.onDragStop(t,a,e,null,n,u),this.state)["oldLayout"],this.setState({activeDrag:null,layout:t,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(t,r))}),s(this,"onResizeStart",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["layout"],e=(0,z.getLayoutItem)(o,e);e&&(this.setState({oldResizeItem:(0,z.cloneLayoutItem)(e),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(o,e,e,null,n,a))}),s(this,"onResize",(e,r,n,t)=>{let{e:a,node:o,handle:i}=t;t=this.state.oldResizeItem;let s=this.state["layout"],{cols:l,preventCollision:u,allowOverlap:c}=this.props,p,d,f,h=!1;var[g,m]=(0,z.withLayoutItem)(s,e,t=>{return d=t.x,f=t.y,-1!==["sw","w","nw","n","ne"].indexOf(i)&&(-1!==["sw","nw","w"].indexOf(i)&&(d=t.x+(t.w-r),r=t.x!==d&&d<0?t.w:r,d=d<0?0:d),-1!==["ne","n","nw"].indexOf(i)&&(f=t.y+(t.h-n),n=t.y!==f&&f<0?t.h:n,f=f<0?0:f),h=!0),u&&!c&&0<(0,z.getAllCollisions)(s,{...t,w:r,h:n,x:d,y:f}).filter(e=>e.i!==t.i).length&&(f=t.y,n=t.h,d=t.x,r=t.w,h=!1),t.w=r,t.h=n,t});if(m){if(p=g,h)p=(0,z.moveElement)(g,m,d,f,!0,this.props.preventCollision,(0,z.compactType)(this.props),l,c);g={w:m.w,h:m.h,x:m.x,y:m.y,static:!0,i:e};this.props.onResize(p,t,m,g,a,o),this.setState({layout:c?p:(0,z.compact)(p,(0,z.compactType)(this.props),l),activeDrag:g})}}),s(this,"onResizeStop",(e,t,r,n)=>{var{e:n,node:a}=n,{layout:o,oldResizeItem:i}=this.state,{cols:s,allowOverlap:l}=this.props,e=(0,z.getLayoutItem)(o,e),l=l?o:(0,z.compact)(o,(0,z.compactType)(this.props),s),o=(this.props.onResizeStop(l,i,e,null,n,a),this.state)["oldLayout"];this.setState({activeDrag:null,layout:l,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(l,o)}),s(this,"onDragOver",e=>{if(e.preventDefault(),e.stopPropagation(),h&&(null==(t=e.nativeEvent.target)||!t.classList.contains("react-grid-layout")))return!1;var{droppingItem:t,onDropDragOver:r,margin:n,cols:a,rowHeight:o,maxRows:i,width:s,containerPadding:l,transformScale:u}=this.props,r=null==r?void 0:r(e);if(!1===r)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;var r={...t,...r},c=this.state["layout"],{layerX:p,layerY:d}=e.nativeEvent,u={left:p/u,top:d/u,e:e};if(this.state.droppingDOMNode){if(this.state.droppingPosition){let{left:e,top:t}=this.state.droppingPosition;e==p&&t==d||this.setState({droppingPosition:u})}}else{let e={cols:a,margin:n,maxRows:i,rowHeight:o,containerWidth:s,containerPadding:l||n},t=(0,f.calcXY)(e,d,p,r.w,r.h);this.setState({droppingDOMNode:w.createElement("div",{key:r.i}),droppingPosition:u,layout:[...c,{...r,x:t.x,y:t.y,static:!1,isDraggable:!0}]})}}),s(this,"removeDroppingPlaceholder",()=>{let{droppingItem:t,cols:e}=this.props,r=this.state["layout"],n=(0,z.compact)(r.filter(e=>e.i!==t.i),(0,z.compactType)(this.props),e,this.props.allowOverlap);this.setState({layout:n,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),s(this,"onDragLeave",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,0===this.dragEnterCounter&&this.removeDroppingPlaceholder()}),s(this,"onDragEnter",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),s(this,"onDrop",e=>{e.preventDefault(),e.stopPropagation();let t=this.props["droppingItem"],r=this.state["layout"],n=r.find(e=>e.i===t.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(r,n,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,t){let r;return!t.activeDrag&&((0,n.deepEqual)(e.layout,t.propsLayout)&&e.compactType===t.compactType?(0,z.childrenEqual)(e.children,t.children)||(r=t.layout):r=e.layout,r)?{layout:(0,z.synchronizeLayoutWithChildren)(r,e.children,e.cols,(0,z.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,z.fastRGLPropsEqual)(this.props,e,n.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,r){if(!this.state.activeDrag){let e=this.state.layout,t=r.layout;this.onLayoutMaybeChanged(e,t)}}containerHeight(){var e,t;if(this.props.autoSize)return e=(0,z.bottom)(this.state.layout),t=(this.props.containerPadding||this.props.margin)[1],e*this.props.rowHeight+(e-1)*this.props.margin[1]+2*t+"px"}onLayoutMaybeChanged(e,t){t=t||this.state.layout,(0,n.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){var e,t,r,n,a,o,i,s,l=this.state["activeDrag"];return l?({width:e,cols:t,margin:r,containerPadding:n,rowHeight:a,maxRows:o,useCSSTransforms:i,transformScale:s}=this.props,w.createElement(O.default,{w:l.w,h:l.h,x:l.x,y:l.y,i:l.i,className:"react-grid-placeholder ".concat(this.state.resizing?"placeholder-resizing":""),containerWidth:e,cols:t,margin:r,containerPadding:n||r,maxRows:o,rowHeight:a,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:i,transformScale:s},w.createElement("div",null))):null}processGridItem(e,t){var r,n,a,o,i,s,l,u,c,p,d,f,h,g,m,y,b,v;if(e&&e.key)return(r=(0,z.getLayoutItem)(this.state.layout,String(e.key)))?({width:n,cols:a,margin:o,containerPadding:i,rowHeight:s,maxRows:l,isDraggable:m,isResizable:y,isBounded:v,useCSSTransforms:u,transformScale:c,draggableCancel:p,draggableHandle:d,resizeHandles:b,resizeHandle:f}=this.props,{mounted:h,droppingPosition:g}=this.state,m="boolean"==typeof r.isDraggable?r.isDraggable:!r.static&&m,y="boolean"==typeof r.isResizable?r.isResizable:!r.static&&y,b=r.resizeHandles||b,v=m&&v&&!1!==r.isBounded,w.createElement(O.default,{containerWidth:n,cols:a,margin:o,containerPadding:i||o,maxRows:l,rowHeight:s,cancel:p,handle:d,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:m,isResizable:y,isBounded:v,useCSSTransforms:u&&h,usePercentages:!h,transformScale:c,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:t?g:void 0,resizeHandles:b,resizeHandle:f},e)):null}render(){var{className:e,style:t,isDroppable:r,innerRef:n}=this.props,e=(0,a.default)("react-grid-layout",e),t={height:this.containerHeight(),...t};return w.createElement("div",{ref:n,className:e,style:t,onDrop:r?this.onDrop:z.noop,onDragLeave:r?this.onDragLeave:z.noop,onDragEnter:r?this.onDragEnter:z.noop,onDragOver:r?this.onDragOver:z.noop},w.Children.map(this.props.children,e=>this.processGridItem(e)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}s(t.default=l,"displayName","ReactGridLayout"),s(l,"propTypes",r.default),s(l,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:z.noop,onDragStart:z.noop,onDrag:z.noop,onDragStop:z.noop,onResizeStart:z.noop,onResize:z.noop,onResizeStop:z.noop,onDrop:z.noop,onDropDragOver:z.noop})},617:function(e,t,r){t.__esModule=!0,t.default=void 0;var i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=c(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),s=r(567),l=r(727),r=r(618),u=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function c(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(c=function(e){return e?r:t})(e))}function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function d(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}function n(e,t){return(n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}a=i.Component,h=a,(f=g).prototype=Object.create(h.prototype),n(f.prototype.constructor=f,h),(f=g.prototype).componentWillUnmount=function(){this.resetData()},f.resetData=function(){this.lastHandleRect=this.slack=null},f.runConstraints=function(e,t){var r,n,a,o=this.props,i=o.minConstraints,s=o.maxConstraints,o=o.lockAspectRatio;return(i||s||o)&&(o&&(o=this.props.width/this.props.height,r=e-this.props.width,n=t-this.props.height,Math.abs(r)>Math.abs(n*o)?t=e/o:e=t*o),r=e,n=t,e+=a=(o=this.slack||[0,0])[0],t+=o=o[1],i&&(e=Math.max(i[0],e),t=Math.max(i[1],t)),s&&(e=Math.min(s[0],e),t=Math.min(s[1],t)),this.slack=[a+(r-e),o+(n-t)]),[e,t]},f.resizeHandler=function(u,c){var p=this;return function(e,t){var r,n,a,o=t.node,i=t.deltaX,t=t.deltaY,s=("onResizeStart"===u&&p.resetData(),("both"===p.props.axis||"x"===p.props.axis)&&"n"!==c&&"s"!==c),l=("both"===p.props.axis||"y"===p.props.axis)&&"e"!==c&&"w"!==c;(s||l)&&(r=c[0],a=c[c.length-1],n=o.getBoundingClientRect(),null!=p.lastHandleRect&&("w"===a&&(i+=n.left-p.lastHandleRect.left),"n"===r)&&(t+=n.top-p.lastHandleRect.top),p.lastHandleRect=n,"w"===a&&(i=-i),"n"===r&&(t=-t),n=p.props.width+(s?i/p.props.transformScale:0),a=p.props.height+(l?t/p.props.transformScale:0),n=(r=p.runConstraints(n,a))[0],a=r[1],s=n!==p.props.width||a!==p.props.height,(i="function"==typeof p.props[u]?p.props[u]:null)&&("onResize"!==u||s)&&(null!=e.persist&&e.persist(),i(e,{node:o,size:{width:n,height:a},handle:c})),"onResizeStop"===u)&&p.resetData()}},f.renderResizeHandle=function(e,t){var r,n=this.props.handle;return n?"function"==typeof n?n(e,t):(r=d({ref:t},"string"==typeof n.type?{}:{handleAxis:e}),i.cloneElement(n,r)):i.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+e,ref:t})},f.render=function(){var r=this,e=this.props,t=e.children,n=e.className,a=e.draggableOpts,o=(e.width,e.height,e.handle,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart,e.resizeHandles),e=(e.transformScale,function(e,t){if(null==e)return{};for(var r,n={},a=Object.keys(e),o=0;o<a.length;o++)r=a[o],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,u));return(0,l.cloneElement)(t,d(d({},e),{},{className:(n?n+" ":"")+"react-resizable",children:[].concat(t.props.children,o.map(function(e){var t=null!=(t=r.handleRefs[e])?t:r.handleRefs[e]=i.createRef();return i.createElement(s.DraggableCore,p({},a,{nodeRef:t,key:"resizableHandle-"+e,onStop:r.resizeHandler("onResizeStop",e),onStart:r.resizeHandler("onResizeStart",e),onDrag:r.resizeHandler("onResize",e)}),r.renderResizeHandle(e,t))}))}))};var a,f,h=g;function g(){for(var e,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return(e=a.call.apply(a,[this].concat(r))||this).handleRefs={},e.lastHandleRect=null,e.slack=null,e}(t.default=h).propTypes=r.resizableProps,h.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1}},618:function(e,t,r){t.__esModule=!0,t.resizableProps=void 0;var a=(n=r(0))&&n.__esModule?n:{default:n},n=(r(567),{axis:a.default.oneOf(["both","x","y","none"]),className:a.default.string,children:a.default.element.isRequired,draggableOpts:a.default.shape({allowAnyClick:a.default.bool,cancel:a.default.string,children:a.default.node,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:a.default.node,grid:a.default.arrayOf(a.default.number),handle:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number}),height:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];return"both"===n.axis||"y"===n.axis?(n=a.default.number).isRequired.apply(n,t):a.default.number.apply(a.default,t)},handle:a.default.oneOfType([a.default.node,a.default.func]),handleSize:a.default.arrayOf(a.default.number),lockAspectRatio:a.default.bool,maxConstraints:a.default.arrayOf(a.default.number),minConstraints:a.default.arrayOf(a.default.number),onResizeStop:a.default.func,onResizeStart:a.default.func,onResize:a.default.func,resizeHandles:a.default.arrayOf(a.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:a.default.number,width:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];return"both"===n.axis||"x"===n.axis?(n=a.default.number).isRequired.apply(n,t):a.default.number.apply(a.default,t)}});t.resizableProps=n},619:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.resizeHandleType=t.resizeHandleAxesType=t.default=void 0;var n=o(r(0)),a=o(r(1));function o(e){return e&&e.__esModule?e:{default:e}}var i=n.default.arrayOf(n.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),s=(t.resizeHandleAxesType=i,n.default.oneOfType([n.default.node,n.default.func])),i=(t.resizeHandleType=s,{className:n.default.string,style:n.default.object,width:n.default.number,autoSize:n.default.bool,cols:n.default.number,draggableCancel:n.default.string,draggableHandle:n.default.string,verticalCompact:function(e){e.verticalCompact},compactType:n.default.oneOf(["vertical","horizontal"]),layout:function(e){e=e.layout;void 0!==e&&r(562).validateLayout(e,"layout")},margin:n.default.arrayOf(n.default.number),containerPadding:n.default.arrayOf(n.default.number),rowHeight:n.default.number,maxRows:n.default.number,isBounded:n.default.bool,isDraggable:n.default.bool,isResizable:n.default.bool,allowOverlap:n.default.bool,preventCollision:n.default.bool,useCSSTransforms:n.default.bool,transformScale:n.default.number,isDroppable:n.default.bool,resizeHandles:i,resizeHandle:s,onLayoutChange:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onDragStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,onResizeStop:n.default.func,onDrop:n.default.func,droppingItem:n.default.shape({i:n.default.string.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired}),children:function(e,t){let r=e[t],n={};a.default.Children.forEach(r,function(e){if(null!=(null==e?void 0:e.key)){if(n[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');n[e.key]=!0}})},innerRef:n.default.any});t.default=i},620:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.findOrGenerateResponsiveLayout=function(r,e,t,n,a,o){if(r[t])return(0,l.cloneLayout)(r[t]);let i=r[n];var n=u(e),s=n.slice(n.indexOf(t));for(let t=0,e=s.length;t<e;t++){let e=s[t];if(r[e]){i=r[e];break}}return i=(0,l.cloneLayout)(i||[]),(0,l.compact)((0,l.correctBounds)(i,{cols:a}),o,a)},t.getBreakpointFromWidth=function(r,n){var a=u(r);let o=a[0];for(let e=1,t=a.length;e<t;e++){var i=a[e];n>r[i]&&(o=i)}return o},t.getColsFromBreakpoint=function(e,t){if(t[e])return t[e];throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!")},t.sortBreakpoints=u;var l=r(562);function u(r){return Object.keys(r).sort(function(e,t){return r[e]-r[t]})}},720:function(e,t,r){e.exports=r(614).default,e.exports.utils=r(562),e.exports.calculateUtils=r(587),e.exports.Responsive=r(729).default,e.exports.Responsive.utils=r(620),e.exports.WidthProvider=r(730).default},721:function(e,t){e.exports=function(e,t,r){return e===t||e.className===t.className&&r(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&r(e.verticalCompact,t.verticalCompact)&&r(e.compactType,t.compactType)&&r(e.layout,t.layout)&&r(e.margin,t.margin)&&r(e.containerPadding,t.containerPadding)&&e.rowHeight===t.rowHeight&&e.maxRows===t.maxRows&&e.isBounded===t.isBounded&&e.isDraggable===t.isDraggable&&e.isResizable===t.isResizable&&e.allowOverlap===t.allowOverlap&&e.preventCollision===t.preventCollision&&e.useCSSTransforms===t.useCSSTransforms&&e.transformScale===t.transformScale&&e.isDroppable===t.isDroppable&&r(e.resizeHandles,t.resizeHandles)&&r(e.resizeHandle,t.resizeHandle)&&e.onLayoutChange===t.onLayoutChange&&e.onDragStart===t.onDragStart&&e.onDrag===t.onDrag&&e.onDragStop===t.onDragStop&&e.onResizeStart===t.onResizeStart&&e.onResize===t.onResize&&e.onResizeStop===t.onResizeStop&&e.onDrop===t.onDrop&&r(e.droppingItem,t.droppingItem)&&r(e.innerRef,t.innerRef)}},722:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var d=i(r(1)),n=i(r(0)),a=r(567),f=r(726),m=r(562),y=r(587),o=r(619),l=i(r(586));function i(e){return e&&e.__esModule?e:{default:e}}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}class u extends d.default.Component{constructor(){super(...arguments),s(this,"state",{resizing:null,dragging:null,className:""}),s(this,"elementRef",d.default.createRef()),s(this,"onDragStart",(e,t)=>{var t=t["node"],{onDragStart:r,transformScale:n}=this.props;if(r){var a,o,i,s,l={top:0,left:0},u=t["offsetParent"];if(u)return i=u.getBoundingClientRect(),s=(o=t.getBoundingClientRect()).left/n,a=i.left/n,o=o.top/n,i=i.top/n,{x:n,y:s}=(l.left=s-a+u.scrollLeft,l.top=o-i+u.scrollTop,this.setState({dragging:l}),(0,y.calcXY)(this.getPositionParams(),l.top,l.left,this.props.w,this.props.h)),r.call(this,this.props.i,n,s,{e:e,node:t,newPosition:l})}}),s(this,"onDrag",(e,t)=>{let{node:r,deltaX:n,deltaY:a}=t,o=this.props["onDrag"];if(o){if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let i=this.state.dragging.top+a,s=this.state.dragging.left+n;var{isBounded:t,i:l,w:u,h:c,containerWidth:p}=this.props,d=this.getPositionParams();if(t){let o=r["offsetParent"];if(o){let{margin:e,rowHeight:t}=this.props,r=o.clientHeight-(0,y.calcGridItemWHPx)(c,t,e[1]),n=(i=(0,y.clamp)(i,0,r),(0,y.calcGridColWidth)(d)),a=p-(0,y.calcGridItemWHPx)(u,n,e[0]);s=(0,y.clamp)(s,0,a)}}var t={top:i,left:s},{x:p,y:d}=(this.setState({dragging:t}),(0,y.calcXY)(d,i,s,u,c));return o.call(this,l,p,d,{e:e,node:r,newPosition:t})}}),s(this,"onDragStop",(e,t)=>{var r,n,a,o,i,s,t=t["node"],l=this.props["onDragStop"];if(l){if(this.state.dragging)return{w:r,h:n,i:a}=this.props,{left:s,top:i}=this.state.dragging,o={top:i,left:s},{x:i,y:s}=(this.setState({dragging:null}),(0,y.calcXY)(this.getPositionParams(),i,s,r,n)),l.call(this,a,i,s,{e:e,node:t,newPosition:o});throw new Error("onDragEnd called before onDragStart.")}}),s(this,"onResizeStop",(e,t,r)=>this.onResizeHandler(e,t,r,"onResizeStop")),s(this,"onResizeStart",(e,t,r)=>this.onResizeHandler(e,t,r,"onResizeStart")),s(this,"onResize",(e,t,r)=>this.onResizeHandler(e,t,r,"onResize"))}shouldComponentUpdate(e,t){var r;return this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition||(r=(0,y.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),t=(0,y.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t),!(0,m.fastPositionEqual)(r,t))||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(n){var a=this.props["droppingPosition"];if(a){var o=this.elementRef.current;if(o){let e=n.droppingPosition||{left:0,top:0},r=this.state["dragging"],t=r&&a.left!==e.left||a.top!==e.top;if(r){if(t){let e=a.left-r.left,t=a.top-r.top;this.onDrag(a.e,{node:o,deltaX:e,deltaY:t})}}else this.onDragStart(a.e,{node:o,deltaX:a.left,deltaY:a.top})}}}getPositionParams(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){var{usePercentages:t,containerWidth:r,useCSSTransforms:n}=this.props;let a;return n?a=(0,m.setTransform)(e):(a=(0,m.setTopLeft)(e),t&&(a.left=(0,m.perc)(e.left/r),a.width=(0,m.perc)(e.width/r))),a}mixinDraggable(e,t){return d.default.createElement(a.DraggableCore,{disabled:!t,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},e)}curryResizeHandler(r,n){return(e,t)=>n(e,t,r)}mixinResizable(e,t,r){var{cols:n,minW:a,minH:o,maxW:i,maxH:s,transformScale:l,resizeHandles:u,resizeHandle:c}=this.props,p=this.getPositionParams(),n=(0,y.calcGridItemPosition)(p,0,0,n,0).width,a=(0,y.calcGridItemPosition)(p,0,0,a,o),o=(0,y.calcGridItemPosition)(p,0,0,i,s),p=[a.width,a.height],i=[Math.min(o.width,n),Math.min(o.height,1/0)];return d.default.createElement(f.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:t.width,height:t.height,minConstraints:p,maxConstraints:i,onResizeStop:this.curryResizeHandler(t,this.onResizeStop),onResizeStart:this.curryResizeHandler(t,this.onResizeStart),onResize:this.curryResizeHandler(t,this.onResize),transformScale:l,resizeHandles:u,handle:c},e)}onResizeHandler(t,r,n,a){var{node:r,size:o,handle:i}=r,s=this.props[a];if(s){var{x:l,y:u,i:c,maxH:p,minH:d,containerWidth:f}=this.props,{minW:h,maxW:g}=this.props;let e=o;r&&(e=(0,m.resizeItemInDirection)(i,n,o,f),this.setState({resizing:"onResizeStop"===a?null:e}));var{w:n,h:o}=(0,y.calcWH)(this.getPositionParams(),e.width,e.height,l,u,i),n=(0,y.clamp)(n,Math.max(h,1),g),o=(0,y.clamp)(o,d,p);s.call(this,c,n,o,{e:t,node:r,size:e,handle:i})}}render(){var{x:e,y:t,w:r,h:n,isDraggable:a,isResizable:o,droppingPosition:i,useCSSTransforms:s}=this.props,e=(0,y.calcGridItemPosition)(this.getPositionParams(),e,t,r,n,this.state),t=d.default.Children.only(this.props.children),r=d.default.cloneElement(t,{ref:this.elementRef,className:(0,l.default)("react-grid-item",t.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":a,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(i),cssTransforms:s}),style:{...this.props.style,...t.props.style,...this.createStyle(e)}}),r=this.mixinResizable(r,e,o);return this.mixinDraggable(r,a)}}s(t.default=u,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(e,t){t=e[t];return"number"!=typeof t?new Error("minWidth not Number"):t>e.w||t>e.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(e,t){t=e[t];return"number"!=typeof t?new Error("maxWidth not Number"):t<e.w||t<e.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(e,t){t=e[t];return"number"!=typeof t?new Error("minHeight not Number"):t>e.h||t>e.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(e,t){t=e[t];return"number"!=typeof t?new Error("maxHeight not Number"):t<e.h||t<e.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},i:n.default.string.isRequired,resizeHandles:o.resizeHandleAxesType,resizeHandle:o.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),s(u,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},726:function(e,t,r){e.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},e.exports.Resizable=r(617).default,e.exports.ResizableBox=r(728).default},727:function(e,t,r){t.__esModule=!0,t.cloneElement=function(e,t){return t.style&&e.props.style&&(t.style=a(a({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),n.default.cloneElement(e,t)};var n=(t=r(1))&&t.__esModule?t:{default:t};function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function a(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}},728:function(e,t,r){t.__esModule=!0,t.default=void 0;var f=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=a(r(0)),h=a(r(617)),r=r(618),g=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function a(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function y(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}function s(e,t){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}l=f.Component,u=l,(c=p).prototype=Object.create(u.prototype),s(c.prototype.constructor=c,u),p.getDerivedStateFromProps=function(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null},p.prototype.render=function(){var e=this.props,t=e.handle,r=e.handleSize,n=(e.onResize,e.onResizeStart),a=e.onResizeStop,o=e.draggableOpts,i=e.minConstraints,s=e.maxConstraints,l=e.lockAspectRatio,u=e.axis,c=(e.width,e.height,e.resizeHandles),p=e.style,d=e.transformScale,e=function(e,t){if(null==e)return{};for(var r,n={},a=Object.keys(e),o=0;o<a.length;o++)r=a[o],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,g);return f.createElement(h.default,{axis:u,draggableOpts:o,handle:t,handleSize:r,height:this.state.height,lockAspectRatio:l,maxConstraints:s,minConstraints:i,onResizeStart:n,onResize:this.onResize,onResizeStop:a,resizeHandles:c,transformScale:d,width:this.state.width},f.createElement("div",m({},e,{style:y(y({},p),{},{width:this.state.width+"px",height:this.state.height+"px"})})))};var l,u,c=p;function p(){for(var n,e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return(n=l.call.apply(l,[this].concat(t))||this).state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(e,t){var r=t.size;n.props.onResize?(null!=e.persist&&e.persist(),n.setState(r,function(){return n.props.onResize&&n.props.onResize(e,t)})):n.setState(r)},n}(t.default=c).propTypes=y(y({},r.resizableProps),{},{children:n.default.element})},729:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var c=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=o(r(0)),a=r(585),l=r(562),u=r(620),p=o(r(614));function o(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}let f=e=>Object.prototype.toString.call(e);function h(e,t){return null==e?null:Array.isArray(e)?e:e[t]}class g extends c.Component{constructor(){super(...arguments),s(this,"state",this.generateInitialState()),s(this,"onLayoutChange",e=>{this.props.onLayoutChange(e,{...this.props.layouts,[this.state.breakpoint]:e})})}generateInitialState(){var{width:e,breakpoints:t,layouts:r,cols:n}=this.props,e=(0,u.getBreakpointFromWidth)(t,e),n=(0,u.getColsFromBreakpoint)(e,n),a=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,u.findOrGenerateResponsiveLayout)(r,t,e,e,n,a),breakpoint:e,cols:n}}static getDerivedStateFromProps(e,t){var r;return(0,a.deepEqual)(e.layouts,t.layouts)?null:({breakpoint:t,cols:r}=t,{layout:(0,u.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,t,t,r,e.compactType),layouts:e.layouts})}componentDidUpdate(e){this.props.width==e.width&&this.props.breakpoint===e.breakpoint&&(0,a.deepEqual)(this.props.breakpoints,e.breakpoints)&&(0,a.deepEqual)(this.props.cols,e.cols)||this.onWidthChange(e)}onWidthChange(e){var{breakpoints:t,cols:r,layouts:n,compactType:a}=this.props,o=this.props.breakpoint||(0,u.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),i=this.state.breakpoint,s=(0,u.getColsFromBreakpoint)(o,r),n={...n},r=(i===o&&e.breakpoints===t&&e.cols===r||(i in n||(n[i]=(0,l.cloneLayout)(this.state.layout)),e=(0,u.findOrGenerateResponsiveLayout)(n,t,o,i,s,a),e=(0,l.synchronizeLayoutWithChildren)(e,this.props.children,s,a,this.props.allowOverlap),this.props.onLayoutChange(n[o]=e,n),this.props.onBreakpointChange(o,s),this.setState({breakpoint:o,layout:e,cols:s})),h(this.props.margin,o)),t=h(this.props.containerPadding,o);this.props.onWidthChange(this.props.width,r,s,t)}render(){let{breakpoint:e,breakpoints:t,cols:r,layouts:n,margin:a,containerPadding:o,onBreakpointChange:i,onLayoutChange:s,onWidthChange:l,...u}=this.props;return c.createElement(p.default,d({},u,{margin:h(a,this.state.breakpoint),containerPadding:h(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}s(t.default=g,"propTypes",{breakpoint:n.default.string,breakpoints:n.default.object,allowOverlap:n.default.bool,cols:n.default.object,margin:n.default.oneOfType([n.default.array,n.default.object]),containerPadding:n.default.oneOfType([n.default.array,n.default.object]),layouts(t,e){if("[object Object]"!==f(t[e]))throw new Error("Layout property must be an object. Received: "+f(t[e]));Object.keys(t[e]).forEach(e=>{if(!(e in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,l.validateLayout)(t.layouts[e],"layouts."+e)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),s(g,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:l.noop,onLayoutChange:l.noop,onWidthChange:l.noop})},730:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(r){var e=class extends n.Component{constructor(){super(...arguments),c(this,"state",{width:1280}),c(this,"elementRef",n.createRef()),c(this,"mounted",!1),c(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new o.default(e=>{this.elementRef.current instanceof HTMLElement&&(e=e[0].contentRect.width,this.setState({width:e}))});var e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;var e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){let{measureBeforeMount:e,...t}=this.props;return e&&!this.mounted?n.createElement("div",{className:(0,i.default)(this.props.className,"react-grid-layout"),style:this.props.style,ref:this.elementRef}):n.createElement(r,u({innerRef:this.elementRef},t,this.state))}};return c(e,"defaultProps",{measureBeforeMount:!1}),c(e,"propTypes",{measureBeforeMount:a.default.bool}),e};var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=l(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),a=s(r(0)),o=s(r(115)),i=s(r(586));function s(e){return e&&e.__esModule?e:{default:e}}function l(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(l=function(e){return e?r:t})(e))}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function c(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}}}]);
+(window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[16],{502:function(e,t,r){r.r(t);function n(e){var t=e.id,r=e.children,n=e.style,a=e.className,o=e.key,e=(e.setProps,e.loading_state);return i.a.createElement("div",{id:t,key:o,style:n,className:a,"data-dash-is-loading":e&&e.is_loading||void 0},r)}var a=r(1),i=r.n(a),a=r(199);(t.default=n).defaultProps=a.b,n.propTypes=a.c},540:function(e,t,r){r.r(t);var n=r(1),M=r.n(n),n=r(720),a=r(198),_=r(924),W=r(25),o=r(621),T=Object(o.a)(function(e){return null==e}),L=r(92);function q(){return(q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)!{}.hasOwnProperty.call(n,r)||(e[r]=n[r])}return e}).apply(null,arguments)}function i(e){var t=e.id,r=e.children,n=e.placeholder,a=e.key,o=e.style,i=e.className,s=e.height,l=e.autoSize,u=e.compactType,c=e.margin,p=e.containerPadding,d=e.rowHeight,f=e.isDraggable,h=e.isResizable,g=e.isBounded,m=e.allowOverlap,y=e.breakpoints,b=e.cols,v=e.layouts,w=e.placeholderBackground,z=e.placeholderOpacity,O=e.placeholderBorder,x=e.placeholderBorderRadius,R=e.debug,S=e.setProps,e=e.loading_state,P=(r=(P=r)&&!Array.isArray(P)?[P]:P)&&r.map(function(e){var t,r=(T(null==(r=(t=e).props)?void 0:r.disabled)&&t.props._dashprivate_layout&&t.props._dashprivate_layout.props?t.props._dashprivate_layout:t).props;return M.a.createElement("div",q({className:"feffery-grid-item-container"},Object(_.a)(["setProps","persistence","persistence_type","persisted_props","id","className","style"],r)),M.a.createElement("button",{className:"feffery-grid-item-dragger"},M.a.createElement("svg",{viewBox:"0 0 20 20",style:{width:16,fill:"#919eab"}},M.a.createElement("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"}))),e)}),D={};if(Object(W.isNumber)(b))for(var j=0,E=Object.keys(y);j<E.length;j++)D[E[j]]=b;var C={};if(Array.isArray(v))for(var H=0,k=Object.keys(y);H<k.length;H++)C[k[H]]=v;return M.a.createElement(M.a.Fragment,null,M.a.createElement(L.a,{rawStyle:"\n.react-grid-layout {\n  position: relative;\n  transition: height 200ms ease;\n}\n.react-grid-item {\n  transition: all 200ms ease;\n  transition-property: left, top;\n  /* cursor: grab; */\n}\n.react-grid-item img {\n  pointer-events: none;\n  user-select: none;  \n}\n.react-grid-item.cssTransforms {\n  transition-property: transform;\n}\n.react-grid-item.resizing {\n  z-index: 1;\n  will-change: width, height;\n}\n\n.react-grid-item.react-draggable-dragging {\n  transition: box-shadow 0.3s ease;\n  z-index: 3;\n  will-change: transform;\n  /* cursor: grabbing; */\n  box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);\n}\n\n.react-grid-item.dropping {\n  visibility: hidden;\n}\n\n.react-grid-item.react-grid-placeholder {\n  background: ".concat(w,";\n  opacity: ").concat(z,";\n  border: ").concat(O,";\n  border-radius: ").concat(x,';\n  transition-duration: 100ms;\n  z-index: 2;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n}\n\n.react-grid-item > .react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n}\n\n.react-grid-item > .react-resizable-handle::after {\n  content: "";\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 5px;\n  height: 5px;\n  border-right: 2px solid rgba(0, 0, 0, 0.4);\n  border-bottom: 2px solid rgba(0, 0, 0, 0.4);\n}\n\n.react-resizable-hide > .react-resizable-handle {\n  display: none;\n}\n\n.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}\n')}),P?M.a.createElement(I,{id:t,key:a,style:o,className:i,height:s,autoSize:l,compactType:u,margin:c,containerPadding:p,rowHeight:d,isDraggable:f,isResizable:h,isBounded:g,allowOverlap:m,breakpoints:y,cols:Object(W.isEmpty)(D)?b:D,layouts:Object(W.isEmpty)(C)?v:C,draggableHandle:".feffery-grid-item-dragger",onLayoutChange:function(e){e&&(R&&console.log("layouts: ",e),S({layouts:Object(W.cloneDeep)(e)}))},setProps:S,useCSSTransforms:!0,"data-dash-is-loading":e&&e.is_loading||void 0},P):n)}var I=Object(n.WidthProvider)(n.Responsive);(t.default=i).defaultProps=a.b,i.propTypes=a.c},562:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.bottom=l,t.childrenEqual=function(e,t){return(0,n.deepEqual)(i.default.Children.map(e,e=>null==e?void 0:e.key),i.default.Children.map(t,e=>null==e?void 0:e.key))&&(0,n.deepEqual)(i.default.Children.map(e,e=>null==e?void 0:e.props["data-grid"]),i.default.Children.map(t,e=>null==e?void 0:e.props["data-grid"]))},t.cloneLayout=f,t.cloneLayoutItem=u,t.collides=s,t.compact=c,t.compactItem=h,t.compactType=function(e){var{verticalCompact:e,compactType:t}=e||{};return!1===e?null:t},t.correctBounds=g,t.fastPositionEqual=function(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height},t.fastRGLPropsEqual=void 0,t.getAllCollisions=b,t.getFirstCollision=y,t.getLayoutItem=m,t.getStatics=v,t.modifyLayout=a,t.moveElement=w,t.moveElementAwayFromCollision=z,t.noop=void 0,t.perc=function(e){return 100*e+"%"},t.resizeItemInDirection=function(e,t,r,n){e=C[e];return e?e(t,{...t,...r},n):r},t.setTopLeft=function(e){var{top:e,left:t,width:r,height:n}=e;return{top:"".concat(e,"px"),left:"".concat(t,"px"),width:"".concat(r,"px"),height:"".concat(n,"px"),position:"absolute"}},t.setTransform=function(e){var{top:e,left:t,width:r,height:n}=e,t="translate(".concat(t,"px,").concat(e,"px)");return{transform:t,WebkitTransform:t,MozTransform:t,msTransform:t,OTransform:t,width:"".concat(r,"px"),height:"".concat(n,"px"),position:"absolute"}},t.sortLayoutItems=H,t.sortLayoutItemsByColRow=M,t.sortLayoutItemsByRowCol=k,t.synchronizeLayoutWithChildren=function(n,e,t,r,a){n=n||[];let o=[];i.default.Children.forEach(e,e=>{var t,r;null!=(null==e?void 0:e.key)&&(t=m(n,String(e.key)),r=e.props["data-grid"],t&&null==r?o.push(u(t)):r?o.push(u({...r,i:e.key})):o.push(u({w:1,h:1,x:0,y:l(o),i:String(e.key)})))});e=g(o,{cols:t});return a?e:c(e,r,t)},t.validateLayout=function(r){let n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"Layout",a=["x","y","w","h"];if(!Array.isArray(r))throw new Error(n+" must be an array!");for(let t=0,e=r.length;t<e;t++){var o=r[t];for(let e=0;e<a.length;e++)if("number"!=typeof o[a[e]])throw new Error("ReactGridLayout: "+n+"["+t+"]."+a[e]+" must be a number!")}},t.withLayoutItem=function(e,t,r){t=m(e,t);return t?[e=a(e,t=r(u(t))),t]:[e,null]};var n=r(585),i=(o=r(1))&&o.__esModule?o:{default:o};function l(r){let n,a=0;for(let e=0,t=r.length;e<t;e++)(n=r[e].y+r[e].h)>a&&(a=n);return a}function f(r){var n=Array(r.length);for(let e=0,t=r.length;e<t;e++)n[e]=u(r[e]);return n}function a(r,n){var a=Array(r.length);for(let e=0,t=r.length;e<t;e++)n.i===r[e].i?a[e]=n:a[e]=r[e];return a}function u(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:Boolean(e.moved),static:Boolean(e.static),isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}var o=r(721);function s(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function c(r,n,a,o){var i=v(r),s=H(r,n),l=Array(r.length);for(let t=0,e=s.length;t<e;t++){let e=u(s[t]);e.static||(e=h(i,e,n,a,s,o),i.push(e)),(l[r.indexOf(s[t])]=e).moved=!1}return l}t.fastRGLPropsEqual=o;let p={x:"w",y:"h"};function d(t,r,n,a){var o=p[a];r[a]+=1;for(let e=t.map(e=>e.i).indexOf(r.i)+1;e<t.length;e++){var i=t[e];if(!i.static){if(i.y>r.y+r.h)break;s(r,i)&&d(t,i,n+r[o],a)}}r[a]=n}function h(e,t,r,n,a,o){var i,s="horizontal"===r;if("vertical"===r)for(t.y=Math.min(l(e),t.y);0<t.y&&!y(e,t);)t.y--;else if(s)for(;0<t.x&&!y(e,t);)t.x--;for(;(i=y(e,t))&&(null!==r||!o);)if(s?d(a,t,i.x+i.w,"x"):d(a,t,i.y+i.h,"y"),s&&t.x+t.w>n)for(t.x=n-t.w,t.y++;0<t.x&&!y(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function g(r,n){var a=v(r);for(let e=0,t=r.length;e<t;e++){var o=r[e];if(o.x+o.w>n.cols&&(o.x=n.cols-o.w),o.x<0&&(o.x=0,o.w=n.cols),o.static)for(;y(a,o);)o.y++;else a.push(o)}return r}function m(r,n){for(let e=0,t=r.length;e<t;e++)if(r[e].i===n)return r[e]}function y(r,n){for(let e=0,t=r.length;e<t;e++)if(s(r[e],n))return r[e]}function b(e,t){return e.filter(e=>s(e,t))}function v(e){return e.filter(e=>e.static)}function w(r,n,t,a,o,i,s,l,u){if(!(n.static&&!0!==n.isDraggable||n.y===a&&n.x===t)){"Moving element ".concat(n.i," to [").concat(String(t),",").concat(String(a),"] from [").concat(n.x,",").concat(n.y,"]");var c=n.x,p=n.y;"number"==typeof t&&(n.x=t),"number"==typeof a&&(n.y=a),n.moved=!0;let e=H(r,s);var d=b(e=("vertical"===s&&"number"==typeof a?a<=p:"horizontal"===s&&"number"==typeof t&&t<=c)?e.reverse():e,n),a=0<d.length;if(a&&u)return f(r);if(a&&i)"Collision prevented on ".concat(n.i,", reverting."),n.x=c,n.y=p,n.moved=!1;else for(let t=0,e=d.length;t<e;t++){let e=d[t];"Resolving collision between ".concat(n.i," at [").concat(n.x,",").concat(n.y,"] and ").concat(e.i," at [").concat(e.x,",").concat(e.y,"]"),e.moved||(r=e.static?z(r,e,n,o,s,l):z(r,n,e,o,s,l))}}return r}function z(a,o,i,s,l,u){var c="horizontal"===l,p="vertical"===l,d=o.static;if(s){s=!1;let e={x:c?Math.max(o.x-i.w,0):i.x,y:p?Math.max(o.y-i.h,0):i.y,w:i.w,h:i.h,i:"-1"},t=y(a,e),r=t&&t.y+t.h>o.y,n=t&&o.x+o.w>t.x;if(!t)return"Doing reverse collision on ".concat(i.i," up to [").concat(e.x,",").concat(e.y,"]."),w(a,i,c?e.x:void 0,p?e.y:void 0,s,d,l,u);if(r&&p)return w(a,i,void 0,o.y+1,s,d,l,u);if(r&&null==l)return o.y=i.y,i.y=i.y+i.h,a;if(n&&c)return w(a,o,i.x,void 0,s,d,l,u)}let e=c?i.x+1:void 0,t=p?i.y+1:void 0;return null==e&&null==t?a:w(a,i,c?i.x+1:void 0,p?i.y+1:void 0,s,d,l,u)}let O=(e,t,r,n)=>n<e+r?t:r,x=(e,t,r)=>e<0?t:r,R=e=>Math.max(0,e),S=e=>Math.max(0,e),P=(e,t,r)=>{var{left:t,height:n,width:a}=t,o=e.top-(n-e.height);return{left:t,width:a,height:x(o,e.height,n),top:S(o)}},D=(e,t,r)=>{var{top:t,left:n,height:a,width:o}=t;return{top:t,height:a,width:O(e.left,e.width,o,r),left:R(n)}},j=(e,t,r)=>{var{top:t,height:n,width:a}=t,o=e.left-(a-e.width);return{height:n,width:o<0?e.width:O(e.left,e.width,a,r),top:S(t),left:R(o)}},E=(e,t,r)=>{var{top:t,left:n,height:a,width:o}=t;return{width:o,left:n,height:x(t,e.height,a),top:S(t)}},C={n:P,ne:function(){return P(arguments.length<=0?void 0:arguments[0],D(...arguments))},e:D,se:function(){return E(arguments.length<=0?void 0:arguments[0],D(...arguments))},s:E,sw:function(){return E(arguments.length<=0?void 0:arguments[0],j(...arguments))},w:j,nw:function(){return P(arguments.length<=0?void 0:arguments[0],j(...arguments))}};function H(e,t){return"horizontal"===t?M(e):"vertical"===t?k(e):e}function k(e){return e.slice(0).sort(function(e,t){return e.y>t.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1})}function M(e){return e.slice(0).sort(function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1})}t.noop=()=>{}},585:function(e,t,r){function n(s){return function(e,t,r,n,a,o,i){return s(e,t,i)}}function a(i){return function(e,t,r,n){if(!e||!t||"object"!=typeof e||"object"!=typeof t)return i(e,t,r,n);var a=n.get(e),o=n.get(t);if(a&&o)return a===t&&o===e;n.set(e,t),n.set(t,e);a=i(e,t,r,n);return n.delete(e),n.delete(t),a}}function o(e,t){var r,n={};for(r in e)n[r]=e[r];for(r in t)n[r]=t[r];return n}function d(e){return e.constructor===Object||null==e.constructor}function f(e){return"function"==typeof e.then}function h(e,t){return e===t||e!=e&&t!=t}function i(e){var o=e.areArraysEqual,i=e.areDatesEqual,s=e.areMapsEqual,l=e.areObjectsEqual,u=e.areRegExpsEqual,c=e.areSetsEqual,p=(0,e.createIsNestedEqual)(t);function t(e,t,r){var n,a;return e===t||(e&&t&&"object"==typeof e&&"object"==typeof t?d(e)&&d(t)?l(e,t,p,r):(a=Array.isArray(e),n=Array.isArray(t),a||n?a===n&&o(e,t,p,r):(a=m.call(e))===m.call(t)&&("[object Date]"===a?i(e,t,p,r):"[object RegExp]"===a?u(e,t,p,r):"[object Map]"===a?s(e,t,p,r):"[object Set]"===a?c(e,t,p,r):"[object Object]"===a||"[object Arguments]"===a?!f(e)&&!f(t)&&l(e,t,p,r):("[object Boolean]"===a||"[object Number]"===a||"[object String]"===a)&&h(e.valueOf(),t.valueOf()))):e!=e&&t!=t)}return t}function s(e,t,r,n){var a=e.length;if(t.length!==a)return!1;for(;0<a--;)if(!r(e[a],t[a],a,a,e,t,n))return!1;return!0}function l(e,t){return h(e.valueOf(),t.valueOf())}function u(i,s,l,u){var c,p,e=i.size===s.size;return!!e&&(!i.size||(c={},p=0,i.forEach(function(r,n){var a,o;e&&(a=!1,o=0,s.forEach(function(e,t){a||c[o]||!(a=l(n,t,p,o,i,s,u)&&l(r,e,n,t,i,s,u))||(c[o]=!0),o++}),p++,e=a)}),e))}function c(e,t,r,n){var a,o=Object.keys(e),i=o.length;if(Object.keys(t).length!==i)return!1;for(;0<i--;){if("_owner"===(a=o[i])){var s=!!e.$$typeof,l=!!t.$$typeof;if((s||l)&&s!=l)return!1}if(!v.call(t,a)||!r(e[a],t[a],a,a,e,t,n))return!1}return!0}function p(e,t){return e.source===t.source&&e.flags===t.flags}function g(i,s,l,u){var c,e=i.size===s.size;return!!e&&(!i.size||(c={},i.forEach(function(r,n){var a,o;e&&(a=!1,o=0,s.forEach(function(e,t){a||c[o]||!(a=l(r,e,n,t,i,s,u))||(c[o]=!0),o++}),e=a)}),e))}var m,y,b,v,w,z,O,x,R,S,P,D;t=t,m=Object.prototype.toString,y=a(s),b=a(u),v=Object.prototype.hasOwnProperty,w=a(c),z=a(g),O=Object.freeze({areArraysEqual:s,areDatesEqual:l,areMapsEqual:u,areObjectsEqual:c,areRegExpsEqual:p,areSetsEqual:g,createIsNestedEqual:n}),x=Object.freeze({areArraysEqual:y,areDatesEqual:l,areMapsEqual:b,areObjectsEqual:w,areRegExpsEqual:p,areSetsEqual:z,createIsNestedEqual:n}),R=i(O),S=i(o(O,{createIsNestedEqual:function(){return h}})),P=i(x),D=i(o(x,{createIsNestedEqual:function(){return h}})),t.circularDeepEqual=function(e,t){return P(e,t,new WeakMap)},t.circularShallowEqual=function(e,t){return D(e,t,new WeakMap)},t.createCustomCircularEqual=function(e){var n=i(o(x,e(x)));return function(e,t,r){return void 0===r&&(r=new WeakMap),n(e,t,r)}},t.createCustomEqual=function(e){return i(o(O,e(O)))},t.deepEqual=function(e,t){return R(e,t,void 0)},t.sameValueZeroEqual=h,t.shallowEqual=function(e,t){return S(e,t,void 0)},Object.defineProperty(t,"__esModule",{value:!0})},586:function(e,t,r){function n(){for(var e,t=0,r="",n=arguments.length;t<n;t++)(e=arguments[t])&&(e=function e(t){var r,n="";if("string"==typeof t||"number"==typeof t)n+=t;else if("object"==typeof t)if(Array.isArray(t))for(var a=t.length,o=0;o<a;o++)t[o]&&(r=e(t[o]))&&(n&&(n+=" "),n+=r);else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}(e))&&(r&&(r+=" "),r+=e);return r}r.r(t),r.d(t,"clsx",function(){return n}),t.default=n},587:function(e,t,r){function h(e){var{margin:e,containerPadding:t,containerWidth:r,cols:n}=e;return(r-e[0]*(n-1)-2*t[0])/n}function c(e,t,r){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*r):e}function g(e,t,r){return Math.max(Math.min(e,r),t)}Object.defineProperty(t,"__esModule",{value:!0}),t.calcGridColWidth=h,t.calcGridItemPosition=function(e,t,r,n,a,o){var{margin:i,containerPadding:s,rowHeight:l}=e,e=h(e),u={};return o&&o.resizing?(u.width=Math.round(o.resizing.width),u.height=Math.round(o.resizing.height)):(u.width=c(n,e,i[0]),u.height=c(a,l,i[1])),o&&o.dragging?(u.top=Math.round(o.dragging.top),u.left=Math.round(o.dragging.left)):o&&o.resizing&&"number"==typeof o.resizing.top&&"number"==typeof o.resizing.left?(u.top=Math.round(o.resizing.top),u.left=Math.round(o.resizing.left)):(u.top=Math.round((l+i[1])*r+s[1]),u.left=Math.round((e+i[0])*t+s[0])),u},t.calcGridItemWHPx=c,t.calcWH=function(e,t,r,n,a,o){var{margin:i,maxRows:s,cols:l,rowHeight:u}=e,e=h(e);let c=Math.round((t+i[0])/(e+i[0])),p=Math.round((r+i[1])/(u+i[1])),d=g(c,0,l-n),f=g(p,0,s-a);return-1!==["sw","w","nw"].indexOf(o)&&(d=g(c,0,l)),-1!==["nw","n","ne"].indexOf(o)&&(f=g(p,0,s)),{w:d,h:f}},t.calcXY=function(e,t,r,n,a){var{margin:o,cols:i,rowHeight:s,maxRows:l}=e,e=h(e),r=Math.round((r-o[0])/(e+o[0])),e=Math.round((t-o[1])/(s+o[1]));return{x:g(r,0,i-n),y:g(e,0,l-a)}},t.clamp=g},614:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var w=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=r(585),a=o(r(586)),z=r(562),f=r(587),O=o(r(722)),r=o(r(619));function o(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}let h=!1;try{h=/firefox/i.test(navigator.userAgent)}catch(e){}class l extends w.Component{constructor(){super(...arguments),s(this,"state",{activeDrag:null,layout:(0,z.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,z.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),s(this,"dragEnterCounter",0),s(this,"onDragStart",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["layout"],i=(0,z.getLayoutItem)(o,e);if(i)return e={w:i.w,h:i.h,x:i.x,y:i.y,placeholder:!0,i:e},this.setState({oldDragItem:(0,z.cloneLayoutItem)(i),oldLayout:o,activeDrag:e}),this.props.onDragStart(o,i,i,null,n,a)}),s(this,"onDrag",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["oldDragItem"],i=this.state["layout"],{cols:s,allowOverlap:l,preventCollision:u}=this.props,c=(0,z.getLayoutItem)(i,e);c&&(e={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:e},i=(0,z.moveElement)(i,c,t,r,!0,u,(0,z.compactType)(this.props),s,l),this.props.onDrag(i,o,c,e,n,a),this.setState({layout:l?i:(0,z.compact)(i,(0,z.compactType)(this.props),s),activeDrag:e}))}),s(this,"onDragStop",(e,t,r,n)=>{var a,o,i,s,l,{e:n,node:u}=n;this.state.activeDrag&&(a=this.state["oldDragItem"],l=this.state["layout"],{cols:o,preventCollision:i,allowOverlap:s}=this.props,e=(0,z.getLayoutItem)(l,e))&&(l=(0,z.moveElement)(l,e,t,r,!0,i,(0,z.compactType)(this.props),o,s),t=s?l:(0,z.compact)(l,(0,z.compactType)(this.props),o),r=(this.props.onDragStop(t,a,e,null,n,u),this.state)["oldLayout"],this.setState({activeDrag:null,layout:t,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(t,r))}),s(this,"onResizeStart",(e,t,r,n)=>{var{e:n,node:a}=n,o=this.state["layout"],e=(0,z.getLayoutItem)(o,e);e&&(this.setState({oldResizeItem:(0,z.cloneLayoutItem)(e),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(o,e,e,null,n,a))}),s(this,"onResize",(e,r,n,t)=>{let{e:a,node:o,handle:i}=t;t=this.state.oldResizeItem;let s=this.state["layout"],{cols:l,preventCollision:u,allowOverlap:c}=this.props,p,d,f,h=!1;var[g,m]=(0,z.withLayoutItem)(s,e,t=>{return d=t.x,f=t.y,-1!==["sw","w","nw","n","ne"].indexOf(i)&&(-1!==["sw","nw","w"].indexOf(i)&&(d=t.x+(t.w-r),r=t.x!==d&&d<0?t.w:r,d=d<0?0:d),-1!==["ne","n","nw"].indexOf(i)&&(f=t.y+(t.h-n),n=t.y!==f&&f<0?t.h:n,f=f<0?0:f),h=!0),u&&!c&&0<(0,z.getAllCollisions)(s,{...t,w:r,h:n,x:d,y:f}).filter(e=>e.i!==t.i).length&&(f=t.y,n=t.h,d=t.x,r=t.w,h=!1),t.w=r,t.h=n,t});if(m){if(p=g,h)p=(0,z.moveElement)(g,m,d,f,!0,this.props.preventCollision,(0,z.compactType)(this.props),l,c);g={w:m.w,h:m.h,x:m.x,y:m.y,static:!0,i:e};this.props.onResize(p,t,m,g,a,o),this.setState({layout:c?p:(0,z.compact)(p,(0,z.compactType)(this.props),l),activeDrag:g})}}),s(this,"onResizeStop",(e,t,r,n)=>{var{e:n,node:a}=n,{layout:o,oldResizeItem:i}=this.state,{cols:s,allowOverlap:l}=this.props,e=(0,z.getLayoutItem)(o,e),l=l?o:(0,z.compact)(o,(0,z.compactType)(this.props),s),o=(this.props.onResizeStop(l,i,e,null,n,a),this.state)["oldLayout"];this.setState({activeDrag:null,layout:l,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(l,o)}),s(this,"onDragOver",e=>{if(e.preventDefault(),e.stopPropagation(),h&&(null==(t=e.nativeEvent.target)||!t.classList.contains("react-grid-layout")))return!1;var{droppingItem:t,onDropDragOver:r,margin:n,cols:a,rowHeight:o,maxRows:i,width:s,containerPadding:l,transformScale:u}=this.props,r=null==r?void 0:r(e);if(!1===r)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;var r={...t,...r},c=this.state["layout"],{layerX:p,layerY:d}=e.nativeEvent,u={left:p/u,top:d/u,e:e};if(this.state.droppingDOMNode){if(this.state.droppingPosition){let{left:e,top:t}=this.state.droppingPosition;e==p&&t==d||this.setState({droppingPosition:u})}}else{let e={cols:a,margin:n,maxRows:i,rowHeight:o,containerWidth:s,containerPadding:l||n},t=(0,f.calcXY)(e,d,p,r.w,r.h);this.setState({droppingDOMNode:w.createElement("div",{key:r.i}),droppingPosition:u,layout:[...c,{...r,x:t.x,y:t.y,static:!1,isDraggable:!0}]})}}),s(this,"removeDroppingPlaceholder",()=>{let{droppingItem:t,cols:e}=this.props,r=this.state["layout"],n=(0,z.compact)(r.filter(e=>e.i!==t.i),(0,z.compactType)(this.props),e,this.props.allowOverlap);this.setState({layout:n,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),s(this,"onDragLeave",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,0===this.dragEnterCounter&&this.removeDroppingPlaceholder()}),s(this,"onDragEnter",e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),s(this,"onDrop",e=>{e.preventDefault(),e.stopPropagation();let t=this.props["droppingItem"],r=this.state["layout"],n=r.find(e=>e.i===t.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(r,n,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,t){let r;return!t.activeDrag&&((0,n.deepEqual)(e.layout,t.propsLayout)&&e.compactType===t.compactType?(0,z.childrenEqual)(e.children,t.children)||(r=t.layout):r=e.layout,r)?{layout:(0,z.synchronizeLayoutWithChildren)(r,e.children,e.cols,(0,z.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,z.fastRGLPropsEqual)(this.props,e,n.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,r){if(!this.state.activeDrag){let e=this.state.layout,t=r.layout;this.onLayoutMaybeChanged(e,t)}}containerHeight(){var e,t;if(this.props.autoSize)return e=(0,z.bottom)(this.state.layout),t=(this.props.containerPadding||this.props.margin)[1],e*this.props.rowHeight+(e-1)*this.props.margin[1]+2*t+"px"}onLayoutMaybeChanged(e,t){t=t||this.state.layout,(0,n.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){var e,t,r,n,a,o,i,s,l=this.state["activeDrag"];return l?({width:e,cols:t,margin:r,containerPadding:n,rowHeight:a,maxRows:o,useCSSTransforms:i,transformScale:s}=this.props,w.createElement(O.default,{w:l.w,h:l.h,x:l.x,y:l.y,i:l.i,className:"react-grid-placeholder ".concat(this.state.resizing?"placeholder-resizing":""),containerWidth:e,cols:t,margin:r,containerPadding:n||r,maxRows:o,rowHeight:a,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:i,transformScale:s},w.createElement("div",null))):null}processGridItem(e,t){var r,n,a,o,i,s,l,u,c,p,d,f,h,g,m,y,b,v;if(e&&e.key)return(r=(0,z.getLayoutItem)(this.state.layout,String(e.key)))?({width:n,cols:a,margin:o,containerPadding:i,rowHeight:s,maxRows:l,isDraggable:m,isResizable:y,isBounded:v,useCSSTransforms:u,transformScale:c,draggableCancel:p,draggableHandle:d,resizeHandles:b,resizeHandle:f}=this.props,{mounted:h,droppingPosition:g}=this.state,m="boolean"==typeof r.isDraggable?r.isDraggable:!r.static&&m,y="boolean"==typeof r.isResizable?r.isResizable:!r.static&&y,b=r.resizeHandles||b,v=m&&v&&!1!==r.isBounded,w.createElement(O.default,{containerWidth:n,cols:a,margin:o,containerPadding:i||o,maxRows:l,rowHeight:s,cancel:p,handle:d,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:m,isResizable:y,isBounded:v,useCSSTransforms:u&&h,usePercentages:!h,transformScale:c,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:t?g:void 0,resizeHandles:b,resizeHandle:f},e)):null}render(){var{className:e,style:t,isDroppable:r,innerRef:n}=this.props,e=(0,a.default)("react-grid-layout",e),t={height:this.containerHeight(),...t};return w.createElement("div",{ref:n,className:e,style:t,onDrop:r?this.onDrop:z.noop,onDragLeave:r?this.onDragLeave:z.noop,onDragEnter:r?this.onDragEnter:z.noop,onDragOver:r?this.onDragOver:z.noop},w.Children.map(this.props.children,e=>this.processGridItem(e)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}s(t.default=l,"displayName","ReactGridLayout"),s(l,"propTypes",r.default),s(l,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:z.noop,onDragStart:z.noop,onDrag:z.noop,onDragStop:z.noop,onResizeStart:z.noop,onResize:z.noop,onResizeStop:z.noop,onDrop:z.noop,onDropDragOver:z.noop})},617:function(e,t,r){t.__esModule=!0,t.default=void 0;var i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=c(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),s=r(567),l=r(727),r=r(618),u=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function c(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(c=function(e){return e?r:t})(e))}function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function d(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}function n(e,t){return(n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}a=i.Component,h=a,(f=g).prototype=Object.create(h.prototype),n(f.prototype.constructor=f,h),(f=g.prototype).componentWillUnmount=function(){this.resetData()},f.resetData=function(){this.lastHandleRect=this.slack=null},f.runConstraints=function(e,t){var r,n,a,o=this.props,i=o.minConstraints,s=o.maxConstraints,o=o.lockAspectRatio;return(i||s||o)&&(o&&(o=this.props.width/this.props.height,r=e-this.props.width,n=t-this.props.height,Math.abs(r)>Math.abs(n*o)?t=e/o:e=t*o),r=e,n=t,e+=a=(o=this.slack||[0,0])[0],t+=o=o[1],i&&(e=Math.max(i[0],e),t=Math.max(i[1],t)),s&&(e=Math.min(s[0],e),t=Math.min(s[1],t)),this.slack=[a+(r-e),o+(n-t)]),[e,t]},f.resizeHandler=function(u,c){var p=this;return function(e,t){var r,n,a,o=t.node,i=t.deltaX,t=t.deltaY,s=("onResizeStart"===u&&p.resetData(),("both"===p.props.axis||"x"===p.props.axis)&&"n"!==c&&"s"!==c),l=("both"===p.props.axis||"y"===p.props.axis)&&"e"!==c&&"w"!==c;(s||l)&&(r=c[0],a=c[c.length-1],n=o.getBoundingClientRect(),null!=p.lastHandleRect&&("w"===a&&(i+=n.left-p.lastHandleRect.left),"n"===r)&&(t+=n.top-p.lastHandleRect.top),p.lastHandleRect=n,"w"===a&&(i=-i),"n"===r&&(t=-t),n=p.props.width+(s?i/p.props.transformScale:0),a=p.props.height+(l?t/p.props.transformScale:0),n=(r=p.runConstraints(n,a))[0],a=r[1],s=n!==p.props.width||a!==p.props.height,(i="function"==typeof p.props[u]?p.props[u]:null)&&("onResize"!==u||s)&&(null!=e.persist&&e.persist(),i(e,{node:o,size:{width:n,height:a},handle:c})),"onResizeStop"===u)&&p.resetData()}},f.renderResizeHandle=function(e,t){var r,n=this.props.handle;return n?"function"==typeof n?n(e,t):(r=d({ref:t},"string"==typeof n.type?{}:{handleAxis:e}),i.cloneElement(n,r)):i.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+e,ref:t})},f.render=function(){var r=this,e=this.props,t=e.children,n=e.className,a=e.draggableOpts,o=(e.width,e.height,e.handle,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart,e.resizeHandles),e=(e.transformScale,function(e,t){if(null==e)return{};for(var r,n={},a=Object.keys(e),o=0;o<a.length;o++)r=a[o],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,u));return(0,l.cloneElement)(t,d(d({},e),{},{className:(n?n+" ":"")+"react-resizable",children:[].concat(t.props.children,o.map(function(e){var t=null!=(t=r.handleRefs[e])?t:r.handleRefs[e]=i.createRef();return i.createElement(s.DraggableCore,p({},a,{nodeRef:t,key:"resizableHandle-"+e,onStop:r.resizeHandler("onResizeStop",e),onStart:r.resizeHandler("onResizeStart",e),onDrag:r.resizeHandler("onResize",e)}),r.renderResizeHandle(e,t))}))}))};var a,f,h=g;function g(){for(var e,t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return(e=a.call.apply(a,[this].concat(r))||this).handleRefs={},e.lastHandleRect=null,e.slack=null,e}(t.default=h).propTypes=r.resizableProps,h.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1}},618:function(e,t,r){t.__esModule=!0,t.resizableProps=void 0;var a=(n=r(0))&&n.__esModule?n:{default:n},n=(r(567),{axis:a.default.oneOf(["both","x","y","none"]),className:a.default.string,children:a.default.element.isRequired,draggableOpts:a.default.shape({allowAnyClick:a.default.bool,cancel:a.default.string,children:a.default.node,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:a.default.node,grid:a.default.arrayOf(a.default.number),handle:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number}),height:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];return"both"===n.axis||"y"===n.axis?(n=a.default.number).isRequired.apply(n,t):a.default.number.apply(a.default,t)},handle:a.default.oneOfType([a.default.node,a.default.func]),handleSize:a.default.arrayOf(a.default.number),lockAspectRatio:a.default.bool,maxConstraints:a.default.arrayOf(a.default.number),minConstraints:a.default.arrayOf(a.default.number),onResizeStop:a.default.func,onResizeStart:a.default.func,onResize:a.default.func,resizeHandles:a.default.arrayOf(a.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:a.default.number,width:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0];return"both"===n.axis||"x"===n.axis?(n=a.default.number).isRequired.apply(n,t):a.default.number.apply(a.default,t)}});t.resizableProps=n},619:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.resizeHandleType=t.resizeHandleAxesType=t.default=void 0;var n=o(r(0)),a=o(r(1));function o(e){return e&&e.__esModule?e:{default:e}}var i=n.default.arrayOf(n.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),s=(t.resizeHandleAxesType=i,n.default.oneOfType([n.default.node,n.default.func])),i=(t.resizeHandleType=s,{className:n.default.string,style:n.default.object,width:n.default.number,autoSize:n.default.bool,cols:n.default.number,draggableCancel:n.default.string,draggableHandle:n.default.string,verticalCompact:function(e){e.verticalCompact},compactType:n.default.oneOf(["vertical","horizontal"]),layout:function(e){e=e.layout;void 0!==e&&r(562).validateLayout(e,"layout")},margin:n.default.arrayOf(n.default.number),containerPadding:n.default.arrayOf(n.default.number),rowHeight:n.default.number,maxRows:n.default.number,isBounded:n.default.bool,isDraggable:n.default.bool,isResizable:n.default.bool,allowOverlap:n.default.bool,preventCollision:n.default.bool,useCSSTransforms:n.default.bool,transformScale:n.default.number,isDroppable:n.default.bool,resizeHandles:i,resizeHandle:s,onLayoutChange:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onDragStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,onResizeStop:n.default.func,onDrop:n.default.func,droppingItem:n.default.shape({i:n.default.string.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired}),children:function(e,t){let r=e[t],n={};a.default.Children.forEach(r,function(e){if(null!=(null==e?void 0:e.key)){if(n[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');n[e.key]=!0}})},innerRef:n.default.any});t.default=i},620:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.findOrGenerateResponsiveLayout=function(r,e,t,n,a,o){if(r[t])return(0,l.cloneLayout)(r[t]);let i=r[n];var n=u(e),s=n.slice(n.indexOf(t));for(let t=0,e=s.length;t<e;t++){let e=s[t];if(r[e]){i=r[e];break}}return i=(0,l.cloneLayout)(i||[]),(0,l.compact)((0,l.correctBounds)(i,{cols:a}),o,a)},t.getBreakpointFromWidth=function(r,n){var a=u(r);let o=a[0];for(let e=1,t=a.length;e<t;e++){var i=a[e];n>r[i]&&(o=i)}return o},t.getColsFromBreakpoint=function(e,t){if(t[e])return t[e];throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!")},t.sortBreakpoints=u;var l=r(562);function u(r){return Object.keys(r).sort(function(e,t){return r[e]-r[t]})}},720:function(e,t,r){e.exports=r(614).default,e.exports.utils=r(562),e.exports.calculateUtils=r(587),e.exports.Responsive=r(729).default,e.exports.Responsive.utils=r(620),e.exports.WidthProvider=r(730).default},721:function(e,t){e.exports=function(e,t,r){return e===t||e.className===t.className&&r(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&r(e.verticalCompact,t.verticalCompact)&&r(e.compactType,t.compactType)&&r(e.layout,t.layout)&&r(e.margin,t.margin)&&r(e.containerPadding,t.containerPadding)&&e.rowHeight===t.rowHeight&&e.maxRows===t.maxRows&&e.isBounded===t.isBounded&&e.isDraggable===t.isDraggable&&e.isResizable===t.isResizable&&e.allowOverlap===t.allowOverlap&&e.preventCollision===t.preventCollision&&e.useCSSTransforms===t.useCSSTransforms&&e.transformScale===t.transformScale&&e.isDroppable===t.isDroppable&&r(e.resizeHandles,t.resizeHandles)&&r(e.resizeHandle,t.resizeHandle)&&e.onLayoutChange===t.onLayoutChange&&e.onDragStart===t.onDragStart&&e.onDrag===t.onDrag&&e.onDragStop===t.onDragStop&&e.onResizeStart===t.onResizeStart&&e.onResize===t.onResize&&e.onResizeStop===t.onResizeStop&&e.onDrop===t.onDrop&&r(e.droppingItem,t.droppingItem)&&r(e.innerRef,t.innerRef)}},722:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var d=i(r(1)),n=i(r(0)),a=r(567),f=r(726),m=r(562),y=r(587),o=r(619),l=i(r(586));function i(e){return e&&e.__esModule?e:{default:e}}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}class u extends d.default.Component{constructor(){super(...arguments),s(this,"state",{resizing:null,dragging:null,className:""}),s(this,"elementRef",d.default.createRef()),s(this,"onDragStart",(e,t)=>{var t=t["node"],{onDragStart:r,transformScale:n}=this.props;if(r){var a,o,i,s,l={top:0,left:0},u=t["offsetParent"];if(u)return i=u.getBoundingClientRect(),s=(o=t.getBoundingClientRect()).left/n,a=i.left/n,o=o.top/n,i=i.top/n,{x:n,y:s}=(l.left=s-a+u.scrollLeft,l.top=o-i+u.scrollTop,this.setState({dragging:l}),(0,y.calcXY)(this.getPositionParams(),l.top,l.left,this.props.w,this.props.h)),r.call(this,this.props.i,n,s,{e:e,node:t,newPosition:l})}}),s(this,"onDrag",(e,t)=>{let{node:r,deltaX:n,deltaY:a}=t,o=this.props["onDrag"];if(o){if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let i=this.state.dragging.top+a,s=this.state.dragging.left+n;var{isBounded:t,i:l,w:u,h:c,containerWidth:p}=this.props,d=this.getPositionParams();if(t){let o=r["offsetParent"];if(o){let{margin:e,rowHeight:t}=this.props,r=o.clientHeight-(0,y.calcGridItemWHPx)(c,t,e[1]),n=(i=(0,y.clamp)(i,0,r),(0,y.calcGridColWidth)(d)),a=p-(0,y.calcGridItemWHPx)(u,n,e[0]);s=(0,y.clamp)(s,0,a)}}var t={top:i,left:s},{x:p,y:d}=(this.setState({dragging:t}),(0,y.calcXY)(d,i,s,u,c));return o.call(this,l,p,d,{e:e,node:r,newPosition:t})}}),s(this,"onDragStop",(e,t)=>{var r,n,a,o,i,s,t=t["node"],l=this.props["onDragStop"];if(l){if(this.state.dragging)return{w:r,h:n,i:a}=this.props,{left:s,top:i}=this.state.dragging,o={top:i,left:s},{x:i,y:s}=(this.setState({dragging:null}),(0,y.calcXY)(this.getPositionParams(),i,s,r,n)),l.call(this,a,i,s,{e:e,node:t,newPosition:o});throw new Error("onDragEnd called before onDragStart.")}}),s(this,"onResizeStop",(e,t,r)=>this.onResizeHandler(e,t,r,"onResizeStop")),s(this,"onResizeStart",(e,t,r)=>this.onResizeHandler(e,t,r,"onResizeStart")),s(this,"onResize",(e,t,r)=>this.onResizeHandler(e,t,r,"onResize"))}shouldComponentUpdate(e,t){var r;return this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition||(r=(0,y.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),t=(0,y.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t),!(0,m.fastPositionEqual)(r,t))||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(n){var a=this.props["droppingPosition"];if(a){var o=this.elementRef.current;if(o){let e=n.droppingPosition||{left:0,top:0},r=this.state["dragging"],t=r&&a.left!==e.left||a.top!==e.top;if(r){if(t){let e=a.left-r.left,t=a.top-r.top;this.onDrag(a.e,{node:o,deltaX:e,deltaY:t})}}else this.onDragStart(a.e,{node:o,deltaX:a.left,deltaY:a.top})}}}getPositionParams(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){var{usePercentages:t,containerWidth:r,useCSSTransforms:n}=this.props;let a;return n?a=(0,m.setTransform)(e):(a=(0,m.setTopLeft)(e),t&&(a.left=(0,m.perc)(e.left/r),a.width=(0,m.perc)(e.width/r))),a}mixinDraggable(e,t){return d.default.createElement(a.DraggableCore,{disabled:!t,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},e)}curryResizeHandler(r,n){return(e,t)=>n(e,t,r)}mixinResizable(e,t,r){var{cols:n,minW:a,minH:o,maxW:i,maxH:s,transformScale:l,resizeHandles:u,resizeHandle:c}=this.props,p=this.getPositionParams(),n=(0,y.calcGridItemPosition)(p,0,0,n,0).width,a=(0,y.calcGridItemPosition)(p,0,0,a,o),o=(0,y.calcGridItemPosition)(p,0,0,i,s),p=[a.width,a.height],i=[Math.min(o.width,n),Math.min(o.height,1/0)];return d.default.createElement(f.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:t.width,height:t.height,minConstraints:p,maxConstraints:i,onResizeStop:this.curryResizeHandler(t,this.onResizeStop),onResizeStart:this.curryResizeHandler(t,this.onResizeStart),onResize:this.curryResizeHandler(t,this.onResize),transformScale:l,resizeHandles:u,handle:c},e)}onResizeHandler(t,r,n,a){var{node:r,size:o,handle:i}=r,s=this.props[a];if(s){var{x:l,y:u,i:c,maxH:p,minH:d,containerWidth:f}=this.props,{minW:h,maxW:g}=this.props;let e=o;r&&(e=(0,m.resizeItemInDirection)(i,n,o,f),this.setState({resizing:"onResizeStop"===a?null:e}));var{w:n,h:o}=(0,y.calcWH)(this.getPositionParams(),e.width,e.height,l,u,i),n=(0,y.clamp)(n,Math.max(h,1),g),o=(0,y.clamp)(o,d,p);s.call(this,c,n,o,{e:t,node:r,size:e,handle:i})}}render(){var{x:e,y:t,w:r,h:n,isDraggable:a,isResizable:o,droppingPosition:i,useCSSTransforms:s}=this.props,e=(0,y.calcGridItemPosition)(this.getPositionParams(),e,t,r,n,this.state),t=d.default.Children.only(this.props.children),r=d.default.cloneElement(t,{ref:this.elementRef,className:(0,l.default)("react-grid-item",t.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":a,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(i),cssTransforms:s}),style:{...this.props.style,...t.props.style,...this.createStyle(e)}}),r=this.mixinResizable(r,e,o);return this.mixinDraggable(r,a)}}s(t.default=u,"propTypes",{children:n.default.element,cols:n.default.number.isRequired,containerWidth:n.default.number.isRequired,rowHeight:n.default.number.isRequired,margin:n.default.array.isRequired,maxRows:n.default.number.isRequired,containerPadding:n.default.array.isRequired,x:n.default.number.isRequired,y:n.default.number.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired,minW:function(e,t){t=e[t];return"number"!=typeof t?new Error("minWidth not Number"):t>e.w||t>e.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(e,t){t=e[t];return"number"!=typeof t?new Error("maxWidth not Number"):t<e.w||t<e.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(e,t){t=e[t];return"number"!=typeof t?new Error("minHeight not Number"):t>e.h||t>e.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(e,t){t=e[t];return"number"!=typeof t?new Error("maxHeight not Number"):t<e.h||t<e.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},i:n.default.string.isRequired,resizeHandles:o.resizeHandleAxesType,resizeHandle:o.resizeHandleType,onDragStop:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onResizeStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,isDraggable:n.default.bool.isRequired,isResizable:n.default.bool.isRequired,isBounded:n.default.bool.isRequired,static:n.default.bool,useCSSTransforms:n.default.bool.isRequired,transformScale:n.default.number,className:n.default.string,handle:n.default.string,cancel:n.default.string,droppingPosition:n.default.shape({e:n.default.object.isRequired,left:n.default.number.isRequired,top:n.default.number.isRequired})}),s(u,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})},726:function(e,t,r){e.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},e.exports.Resizable=r(617).default,e.exports.ResizableBox=r(728).default},727:function(e,t,r){t.__esModule=!0,t.cloneElement=function(e,t){return t.style&&e.props.style&&(t.style=a(a({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),n.default.cloneElement(e,t)};var n=(t=r(1))&&t.__esModule?t:{default:t};function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function a(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}},728:function(e,t,r){t.__esModule=!0,t.default=void 0;var f=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=a(r(0)),h=a(r(617)),r=r(618),g=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function a(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function y(n){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach(function(e){var t,r;t=n,e=a[r=e],(r=function(){var e=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(r);return"symbol"==typeof e?e:String(e)}())in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(a,e))})}return n}function s(e,t){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}l=f.Component,u=l,(c=p).prototype=Object.create(u.prototype),s(c.prototype.constructor=c,u),p.getDerivedStateFromProps=function(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null},p.prototype.render=function(){var e=this.props,t=e.handle,r=e.handleSize,n=(e.onResize,e.onResizeStart),a=e.onResizeStop,o=e.draggableOpts,i=e.minConstraints,s=e.maxConstraints,l=e.lockAspectRatio,u=e.axis,c=(e.width,e.height,e.resizeHandles),p=e.style,d=e.transformScale,e=function(e,t){if(null==e)return{};for(var r,n={},a=Object.keys(e),o=0;o<a.length;o++)r=a[o],0<=t.indexOf(r)||(n[r]=e[r]);return n}(e,g);return f.createElement(h.default,{axis:u,draggableOpts:o,handle:t,handleSize:r,height:this.state.height,lockAspectRatio:l,maxConstraints:s,minConstraints:i,onResizeStart:n,onResize:this.onResize,onResizeStop:a,resizeHandles:c,transformScale:d,width:this.state.width},f.createElement("div",m({},e,{style:y(y({},p),{},{width:this.state.width+"px",height:this.state.height+"px"})})))};var l,u,c=p;function p(){for(var n,e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return(n=l.call.apply(l,[this].concat(t))||this).state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(e,t){var r=t.size;n.props.onResize?(null!=e.persist&&e.persist(),n.setState(r,function(){return n.props.onResize&&n.props.onResize(e,t)})):n.setState(r)},n}(t.default=c).propTypes=y(y({},r.resizableProps),{},{children:n.default.element})},729:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var c=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),n=o(r(0)),a=r(585),l=r(562),u=r(620),p=o(r(614));function o(e){return e&&e.__esModule?e:{default:e}}function i(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(i=function(e){return e?r:t})(e))}function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function s(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}let f=e=>Object.prototype.toString.call(e);function h(e,t){return null==e?null:Array.isArray(e)?e:e[t]}class g extends c.Component{constructor(){super(...arguments),s(this,"state",this.generateInitialState()),s(this,"onLayoutChange",e=>{this.props.onLayoutChange(e,{...this.props.layouts,[this.state.breakpoint]:e})})}generateInitialState(){var{width:e,breakpoints:t,layouts:r,cols:n}=this.props,e=(0,u.getBreakpointFromWidth)(t,e),n=(0,u.getColsFromBreakpoint)(e,n),a=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,u.findOrGenerateResponsiveLayout)(r,t,e,e,n,a),breakpoint:e,cols:n}}static getDerivedStateFromProps(e,t){var r;return(0,a.deepEqual)(e.layouts,t.layouts)?null:({breakpoint:t,cols:r}=t,{layout:(0,u.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,t,t,r,e.compactType),layouts:e.layouts})}componentDidUpdate(e){this.props.width==e.width&&this.props.breakpoint===e.breakpoint&&(0,a.deepEqual)(this.props.breakpoints,e.breakpoints)&&(0,a.deepEqual)(this.props.cols,e.cols)||this.onWidthChange(e)}onWidthChange(e){var{breakpoints:t,cols:r,layouts:n,compactType:a}=this.props,o=this.props.breakpoint||(0,u.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),i=this.state.breakpoint,s=(0,u.getColsFromBreakpoint)(o,r),n={...n},r=(i===o&&e.breakpoints===t&&e.cols===r||(i in n||(n[i]=(0,l.cloneLayout)(this.state.layout)),e=(0,u.findOrGenerateResponsiveLayout)(n,t,o,i,s,a),e=(0,l.synchronizeLayoutWithChildren)(e,this.props.children,s,a,this.props.allowOverlap),this.props.onLayoutChange(n[o]=e,n),this.props.onBreakpointChange(o,s),this.setState({breakpoint:o,layout:e,cols:s})),h(this.props.margin,o)),t=h(this.props.containerPadding,o);this.props.onWidthChange(this.props.width,r,s,t)}render(){let{breakpoint:e,breakpoints:t,cols:r,layouts:n,margin:a,containerPadding:o,onBreakpointChange:i,onLayoutChange:s,onWidthChange:l,...u}=this.props;return c.createElement(p.default,d({},u,{margin:h(a,this.state.breakpoint),containerPadding:h(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}s(t.default=g,"propTypes",{breakpoint:n.default.string,breakpoints:n.default.object,allowOverlap:n.default.bool,cols:n.default.object,margin:n.default.oneOfType([n.default.array,n.default.object]),containerPadding:n.default.oneOfType([n.default.array,n.default.object]),layouts(t,e){if("[object Object]"!==f(t[e]))throw new Error("Layout property must be an object. Received: "+f(t[e]));Object.keys(t[e]).forEach(e=>{if(!(e in t.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,l.validateLayout)(t.layouts[e],"layouts."+e)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),s(g,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:l.noop,onLayoutChange:l.noop,onWidthChange:l.noop})},730:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(r){var e=class extends n.Component{constructor(){super(...arguments),c(this,"state",{width:1280}),c(this,"elementRef",n.createRef()),c(this,"mounted",!1),c(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new o.default(e=>{this.elementRef.current instanceof HTMLElement&&(e=e[0].contentRect.width,this.setState({width:e}))});var e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;var e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){let{measureBeforeMount:e,...t}=this.props;return e&&!this.mounted?n.createElement("div",{className:(0,i.default)(this.props.className,"react-grid-layout"),style:this.props.style,ref:this.elementRef}):n.createElement(r,u({innerRef:this.elementRef},t,this.state))}};return c(e,"defaultProps",{measureBeforeMount:!1}),c(e,"propTypes",{measureBeforeMount:a.default.bool}),e};var n=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=l(void 0);if(t&&t.has(e))return t.get(e);var r,n,a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}(r(1)),a=s(r(0)),o=s(r(115)),i=s(r(586));function s(e){return e&&e.__esModule?e:{default:e}}function l(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(l=function(e){return e?r:t})(e))}function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function c(e,t,r){var n;n=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0===t)return String(e);t=t.call(e,"string");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}(t),(t="symbol"==typeof n?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}}}]);