sqlrooms 0.1.0__py3-none-any.whl

sqlrooms/web/static/assets/DockLayout-DhgcIQET.js

@@ -0,0 +1 @@
+import{b as e}from"./CommandSlice-DPSuuiIV.js";import{n as t,r as n,t as r}from"./RendererSwitcher-DnVbhqg4.js";import{n as i}from"./RenderNodeContext-BdrX8FaE.js";var a=e(),o={Root:({node:e,path:o,parentDirection:s})=>{let c=t(e),l=i();return(0,a.jsx)(n,{containerType:`dock`,node:e,path:o,parentDirection:s,children:(0,a.jsx)(r,{defaultComponent:(0,a.jsxs)(`div`,{className:`flex h-full w-full flex-col`,"data-dock-id":e.id,children:[c?.title&&(0,a.jsxs)(`div`,{className:`border-border flex items-center gap-2 border-b px-3 py-2`,children:[c.icon&&(0,a.jsx)(c.icon,{className:`h-4 w-4`}),(0,a.jsx)(`span`,{className:`text-sm font-medium`,children:c.title})]}),(0,a.jsx)(`div`,{className:`flex-1 overflow-hidden`,children:l({node:e.root,path:[...o,e.id],containerType:`root`,containerId:e.id})})]})})})}};export{o as DockLayout};

sqlrooms/web/static/assets/GridLayout-CBVgs-6H.css

@@ -0,0 +1 @@
+.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}

sqlrooms/web/static/assets/GridLayout-fXJZYHbE.js

@@ -0,0 +1,253 @@
+import{a as e,n as t,o as n,r,t as i}from"./chunk-jRWAZmH_.js";import{Q as a,b as o}from"./CommandSlice-DPSuuiIV.js";import{t as s}from"./react-dom-liMHu8hH.js";import{C as c,n as l,p as u,r as d,t as f}from"./RendererSwitcher-DnVbhqg4.js";import{c as p,i as m,n as h,o as g,t as _}from"./prop-types-DybOnnvg.js";import{n as v,t as y}from"./scroll-area-ZmzNHGEm.js";import{n as b}from"./LayoutRendererContext-BKO2wB-W.js";import{n as x}from"./RenderNodeContext-BdrX8FaE.js";var S=i(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?r(e):typeof define==`function`&&define.amd?define([`exports`],r):(n=typeof globalThis<`u`?globalThis:n||self,r(n[`fast-equals`]={}))})(e,(function(e){function t(e){return function(t,n,r,i,a,o,s){return e(t,n,s)}}function n(e){return function(t,n,r,i){if(!t||!n||typeof t!=`object`||typeof n!=`object`)return e(t,n,r,i);var a=i.get(t),o=i.get(n);if(a&&o)return a===n&&o===t;i.set(t,n),i.set(n,t);var s=e(t,n,r,i);return i.delete(t),i.delete(n),s}}function r(e,t){var n={};for(var r in e)n[r]=e[r];for(var r in t)n[r]=t[r];return n}function i(e){return e.constructor===Object||e.constructor==null}function a(e){return typeof e.then==`function`}function o(e,t){return e===t||e!==e&&t!==t}var s=`[object Arguments]`,c=`[object Boolean]`,l=`[object Date]`,u=`[object RegExp]`,d=`[object Map]`,f=`[object Number]`,p=`[object Object]`,m=`[object Set]`,h=`[object String]`,g=Object.prototype.toString;function _(e){var t=e.areArraysEqual,n=e.areDatesEqual,r=e.areMapsEqual,_=e.areObjectsEqual,v=e.areRegExpsEqual,y=e.areSetsEqual,b=e.createIsNestedEqual,x=b(S);function S(e,b,S){if(e===b)return!0;if(!e||!b||typeof e!=`object`||typeof b!=`object`)return e!==e&&b!==b;if(i(e)&&i(b))return _(e,b,x,S);var C=Array.isArray(e),w=Array.isArray(b);if(C||w)return C===w&&t(e,b,x,S);var T=g.call(e);return T===g.call(b)?T===l?n(e,b,x,S):T===u?v(e,b,x,S):T===d?r(e,b,x,S):T===m?y(e,b,x,S):T===p||T===s?a(e)||a(b)?!1:_(e,b,x,S):T===c||T===f||T===h?o(e.valueOf(),b.valueOf()):!1:!1}return S}function v(e,t,n,r){var i=e.length;if(t.length!==i)return!1;for(;i-- >0;)if(!n(e[i],t[i],i,i,e,t,r))return!1;return!0}var y=n(v);function b(e,t){return o(e.valueOf(),t.valueOf())}function x(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={},o=0;return e.forEach(function(s,c){if(i){var l=!1,u=0;t.forEach(function(i,d){!l&&!a[u]&&(l=n(c,d,o,u,e,t,r)&&n(s,i,c,d,e,t,r))&&(a[u]=!0),u++}),o++,i=l}}),i}var S=n(x),C=`_owner`,w=Object.prototype.hasOwnProperty;function T(e,t,n,r){var i=Object.keys(e),a=i.length;if(Object.keys(t).length!==a)return!1;for(var o;a-- >0;){if(o=i[a],o===C){var s=!!e.$$typeof,c=!!t.$$typeof;if((s||c)&&s!==c)return!1}if(!w.call(t,o)||!n(e[o],t[o],o,o,e,t,r))return!1}return!0}var E=n(T);function D(e,t){return e.source===t.source&&e.flags===t.flags}function O(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={};return e.forEach(function(o,s){if(i){var c=!1,l=0;t.forEach(function(i,u){!c&&!a[l]&&(c=n(o,i,s,u,e,t,r))&&(a[l]=!0),l++}),i=c}}),i}var k=n(O),A=Object.freeze({areArraysEqual:v,areDatesEqual:b,areMapsEqual:x,areObjectsEqual:T,areRegExpsEqual:D,areSetsEqual:O,createIsNestedEqual:t}),j=Object.freeze({areArraysEqual:y,areDatesEqual:b,areMapsEqual:S,areObjectsEqual:E,areRegExpsEqual:D,areSetsEqual:k,createIsNestedEqual:t}),M=_(A);function N(e,t){return M(e,t,void 0)}var P=_(r(A,{createIsNestedEqual:function(){return o}}));function F(e,t){return P(e,t,void 0)}var I=_(j);function L(e,t){return I(e,t,new WeakMap)}var R=_(r(j,{createIsNestedEqual:function(){return o}}));function z(e,t){return R(e,t,new WeakMap)}function B(e){return _(r(A,e(A)))}function V(e){var t=_(r(j,e(j)));return(function(e,n,r){return r===void 0&&(r=new WeakMap),t(e,n,r)})}e.circularDeepEqual=L,e.circularShallowEqual=z,e.createCustomCircularEqual=V,e.createCustomEqual=B,e.deepEqual=N,e.sameValueZeroEqual=o,e.shallowEqual=F,Object.defineProperty(e,`__esModule`,{value:!0})}))})),C=i(((e,t)=>{function n(e){var t,r,i=``;if(typeof e==`string`||typeof e==`number`)i+=e;else if(typeof e==`object`)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=n(e[t]))&&(i&&(i+=` `),i+=r)}else for(r in e)e[r]&&(i&&(i+=` `),i+=r);return i}function r(){for(var e,t,r=0,i=``,a=arguments.length;r<a;r++)(e=arguments[r])&&(t=n(e))&&(i&&(i+=` `),i+=t);return i}t.exports=r,t.exports.clsx=r})),w=i(((e,t)=>{t.exports=function(e,t,n){return e===t?!0:e.className===t.className&&n(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&n(e.verticalCompact,t.verticalCompact)&&n(e.compactType,t.compactType)&&n(e.layout,t.layout)&&n(e.margin,t.margin)&&n(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&&n(e.resizeHandles,t.resizeHandles)&&n(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&&n(e.droppingItem,t.droppingItem)&&n(e.innerRef,t.innerRef)}})),T=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.bottom=u,e.childrenEqual=h,e.cloneLayout=d,e.cloneLayoutItem=m,e.collides=_,e.compact=v,e.compactItem=x,e.compactType=ne,e.correctBounds=C,e.fastPositionEqual=g,e.fastRGLPropsEqual=void 0,e.getAllCollisions=D,e.getFirstCollision=E,e.getLayoutItem=T,e.getStatics=O,e.modifyLayout=f,e.moveElement=k,e.moveElementAwayFromCollision=A,e.noop=void 0,e.perc=j,e.resizeItemInDirection=V,e.setTopLeft=U,e.setTransform=H,e.sortLayoutItems=W,e.sortLayoutItemsByColRow=te,e.sortLayoutItemsByRowCol=ee,e.synchronizeLayoutWithChildren=G,e.validateLayout=K,e.withLayoutItem=p;var t=S(),n=r(a());function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?i(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e){var t=l(e,`string`);return typeof t==`symbol`?t:t+``}function l(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){let t=0,n;for(let r=0,i=e.length;r<i;r++)n=e[r].y+e[r].h,n>t&&(t=n);return t}function d(e){let t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=m(e[n]);return t}function f(e,t){let n=Array(e.length);for(let r=0,i=e.length;r<i;r++)t.i===e[r].i?n[r]=t:n[r]=e[r];return n}function p(e,t,n){let r=T(e,t);return r?(r=n(m(r)),e=f(e,r),[e,r]):[e,null]}function m(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:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function h(e,r){return(0,t.deepEqual)(n.default.Children.map(e,e=>e?.key),n.default.Children.map(r,e=>e?.key))&&(0,t.deepEqual)(n.default.Children.map(e,e=>e?.props[`data-grid`]),n.default.Children.map(r,e=>e?.props[`data-grid`]))}e.fastRGLPropsEqual=w();function g(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function _(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 v(e,t,n,r){let i=O(e),a=u(i),o=W(e,t),s=Array(e.length);for(let c=0,l=o.length;c<l;c++){let l=m(o[c]);l.static||(l=x(i,l,t,n,o,r,a),a=Math.max(a,l.y+l.h),i.push(l)),s[e.indexOf(o[c])]=l,l.moved=!1}return s}var y={x:`w`,y:`h`};function b(e,t,n,r){let i=y[r];t[r]+=1;let a=e.map(e=>e.i).indexOf(t.i);for(let o=a+1;o<e.length;o++){let a=e[o];if(!a.static){if(a.y>t.y+t.h)break;_(t,a)&&b(e,a,n+t[i],r)}}t[r]=n}function x(e,t,n,r,i,a,o){let s=n===`vertical`,c=n===`horizontal`;if(s)for(typeof o==`number`?t.y=Math.min(o,t.y):t.y=Math.min(u(e),t.y);t.y>0&&!E(e,t);)t.y--;else if(c)for(;t.x>0&&!E(e,t);)t.x--;let l;for(;(l=E(e,t))&&!(n===null&&a);)if(c?b(i,t,l.x+l.w,`x`):b(i,t,l.y+l.h,`y`),c&&t.x+t.w>r)for(t.x=r-t.w,t.y++;t.x>0&&!E(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function C(e,t){let n=O(e);for(let r=0,i=e.length;r<i;r++){let i=e[r];if(i.x+i.w>t.cols&&(i.x=t.cols-i.w),i.x<0&&(i.x=0,i.w=t.cols),!i.static)n.push(i);else for(;E(n,i);)i.y++}return e}function T(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function E(e,t){for(let n=0,r=e.length;n<r;n++)if(_(e[n],t))return e[n]}function D(e,t){return e.filter(e=>_(e,t))}function O(e){return e.filter(e=>e.static)}function k(e,t,n,r,i,a,o,s,c){if(t.static&&t.isDraggable!==!0||t.y===r&&t.x===n)return e;`${t.i}${String(n)}${String(r)}${t.x}${t.y}`;let l=t.x,u=t.y;typeof n==`number`&&(t.x=n),typeof r==`number`&&(t.y=r),t.moved=!0;let f=W(e,o);(o===`vertical`&&typeof r==`number`?u>=r:o===`horizontal`&&typeof n==`number`&&l>=n)&&(f=f.reverse());let p=D(f,t),m=p.length>0;if(m&&c)return d(e);if(m&&a)return`${t.i}`,t.x=l,t.y=u,t.moved=!1,e;for(let n=0,r=p.length;n<r;n++){let r=p[n];`${t.i}${t.x}${t.y}${r.i}${r.x}${r.y}`,!r.moved&&(e=r.static?A(e,r,t,i,o,s):A(e,t,r,i,o,s))}return e}function A(e,t,n,r,i,a){let o=i===`horizontal`,s=i===`vertical`,c=t.static;if(r){r=!1;let l={x:o?Math.max(t.x-n.w,0):n.x,y:s?Math.max(t.y-n.h,0):n.y,w:n.w,h:n.h,i:`-1`},u=E(e,l),d=u&&u.y+u.h>t.y,f=u&&t.x+t.w>u.x;if(!u)return`${n.i}${l.x}${l.y}`,k(e,n,o?l.x:void 0,s?l.y:void 0,r,c,i,a);if(d&&s)return k(e,n,void 0,n.y+1,r,c,i,a);if(d&&i==null)return t.y=n.y,n.y+=n.h,e;if(f&&o)return k(e,t,n.x,void 0,r,c,i,a)}let l=o?n.x+1:void 0,u=s?n.y+1:void 0;return l==null&&u==null?e:k(e,n,o?n.x+1:void 0,s?n.y+1:void 0,r,c,i,a)}function j(e){return e*100+`%`}var M=(e,t,n,r)=>e+n>r?t:n,N=(e,t,n)=>e<0?t:n,P=e=>Math.max(0,e),F=e=>Math.max(0,e),I=(e,t,n)=>{let{left:r,height:i,width:a}=t,o=e.top-(i-e.height);return{left:r,width:a,height:N(o,e.height,i),top:F(o)}},L=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{top:r,height:a,width:M(e.left,e.width,o,n),left:P(i)}},R=(e,t,n)=>{let{top:r,height:i,width:a}=t,o=e.left-(a-e.width);return{height:i,width:o<0?e.width:M(e.left,e.width,a,n),top:F(r),left:P(o)}},z=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{width:o,left:i,height:N(r,e.height,a),top:F(r)}},B={n:I,ne:function(){return I(arguments.length<=0?void 0:arguments[0],L(...arguments),arguments.length<=2?void 0:arguments[2])},e:L,se:function(){return z(arguments.length<=0?void 0:arguments[0],L(...arguments),arguments.length<=2?void 0:arguments[2])},s:z,sw:function(){return z(arguments.length<=0?void 0:arguments[0],R(...arguments),arguments.length<=2?void 0:arguments[2])},w:R,nw:function(){return I(arguments.length<=0?void 0:arguments[0],R(...arguments),arguments.length<=2?void 0:arguments[2])}};function V(e,t,n,r){let i=B[e];return i?i(t,o(o({},t),n),r):n}function H(e){let{top:t,left:n,width:r,height:i}=e,a=`translate(${n}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${r}px`,height:`${i}px`,position:`absolute`}}function U(e){let{top:t,left:n,width:r,height:i}=e;return{top:`${t}px`,left:`${n}px`,width:`${r}px`,height:`${i}px`,position:`absolute`}}function W(e,t){return t===`horizontal`?te(e):t===`vertical`?ee(e):e}function ee(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 te(e){return e.slice(0).sort(function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1})}function G(e,t,r,i,a){e||=[];let s=[];n.default.Children.forEach(t,t=>{if(t?.key==null)return;let n=T(e,String(t.key)),r=t.props[`data-grid`];n&&r==null?s.push(m(n)):r?s.push(m(o(o({},r),{},{i:t.key}))):s.push(m({w:1,h:1,x:0,y:u(s),i:String(t.key)}))});let c=C(s,{cols:r});return a?c:v(c,i,r)}function K(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`Layout`,n=[`x`,`y`,`w`,`h`];if(!Array.isArray(e))throw Error(t+` must be an array!`);for(let r=0,i=e.length;r<i;r++){let i=e[r];for(let e=0;e<n.length;e++){let a=n[e],o=i[a];if(typeof o!=`number`||Number.isNaN(o))throw Error(`ReactGridLayout: ${t}[${r}].${a} must be a number! Received: ${o} (${typeof o})`)}if(i.i!==void 0&&typeof i.i!=`string`)throw Error(`ReactGridLayout: ${t}[${r}].i must be a string! Received: ${i.i} (${typeof i.i})`)}}function ne(e){let{verticalCompact:t,compactType:n}=e||{};return t===!1?null:n}e.noop=()=>{}})),E=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.calcGridColWidth=t,e.calcGridItemPosition=r,e.calcGridItemWHPx=n,e.calcWH=a,e.calcXY=i,e.clamp=o;function t(e){let{margin:t,containerPadding:n,containerWidth:r,cols:i}=e;return(r-t[0]*(i-1)-n[0]*2)/i}function n(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function r(e,r,i,a,o,s){let{margin:c,containerPadding:l,rowHeight:u}=e,d=t(e),f={};return s&&s.resizing?(f.width=Math.round(s.resizing.width),f.height=Math.round(s.resizing.height)):(f.width=n(a,d,c[0]),f.height=n(o,u,c[1])),s&&s.dragging?(f.top=Math.round(s.dragging.top),f.left=Math.round(s.dragging.left)):s&&s.resizing&&typeof s.resizing.top==`number`&&typeof s.resizing.left==`number`?(f.top=Math.round(s.resizing.top),f.left=Math.round(s.resizing.left)):(f.top=Math.round((u+c[1])*i+l[1]),f.left=Math.round((d+c[0])*r+l[0])),f}function i(e,n,r,i,a){let{margin:s,containerPadding:c,cols:l,rowHeight:u,maxRows:d}=e,f=t(e),p=Math.round((r-c[0])/(f+s[0])),m=Math.round((n-c[1])/(u+s[1]));return p=o(p,0,l-i),m=o(m,0,d-a),{x:p,y:m}}function a(e,n,r,i,a,s){let{margin:c,maxRows:l,cols:u,rowHeight:d}=e,f=t(e),p=Math.round((n+c[0])/(f+c[0])),m=Math.round((r+c[1])/(d+c[1])),h=o(p,0,u-i),g=o(m,0,l-a);return[`sw`,`w`,`nw`].indexOf(s)!==-1&&(h=o(p,0,u)),[`nw`,`n`,`ne`].indexOf(s)!==-1&&(g=o(m,0,l)),{w:h,h:g}}function o(e,t,n){return Math.max(Math.min(e,n),t)}})),D=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.dontSetMe=a,e.findInArray=t,e.int=i,e.isFunction=n,e.isNum=r;function t(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function n(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Function]`}function r(e){return typeof e==`number`&&!isNaN(e)}function i(e){return parseInt(e,10)}function a(e,t,n){if(e[t])return Error(`Invalid prop ${t} passed to ${n} - do not set this, set it on the child.`)}})),O=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.browserPrefixToKey=r,e.browserPrefixToStyle=i,e.default=void 0,e.getPrefix=n;var t=[`Moz`,`Webkit`,`O`,`ms`];function n(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:`transform`;if(typeof window>`u`)return``;let n=window.document?.documentElement?.style;if(!n||e in n)return``;for(let i=0;i<t.length;i++)if(r(e,t[i])in n)return t[i];return``}function r(e,t){return t?`${t}${a(e)}`:e}function i(e,t){return t?`-${t.toLowerCase()}-${e}`:e}function a(e){let t=``,n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]===`-`?n=!0:t+=e[r];return t}e.default=n()})),k=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.addClassName=S,e.addEvent=s,e.addUserSelectStyles=y,e.createCSSTransform=m,e.createSVGTransform=h,e.getTouch=_,e.getTouchIdentifier=v,e.getTranslation=g,e.innerHeight=d,e.innerWidth=f,e.matchesSelector=a,e.matchesSelectorAndParentsTo=o,e.offsetXYFromParent=p,e.outerHeight=l,e.outerWidth=u,e.removeClassName=C,e.removeEvent=c,e.scheduleRemoveUserSelectStyles=b;var t=D(),n=r(O());function r(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,i=new WeakMap;return(r=function(e,t){if(!t&&e&&e.__esModule)return e;var r,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(r=t?i:n){if(r.has(e))return r.get(e);r.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?r(o,t,a):o[t]=e[t]);return o})(e,t)}var i=``;function a(e,n){return i||=(0,t.findInArray)([`matches`,`webkitMatchesSelector`,`mozMatchesSelector`,`msMatchesSelector`,`oMatchesSelector`],function(n){return(0,t.isFunction)(e[n])}),(0,t.isFunction)(e[i])?e[i](n):!1}function o(e,t,n){let r=e;do{if(a(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function s(e,t,n,r){if(!e)return;let i={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,i):e.attachEvent?e.attachEvent(`on`+t,n):e[`on`+t]=n}function c(e,t,n,r){if(!e)return;let i={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?e.detachEvent(`on`+t,n):e[`on`+t]=null}function l(e){let n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderTopWidth),n+=(0,t.int)(r.borderBottomWidth),n}function u(e){let n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderLeftWidth),n+=(0,t.int)(r.borderRightWidth),n}function d(e){let n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingTop),n-=(0,t.int)(r.paddingBottom),n}function f(e){let n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingLeft),n-=(0,t.int)(r.paddingRight),n}function p(e,t,n){let r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}}function m(e,t){let r=g(e,t,`px`);return{[(0,n.browserPrefixToKey)(`transform`,n.default)]:r}}function h(e,t){return g(e,t,``)}function g(e,t,n){let{x:r,y:i}=e,a=`translate(${r}${n},${i}${n})`;return t&&(a=`translate(${`${typeof t.x==`string`?t.x:t.x+n}`}, ${`${typeof t.y==`string`?t.y:t.y+n}`})`+a),a}function _(e,n){return e.targetTouches&&(0,t.findInArray)(e.targetTouches,e=>n===e.identifier)||e.changedTouches&&(0,t.findInArray)(e.changedTouches,e=>n===e.identifier)}function v(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function y(e){if(!e)return;let t=e.getElementById(`react-draggable-style-el`);t||(t=e.createElement(`style`),t.type=`text/css`,t.id=`react-draggable-style-el`,t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,e.getElementsByTagName(`head`)[0].appendChild(t)),e.body&&S(e.body,`react-draggable-transparent-selection`)}function b(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{x(e)}):x(e)}function x(e){if(e)try{if(e.body&&C(e.body,`react-draggable-transparent-selection`),e.selection)e.selection.empty();else{let t=(e.defaultView||window).getSelection();t&&t.type!==`Caret`&&t.removeAllRanges()}}catch{}}function S(e,t){e.classList?e.classList.add(t):e.className.match(RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function C(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`,`g`),``)}})),A=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.canDragX=a,e.canDragY=o,e.createCoreData=c,e.createDraggableData=l,e.getBoundPosition=r,e.getControlPosition=s,e.snapToGrid=i;var t=D(),n=k();function r(e,r,i){if(!e.props.bounds)return[r,i];let{bounds:a}=e.props;a=typeof a==`string`?a:u(a);let o=d(e);if(typeof a==`string`){let{ownerDocument:e}=o,r=e.defaultView,i;if(i=a===`parent`?o.parentNode:o.getRootNode().querySelector(a),!(i instanceof r.HTMLElement))throw Error(`Bounds selector "`+a+`" could not find an element.`);let s=i,c=r.getComputedStyle(o),l=r.getComputedStyle(s);a={left:-o.offsetLeft+(0,t.int)(l.paddingLeft)+(0,t.int)(c.marginLeft),top:-o.offsetTop+(0,t.int)(l.paddingTop)+(0,t.int)(c.marginTop),right:(0,n.innerWidth)(s)-(0,n.outerWidth)(o)-o.offsetLeft+(0,t.int)(l.paddingRight)-(0,t.int)(c.marginRight),bottom:(0,n.innerHeight)(s)-(0,n.outerHeight)(o)-o.offsetTop+(0,t.int)(l.paddingBottom)-(0,t.int)(c.marginBottom)}}return(0,t.isNum)(a.right)&&(r=Math.min(r,a.right)),(0,t.isNum)(a.bottom)&&(i=Math.min(i,a.bottom)),(0,t.isNum)(a.left)&&(r=Math.max(r,a.left)),(0,t.isNum)(a.top)&&(i=Math.max(i,a.top)),[r,i]}function i(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]}function a(e){return e.props.axis===`both`||e.props.axis===`x`}function o(e){return e.props.axis===`both`||e.props.axis===`y`}function s(e,t,r){let i=typeof t==`number`?(0,n.getTouch)(e,t):null;if(typeof t==`number`&&!i)return null;let a=d(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,n.offsetXYFromParent)(i||e,o,r.props.scale)}function c(e,n,r){let i=!(0,t.isNum)(e.lastX),a=d(e);return i?{node:a,deltaX:0,deltaY:0,lastX:n,lastY:r,x:n,y:r}:{node:a,deltaX:n-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:n,y:r}}function l(e,t){let n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function u(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function d(e){let t=e.findDOMNode();if(!t)throw Error(`<DraggableCore>: Unmounted during event!`);return t}})),j=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=t;function t(){}})),M=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=void 0;var t=d(a()),n=u(_()),r=u(s()),i=k(),o=A(),c=D(),l=u(j());function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(d=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var h={touch:{start:`touchstart`,move:`touchmove`,stop:`touchend`},mouse:{start:`mousedown`,move:`mousemove`,stop:`mouseup`}},g=h.mouse,v=class extends t.Component{constructor(){super(...arguments),f(this,`dragging`,!1),f(this,`lastX`,NaN),f(this,`lastY`,NaN),f(this,`touchIdentifier`,null),f(this,`mounted`,!1),f(this,`handleDragStart`,e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&typeof e.button==`number`&&e.button!==0)return!1;let t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw Error(`<DraggableCore> not mounted on DragStart!`);let{ownerDocument:n}=t;if(this.props.disabled||!(e.target instanceof n.defaultView.Node)||this.props.handle&&!(0,i.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,i.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;e.type===`touchstart`&&!this.props.allowMobileScroll&&e.preventDefault();let r=(0,i.getTouchIdentifier)(e);this.touchIdentifier=r;let a=(0,o.getControlPosition)(e,r,this);if(a==null)return;let{x:s,y:c}=a,u=(0,o.createCoreData)(this,s,c);(0,l.default)(`DraggableCore: handleDragStart: %j`,u),(0,l.default)(`calling`,this.props.onStart),!(this.props.onStart(e,u)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,i.addUserSelectStyles)(n),this.dragging=!0,this.lastX=s,this.lastY=c,(0,i.addEvent)(n,g.move,this.handleDrag),(0,i.addEvent)(n,g.stop,this.handleDragStop))}),f(this,`handleDrag`,e=>{let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX,t=r-this.lastY;if([e,t]=(0,o.snapToGrid)(this.props.grid,e,t),!e&&!t)return;n=this.lastX+e,r=this.lastY+t}let i=(0,o.createCoreData)(this,n,r);if((0,l.default)(`DraggableCore: handleDrag: %j`,i),this.props.onDrag(e,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent(`mouseup`))}catch{let e=document.createEvent(`MouseEvents`);e.initMouseEvent(`mouseup`,!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}return}this.lastX=n,this.lastY=r}),f(this,`handleDragStop`,e=>{if(!this.dragging)return;let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX||0,t=r-this.lastY||0;[e,t]=(0,o.snapToGrid)(this.props.grid,e,t),n=this.lastX+e,r=this.lastY+t}let a=(0,o.createCoreData)(this,n,r);if(this.props.onStop(e,a)===!1||this.mounted===!1)return!1;let s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,i.scheduleRemoveUserSelectStyles)(s.ownerDocument),(0,l.default)(`DraggableCore: handleDragStop: %j`,a),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,l.default)(`DraggableCore: Removing handlers`),(0,i.removeEvent)(s.ownerDocument,g.move,this.handleDrag),(0,i.removeEvent)(s.ownerDocument,g.stop,this.handleDragStop))}),f(this,`onMouseDown`,e=>(g=h.mouse,this.handleDragStart(e))),f(this,`onMouseUp`,e=>(g=h.mouse,this.handleDragStop(e))),f(this,`onTouchStart`,e=>(g=h.touch,this.handleDragStart(e))),f(this,`onTouchEnd`,e=>(g=h.touch,this.handleDragStop(e)))}componentDidMount(){this.mounted=!0;let e=this.findDOMNode();e&&(0,i.addEvent)(e,h.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;let e=this.findDOMNode();if(e){let{ownerDocument:t}=e;(0,i.removeEvent)(t,h.mouse.move,this.handleDrag),(0,i.removeEvent)(t,h.touch.move,this.handleDrag),(0,i.removeEvent)(t,h.mouse.stop,this.handleDragStop),(0,i.removeEvent)(t,h.touch.stop,this.handleDragStop),(0,i.removeEvent)(e,h.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,i.scheduleRemoveUserSelectStyles)(t)}}findDOMNode(){return this.props?.nodeRef?this.props?.nodeRef?.current:r.default.findDOMNode(this)}render(){return t.cloneElement(t.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};e.default=v,f(v,`displayName`,`DraggableCore`),f(v,`propTypes`,{allowAnyClick:n.default.bool,allowMobileScroll:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw Error(`Draggable's offsetParent must be a DOM Node.`)},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),f(v,`defaultProps`,{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})})),N=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),Object.defineProperty(e,`DraggableCore`,{enumerable:!0,get:function(){return u.default}}),e.default=void 0;var t=p(a()),n=f(_()),r=f(s()),i=C(),o=k(),c=A(),l=D(),u=f(M()),d=f(j());function f(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(p=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(null,arguments)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var y=class extends t.Component{static getDerivedStateFromProps(e,t){let{position:n}=e,{prevPropsPosition:r}=t;return n&&(!r||n.x!==r.x||n.y!==r.y)?((0,d.default)(`Draggable: getDerivedStateFromProps %j`,{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:{...n}}):null}constructor(e){super(e),h(this,`onDragStart`,(e,t)=>{if((0,d.default)(`Draggable: onDragStart: %j`,t),this.props.onStart(e,(0,c.createDraggableData)(this,t))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),h(this,`onDrag`,(e,t)=>{if(!this.state.dragging)return!1;(0,d.default)(`Draggable: onDrag: %j`,t);let n=(0,c.createDraggableData)(this,t),r={x:n.x,y:n.y,slackX:0,slackY:0};if(this.props.bounds){let{x:e,y:t}=r;r.x+=this.state.slackX,r.y+=this.state.slackY;let[i,a]=(0,c.getBoundPosition)(this,r.x,r.y);r.x=i,r.y=a,r.slackX=this.state.slackX+(e-r.x),r.slackY=this.state.slackY+(t-r.y),n.x=r.x,n.y=r.y,n.deltaX=r.x-this.state.x,n.deltaY=r.y-this.state.y}if(this.props.onDrag(e,n)===!1)return!1;this.setState(r)}),h(this,`onDragStop`,(e,t)=>{if(!this.state.dragging||this.props.onStop(e,(0,c.createDraggableData)(this,t))===!1)return!1;(0,d.default)(`Draggable: onDragStop: %j`,t);let n={dragging:!1,slackX:0,slackY:0};if(this.props.position){let{x:e,y:t}=this.props.position;n.x=e,n.y=t}this.setState(n)}),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},e.position&&!(e.onDrag||e.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){window.SVGElement!==void 0&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){return this.props?.nodeRef?.current??r.default.findDOMNode(this)}render(){let{axis:e,bounds:n,children:r,defaultPosition:a,defaultClassName:s,defaultClassNameDragging:l,defaultClassNameDragged:d,position:f,positionOffset:p,scale:h,...g}=this.props,_={},v=null,y=!f||this.state.dragging,b=f||a,x={x:(0,c.canDragX)(this)&&y?this.state.x:b.x,y:(0,c.canDragY)(this)&&y?this.state.y:b.y};this.state.isElementSVG?v=(0,o.createSVGTransform)(x,p):_=(0,o.createCSSTransform)(x,p);let S=(0,i.clsx)(r.props.className||``,s,{[l]:this.state.dragging,[d]:this.state.dragged});return t.createElement(u.default,m({},g,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(r),{className:S,style:{...r.props.style,..._},transform:v}))}};e.default=y,h(y,`displayName`,`Draggable`),h(y,`propTypes`,{...u.default.propTypes,axis:n.default.oneOf([`both`,`x`,`y`,`none`]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe}),h(y,`defaultProps`,{...u.default.defaultProps,axis:`both`,bounds:!1,defaultClassName:`react-draggable`,defaultClassNameDragging:`react-draggable-dragging`,defaultClassNameDragged:`react-draggable-dragged`,defaultPosition:{x:0,y:0},scale:1})})),P=i(((e,t)=>{var{default:n,DraggableCore:r}=N();t.exports=n,t.exports.default=n,t.exports.DraggableCore=r})),F=i((e=>{e.__esModule=!0,e.cloneElement=l;var t=n(a());function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?r(Object(n),!0).forEach(function(t){o(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function o(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=c(e,`string`);return typeof t==`symbol`?t:t+``}function c(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e,n){return n.style&&e.props.style&&(n.style=i(i({},e.props.style),n.style)),n.className&&e.props.className&&(n.className=e.props.className+` `+n.className),t.default.cloneElement(e,n)}})),I=i((e=>{e.__esModule=!0,e.resizableProps=void 0;var t=n(_());P();function n(e){return e&&e.__esModule?e:{default:e}}e.resizableProps={axis:t.default.oneOf([`both`,`x`,`y`,`none`]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:typeof Element<`u`?t.default.instanceOf(Element):t.default.any,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){var e=[...arguments];let n=e[0];return n.axis===`both`||n.axis===`y`?t.default.number.isRequired(...e):t.default.number(...e)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),transformScale:t.default.number,width:function(){var e=[...arguments];let n=e[0];return n.axis===`both`||n.axis===`x`?t.default.number.isRequired(...e):t.default.number(...e)}}})),L=i((e=>{e.__esModule=!0,e.default=void 0;var t=s(a()),n=P(),r=F(),i=I(),o=[`children`,`className`,`draggableOpts`,`width`,`height`,`handle`,`handleSize`,`lockAspectRatio`,`axis`,`minConstraints`,`maxConstraints`,`onResize`,`onResizeStop`,`onResizeStart`,`resizeHandles`,`transformScale`];function s(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(s=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function l(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?u(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var h=class extends t.Component{constructor(){super(...arguments),this.handleRefs={},this.lastHandleRect=null,this.slack=null,this.lastSize=null}componentWillUnmount(){this.resetData()}resetData(){this.lastHandleRect=this.slack=this.lastSize=null}runConstraints(e,t){let n=this.props,r=n.minConstraints,i=n.maxConstraints,a=n.lockAspectRatio;if(!r&&!i&&!a)return[e,t];if(a){let n=this.props.width/this.props.height,r=e-this.props.width,i=t-this.props.height;Math.abs(r)>Math.abs(i*n)?t=e/n:e=t*n}let o=e,s=t,c=this.slack||[0,0],l=c[0],u=c[1];return e+=l,t+=u,r&&(e=Math.max(r[0],e),t=Math.max(r[1],t)),i&&(e=Math.min(i[0],e),t=Math.min(i[1],t)),this.slack=[l+(o-e),u+(s-t)],[e,t]}resizeHandler(e,t){return(n,r)=>{let i=r.node,a=r.deltaX,o=r.deltaY;e===`onResizeStart`&&this.resetData();let s=(this.props.axis===`both`||this.props.axis===`x`)&&t!==`n`&&t!==`s`,c=(this.props.axis===`both`||this.props.axis===`y`)&&t!==`e`&&t!==`w`;if(!s&&!c)return;let l=t[0],u=t[t.length-1],d=i.getBoundingClientRect();if(this.lastHandleRect!=null){if(u===`w`){let e=d.left-this.lastHandleRect.left;a+=e}if(l===`n`){let e=d.top-this.lastHandleRect.top;o+=e}}this.lastHandleRect=d,u===`w`&&(a=-a),l===`n`&&(o=-o);let f=this.lastSize?.width??this.props.width,p=this.lastSize?.height??this.props.height,m=f+(s?a/this.props.transformScale:0),h=p+(c?o/this.props.transformScale:0);var g=this.runConstraints(m,h);if(m=g[0],h=g[1],e===`onResizeStop`&&this.lastSize){var _=this.lastSize;m=_.width,h=_.height}let v=m!==f||h!==p;e!==`onResizeStop`&&(this.lastSize={width:m,height:h});let y=typeof this.props[e]==`function`?this.props[e]:null;y&&!(e===`onResize`&&!v)&&(n.persist==null||n.persist(),y(n,{node:i,size:{width:m,height:h},handle:t})),e===`onResizeStop`&&this.resetData()}}renderResizeHandle(e,n){let r=this.props.handle;if(!r)return t.createElement(`span`,{className:`react-resizable-handle react-resizable-handle-`+e,ref:n});if(typeof r==`function`)return r(e,n);let i=typeof r.type==`string`,a=d({ref:n},i?{}:{handleAxis:e});return t.cloneElement(r,a)}render(){let e=this.props,i=e.children,a=e.className,s=e.draggableOpts;e.width,e.height,e.handle,e.handleSize,e.lockAspectRatio,e.axis,e.minConstraints,e.maxConstraints,e.onResize,e.onResizeStop,e.onResizeStart;let u=e.resizeHandles;e.transformScale;let f=l(e,o);return(0,r.cloneElement)(i,d(d({},f),{},{className:(a?a+` `:``)+`react-resizable`,children:[...t.Children.toArray(i.props.children),...u.map(e=>{let r=this.handleRefs[e]??(this.handleRefs[e]=t.createRef());return t.createElement(n.DraggableCore,c({},s,{nodeRef:r,key:`resizableHandle-`+e,onStop:this.resizeHandler(`onResizeStop`,e),onStart:this.resizeHandler(`onResizeStart`,e),onDrag:this.resizeHandler(`onResize`,e)}),this.renderResizeHandle(e,r))})]}))}};e.default=h,h.propTypes=i.resizableProps,h.defaultProps={axis:`both`,handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:[`se`],transformScale:1}})),R=i((e=>{e.__esModule=!0,e.default=void 0;var t=c(a()),n=s(_()),r=s(L()),i=I(),o=[`handle`,`handleSize`,`onResize`,`onResizeStart`,`onResizeStop`,`draggableOpts`,`minConstraints`,`maxConstraints`,`lockAspectRatio`,`axis`,`width`,`height`,`resizeHandles`,`style`,`transformScale`];function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(c=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?u(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var g=class extends t.Component{constructor(){super(...arguments),this.state={width:this.props.width,height:this.props.height,propsWidth:this.props.width,propsHeight:this.props.height},this.onResize=(e,t)=>{let n=t.size;this.props.onResize?(e.persist==null||e.persist(),this.setState(n,()=>this.props.onResize&&this.props.onResize(e,t))):this.setState(n)}}static getDerivedStateFromProps(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null}render(){let e=this.props,n=e.handle,i=e.handleSize;e.onResize;let a=e.onResizeStart,s=e.onResizeStop,c=e.draggableOpts,u=e.minConstraints,f=e.maxConstraints,p=e.lockAspectRatio,m=e.axis;e.width,e.height;let g=e.resizeHandles,_=e.style,v=e.transformScale,y=h(e,o);return t.createElement(r.default,{axis:m,draggableOpts:c,handle:n,handleSize:i,height:this.state.height,lockAspectRatio:p,maxConstraints:f,minConstraints:u,onResizeStart:a,onResize:this.onResize,onResizeStop:s,resizeHandles:g,transformScale:v,width:this.state.width},t.createElement(`div`,l({},y,{style:d(d({},_),{},{width:this.state.width+`px`,height:this.state.height+`px`})})))}};e.default=g,g.propTypes=d(d({},i.resizableProps),{},{children:n.default.element})})),z=i(((e,t)=>{t.exports=function(){throw Error(`Don't instantiate Resizable directly! Use require('react-resizable').Resizable`)},t.exports.Resizable=L().default,t.exports.ResizableBox=R().default})),B=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.resizeHandleType=e.resizeHandleAxesType=e.default=void 0;var t=r(_()),n=r(a());function r(e){return e&&e.__esModule?e:{default:e}}var i=e.resizeHandleAxesType=t.default.arrayOf(t.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),o=e.resizeHandleType=t.default.oneOfType([t.default.node,t.default.func]);e.default={className:t.default.string,style:t.default.object,width:t.default.number,autoSize:t.default.bool,cols:t.default.number,draggableCancel:t.default.string,draggableHandle:t.default.string,verticalCompact:function(e){e.verticalCompact},compactType:t.default.oneOf([`vertical`,`horizontal`]),layout:function(e){var t=e.layout;t!==void 0&&T().validateLayout(t,`layout`)},margin:t.default.arrayOf(t.default.number),containerPadding:t.default.arrayOf(t.default.number),rowHeight:t.default.number,maxRows:t.default.number,isBounded:t.default.bool,isDraggable:t.default.bool,isResizable:t.default.bool,allowOverlap:t.default.bool,preventCollision:t.default.bool,useCSSTransforms:t.default.bool,transformScale:t.default.number,isDroppable:t.default.bool,resizeHandles:i,resizeHandle:o,onLayoutChange:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onDragStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,onResizeStop:t.default.func,onDrop:t.default.func,droppingItem:t.default.shape({i:t.default.string.isRequired,w:t.default.number.isRequired,h:t.default.number.isRequired}),children:function(e,t){let r=e[t],i={};n.default.Children.forEach(r,function(e){if(e?.key!=null){if(i[e.key])throw Error(`Duplicate child key "`+e.key+`" found! This will cause problems in ReactGridLayout.`);i[e.key]=!0}})},innerRef:t.default.any}})),V=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=void 0;var t=f(a()),n=s(),r=f(_()),i=P(),o=z(),c=T(),l=E(),u=B(),d=f(C());function f(e){return e&&e.__esModule?e:{default:e}}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?p(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var y=class extends t.default.Component{constructor(){super(...arguments),h(this,`state`,{resizing:null,dragging:null,className:``}),h(this,`elementRef`,t.default.createRef()),h(this,`onDragStart`,(e,t)=>{let{node:n}=t,{onDragStart:r,transformScale:i}=this.props;if(!r)return;let a={top:0,left:0},{offsetParent:o}=n;if(!o)return;let s=o.getBoundingClientRect(),c=n.getBoundingClientRect(),u=c.left/i,d=s.left/i,f=c.top/i,p=s.top/i;a.left=u-d+o.scrollLeft,a.top=f-p+o.scrollTop,this.setState({dragging:a});let{x:m,y:h}=(0,l.calcXY)(this.getPositionParams(),a.top,a.left,this.props.w,this.props.h);return r.call(this,this.props.i,m,h,{e,node:n,newPosition:a})}),h(this,`onDrag`,(e,t,r)=>{let{node:i,deltaX:a,deltaY:o}=t,{onDrag:s}=this.props;if(!s)return;if(!this.state.dragging)throw Error(`onDrag called before onDragStart.`);let c=this.state.dragging.top+o,u=this.state.dragging.left+a,{isBounded:d,i:f,w:p,h:m,containerWidth:h}=this.props,g=this.getPositionParams();if(d){let{offsetParent:e}=i;if(e){let{margin:t,rowHeight:n}=this.props,r=e.clientHeight-(0,l.calcGridItemWHPx)(m,n,t[1]);c=(0,l.clamp)(c,0,r);let i=(0,l.calcGridColWidth)(g),a=h-(0,l.calcGridItemWHPx)(p,i,t[0]);u=(0,l.clamp)(u,0,a)}}let _={top:c,left:u};r?this.setState({dragging:_}):(0,n.flushSync)(()=>{this.setState({dragging:_})});let{x:v,y}=(0,l.calcXY)(g,c,u,p,m);return s.call(this,f,v,y,{e,node:i,newPosition:_})}),h(this,`onDragStop`,(e,t)=>{let{node:n}=t,{onDragStop:r}=this.props;if(!r)return;if(!this.state.dragging)throw Error(`onDragEnd called before onDragStart.`);let{w:i,h:a,i:o}=this.props,{left:s,top:c}=this.state.dragging,u={top:c,left:s};this.setState({dragging:null});let{x:d,y:f}=(0,l.calcXY)(this.getPositionParams(),c,s,i,a);return r.call(this,o,d,f,{e,node:n,newPosition:u})}),h(this,`onResizeStop`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStop`)),h(this,`onResizeStart`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStart`)),h(this,`onResize`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResize`))}shouldComponentUpdate(e,t){if(this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition)return!0;let n=(0,l.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=(0,l.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,c.fastPositionEqual)(n,r)||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(e){let{droppingPosition:t}=this.props;if(!t)return;let n=this.elementRef.current;if(!n)return;let r=e.droppingPosition||{left:0,top:0},{dragging:i}=this.state,a=i&&t.left!==r.left||t.top!==r.top;if(!i)this.onDragStart(t.e,{node:n,deltaX:t.left,deltaY:t.top});else if(a){let e=t.left-i.left,r=t.top-i.top;this.onDrag(t.e,{node:n,deltaX:e,deltaY:r},!0)}}getPositionParams(){let e=arguments.length>0&&arguments[0]!==void 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){let{usePercentages:t,containerWidth:n,useCSSTransforms:r}=this.props,i;return r?i=(0,c.setTransform)(e):(i=(0,c.setTopLeft)(e),t&&(i.left=(0,c.perc)(e.left/n),i.width=(0,c.perc)(e.width/n))),i}mixinDraggable(e,n){return t.default.createElement(i.DraggableCore,{disabled:!n,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(e,t){return(n,r)=>t(n,r,e)}mixinResizable(e,n,r){let{cols:i,minW:a,minH:s,maxW:c,maxH:u,transformScale:d,resizeHandles:f,resizeHandle:p}=this.props,m=this.getPositionParams(),h=(0,l.calcGridItemPosition)(m,0,0,i,0).width,g=(0,l.calcGridItemPosition)(m,0,0,a,s),_=(0,l.calcGridItemPosition)(m,0,0,c,u),v=[g.width,g.height],y=[Math.min(_.width,h),Math.min(_.height,1/0)];return t.default.createElement(o.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:`react-resizable-hide`,width:n.width,height:n.height,minConstraints:v,maxConstraints:y,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:d,resizeHandles:f,handle:p},e)}onResizeHandler(e,t,r,i){let{node:a,size:o,handle:s}=t,u=this.props[i];if(!u)return;let{x:d,y:f,i:p,maxH:m,minH:h,containerWidth:g}=this.props,{minW:_,maxW:v}=this.props,y=o;a&&(y=(0,c.resizeItemInDirection)(s,r,o,g),(0,n.flushSync)(()=>{this.setState({resizing:i===`onResizeStop`?null:y})}));let{w:b,h:x}=(0,l.calcWH)(this.getPositionParams(),y.width,y.height,d,f,s);b=(0,l.clamp)(b,Math.max(_,1),v),x=(0,l.clamp)(x,h,m),u.call(this,p,b,x,{e,node:a,size:y,handle:s})}render(){let{x:e,y:n,w:r,h:i,isDraggable:a,isResizable:o,droppingPosition:s,useCSSTransforms:c}=this.props,u=(0,l.calcGridItemPosition)(this.getPositionParams(),e,n,r,i,this.state),f=t.default.Children.only(this.props.children),p=t.default.cloneElement(f,{ref:this.elementRef,className:(0,d.default)(`react-grid-item`,f.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":a,"react-draggable-dragging":!!this.state.dragging,dropping:!!s,cssTransforms:c}),style:m(m(m({},this.props.style),f.props.style),this.createStyle(u))});return p=this.mixinResizable(p,u,o),p=this.mixinDraggable(p,a),p}};e.default=y,h(y,`propTypes`,{children:r.default.element,cols:r.default.number.isRequired,containerWidth:r.default.number.isRequired,rowHeight:r.default.number.isRequired,margin:r.default.array.isRequired,maxRows:r.default.number.isRequired,containerPadding:r.default.array.isRequired,x:r.default.number.isRequired,y:r.default.number.isRequired,w:r.default.number.isRequired,h:r.default.number.isRequired,minW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minWidth not Number`);if(n>e.w||n>e.maxW)return Error(`minWidth larger than item width/maxWidth`)},maxW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxWidth not Number`);if(n<e.w||n<e.minW)return Error(`maxWidth smaller than item width/minWidth`)},minH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minHeight not Number`);if(n>e.h||n>e.maxH)return Error(`minHeight larger than item height/maxHeight`)},maxH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxHeight not Number`);if(n<e.h||n<e.minH)return Error(`maxHeight smaller than item height/minHeight`)},i:r.default.string.isRequired,resizeHandles:u.resizeHandleAxesType,resizeHandle:u.resizeHandleType,onDragStop:r.default.func,onDragStart:r.default.func,onDrag:r.default.func,onResizeStop:r.default.func,onResizeStart:r.default.func,onResize:r.default.func,isDraggable:r.default.bool.isRequired,isResizable:r.default.bool.isRequired,isBounded:r.default.bool.isRequired,static:r.default.bool,useCSSTransforms:r.default.bool.isRequired,transformScale:r.default.number,className:r.default.string,handle:r.default.string,cancel:r.default.string,droppingPosition:r.default.shape({e:r.default.object.isRequired,left:r.default.number.isRequired,top:r.default.number.isRequired})}),h(y,`defaultProps`,{className:``,cancel:``,handle:``,minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})})),H=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=void 0;var t=u(a()),n=S(),r=l(C()),i=T(),o=E(),s=l(V()),c=l(B());function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(u=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var g=`react-grid-layout`,_=!1;try{_=/firefox/i.test(navigator.userAgent)}catch{}var v=class extends t.Component{constructor(){super(...arguments),p(this,`state`,{activeDrag:null,layout:(0,i.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,i.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),p(this,`dragEnterCounter`,0),p(this,`onDragStart`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s}=this.state,c=(0,i.getLayoutItem)(s,e);if(!c)return;let l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,i.cloneLayoutItem)(c),oldLayout:s,activeDrag:l}),this.props.onDragStart(s,c,c,null,a,o)}),p(this,`onDrag`,(e,t,n,r)=>{let{e:a,node:o}=r,{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,allowOverlap:u,preventCollision:d}=this.props,f=(0,i.getLayoutItem)(c,e);if(!f)return;let p={w:f.w,h:f.h,x:f.x,y:f.y,placeholder:!0,i:e};c=(0,i.moveElement)(c,f,t,n,!0,d,(0,i.compactType)(this.props),l,u),this.props.onDrag(c,s,f,p,a,o),this.setState({layout:u?c:(0,i.compact)(c,(0,i.compactType)(this.props),l),activeDrag:p})}),p(this,`onDragStop`,(e,t,n,r)=>{let{e:a,node:o}=r;if(!this.state.activeDrag)return;let{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,preventCollision:u,allowOverlap:d}=this.props,f=(0,i.getLayoutItem)(c,e);if(!f)return;c=(0,i.moveElement)(c,f,t,n,!0,u,(0,i.compactType)(this.props),l,d);let p=d?c:(0,i.compact)(c,(0,i.compactType)(this.props),l);this.props.onDragStop(p,s,f,null,a,o);let{oldLayout:m}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,m)}),p(this,`onResizeStart`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s}=this.state,c=(0,i.getLayoutItem)(s,e);c&&(this.setState({oldResizeItem:(0,i.cloneLayoutItem)(c),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,c,c,null,a,o))}),p(this,`onResize`,(e,t,n,r)=>{let{e:a,node:o,size:s,handle:c}=r,{oldResizeItem:l}=this.state,{layout:u}=this.state,{cols:d,preventCollision:p,allowOverlap:m}=this.props,h=!1,g,_,v,[y,b]=(0,i.withLayoutItem)(u,e,e=>{let r;return _=e.x,v=e.y,[`sw`,`w`,`nw`,`n`,`ne`].indexOf(c)!==-1&&([`sw`,`nw`,`w`].indexOf(c)!==-1&&(_=e.x+(e.w-t),t=e.x!==_&&_<0?e.w:t,_=_<0?0:_),[`ne`,`n`,`nw`].indexOf(c)!==-1&&(v=e.y+(e.h-n),n=e.y!==v&&v<0?e.h:n,v=v<0?0:v),h=!0),p&&!m&&(r=(0,i.getAllCollisions)(u,f(f({},e),{},{w:t,h:n,x:_,y:v})).filter(t=>t.i!==e.i).length>0,r&&(v=e.y,n=e.h,_=e.x,t=e.w,h=!1)),e.w=t,e.h=n,e});if(!b)return;g=y,h&&(g=(0,i.moveElement)(y,b,_,v,!0,this.props.preventCollision,(0,i.compactType)(this.props),d,m));let x={w:b.w,h:b.h,x:b.x,y:b.y,static:!0,i:e};this.props.onResize(g,l,b,x,a,o),this.setState({layout:m?g:(0,i.compact)(g,(0,i.compactType)(this.props),d),activeDrag:x})}),p(this,`onResizeStop`,(e,t,n,r)=>{let{e:a,node:o}=r,{layout:s,oldResizeItem:c}=this.state,{cols:l,allowOverlap:u}=this.props,d=(0,i.getLayoutItem)(s,e),f=u?s:(0,i.compact)(s,(0,i.compactType)(this.props),l);this.props.onResizeStop(f,c,d,null,a,o);let{oldLayout:p}=this.state;this.setState({activeDrag:null,layout:f,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(f,p)}),p(this,`onDragOver`,e=>{var n;if(e.preventDefault(),e.stopPropagation(),_&&!((n=e.nativeEvent.target)!=null&&n.classList.contains(g)))return!1;let{droppingItem:r,onDropDragOver:i,margin:a,cols:s,rowHeight:c,maxRows:l,width:u,containerPadding:d,transformScale:p}=this.props,m=i?.(e);if(m===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;let h=f(f({},r),m),{layout:v}=this.state,y=e.currentTarget.getBoundingClientRect(),b=e.clientX-y.left,x=e.clientY-y.top,S={left:b/p,top:x/p,e};if(!this.state.droppingDOMNode){let e={cols:s,margin:a,maxRows:l,rowHeight:c,containerWidth:u,containerPadding:d||a},n=(0,o.calcXY)(e,x,b,h.w,h.h);this.setState({droppingDOMNode:t.createElement(`div`,{key:h.i}),droppingPosition:S,layout:[...v,f(f({},h),{},{x:n.x,y:n.y,static:!1,isDraggable:!0})]})}else if(this.state.droppingPosition){let{left:e,top:t}=this.state.droppingPosition;(e!=b||t!=x)&&this.setState({droppingPosition:S})}}),p(this,`removeDroppingPlaceholder`,()=>{let{droppingItem:e,cols:t}=this.props,{layout:n}=this.state,r=(0,i.compact)(n.filter(t=>t.i!==e.i),(0,i.compactType)(this.props),t,this.props.allowOverlap);this.setState({layout:r,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),p(this,`onDragLeave`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),p(this,`onDragEnter`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),p(this,`onDrop`,e=>{e.preventDefault(),e.stopPropagation();let{droppingItem:t}=this.props,{layout:n}=this.state,r=n.find(e=>e.i===t.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(n,r,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,t){let r;return t.activeDrag?null:(!(0,n.deepEqual)(e.layout,t.propsLayout)||e.compactType!==t.compactType?r=e.layout:(0,i.childrenEqual)(e.children,t.children)||(r=t.layout),r?{layout:(0,i.synchronizeLayoutWithChildren)(r,e.children,e.cols,(0,i.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null)}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,i.fastRGLPropsEqual)(this.props,e,n.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,t){if(!this.state.activeDrag){let e=this.state.layout,n=t.layout;this.onLayoutMaybeChanged(e,n)}}containerHeight(){if(!this.props.autoSize)return;let e=(0,i.bottom)(this.state.layout),t=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return e*this.props.rowHeight+(e-1)*this.props.margin[1]+t*2+`px`}onLayoutMaybeChanged(e,t){t||=this.state.layout,(0,n.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){let{activeDrag:e}=this.state;if(!e)return null;let{width:n,cols:r,margin:i,containerPadding:a,rowHeight:o,maxRows:c,useCSSTransforms:l,transformScale:u}=this.props;return t.createElement(s.default,{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,className:`react-grid-placeholder ${this.state.resizing?`placeholder-resizing`:``}`,containerWidth:n,cols:r,margin:i,containerPadding:a||i,maxRows:c,rowHeight:o,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:u},t.createElement(`div`,null))}processGridItem(e,n){if(!e||!e.key)return;let r=(0,i.getLayoutItem)(this.state.layout,String(e.key));if(!r)return null;let{width:a,cols:o,margin:c,containerPadding:l,rowHeight:u,maxRows:d,isDraggable:f,isResizable:p,isBounded:m,useCSSTransforms:h,transformScale:g,draggableCancel:_,draggableHandle:v,resizeHandles:y,resizeHandle:b}=this.props,{mounted:x,droppingPosition:S}=this.state,C=typeof r.isDraggable==`boolean`?r.isDraggable:!r.static&&f,w=typeof r.isResizable==`boolean`?r.isResizable:!r.static&&p,T=r.resizeHandles||y,E=C&&m&&r.isBounded!==!1;return t.createElement(s.default,{containerWidth:a,cols:o,margin:c,containerPadding:l||c,maxRows:d,rowHeight:u,cancel:_,handle:v,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:C,isResizable:w,isBounded:E,useCSSTransforms:h&&x,usePercentages:!x,transformScale:g,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:n?S:void 0,resizeHandles:T,resizeHandle:b},e)}render(){let{className:e,style:n,isDroppable:a,innerRef:o}=this.props,s=(0,r.default)(g,e),c=f({height:this.containerHeight()},n);return t.createElement(`div`,{ref:o,className:s,style:c,onDrop:a?this.onDrop:i.noop,onDragLeave:a?this.onDragLeave:i.noop,onDragEnter:a?this.onDragEnter:i.noop,onDragOver:a?this.onDragOver:i.noop},t.Children.map(this.props.children,e=>this.processGridItem(e)),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};e.default=v,p(v,`displayName`,`ReactGridLayout`),p(v,`propTypes`,c.default),p(v,`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:i.noop,onDragStart:i.noop,onDrag:i.noop,onDragStop:i.noop,onResizeStart:i.noop,onResize:i.noop,onResizeStop:i.noop,onDrop:i.noop,onDropDragOver:i.noop})})),U=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.findOrGenerateResponsiveLayout=i,e.getBreakpointFromWidth=n,e.getColsFromBreakpoint=r,e.sortBreakpoints=a;var t=T();function n(e,t){let n=a(e),r=n[0];for(let i=1,a=n.length;i<a;i++){let a=n[i];t>e[a]&&(r=a)}return r}function r(e,t){if(!t[e])throw Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+` is missing!`);return t[e]}function i(e,n,r,i,o,s){if(e[r])return(0,t.cloneLayout)(e[r]);let c=e[i],l=a(n),u=l.slice(l.indexOf(r));for(let t=0,n=u.length;t<n;t++){let n=u[t];if(e[n]){c=e[n];break}}return c=(0,t.cloneLayout)(c||[]),(0,t.compact)((0,t.correctBounds)(c,{cols:o}),s,o)}function a(e){return Object.keys(e).sort(function(t,n){return e[t]-e[n]})}})),W=i((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=void 0;var t=u(a()),n=l(_()),r=S(),i=T(),o=U(),s=l(H()),c=[`breakpoint`,`breakpoints`,`cols`,`layouts`,`margin`,`containerPadding`,`onBreakpointChange`,`onLayoutChange`,`onWidthChange`];function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(u=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}function f(e,t){if(e==null)return{};var n,r,i=p(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function p(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){g(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=y(e,`string`);return typeof t==`symbol`?t:t+``}function y(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var b=e=>Object.prototype.toString.call(e);function x(e,t){return e==null?null:Array.isArray(e)?e:e[t]}var C=class extends t.Component{constructor(){super(...arguments),g(this,`state`,this.generateInitialState()),g(this,`onLayoutChange`,e=>{this.props.onLayoutChange(e,h(h({},this.props.layouts),{},{[this.state.breakpoint]:e}))})}generateInitialState(){let{width:e,breakpoints:t,layouts:n,cols:r}=this.props,i=(0,o.getBreakpointFromWidth)(t,e),a=(0,o.getColsFromBreakpoint)(i,r),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,o.findOrGenerateResponsiveLayout)(n,t,i,i,a,s),breakpoint:i,cols:a}}static getDerivedStateFromProps(e,t){if(!(0,r.deepEqual)(e.layouts,t.layouts)){let{breakpoint:n,cols:r}=t;return{layout:(0,o.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,n,n,r,e.compactType),layouts:e.layouts}}return null}componentDidUpdate(e){(this.props.width!=e.width||this.props.breakpoint!==e.breakpoint||!(0,r.deepEqual)(this.props.breakpoints,e.breakpoints)||!(0,r.deepEqual)(this.props.cols,e.cols))&&this.onWidthChange(e)}onWidthChange(e){let{breakpoints:t,cols:n,layouts:r,compactType:a}=this.props,s=this.props.breakpoint||(0,o.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),c=this.state.breakpoint,l=(0,o.getColsFromBreakpoint)(s,n),u=h({},r);if(c!==s||e.breakpoints!==t||e.cols!==n){c in u||(u[c]=(0,i.cloneLayout)(this.state.layout));let e=(0,o.findOrGenerateResponsiveLayout)(u,t,s,c,l,a);e=(0,i.synchronizeLayoutWithChildren)(e,this.props.children,l,a,this.props.allowOverlap),u[s]=e,this.props.onBreakpointChange(s,l),this.props.onLayoutChange(e,u),this.setState({breakpoint:s,layout:e,cols:l})}let d=x(this.props.margin,s),f=x(this.props.containerPadding,s);this.props.onWidthChange(this.props.width,d,l,f)}render(){let e=this.props,{breakpoint:n,breakpoints:r,cols:i,layouts:a,margin:o,containerPadding:l,onBreakpointChange:u,onLayoutChange:p,onWidthChange:m}=e,h=f(e,c);return t.createElement(s.default,d({},h,{margin:x(o,this.state.breakpoint),containerPadding:x(l,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};e.default=C,g(C,`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(e,t){if(b(e[t])!==`[object Object]`)throw Error(`Layout property must be an object. Received: `+b(e[t]));Object.keys(e[t]).forEach(t=>{if(!(t in e.breakpoints))throw Error(`Each key in layouts must align with a key in breakpoints.`);(0,i.validateLayout)(e.layouts[t],`layouts.`+t)})},width:n.default.number.isRequired,onBreakpointChange:n.default.func,onLayoutChange:n.default.func,onWidthChange:n.default.func}),g(C,`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:i.noop,onLayoutChange:i.noop,onWidthChange:i.noop})})),ee=r({default:()=>Ce});function te(e,t){var n=!1,r=!1,i=0;function a(){n&&(n=!1,e()),r&&s()}function o(){le(a)}function s(){var e=Date.now();if(n){if(e-i<ue)return;r=!0}else n=!0,r=!1,setTimeout(o,t);i=e}return s}function G(e){return parseFloat(e)||0}function K(e){return[...arguments].slice(1).reduce(function(t,n){var r=e[`border-`+n+`-width`];return t+G(r)},0)}function ne(e){for(var t=[`top`,`right`,`bottom`,`left`],n={},r=0,i=t;r<i.length;r++){var a=i[r],o=e[`padding-`+a];n[a]=G(o)}return n}function re(e){var t=e.getBBox();return q(0,0,t.width,t.height)}function ie(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return ge;var r=X(e).getComputedStyle(e),i=ne(r),a=i.left+i.right,o=i.top+i.bottom,s=G(r.width),c=G(r.height);if(r.boxSizing===`border-box`&&(Math.round(s+a)!==t&&(s-=K(r,`left`,`right`)+a),Math.round(c+o)!==n&&(c-=K(r,`top`,`bottom`)+o)),!ae(e)){var l=Math.round(s+a)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return q(i.left,i.top,s,c)}function ae(e){return e===X(e).document.documentElement}function oe(e){return J?_e(e)?re(e):ie(e):ge}function se(e){var t=e.x,n=e.y,r=e.width,i=e.height,a=Object.create((typeof DOMRectReadOnly<`u`?DOMRectReadOnly:Object).prototype);return he(a,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),a}function q(e,t,n,r){return{x:e,y:t,width:n,height:r}}var ce,J,Y,le,ue,de,fe,pe,me,he,X,ge,_e,ve,ye,be,xe,Se,Ce,we=t((()=>{ce=(function(){if(typeof Map<`u`)return Map;function e(e,t){var n=-1;return e.some(function(e,r){return e[0]===t?(n=r,!0):!1}),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,`size`,{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){t===void 0&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];e.call(t,i[1],i[0])}},t}()})(),J=typeof window<`u`&&typeof document<`u`&&window.document===document,Y=(function(){return typeof global<`u`&&global.Math===Math?global:typeof self<`u`&&self.Math===Math?self:typeof window<`u`&&window.Math===Math?window:Function(`return this`)()})(),le=(function(){return typeof requestAnimationFrame==`function`?requestAnimationFrame.bind(Y):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}})(),ue=2,de=20,fe=[`top`,`right`,`bottom`,`left`,`width`,`height`,`size`,`weight`],pe=typeof MutationObserver<`u`,me=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=te(this.refresh.bind(this),de)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),e.length>0},e.prototype.connect_=function(){!J||this.connected_||(document.addEventListener(`transitionend`,this.onTransitionEnd_),window.addEventListener(`resize`,this.refresh),pe?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener(`DOMSubtreeModified`,this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!J||!this.connected_||(document.removeEventListener(`transitionend`,this.onTransitionEnd_),window.removeEventListener(`resize`,this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener(`DOMSubtreeModified`,this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=t===void 0?``:t;fe.some(function(e){return!!~n.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||=new e,this.instance_},e.instance_=null,e}(),he=(function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e}),X=(function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||Y}),ge=q(0,0,0,0),_e=(function(){return typeof SVGGraphicsElement<`u`?function(e){return e instanceof X(e).SVGGraphicsElement}:function(e){return e instanceof X(e).SVGElement&&typeof e.getBBox==`function`}})(),ve=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=q(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=oe(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),ye=function(){function e(e,t){var n=se(t);he(this,{target:e,contentRect:n})}return e}(),be=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new ce,typeof e!=`function`)throw TypeError(`The callback provided as parameter 1 is not a function.`);this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof X(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)||(t.set(e,new ve(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof X(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(t){t.isActive()&&e.activeObservations_.push(t)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new ye(e.target,e.broadcastRect())});this.callback_.call(e,t,e),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),xe=typeof WeakMap<`u`?new WeakMap:new ce,Se=function(){function e(t){if(!(this instanceof e))throw TypeError(`Cannot call a class as a function.`);if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);var n=new be(t,me.getInstance(),this);xe.set(this,n)}return e}(),[`observe`,`unobserve`,`disconnect`].forEach(function(e){Se.prototype[e]=function(){var t;return(t=xe.get(this))[e].apply(t,arguments)}}),Ce=(function(){return Y.ResizeObserver===void 0?Se:Y.ResizeObserver})()})),Te=i((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=v;var n=l(a()),r=c(_()),i=c((we(),e(ee))),o=c(C()),s=[`measureBeforeMount`];function c(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(l=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}function d(e,t){if(e==null)return{};var n,r,i=f(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function f(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var g=`react-grid-layout`;function v(e){var t;return t=class extends n.Component{constructor(){super(...arguments),p(this,`state`,{width:1280}),p(this,`elementRef`,n.createRef()),p(this,`mounted`,!1),p(this,`resizeObserver`,void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new i.default(e=>{if(this.elementRef.current instanceof HTMLElement){let t=e[0].contentRect.width;this.setState({width:t})}});let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){let t=this.props,{measureBeforeMount:r}=t,i=d(t,s);return r&&!this.mounted?n.createElement(`div`,{className:(0,o.default)(this.props.className,g),style:this.props.style,ref:this.elementRef}):n.createElement(e,u({innerRef:this.elementRef},i,this.state))}},p(t,`defaultProps`,{measureBeforeMount:!1}),p(t,`propTypes`,{measureBeforeMount:r.default.bool}),t}})),Ee=i(((e,t)=>{t.exports=H().default,t.exports.utils=T(),t.exports.calculateUtils=E(),t.exports.Responsive=W().default,t.exports.Responsive.utils=U(),t.exports.WidthProvider=Te().default}))(),Z=n(a(),1),De=new Map,Q=new Map;function Oe(e,t){return e.querySelector(`[data-layout-grid-item-id="${CSS.escape(t)}"]`)??void 0}function ke(e,t){let n=Oe(e,t);if(!n)return!1;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();return i.bottom<=r.bottom||e.scrollTo({top:e.scrollTop+i.bottom-r.bottom,behavior:`smooth`}),!0}function Ae(e,t,n){let r=(0,Z.useRef)(null);return(0,Z.useEffect)(()=>()=>{De.delete(e),Q.delete(e)},[e]),(0,Z.useEffect)(()=>{let n=De.get(e);if(De.set(e,t),!n)return;let i=new Set(n),a=t.find(e=>!i.has(e));a&&Q.set(e,a);let o=Q.get(e);if(!o)return;let s,c=window.requestAnimationFrame(()=>{s=window.requestAnimationFrame(()=>{let t=r.current;t&&ke(t,o)&&Q.delete(e)})});return()=>{window.cancelAnimationFrame(c),s!=null&&window.cancelAnimationFrame(s)}},[t,n,e]),r}var $=o(),je=(0,Ee.WidthProvider)(Ee.Responsive),Me=[`n`,`e`,`s`,`w`,`se`,`sw`,`nw`,`ne`],Ne=Me,Pe=[12,12],Fe=[0,0],Ie=`
+.sqlrooms-grid-layout .react-grid-item {
+  overflow: visible;
+  transition: none;
+}
+
+.sqlrooms-grid-layout .react-grid-item.react-draggable-dragging {
+  opacity: 1;
+}
+
+.sqlrooms-grid-layout.sqlrooms-grid-layout-interacting,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-interacting * {
+  -webkit-user-select: none !important;
+  user-select: none !important;
+}
+
+.sqlrooms-grid-layout .react-grid-item.react-grid-placeholder {
+  background: hsl(var(--primary) / 0.18);
+  border: 1px solid hsl(var(--primary) / 0.35);
+  opacity: 1;
+  transition: none;
+}
+
+.sqlrooms-grid-layout .react-grid-item.react-grid-placeholder.placeholder-resizing {
+  transition: none;
+}
+
+.sqlrooms-grid-layout .react-grid-item.sqlrooms-grid-resize-follow-preview {
+  height: var(--sqlrooms-grid-preview-height) !important;
+  transform: translate(
+    var(--sqlrooms-grid-preview-left),
+    var(--sqlrooms-grid-preview-top)
+  ) !important;
+  transition: none;
+  width: var(--sqlrooms-grid-preview-width) !important;
+}
+
+.sqlrooms-grid-resize-size {
+  background: hsl(var(--background) / 0.92);
+  border: 1px solid hsl(var(--primary) / 0.28);
+  border-radius: 9999px;
+  color: hsl(var(--foreground));
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1;
+  padding: 4px 7px;
+  pointer-events: none;
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  z-index: 30;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle {
+  background-image: none;
+  box-sizing: border-box;
+  opacity: 0;
+  padding: 0;
+  transform: none;
+  transition:
+    background-color 120ms ease,
+    opacity 120ms ease;
+  z-index: 20;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle::after {
+  content: none;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle:hover,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-e .react-grid-item.resizing > .react-resizable-handle-e,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-s .react-grid-item.resizing > .react-resizable-handle-s,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-w .react-grid-item.resizing > .react-resizable-handle-w,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-n .react-grid-item.resizing > .react-resizable-handle-n,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-se .react-grid-item.resizing > .react-resizable-handle-se,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-sw .react-grid-item.resizing > .react-resizable-handle-sw,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-nw .react-grid-item.resizing > .react-resizable-handle-nw,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-ne .react-grid-item.resizing > .react-resizable-handle-ne {
+  opacity: 1;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-e {
+  bottom: 0;
+  cursor: ew-resize;
+  height: 100%;
+  margin-top: 0;
+  right: -4px;
+  top: 0;
+  width: 12px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-w {
+  bottom: 0;
+  cursor: ew-resize;
+  height: 100%;
+  left: -4px;
+  margin-top: 0;
+  top: 0;
+  width: 12px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-e::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-w::before {
+  background: transparent;
+  content: "";
+  height: 100%;
+  left: 5px;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-e:hover::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-w:hover::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-e .react-grid-item.resizing > .react-resizable-handle-e::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-w .react-grid-item.resizing > .react-resizable-handle-w::before {
+  background: hsl(var(--primary));
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-s {
+  bottom: -4px;
+  cursor: ns-resize;
+  height: 12px;
+  left: 0;
+  margin-left: 0;
+  width: 100%;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-n {
+  cursor: ns-resize;
+  height: 12px;
+  left: 0;
+  margin-left: 0;
+  top: -4px;
+  width: 100%;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-s::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-n::before {
+  align-self: center;
+  background: transparent;
+  content: "";
+  height: 2px;
+  left: 0;
+  position: absolute;
+  top: 5px;
+  width: 100%;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-s:hover::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-n:hover::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-s .react-grid-item.resizing > .react-resizable-handle-s::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-n .react-grid-item.resizing > .react-resizable-handle-n::before {
+  background: hsl(var(--primary));
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-se {
+  bottom: -4px;
+  cursor: nwse-resize;
+  height: 16px;
+  margin-left: 0;
+  right: -4px;
+  width: 16px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-sw {
+  bottom: -4px;
+  cursor: nesw-resize;
+  height: 16px;
+  left: -4px;
+  margin-left: 0;
+  width: 16px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-nw {
+  cursor: nwse-resize;
+  height: 16px;
+  left: -4px;
+  margin-left: 0;
+  top: -4px;
+  width: 16px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-ne {
+  cursor: nesw-resize;
+  height: 16px;
+  margin-left: 0;
+  right: -4px;
+  top: -4px;
+  width: 16px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-se::before {
+  background: transparent;
+  border-bottom: 2px solid transparent;
+  border-right: 2px solid transparent;
+  bottom: 5px;
+  content: "";
+  height: 8px;
+  position: absolute;
+  right: 5px;
+  width: 8px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-sw::before {
+  background: transparent;
+  border-bottom: 2px solid transparent;
+  border-left: 2px solid transparent;
+  bottom: 5px;
+  content: "";
+  height: 8px;
+  left: 5px;
+  position: absolute;
+  width: 8px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-nw::before {
+  background: transparent;
+  border-left: 2px solid transparent;
+  border-top: 2px solid transparent;
+  content: "";
+  height: 8px;
+  left: 5px;
+  position: absolute;
+  top: 5px;
+  width: 8px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-ne::before {
+  background: transparent;
+  border-right: 2px solid transparent;
+  border-top: 2px solid transparent;
+  content: "";
+  height: 8px;
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 8px;
+}
+
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-se:hover::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-sw:hover::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-nw:hover::before,
+.sqlrooms-grid-layout .react-grid-item > .sqlrooms-grid-resize-handle.react-resizable-handle-ne:hover::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-se .react-grid-item.resizing > .react-resizable-handle-se::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-sw .react-grid-item.resizing > .react-resizable-handle-sw::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-nw .react-grid-item.resizing > .react-resizable-handle-nw::before,
+.sqlrooms-grid-layout.sqlrooms-grid-layout-resizing-ne .react-grid-item.resizing > .react-resizable-handle-ne::before {
+  border-color: hsl(var(--primary));
+}
+`;function Le(e){return structuredClone(e)}function Re(e,t,n){if(n.width<=0||n.cols<=0)return;let[r,i]=n.margin,[a,o]=n.containerPadding,s=(n.width-a*2-r*(n.cols-1))/n.cols;return{left:a+e.x*(s+r),top:o+e.y*(t+i),width:e.w*s+Math.max(0,e.w-1)*r,height:e.h*t+Math.max(0,e.h-1)*i}}function ze(e){return{i:e.i,x:e.x,y:e.y,w:e.w,h:e.h}}function Be(e){return e?{overflow:`visible`,"--sqlrooms-grid-preview-left":`${e.left}px`,"--sqlrooms-grid-preview-top":`${e.top}px`,"--sqlrooms-grid-preview-width":`${e.width}px`,"--sqlrooms-grid-preview-height":`${e.height}px`}:{overflow:`visible`}}function Ve(e,t){return(0,$.jsx)(`span`,{ref:t,className:`react-resizable-handle react-resizable-handle-${e} sqlrooms-grid-resize-handle`,"data-layout-resize-handle":e})}function He(e){return e!=null&&Ne.includes(e)}function Ue(e){let t=e.target;if(!(t instanceof Element))return null;let n=t.closest(`[data-layout-resize-handle]`)?.dataset.layoutResizeHandle;return He(n)?n:null}function We(e){return e||Me}function Ge(e,t){return e.length===t.length&&e.every(e=>t.includes(e))}function Ke(e,t){let n={i:e.i,x:e.x,y:e.y,w:e.w,h:e.h};if(e.minW!=null&&(n.minW=e.minW),e.maxW!=null&&(n.maxW=e.maxW),e.minH!=null&&(n.minH=e.minH),e.maxH!=null&&(n.maxH=e.maxH),e.static!=null&&(n.static=e.static),e.isDraggable!=null&&(n.isDraggable=e.isDraggable),e.isResizable!=null&&(n.isResizable=e.isResizable),e.resizeHandles!=null){let r=We(e.resizeHandles);Ge(r,t)||(n.resizeHandles=r)}return n}function qe(e,t){return Object.fromEntries(Object.entries(e).map(([e,n])=>[e,n.map(e=>Ke(e,t))]))}var Je={Root:({node:e,path:t,parentDirection:n})=>{let r=x(),i=l(e),{rootLayout:a,onLayoutChange:o}=b(),s=e.rowHeight??220,_=e.margin??Pe,S=e.containerPadding??Fe,[C,w]=(0,Z.useState)(()=>({width:0,margin:_,cols:12,containerPadding:S})),[T,E]=(0,Z.useState)(!1),[D,O]=(0,Z.useState)(null),[k,A]=(0,Z.useState)(null),j=(0,Z.useMemo)(()=>e.children.map(g),[e.children]),M=e.breakpoints??h,N=(0,Z.useMemo)(()=>p(e.cols,M),[M,e.cols]),P=(0,Z.useMemo)(()=>We(e.resizeHandles),[e.resizeHandles]),F=(0,Z.useMemo)(()=>e.layouts?qe(e.layouts,P):m(e.children,N),[N,e.children,e.layouts,P]),I=Ae(e.id,j,F),L=k?Re(k,s,C):void 0,R=(0,Z.useCallback)(t=>{if(!o)return;let n=qe(t,P);if(JSON.stringify(e.layouts??{})===JSON.stringify(n))return;let r=Le(a),i=u(r,e.id);!i||!c(i.node)||(i.node.layouts=n,o(r))},[e.id,e.layouts,o,P,a]),z=(0,Z.useCallback)(()=>{E(!0)},[]),B=(0,Z.useCallback)(()=>{E(!1)},[]),V=(0,Z.useCallback)((e,t,n,r)=>{w({width:e,margin:t,cols:n,containerPadding:r})},[]),H=(0,Z.useCallback)((e,t,n,r,i)=>{E(!0),O(Ue(i)),A(ze(n))},[]),U=(0,Z.useCallback)((e,t,n,r)=>{A(ze(r??n))},[]),W=(0,Z.useCallback)(()=>{E(!1),O(null),A(null)},[]);return(0,$.jsx)(d,{containerType:`grid`,node:e,path:t,parentDirection:n,children:(0,$.jsx)(f,{defaultComponent:(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 w-full flex-col`,"data-grid-id":e.id,children:[(0,$.jsx)(`style`,{children:Ie}),i?.title&&(0,$.jsxs)(`div`,{className:`border-border flex items-center gap-2 border-b px-3 py-2`,children:[i.icon&&(0,$.jsx)(i.icon,{className:`h-4 w-4`}),(0,$.jsx)(`span`,{className:`text-sm font-medium`,children:i.title})]}),(0,$.jsxs)(y,{viewportRef:I,className:`min-h-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`min-h-full px-5 py-2`,children:(0,$.jsx)(je,{className:[`layout sqlrooms-grid-layout`,T?`sqlrooms-grid-layout-interacting`:``,D?`sqlrooms-grid-layout-resizing-${D}`:``].filter(Boolean).join(` `),layouts:F,cols:N,breakpoints:M,rowHeight:s,margin:_,containerPadding:S,compactType:e.compactType===void 0?null:e.compactType,preventCollision:e.preventCollision,isBounded:e.isBounded,autoSize:e.autoSize??!0,draggableHandle:`[data-layout-drag-handle="true"]`,draggableCancel:`button, input, textarea, select, a, [data-layout-drag-cancel="true"]`,resizeHandles:P,resizeHandle:Ve,onDragStart:z,onDragStop:B,onWidthChange:V,onResizeStart:H,onResize:U,onResizeStop:W,onLayoutChange:(e,t)=>R(t),children:e.children.map(n=>{let i=g(n),a=k?.i===i&&L!=null;return(0,$.jsxs)(`div`,{className:a?`sqlrooms-grid-resize-follow-preview h-full`:`h-full`,"data-layout-grid-item-id":i,style:Be(a?L:void 0),children:[(0,$.jsx)(`div`,{className:`bg-background h-full overflow-hidden rounded border`,children:r({node:n,path:[...t,e.id,i],containerType:`grid`,containerId:e.id})}),a?(0,$.jsxs)(`div`,{className:`sqlrooms-grid-resize-size`,children:[k.w,` cols x `,k.h,` rows`]}):null]},i)})})}),(0,$.jsx)(v,{orientation:`horizontal`})]})]})})})}};export{Je as GridLayout};

sqlrooms/web/static/assets/LayoutRendererContext-BKO2wB-W.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{Q as t,b as n}from"./CommandSlice-DPSuuiIV.js";var r=e(t(),1),i=n(),a=(0,r.createContext)(void 0);function o(){let e=(0,r.useContext)(a);if(e===void 0)throw Error(`useLayoutRendererContext must be used within a LayoutRendererProvider`);return e}var s=({children:e,...t})=>(0,i.jsx)(a.Provider,{value:t,children:e});export{o as n,s as t};

sqlrooms/web/static/assets/LeafLayout-DPFHUP6B.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{Q as t,b as n}from"./CommandSlice-DPSuuiIV.js";import{h as r,i,r as a,t as o,u as s,v as c}from"./RendererSwitcher-DnVbhqg4.js";import{t as l}from"./utils-yJ4l7ARz.js";import{h as u,m as d}from"./core.esm-DdCldPzV.js";var f=n(),p=e(t(),1),m=(0,p.createContext)(null);function h(){let e=(0,p.useContext)(m);if(!e)throw Error(`useDockingContext must be used within DockingProvider`);return e}var g=(0,p.createContext)(null),_=g.Provider,v=()=>{let e=(0,p.useContext)(g);if(!e)throw Error(`useLeafLayoutPanelDraggable must be used within LeafLayoutPanelDraggableProvider`);return e};function y(){let{node:e}=i(),t=c(e),{rootLayout:n}=h();return r(n,t)}var b=`sqlrooms.layout.panel`,x=({children:e})=>{let{node:t}=i(),n=c(t),r=y(),{attributes:a,listeners:o,setNodeRef:s,isDragging:m}=d({id:n,disabled:!r,data:{kind:b,panelId:n}}),{setNodeRef:h}=u({id:n,disabled:!r||m,data:{kind:b,panelId:n}}),g=(0,p.useCallback)(e=>{s(e),h(e)},[s,h]);return(0,f.jsx)(_,{value:(0,p.useMemo)(()=>({attributes:a,listeners:o}),[a,o]),children:(0,f.jsx)(`div`,{ref:g,className:l(`group relative flex h-full w-full flex-col overflow-hidden`,{"opacity-30":r&&m,"opacity-100":r&&!m}),children:e})})},S={Root:({node:e,path:t,parentContainerType:n,parentContainerId:r})=>(0,f.jsx)(a,{containerType:`leaf`,node:e,path:t,parentContainerType:n,parentContainerId:r,children:(0,f.jsx)(x,{children:(0,f.jsx)(o,{})})}),Header:({children:e})=>{let t=i(),{node:n}=t,r=y(),a=c(n),o=s(e=>e.layout),l=(0,p.useMemo)(()=>o.findAncestorOfType(a,`grid`),[o,a]),u=t.containerType===`leaf`&&t.parentContainerType===`grid`;return!r&&!l&&!u?null:e},DragHandle:({children:e,className:t})=>{let{attributes:n,listeners:r}=v();return(0,f.jsx)(`div`,{className:l(`select-none`,t),"data-layout-drag-handle":`true`,...n,...r,children:e})}};export{b as n,m as r,S as t};

sqlrooms/web/static/assets/LeafLayout-ekhNDEEg.js

@@ -0,0 +1 @@
+import{t as e}from"./LeafLayout-DPFHUP6B.js";export{e as LeafLayout};

sqlrooms/web/static/assets/RenderNodeContext-BdrX8FaE.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{Q as t,b as n}from"./CommandSlice-DPSuuiIV.js";var r=e(t(),1),i=n(),a=(0,r.createContext)(null),o=({children:e,renderNode:t})=>(0,i.jsx)(a.Provider,{value:t,children:e}),s=()=>{let e=(0,r.useContext)(a);if(!e)throw Error(`useRenderNode must be used within a RenderNodeProvider`);return e};export{s as n,o as t};

sqlrooms/web/static/assets/RendererSwitcher-DnVbhqg4.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{A as t,B as n,C as r,F as i,G as a,H as o,K as s,P as c,Q as l,R as u,T as d,U as f,V as p,W as m,b as ee,c as te,f as ne,h,k as g,l as re,v as ie,z as _}from"./CommandSlice-DPSuuiIV.js";var ae=r.enum([`row`,`column`]);function oe(){return Math.random().toString(36).substring(2,15)}function v(e,t){if(typeof e==`string`)return{type:`panel`,id:e,defaultSize:t};if(typeof e==`object`&&e){let n=e;if(!(`defaultSize`in n))return{...n,defaultSize:t}}return e}function y(e){if(typeof e!=`object`||!e)return e;let t=e;if(`first`in t&&`second`in t&&`direction`in t){let e=y(t.first),n=y(t.second);if(`splitPercentage`in t&&typeof t.splitPercentage==`number`){let r=t.splitPercentage,i=100-t.splitPercentage;e=v(e,`${r}%`),n=v(n,`${i}%`)}return{type:`split`,id:oe(),direction:t.direction,children:[e,n]}}return t}var se=`main`,ce=f(),b=a([u(),f()]),x=_({defaultSize:b.optional(),minSize:b.optional(),maxSize:b.optional(),collapsedSize:b.optional(),collapsible:t().optional()}),S=a([f(),_({key:f(),meta:p(f(),s()).optional()})]),le=_({type:i(`panel`),id:f(),panel:S.optional(),title:f().optional(),collapsed:t().optional(),...x.shape}),ue=_({type:i(`split`),id:f(),panel:S.optional(),direction:ae,collapsed:t().optional(),resizable:t().default(!0).optional(),...x.shape}).strict().extend({children:c(()=>g(w))}).strict(),de=_({type:i(`tabs`),id:f(),panel:S.optional(),activeTabIndex:u(),collapsed:t().optional(),hideTabStrip:t().optional(),closedChildren:g(f()).optional(),hiddenChildren:g(f()).optional(),...x.shape}).strict().extend({children:c(()=>g(w))}).strict(),fe=_({type:i(`dock`),id:f(),panel:S.optional(),collapsed:t().optional(),...x.shape}).extend({root:c(()=>w)}),pe=d([`vertical`,`horizontal`]).nullable(),C=g(d([`n`,`e`,`s`,`w`,`se`,`sw`,`nw`,`ne`])).optional(),me=_({i:f(),x:u(),y:u(),w:u(),h:u(),minW:u().optional(),maxW:u().optional(),minH:u().optional(),maxH:u().optional(),static:t().optional(),isDraggable:t().optional(),isResizable:t().optional(),resizeHandles:C}).strict(),w=n(y,a([ce,le,ue,de,fe,o({..._({type:i(`grid`),id:f(),panel:S.optional(),collapsed:t().optional(),cols:a([u(),p(f(),u())]).optional(),rowHeight:u().optional(),margin:m([u(),u()]).optional(),containerPadding:m([u(),u()]).optional(),compactType:pe.optional(),preventCollision:t().optional(),isBounded:t().optional(),breakpoints:p(f(),u()).optional(),layouts:p(f(),g(me)).optional(),autoSize:t().optional(),resizeHandles:C,...x.shape}).shape,children:c(()=>g(w))})]));function T(e){return typeof e==`string`}function E(e){return typeof e==`object`&&!!e&&e.type===`panel`}function D(e){return typeof e==`object`&&!!e&&e.type===`split`}function O(e){return typeof e==`object`&&!!e&&e.type===`tabs`}function k(e){return typeof e==`object`&&!!e&&e.type===`dock`}function A(e){return typeof e==`object`&&!!e&&e.type===`grid`}var he=w.nullable();function j(e){if(typeof e==`string`)return e;if(E(e)||D(e)||O(e)||k(e)||A(e))return e.id;throw Error(`Unknown node type`)}function M(e){return e.map(e=>j(e))}function N(e){let t=new Set(e.hiddenChildren??[]);return e.children.filter(e=>{let n=j(e);return!t.has(n)})}function ge(e){let t=new Set(e.hiddenChildren??[]);return e.children.filter(e=>{let n=j(e);return t.has(n)})}var P=e(l(),1);function _e(e,t){return T(e)?{type:`panel`,id:e,panel:e,...t}:{...e,defaultSize:e.defaultSize??t.defaultSize,minSize:e.minSize??t.minSize,maxSize:e.maxSize??t.maxSize,collapsedSize:e.collapsedSize??t.collapsedSize,collapsible:e.collapsible??t.collapsible}}function ve(e){if(e.children.length===0)return null;let t=new Set(e.children.map(e=>j(e))),n=(e.hiddenChildren??[]).filter(e=>t.has(e)),r=e.children.filter(e=>!n.includes(j(e)));return{...e,hiddenChildren:n,activeTabIndex:r.length===0?0:Math.min(e.activeTabIndex,r.length-1)}}function F(e){if(e.children.length===0)return null;if(e.children.length===1){let[t]=e.children;return t?_e(t,{defaultSize:e.defaultSize,minSize:e.minSize,maxSize:e.maxSize,collapsedSize:e.collapsedSize,collapsible:e.collapsible}):null}return e}function I(e,t){if(!e)return null;if(T(e))return e===t?null:e;if(E(e))return e.id===t?null:e;if(e.id===t)return null;if(k(e)){let n=I(e.root,t);return n===null?null:{...e,root:n}}if(A(e)){let n=e.children.map(e=>I(e,t)).filter(e=>e!==null);return{...e,children:n}}if(O(e)){let n=e.children.map(e=>I(e,t)).filter(e=>e!==null);return ve({...e,children:n})}if(D(e)){let n=e.children.map(e=>I(e,t)).filter(e=>e!==null);return F({...e,children:n})}return e}function ye(e=`layout`){return`${e}-${Math.random().toString(36).slice(2,10)}`}function L(e,t,n=[]){if(e){if(T(e))return t(e,n);if(E(e))return t(e.id,n);if(k(e))return L(e.root,t,[...n,e]);if(D(e)||A(e)){for(let r of e.children){let i=L(r,t,[...n,e]);if(i!==void 0)return i}return}if(O(e))for(let r of N(e)){let i=L(r,t,[...n,e]);if(i!==void 0)return i}}}function be(e){let t=[];return L(e,e=>{t.push(e)}),t}function R(e,t,n=[]){if(e){if(T(e))return e===t?{node:e,ancestors:n}:void 0;if(E(e))return e.id===t?{node:e,ancestors:n}:void 0;if(e.id===t)return{node:e,ancestors:n};if(k(e))return R(e.root,t,[...n,e]);if(D(e)||O(e)||A(e))for(let r of e.children){let i=R(r,t,[...n,e]);if(i)return i}}}function z(e,t,n){if(T(e))return e===t?n(e):e;if(E(e))return e.id===t?n(e):e;if(e.id===t)return n(e);if(k(e)){let r=z(e.root,t,n);return r===e.root?e:{...e,root:r}}if(D(e)||O(e)||A(e)){let r=!1,i=e.children.map(e=>{let i=z(e,t,n);return i!==e&&(r=!0),i});return r?{...e,children:i}:e}return e}function B(e,t){if(!(T(e)||E(e))){if(k(e))return B(e.root,t);if(A(e)){for(let n of e.children){let e=B(n,t);if(e)return e}return}if(O(e)){if(e.children.some(e=>j(e)===t))return e.id;for(let n of e.children){let e=B(n,t);if(e)return e}return}if(D(e))for(let n of e.children){let e=B(n,t);if(e)return e}}}function V(e,t){let n=R(e,t);if(n)for(let e=n.ancestors.length-1;e>=0;--e){let t=n.ancestors[e];if(t&&k(t))return t}}function xe(e,t){return V(e,t)!==void 0}function Se(e,t){return!e||!R(e,t)?{success:!1}:{success:!0,nextTree:I(e,t)}}var H=`@sqlrooms/layout/panels`,U=_({panelId:f().describe(`ID of the panel to show/hide, e.g. "sql-editor".`),show:t().optional().describe(`Optional explicit visibility. True shows, false hides, omitted toggles.`)}),Ce=_({areaId:f().describe(`ID of the area.`),panelId:f().describe(`ID of the panel to make active.`)}),we=_({areaId:f().describe(`ID of the area to collapse/expand.`),collapsed:t().describe(`True to collapse, false to expand.`)}),Te=_({areaId:f().describe(`ID of the area.`),panelId:f().describe(`ID of the panel to add.`)}),Ee=_({areaId:f().describe(`ID of the area.`),panelId:f().describe(`ID of the panel to remove.`)});function De(e){let t={id:`layout.panel.show`,name:`Show panel by ID`,description:`Activate a panel in its area (expands the area if collapsed)`,group:`Layout`,keywords:[`layout`,`panel`,`show`,`activate`,`open`,`id`],inputSchema:U,inputDescription:`Provide panelId to activate it in its area.`,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},validateInput:(e,{getState:t})=>{let{panelId:n}=e;if(!t().layout.panels[n])throw Error(`Unknown panel ID "${n}".`)},execute:({getState:e},t)=>{let{panelId:n,show:r}=t,i=e().layout.config,a=i?B(i,n):null;return a?r===!0?(e().layout.setActiveTab(a,n),{success:!0,commandId:`layout.panel.show`,message:`Activated panel "${n}" in "${a}".`}):r===!1?(e().layout.removeTab(a,n),{success:!0,commandId:`layout.panel.show`,message:`Hidden panel "${n}" in "${a}".`}):e().layout.getActiveTab(a)===n?(e().layout.removeTab(a,n),{success:!0,commandId:`layout.panel.show`,message:`Toggled off panel "${n}" in "${a}".`}):(e().layout.setActiveTab(a,n),{success:!0,commandId:`layout.panel.show`,message:`Toggled on panel "${n}" in "${a}".`}):{success:!1,commandId:`layout.panel.show`,message:`Panel "${n}" not found in layout.`}}},n=Object.entries(e).filter(e=>typeof e[1]!=`function`).map(([e,t])=>{let n=t.title??e,r=[e,t.title].filter(e=>!!e);return{id:`layout.panel.show.${e}`,name:`Show panel: ${n}`,description:`Activate the ${n} panel in its area`,group:`Layout`,keywords:r,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},execute:({getState:t})=>{let{config:n,setActiveTab:r}=t().layout,i=n?B(n,e):null;return i?(r(i,e),{success:!0,commandId:`layout.panel.show.${e}`,message:`Activated panel "${e}" in "${i}".`}):{success:!1,commandId:`layout.panel.show.${e}`,message:`Panel "${e}" not found in layout.`}}}}),r={id:`layout.tabs.set-active`,name:`Set active tab`,description:`Set which tab is visible in a tabs node`,group:`Layout`,keywords:[`layout`,`tab`,`active`,`panel`,`select`],inputSchema:Ce,inputDescription:`Provide areaId and panelId.`,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},execute:({getState:e},t)=>{let{areaId:n,panelId:r}=t;return e().layout.setActiveTab(n,r),{success:!0,commandId:`layout.tabs.set-active`,message:`Set active tab in "${n}" to "${r}".`}}},i={id:`layout.tabs.collapse`,name:`Collapse or expand`,description:`Collapse or expand a collapsible layout node`,group:`Layout`,keywords:[`layout`,`collapse`,`expand`,`toggle`],inputSchema:we,inputDescription:`Provide areaId and collapsed (true/false).`,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},execute:({getState:e},t)=>{let{areaId:n,collapsed:r}=t;return e().layout.setCollapsed(n,r),{success:!0,commandId:`layout.tabs.collapse`,message:`${r?`Collapsed`:`Expanded`} "${n}".`}}},a={id:`layout.tabs.add`,name:`Add tab`,description:`Add a tab to a tabs node`,group:`Layout`,keywords:[`layout`,`add`,`panel`,`tab`],inputSchema:Te,inputDescription:`Provide areaId and panelId.`,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},execute:({getState:e},t)=>{let{areaId:n,panelId:r}=t;return e().layout.addTab(n,r),{success:!0,commandId:`layout.tabs.add`,message:`Added tab "${r}" to "${n}".`}}},o={id:`layout.tabs.remove`,name:`Remove tab`,description:`Remove a tab from a tabs node`,group:`Layout`,keywords:[`layout`,`remove`,`panel`,`tab`,`close`],inputSchema:Ee,inputDescription:`Provide areaId and panelId.`,metadata:{readOnly:!1,idempotent:!0,riskLevel:`low`},execute:({getState:e},t)=>{let{areaId:n,panelId:r}=t;return e().layout.removeTab(n,r),{success:!0,commandId:`layout.tabs.remove`,message:`Removed tab "${r}" from "${n}".`}}};return[t,...n,r,i,a,o]}function W(e,t){let n=R(e,t);if(n&&O(n.node))return{node:n.node,path:n.ancestors}}function G(e,t){return N(e).findIndex(e=>j(e)===t)}function K(e,t){if(e.hiddenChildren){let n=e.hiddenChildren.indexOf(t);n>=0&&e.hiddenChildren.splice(n,1)}}function Oe(e,t){e.hiddenChildren||=[],e.hiddenChildren.includes(t)||e.hiddenChildren.push(t)}function ke(e,t){let n=(n,r)=>{e(e=>h(e,e=>{let t=W(e.layout.config,n);if(!t||!t.node.children.some(e=>j(e)===r))return;K(t.node,r);let i=G(t.node,r);i>=0&&(t.node.activeTabIndex=i)})),t().layout.isCollapsed(n)&&t().layout.setCollapsed(n,!1)},r=(t,n)=>{e(e=>h(e,e=>{let r=W(e.layout.config,t);if(!r)return;let i=typeof n==`string`?n:j(n);r.node.children.findIndex(e=>j(e)===i)<0&&r.node.children.push(n),K(r.node,i);let a=G(r.node,i);a>=0&&(r.node.activeTabIndex=a)}))},i=(t,n)=>{e(e=>h(e,e=>{let r=W(e.layout.config,t);if(!r||!r.node.children.some(e=>j(e)===n))return;let i=N(r.node).findIndex(e=>j(e)===n);i>=0&&i<r.node.activeTabIndex&&--r.node.activeTabIndex,Oe(r.node,n);let a=N(r.node);r.node.activeTabIndex=Math.max(0,Math.min(r.node.activeTabIndex,a.length-1))}))},a=(t,n)=>{e(e=>h(e,e=>{let r=W(e.layout.config,t);if(!r)return;let i=r.node.children.findIndex(e=>j(e)===n);if(i<0)return;r.node.children.splice(i,1),K(r.node,n);let a=N(r.node);r.node.activeTabIndex>=a.length&&(r.node.activeTabIndex=Math.max(0,a.length-1))}))},o=(t,n)=>{e(e=>h(e,e=>{let r=R(e.layout.config,t);!r||T(r.node)||!r.node.collapsible||(r.node.collapsed=n)}))},s=e=>{let n=R(t().layout.config,e);!n||T(n.node)||!n.node.collapsible||o(e,!n.node.collapsed)},c=e=>{let n=W(t().layout.config,e);return n?M(n.node.children):[]},l=e=>{let n=W(t().layout.config,e);return n?M(N(n.node)):[]},u=e=>{let n=W(t().layout.config,e);return n?M(ge(n.node)):[]},d=e=>{let n=W(t().layout.config,e);if(!n)return;let r=N(n.node)[n.node.activeTabIndex];return r==null?void 0:j(r)};return{setActiveTab:n,addTab:r,removeTab:i,deleteTab:a,reorderTabs:(t,n)=>{e(e=>h(e,e=>{let r=W(e.layout.config,t);if(!r)return;let i=new Map(r.node.children.map(e=>[j(e),e])),a=new Set(r.node.hiddenChildren??[]),o=[];for(let e of n){let t=i.get(e);t&&(o.push(t),i.delete(e))}for(let[e,t]of i)a.has(e)&&o.push(t);r.node.children=o;let s=d(t);if(s){let e=N(r.node).findIndex(e=>j(e)===s);e>=0&&(r.node.activeTabIndex=e)}}))},setCollapsed:o,toggleCollapsed:s,getTabs:c,getVisibleTabs:l,getHiddenTabs:u,getActiveTab:d,isCollapsed:e=>{let n=R(t().layout.config,e);return!n||T(n.node)||!n.node.collapsible?!1:n.node.collapsed===!0}}}function Ae(){return se}function je({config:e=Ae(),panels:t={}}={}){return ne((n,r,i)=>{let a,o=()=>{te(i,H,De(r().layout.panels))};return{layout:{initialize:async()=>{o(),a?.(),a=i.subscribe((e,t)=>{e.layout.panels!==t.layout.panels&&o()})},destroy:async()=>{a?.(),a=void 0,re(i,H)},config:e,panels:t,setConfig:e=>n(t=>h(t,t=>{t.layout.config=e})),setLayout:e=>r().layout.setConfig(e),togglePanel:(e,t)=>{if(r().layout.config===e)return;let i=Se(r().layout.config,e);if(i.success){if(t||e===`main`)return;n(e=>h(e,e=>{e.layout.config=i.nextTree}))}else{if(t===!1)return;n(t=>h(t,t=>{let n=t.layout.config,r=t.layout.panels[e],i=(typeof r==`function`?r({panelId:e}):r)?.placement,a=i===`sidebar`?`first`:`second`,o=D(n)?a===`first`?0:n.children.length-1:-1,s=D(n)?n.children[o]:void 0;if(s&&typeof s==`string`&&D(n)&&s!==`main`)n.children[o]=e;else{let n={type:`panel`,id:e,panel:e,defaultSize:`25%`},r=t.layout.config&&!T(t.layout.config)?{...t.layout.config,defaultSize:`75%`}:t.layout.config;t.layout.config={type:`split`,id:`root-layout`,direction:i===`sidebar-bottom`?`column`:`row`,children:a===`first`?[n,r??`main`]:[r??`main`,n]}}}))}},togglePanelPin:()=>{},...ke(n,r),registerPanel:(e,t)=>{n(n=>h(n,n=>{n.layout.panels[e]=t}))},unregisterPanel:e=>{n(t=>h(t,t=>{delete t.layout.panels[e]}))},addChildToSplit:(e,t)=>{n(n=>h(n,n=>{let r=R(n.layout.config,e);if(!r||!D(r.node))return;let i=j(t);r.node.children.some(e=>j(e)===i)||r.node.children.push(t)}))},findAncestorOfType:(e,t)=>{let n=r().layout.config,i=R(n,e);if(i)for(let e=i.ancestors.length-1;e>=0;e--){let n=i.ancestors[e];if(n&&!T(n)&&t===n.type)return n}}}}})}function q(e){return ie(t=>e(t))}function J(e,t){return typeof e==`function`?e(t):e}function Y(e){return T(e)?{panelId:e,meta:void 0}:(E(e)||k(e)||A(e)||D(e)||O(e))&&e.panel?typeof e.panel==`string`?{panelId:e.panel,meta:void 0}:{panelId:e.panel.key,meta:e.panel.meta}:{panelId:null,meta:void 0}}var X=ee(),Z=(0,P.createContext)(null),Me=({children:e,...t})=>(0,X.jsx)(Z.Provider,{value:t,children:e});function Q(){let e=(0,P.useContext)(Z);if(!e)throw Error(`useLayoutNodeContext must be used within LayoutNodeProvider`);return e}function Ne(){let e=Q();if(e.containerType!==`tabs`)throw Error(`useTabsNodeContext expected containerType "tabs", got "${e.containerType}"`);return e}function Pe(){let e=Q();if(e.containerType!==`split`)throw Error(`useSplitNodeContext expected containerType "split", got "${e.containerType}"`);return e}function Fe(){return(0,P.useContext)(Z)}function $(e){let t=q(e=>e.layout.panels),n=Fe();return(0,P.useMemo)(()=>{let{panelId:r,meta:i}=Y(e);if(!r)return null;let a=t[r];return a?J(a,{panelId:r,meta:i,layoutNode:n??void 0}):null},[e,t,n])}var Ie=({defaultComponent:e})=>{let t=Q(),n=$(t.node),r=n?.component;if(r){let i=Y(t.node);return i.panelId?(0,X.jsx)(r,{panelInfo:n,...i}):e}return e};export{A as C,O as D,D as E,k as S,E as T,M as _,Pe as a,he as b,J as c,ye as d,V as f,z as g,xe as h,Q as i,je as l,be as m,$ as n,Ne as o,R as p,Me as r,Y as s,Ie as t,q as u,j as v,T as w,w as x,N as y};

sqlrooms/web/static/assets/SplitLayout-fPLAPJN-.js

@@ -0,0 +1 @@
+import{o as e}from"./chunk-jRWAZmH_.js";import{Q as t,b as n}from"./CommandSlice-DPSuuiIV.js";import{a as r,g as i,r as a,t as o,v as s,w as c}from"./RendererSwitcher-DnVbhqg4.js";import{t as l}from"./utils-yJ4l7ARz.js";import{n as u,r as d,t as f}from"./resizable-DYr7VLR3.js";import{n as p}from"./LayoutRendererContext-BKO2wB-W.js";import{n as m}from"./RenderNodeContext-BdrX8FaE.js";var h=e(t(),1),g=n(),_=`10%`,v=({panelId:e,collapsed:t,collapsible:n,collapsedSize:r,defaultSize:i,minSize:a,maxSize:o,onResize:s,children:c})=>{let{onCollapse:l,onExpand:d}=p(),f=(0,h.useRef)(null);(0,h.useEffect)(()=>{let e=f.current;e&&(t&&!e.isCollapsed()?e.collapse():!t&&e.isCollapsed()&&e.expand())},[t]);let m=(0,h.useCallback)((n,r,i)=>{let a=f.current;!e||!a||(t&&!a.isCollapsed()?d?.(e):!t&&a.isCollapsed()&&l?.(e),s?.(n,r,i))},[e,t,d,l,s]);return(0,g.jsx)(u,{id:e,panelRef:f,collapsible:n,collapsedSize:r??0,defaultSize:i,minSize:a??(n?_:void 0),maxSize:o,onResize:m,children:c})};function y(e){return typeof e==`number`?`${e}px`:e}function b(e,t){return t===`column`?{height:e.defaultSize??`auto`,minHeight:e.minSize,maxHeight:e.maxSize}:{width:e.defaultSize??`auto`,minWidth:e.minSize,maxWidth:e.maxSize}}function x(e){return c(e)?{collapsible:!1}:{defaultSize:y(e.defaultSize),minSize:y(e.minSize),maxSize:y(e.maxSize),collapsedSize:y(e.collapsedSize),collapsible:e.collapsible??!1}}function S(e){return c(e)?!1:e.collapsed===!0}var C=({className:e,...t})=>(0,g.jsx)(f,{className:l(`bg-border hover:bg-primary/60 transition-colors`,e),...t}),w=({node:e,nodeIndex:t,handleComponent:n,children:i})=>{let{node:a}=r(),o=s(e),c=x(e),l=S(e),d=t===a.children.length-1,f=a.resizable!==!1,p=n||(0,g.jsx)(C,{});return f?c.collapsible?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(v,{panelId:o,collapsed:l,...c,children:i}),!d&&p]}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(u,{id:o,...c,children:i}),!d&&p]}):(0,g.jsx)(`div`,{className:`flex-1`,style:b(c,a.direction),children:i})};function T(e,t,n){let r=Number(e.toFixed(4)),i=t===void 0?void 0:Math.round(t);if(typeof n==`number`)return i??n;if(typeof n==`string`){let e=n.trim();if(e.endsWith(`%`))return`${r}%`;if(e.endsWith(`px`))return i===void 0?n:`${i}px`}return`${r}%`}function E(e,t,n){let r=Array.from(e?.querySelectorAll(`[data-panel]`)??[]).find(e=>e.id===t);return n===`column`?r?.offsetHeight:r?.offsetWidth}function D(e,t){return c(e)?{type:`panel`,id:e,panel:e,defaultSize:t}:e.defaultSize===t?e:{...e,defaultSize:t}}var O={Root:({node:e,path:t})=>(0,g.jsx)(a,{containerType:`split`,node:e,path:t,children:(0,g.jsx)(o,{defaultComponent:(0,g.jsx)(`div`,{className:`relative h-full w-full`,"data-layout-split-id":e.id,children:(0,g.jsx)(O.PanelGroup,{children:e.children.map((e,t)=>{let n=s(e);return(0,g.jsx)(O.Panel,{node:e,nodeIndex:t,children:(0,g.jsx)(O.PanelContent,{node:e})},n)})})})})}),Panel:w,PanelGroup:({children:e})=>{let{node:t}=r(),{rootLayout:n,onLayoutChange:a}=p(),o=(0,h.useRef)(null),l=(0,h.useRef)(!1);return(0,g.jsx)(d,{elementRef:o,orientation:t.direction===`column`?`vertical`:`horizontal`,onLayoutChanged:(0,h.useCallback)(e=>{if(!l.current){l.current=!0;return}if(!a)return;let r=n;for(let n of t.children){let a=s(n),l=e[a];if(l===void 0)continue;let u=c(n)?void 0:n.defaultSize,d=T(l,E(o.current,a,t.direction),u);r=i(r,a,e=>D(e,d))}r!==n&&a(r)},[a,t.children,t.direction,n]),children:e})},PanelContent:({node:e})=>{let{node:t,path:n}=r();return m()({node:e,path:n,containerType:`split`,containerId:t.id,parentDirection:t.direction})},Handle:C};export{O as SplitLayout};

sqlrooms/web/static/assets/TabsLayout-C0N-7wmx.js

@@ -0,0 +1 @@
+import{t as e}from"./TabsLayout-T3iApyr5.js";export{e as TabsLayout};