@marimo-team/frontend 0.9.15-dev5 → 0.9.15-dev51

package/dist/assets/useMarimoWebSocket-B6ZIQ0Jw.js

@@ -1,21 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./slides-component-MUKRYOcY.js","./index-Ctlr39rC.js","./index-BkD6C0P6.css","./slides-component-DgTqb5fJ.css"])))=>i.map(i=>d[i]);
-var e,t=Object.defineProperty,n=(e,n,r)=>((e,n,r)=>n in e?t(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r)(e,"symbol"!=typeof n?n+"":n,r);import{a$ as r,d8 as o,ap as a,d9 as i,at as s,F as l,cN as c,ae as u,a2 as d,bQ as p,da as f,a4 as h,K as m,a5 as g,bX as y,R as b,bq as v,db as w,bc as x,dc as S,dd as O,de as _,df as j,bs as E,bt as D,bv as C,aq as N,bw as R,d3 as P,dg as k,dh as M,di as z,dj as T,d5 as L,b9 as I,ao as H,dk as A,dl as W,dm as q,dn as B,D as G,ar as F,dp as Y,cT as U,dq as V,dr as X,bB as $,a0 as K,ds as Q,dt as Z,du as J,H as ee,dv as te,dw as ne,dx as re,dy as oe,dz as ae,dA as ie,dB as se,dC as le,dD as ce,O as ue,dE as de,V as pe,dF as fe,dG as he,dH as me,cL as ge,cU as ye,dI as be,dJ as ve,dK as we,dL as xe,dM as Se,dN as Oe,dO as _e,dP as je,dQ as Ee,dR as De,dS as Ce,dT as Ne,dU as Re,dV as Pe,dW as ke,dX as Me,dY as ze,dZ as Te,d_ as Le,d$ as Ie,e0 as He,e1 as Ae,b6 as We,e2 as qe,e3 as Be,ah as Ge,e4 as Fe,e5 as Ye,e6 as Ue,e7 as Ve,e8 as Xe,cc as $e,cV as Ke,e9 as Qe,ea as Ze,eb as Je,ec as et,ed as tt,ee as nt,ef as rt,eg as ot,eh as at,be as it,ei as st,_ as lt,b8 as ct,ej as ut,ek as dt,el as pt,em as ft,en as ht,eo as mt}from"./index-Ctlr39rC.js";
-/**
- * @license lucide-react v0.428.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const gt=r("AlignEndVertical",[["rect",{width:"16",height:"6",x:"2",y:"4",rx:"2",key:"10wcwx"}],["rect",{width:"9",height:"6",x:"9",y:"14",rx:"2",key:"4p5bwg"}],["path",{d:"M22 22V2",key:"12ipfv"}]]),yt=r("AlignHorizontalSpaceAround",[["rect",{width:"6",height:"10",x:"9",y:"7",rx:"2",key:"yn7j0q"}],["path",{d:"M4 22V2",key:"tsjzd3"}],["path",{d:"M20 22V2",key:"1bnhr8"}]]),bt=r("AlignStartVertical",[["rect",{width:"9",height:"6",x:"6",y:"14",rx:"2",key:"lpm2y7"}],["rect",{width:"16",height:"6",x:"6",y:"4",rx:"2",key:"rdj6ps"}],["path",{d:"M2 2v20",key:"1ivd8o"}]]),vt=r("Ellipsis",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]]),wt=r("FolderDown",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}],["path",{d:"M12 10v6",key:"1bos4e"}],["path",{d:"m15 13-3 3-3-3",key:"6j2sf0"}]]),xt=r("GripHorizontal",[["circle",{cx:"12",cy:"9",r:"1",key:"124mty"}],["circle",{cx:"19",cy:"9",r:"1",key:"1ruzo2"}],["circle",{cx:"5",cy:"9",r:"1",key:"1a8b28"}],["circle",{cx:"12",cy:"15",r:"1",key:"1e56xg"}],["circle",{cx:"19",cy:"15",r:"1",key:"1a92ep"}],["circle",{cx:"5",cy:"15",r:"1",key:"5r1jwy"}]]),St=r("Hourglass",[["path",{d:"M5 22h14",key:"ehvnwv"}],["path",{d:"M5 2h14",key:"pdyrp9"}],["path",{d:"M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22",key:"1d314k"}],["path",{d:"M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2",key:"1vvvr6"}]]),Ot=r("Image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]]),_t=r("Menu",[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]]),jt=r("Scroll",[["path",{d:"M19 17V5a2 2 0 0 0-2-2H4",key:"zz82l3"}],["path",{d:"M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",key:"1ph1d7"}]]),Et=r("Unlink",[["path",{d:"m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71",key:"yqzxt4"}],["path",{d:"m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71",key:"4qinb0"}],["line",{x1:"8",x2:"8",y1:"2",y2:"5",key:"1041cp"}],["line",{x1:"2",x2:"5",y1:"8",y2:"8",key:"14m1p5"}],["line",{x1:"16",x2:"16",y1:"19",y2:"22",key:"rzdirn"}],["line",{x1:"19",x2:"22",y1:"16",y2:"16",key:"ox905f"}]]);
-/**
- * @license lucide-react v0.428.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */class Dt{constructor(e){n(this,"hasStarted",!1),n(this,"_sendComponentValues"),n(this,"handleReadyEvent",(e=>{const t=e.detail.objectId;if(!this.uiElementRegistry.has(t))return;const n=this.uiElementRegistry.lookupValue(t);void 0!==n&&this.sendComponentValues({objectIds:[t],values:[n]}).catch((e=>{a.warn(e)}))})),this.uiElementRegistry=e}static get INSTANCE(){const e="_marimo_private_RuntimeState";return window[e]||(window[e]=new Dt(o)),window[e]}get sendComponentValues(){if(!this._sendComponentValues)throw new Error("sendComponentValues is not set");return this._sendComponentValues}start(e){this.hasStarted?a.warn("RuntimeState already started"):(this._sendComponentValues=e,document.addEventListener(i.TYPE,this.handleReadyEvent),this.hasStarted=!0)}stop(){this.hasStarted?(document.removeEventListener(i.TYPE,this.handleReadyEvent),this.hasStarted=!1):a.warn("RuntimeState already stopped")}}var Ct={exports:{}},Nt={},Rt={exports:{}};!function(e){function t(e){return function(t,n,r,o,a,i,s){return e(t,n,s)}}function n(e){return function(t,n,r,o){if(!t||!n||"object"!=typeof t||"object"!=typeof n)return e(t,n,r,o);var a=o.get(t),i=o.get(n);if(a&&i)return a===n&&i===t;o.set(t,n),o.set(n,t);var s=e(t,n,r,o);return o.delete(t),o.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 o(e){return e.constructor===Object||null==e.constructor}function a(e){return"function"==typeof e.then}function i(e,t){return e===t||e!=e&&t!=t}var s="[object Arguments]",l="[object Boolean]",c="[object Date]",u="[object RegExp]",d="[object Map]",p="[object Number]",f="[object Object]",h="[object Set]",m="[object String]",g=Object.prototype.toString;function y(e){var t=e.areArraysEqual,n=e.areDatesEqual,r=e.areMapsEqual,y=e.areObjectsEqual,b=e.areRegExpsEqual,v=e.areSetsEqual,w=(0,e.createIsNestedEqual)(x);function x(e,x,S){if(e===x)return!0;if(!e||!x||"object"!=typeof e||"object"!=typeof x)return e!=e&&x!=x;if(o(e)&&o(x))return y(e,x,w,S);var O=Array.isArray(e),_=Array.isArray(x);if(O||_)return O===_&&t(e,x,w,S);var j=g.call(e);return j===g.call(x)&&(j===c?n(e,x,w,S):j===u?b(e,x,w,S):j===d?r(e,x,w,S):j===h?v(e,x,w,S):j===f||j===s?!a(e)&&!a(x)&&y(e,x,w,S):(j===l||j===p||j===m)&&i(e.valueOf(),x.valueOf()))}return x}function b(e,t,n,r){var o=e.length;if(t.length!==o)return!1;for(;o-- >0;)if(!n(e[o],t[o],o,o,e,t,r))return!1;return!0}var v=n(b);function w(e,t){return i(e.valueOf(),t.valueOf())}function x(e,t,n,r){var o=e.size===t.size;if(!o)return!1;if(!e.size)return!0;var a={},i=0;return e.forEach((function(s,l){if(o){var c=!1,u=0;t.forEach((function(o,d){c||a[u]||!(c=n(l,d,i,u,e,t,r)&&n(s,o,l,d,e,t,r))||(a[u]=!0),u++})),i++,o=c}})),o}var S=n(x),O="_owner",_=Object.prototype.hasOwnProperty;function j(e,t,n,r){var o,a=Object.keys(e),i=a.length;if(Object.keys(t).length!==i)return!1;for(;i-- >0;){if((o=a[i])===O){var s=!!e.$$typeof,l=!!t.$$typeof;if((s||l)&&s!==l)return!1}if(!_.call(t,o)||!n(e[o],t[o],o,o,e,t,r))return!1}return!0}var E=n(j);function D(e,t){return e.source===t.source&&e.flags===t.flags}function C(e,t,n,r){var o=e.size===t.size;if(!o)return!1;if(!e.size)return!0;var a={};return e.forEach((function(i,s){if(o){var l=!1,c=0;t.forEach((function(o,u){l||a[c]||!(l=n(i,o,s,u,e,t,r))||(a[c]=!0),c++})),o=l}})),o}var N=n(C),R=Object.freeze({areArraysEqual:b,areDatesEqual:w,areMapsEqual:x,areObjectsEqual:j,areRegExpsEqual:D,areSetsEqual:C,createIsNestedEqual:t}),P=Object.freeze({areArraysEqual:v,areDatesEqual:w,areMapsEqual:S,areObjectsEqual:E,areRegExpsEqual:D,areSetsEqual:N,createIsNestedEqual:t}),k=y(R);function M(e,t){return k(e,t,void 0)}var z=y(r(R,{createIsNestedEqual:function(){return i}}));function T(e,t){return z(e,t,void 0)}var L=y(P);function I(e,t){return L(e,t,new WeakMap)}var H=y(r(P,{createIsNestedEqual:function(){return i}}));function A(e,t){return H(e,t,new WeakMap)}function W(e){return y(r(R,e(R)))}function q(e){var t=y(r(P,e(P)));return function(e,n,r){return void 0===r&&(r=new WeakMap),t(e,n,r)}}e.circularDeepEqual=I,e.circularShallowEqual=A,e.createCustomCircularEqual=q,e.createCustomEqual=W,e.deepEqual=M,e.sameValueZeroEqual=i,e.shallowEqual=T,Object.defineProperty(e,"__esModule",{value:!0})}(Rt.exports);var Pt=Rt.exports,kt={exports:{}};function Mt(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=Mt(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function zt(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=Mt(e))&&(r&&(r+=" "),r+=t);return r}kt.exports=zt,kt.exports.clsx=zt;var Tt=kt.exports,Lt={};Object.defineProperty(Lt,"__esModule",{value:!0}),Lt.bottom=Wt,Lt.childrenEqual=function(e,t){return(0,Ht.deepEqual)(At.default.Children.map(e,(e=>null==e?void 0:e.key)),At.default.Children.map(t,(e=>null==e?void 0:e.key)))&&(0,Ht.deepEqual)(At.default.Children.map(e,(e=>null==e?void 0:e.props["data-grid"])),At.default.Children.map(t,(e=>null==e?void 0:e.props["data-grid"])))},Lt.cloneLayout=qt,Lt.cloneLayoutItem=Gt,Lt.collides=Ft,Lt.compact=Yt,Lt.compactItem=Xt,Lt.compactType=function(e){const{verticalCompact:t,compactType:n}=e||{};return!1===t?null:n},Lt.correctBounds=$t,Lt.fastPositionEqual=function(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height},Lt.fastRGLPropsEqual=void 0,Lt.getAllCollisions=Zt,Lt.getFirstCollision=Qt,Lt.getLayoutItem=Kt,Lt.getStatics=Jt,Lt.modifyLayout=Bt,Lt.moveElement=en,Lt.moveElementAwayFromCollision=tn,Lt.noop=void 0,Lt.perc=function(e){return 100*e+"%"},Lt.resizeItemInDirection=function(e,t,n,r){const o=dn[e];return o?o(t,{...t,...n},r):n},Lt.setTopLeft=function(e){let{top:t,left:n,width:r,height:o}=e;return{top:`${t}px`,left:`${n}px`,width:`${r}px`,height:`${o}px`,position:"absolute"}},Lt.setTransform=function(e){let{top:t,left:n,width:r,height:o}=e;const a=`translate(${n}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${r}px`,height:`${o}px`,position:"absolute"}},Lt.sortLayoutItems=pn,Lt.sortLayoutItemsByColRow=hn,Lt.sortLayoutItemsByRowCol=fn,Lt.synchronizeLayoutWithChildren=function(e,t,n,r,o){e=e||[];const a=[];At.default.Children.forEach(t,(t=>{if(null==(null==t?void 0:t.key))return;const n=Kt(e,String(t.key)),r=t.props["data-grid"];n&&null==r?a.push(Gt(n)):r?a.push(Gt({...r,i:t.key})):a.push(Gt({w:1,h:1,x:0,y:Wt(a),i:String(t.key)}))}));const i=$t(a,{cols:n});return o?i:Yt(i,r,n)},Lt.validateLayout=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Layout";const n=["x","y","w","h"];if(!Array.isArray(e))throw new Error(t+" must be an array!");for(let r=0,o=e.length;r<o;r++){const o=e[r];for(let e=0;e<n.length;e++)if("number"!=typeof o[n[e]])throw new Error("ReactGridLayout: "+t+"["+r+"]."+n[e]+" must be a number!")}},Lt.withLayoutItem=function(e,t,n){let r=Kt(e,t);return r?(r=n(Gt(r)),[e=Bt(e,r),r]):[e,null]};var It,Ht=Pt,At=(It=l)&&It.__esModule?It:{default:It};function Wt(e){let t,n=0;for(let r=0,o=e.length;r<o;r++)t=e[r].y+e[r].h,t>n&&(n=t);return n}function qt(e){const t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=Gt(e[n]);return t}function Bt(e,t){const n=Array(e.length);for(let r=0,o=e.length;r<o;r++)t.i===e[r].i?n[r]=t:n[r]=e[r];return n}function Gt(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:Boolean(e.moved),static:Boolean(e.static),isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function Ft(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 Yt(e,t,n,r){const o=Jt(e),a=pn(e,t),i=Array(e.length);for(let s=0,l=a.length;s<l;s++){let l=Gt(a[s]);l.static||(l=Xt(o,l,t,n,a,r),o.push(l)),i[e.indexOf(a[s])]=l,l.moved=!1}return i}Lt.fastRGLPropsEqual=function(e,t,n){return e===t||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)};const Ut={x:"w",y:"h"};function Vt(e,t,n,r){const o=Ut[r];t[r]+=1;for(let a=e.map((e=>e.i)).indexOf(t.i)+1;a<e.length;a++){const i=e[a];if(!i.static){if(i.y>t.y+t.h)break;Ft(t,i)&&Vt(e,i,n+t[o],r)}}t[r]=n}function Xt(e,t,n,r,o,a){const i="horizontal"===n;if("vertical"===n)for(t.y=Math.min(Wt(e),t.y);t.y>0&&!Qt(e,t);)t.y--;else if(i)for(;t.x>0&&!Qt(e,t);)t.x--;let s;for(;(s=Qt(e,t))&&(null!==n||!a);)if(i?Vt(o,t,s.x+s.w,"x"):Vt(o,t,s.y+s.h,"y"),i&&t.x+t.w>r)for(t.x=r-t.w,t.y++;t.x>0&&!Qt(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function $t(e,t){const n=Jt(e);for(let r=0,o=e.length;r<o;r++){const o=e[r];if(o.x+o.w>t.cols&&(o.x=t.cols-o.w),o.x<0&&(o.x=0,o.w=t.cols),o.static)for(;Qt(n,o);)o.y++;else n.push(o)}return e}function Kt(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function Qt(e,t){for(let n=0,r=e.length;n<r;n++)if(Ft(e[n],t))return e[n]}function Zt(e,t){return e.filter((e=>Ft(e,t)))}function Jt(e){return e.filter((e=>e.static))}function en(e,t,n,r,o,a,i,s,l){if(t.static&&!0!==t.isDraggable)return e;if(t.y===r&&t.x===n)return e;t.i,String(n),String(r),t.x,t.y;const c=t.x,u=t.y;"number"==typeof n&&(t.x=n),"number"==typeof r&&(t.y=r),t.moved=!0;let d=pn(e,i);("vertical"===i&&"number"==typeof r?u>=r:"horizontal"===i&&"number"==typeof n&&c>=n)&&(d=d.reverse());const p=Zt(d,t),f=p.length>0;if(f&&l)return qt(e);if(f&&a)return t.i,t.x=c,t.y=u,t.moved=!1,e;for(let h=0,m=p.length;h<m;h++){const n=p[h];t.i,t.x,t.y,n.i,n.x,n.y,n.moved||(e=n.static?tn(e,n,t,o,i):tn(e,t,n,o,i))}return e}function tn(e,t,n,r,o,a){const i="horizontal"===o,s="vertical"===o,l=t.static;if(r){r=!1;const a={x:i?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"},c=Qt(e,a),u=c&&c.y+c.h>t.y,d=c&&t.x+t.w>c.x;if(!c)return n.i,a.x,a.y,en(e,n,i?a.x:void 0,s?a.y:void 0,r,l,o);if(u&&s)return en(e,n,void 0,t.y+1,r,l,o);if(u&&null==o)return t.y=n.y,n.y=n.y+n.h,e;if(d&&i)return en(e,t,n.x,void 0,r,l,o)}const c=i?n.x+1:void 0,u=s?n.y+1:void 0;return null==c&&null==u?e:en(e,n,i?n.x+1:void 0,s?n.y+1:void 0,r,l,o)}const nn=(e,t,n,r)=>e+n>r?t:n,rn=(e,t,n)=>e<0?t:n,on=e=>Math.max(0,e),an=e=>Math.max(0,e),sn=(e,t,n)=>{let{left:r,height:o,width:a}=t;const i=e.top-(o-e.height);return{left:r,width:a,height:rn(i,e.height,o),top:an(i)}},ln=(e,t,n)=>{let{top:r,left:o,height:a,width:i}=t;return{top:r,height:a,width:nn(e.left,e.width,i,n),left:on(o)}},cn=(e,t,n)=>{let{top:r,height:o,width:a}=t;const i=e.left-(a-e.width);return{height:o,width:i<0?e.width:nn(e.left,e.width,a,n),top:an(r),left:on(i)}},un=(e,t,n)=>{let{top:r,left:o,height:a,width:i}=t;return{width:i,left:o,height:rn(r,e.height,a),top:an(r)}},dn={n:sn,ne:function(){return sn(arguments.length<=0?void 0:arguments[0],ln(...arguments))},e:ln,se:function(){return un(arguments.length<=0?void 0:arguments[0],ln(...arguments))},s:un,sw:function(){return un(arguments.length<=0?void 0:arguments[0],cn(...arguments))},w:cn,nw:function(){return sn(arguments.length<=0?void 0:arguments[0],cn(...arguments))}};function pn(e,t){return"horizontal"===t?hn(e):"vertical"===t?fn(e):e}function fn(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 hn(e){return e.slice(0).sort((function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1}))}Lt.noop=()=>{};var mn={};function gn(e){const{margin:t,containerPadding:n,containerWidth:r,cols:o}=e;return(r-t[0]*(o-1)-2*n[0])/o}function yn(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function bn(e,t,n){return Math.max(Math.min(e,n),t)}Object.defineProperty(mn,"__esModule",{value:!0}),mn.calcGridColWidth=gn,mn.calcGridItemPosition=function(e,t,n,r,o,a){const{margin:i,containerPadding:s,rowHeight:l}=e,c=gn(e),u={};a&&a.resizing?(u.width=Math.round(a.resizing.width),u.height=Math.round(a.resizing.height)):(u.width=yn(r,c,i[0]),u.height=yn(o,l,i[1]));a&&a.dragging?(u.top=Math.round(a.dragging.top),u.left=Math.round(a.dragging.left)):a&&a.resizing&&"number"==typeof a.resizing.top&&"number"==typeof a.resizing.left?(u.top=Math.round(a.resizing.top),u.left=Math.round(a.resizing.left)):(u.top=Math.round((l+i[1])*n+s[1]),u.left=Math.round((c+i[0])*t+s[0]));return u},mn.calcGridItemWHPx=yn,mn.calcWH=function(e,t,n,r,o,a){const{margin:i,maxRows:s,cols:l,rowHeight:c}=e,u=gn(e);let d=Math.round((t+i[0])/(u+i[0])),p=Math.round((n+i[1])/(c+i[1])),f=bn(d,0,l-r),h=bn(p,0,s-o);-1!==["sw","w","nw"].indexOf(a)&&(f=bn(d,0,l));-1!==["nw","n","ne"].indexOf(a)&&(h=bn(p,0,s));return{w:f,h:h}},mn.calcXY=function(e,t,n,r,o){const{margin:a,cols:i,rowHeight:s,maxRows:l}=e,c=gn(e);let u=Math.round((n-a[0])/(c+a[0])),d=Math.round((t-a[1])/(s+a[1]));return u=bn(u,0,i-r),d=bn(d,0,l-o),{x:u,y:d}},mn.clamp=bn;var vn={},wn={exports:{}},xn={};function Sn(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Sn(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function On(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Sn(e))&&(r&&(r+=" "),r+=t);return r}const _n=c(Object.freeze(Object.defineProperty({__proto__:null,clsx:On,default:On},Symbol.toStringTag,{value:"Module"})));var jn={},En={};Object.defineProperty(En,"__esModule",{value:!0}),En.dontSetMe=function(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))},En.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]},En.int=function(e){return parseInt(e,10)},En.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},En.isNum=function(e){return"number"==typeof e&&!isNaN(e)};var Dn={};Object.defineProperty(Dn,"__esModule",{value:!0}),Dn.browserPrefixToKey=Rn,Dn.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},Dn.default=void 0,Dn.getPrefix=Nn;var Cn=["Moz","Webkit","O","ms"];function Nn(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";var r=null===(e=window.document)||void 0===e||null===(t=e.documentElement)||void 0===t?void 0:t.style;if(!r)return"";if(n in r)return"";for(var o=0;o<Cn.length;o++)if(Rn(n,Cn[o])in r)return Cn[o];return""}function Rn(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}var Pn=Nn();function kn(e){return(kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Dn.default=Pn,Object.defineProperty(jn,"__esModule",{value:!0}),jn.addClassName=Bn,jn.addEvent=function(e,t,n,r){if(!e)return;var o=In({capture:!0},r);e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n},jn.addUserSelectStyles=function(e){if(!e)return;var t=e.getElementById("react-draggable-style-el");t||((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&Bn(e.body,"react-draggable-transparent-selection")},jn.createCSSTransform=function(e,t){var n=qn(e,t,"px");return Hn({},(0,zn.browserPrefixToKey)("transform",zn.default),n)},jn.createSVGTransform=function(e,t){return qn(e,t,"")},jn.getTouch=function(e,t){return e.targetTouches&&(0,Mn.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))||e.changedTouches&&(0,Mn.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))},jn.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},jn.getTranslation=qn,jn.innerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,Mn.int)(n.paddingTop),t-=(0,Mn.int)(n.paddingBottom)},jn.innerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,Mn.int)(n.paddingLeft),t-=(0,Mn.int)(n.paddingRight)},jn.matchesSelector=Wn,jn.matchesSelectorAndParentsTo=function(e,t,n){var r=e;do{if(Wn(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1},jn.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-r.left)/n,a=(e.clientY+t.scrollTop-r.top)/n;return{x:o,y:a}},jn.outerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,Mn.int)(n.borderTopWidth),t+=(0,Mn.int)(n.borderBottomWidth)},jn.outerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,Mn.int)(n.borderLeftWidth),t+=(0,Mn.int)(n.borderRightWidth)},jn.removeClassName=Gn,jn.removeEvent=function(e,t,n,r){if(!e)return;var o=In({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null},jn.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&Gn(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(n){}};var Mn=En,zn=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==kn(e)&&"function"!=typeof e)return{default:e};var n=Tn(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(Dn);function Tn(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Tn=function(e){return e?n:t})(e)}function Ln(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 In(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ln(Object(n),!0).forEach((function(t){Hn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ln(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Hn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var An="";function Wn(e,t){return An||(An=(0,Mn.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,Mn.isFunction)(e[t])}))),!!(0,Mn.isFunction)(e[An])&&e[An](t)}function qn(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),s="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(s,")")+a}return a}function Bn(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Gn(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var Fn={};Object.defineProperty(Fn,"__esModule",{value:!0}),Fn.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},Fn.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},Fn.createCoreData=function(e,t,n){var r=e.state,o=!(0,Yn.isNum)(r.lastX),a=Vn(e);return o?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:t,y:n}},Fn.createDraggableData=function(e,t){var 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}},Fn.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var r=e.props.bounds;r="string"==typeof r?r:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(r);var o=Vn(e);if("string"==typeof r){var a,i=o.ownerDocument,s=i.defaultView;if(!((a="parent"===r?o.parentNode:i.querySelector(r))instanceof s.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');var l=a,c=s.getComputedStyle(o),u=s.getComputedStyle(l);r={left:-o.offsetLeft+(0,Yn.int)(u.paddingLeft)+(0,Yn.int)(c.marginLeft),top:-o.offsetTop+(0,Yn.int)(u.paddingTop)+(0,Yn.int)(c.marginTop),right:(0,Un.innerWidth)(l)-(0,Un.outerWidth)(o)-o.offsetLeft+(0,Yn.int)(u.paddingRight)-(0,Yn.int)(c.marginRight),bottom:(0,Un.innerHeight)(l)-(0,Un.outerHeight)(o)-o.offsetTop+(0,Yn.int)(u.paddingBottom)-(0,Yn.int)(c.marginBottom)}}(0,Yn.isNum)(r.right)&&(t=Math.min(t,r.right));(0,Yn.isNum)(r.bottom)&&(n=Math.min(n,r.bottom));(0,Yn.isNum)(r.left)&&(t=Math.max(t,r.left));(0,Yn.isNum)(r.top)&&(n=Math.max(n,r.top));return[t,n]},Fn.getControlPosition=function(e,t,n){var r="number"==typeof t?(0,Un.getTouch)(e,t):null;if("number"==typeof t&&!r)return null;var o=Vn(n),a=n.props.offsetParent||o.offsetParent||o.ownerDocument.body;return(0,Un.offsetXYFromParent)(r||e,a,n.props.scale)},Fn.snapToGrid=function(e,t,n){var r=Math.round(t/e[0])*e[0],o=Math.round(n/e[1])*e[1];return[r,o]};var Yn=En,Un=jn;function Vn(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Xn={},$n={};function Kn(e){return(Kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty($n,"__esModule",{value:!0}),$n.default=function(){},Object.defineProperty(Xn,"__esModule",{value:!0}),Xn.default=void 0;var Qn=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==Kn(e)&&"function"!=typeof e)return{default:e};var n=ar(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(l),Zn=or(u),Jn=or(d),er=jn,tr=Fn,nr=En,rr=or($n);function or(e){return e&&e.__esModule?e:{default:e}}function ar(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(ar=function(e){return e?n:t})(e)}function ir(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return sr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return sr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function sr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function lr(e,t,n){return t&&function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function cr(e,t){return(cr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function ur(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=pr(e);if(t){var o=pr(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"===Kn(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return dr(e)}(this,n)}}function dr(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function pr(e){return(pr=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function fr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var hr={start:"touchstart",move:"touchmove",stop:"touchend"},mr={start:"mousedown",move:"mousemove",stop:"mouseup"},gr=mr,yr=function(){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&cr(e,t)}(t,Qn.Component);var e=ur(t);function t(){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];return fr(dr(n=e.call.apply(e,[this].concat(o))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),fr(dr(n),"mounted",!1),fr(dr(n),"handleDragStart",(function(e){if(n.props.onMouseDown(e),!n.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;var t=n.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=t.ownerDocument;if(!(n.props.disabled||!(e.target instanceof r.defaultView.Node)||n.props.handle&&!(0,er.matchesSelectorAndParentsTo)(e.target,n.props.handle,t)||n.props.cancel&&(0,er.matchesSelectorAndParentsTo)(e.target,n.props.cancel,t))){"touchstart"===e.type&&e.preventDefault();var o=(0,er.getTouchIdentifier)(e);n.setState({touchIdentifier:o});var a=(0,tr.getControlPosition)(e,o,dr(n));if(null!=a){var i=a.x,s=a.y,l=(0,tr.createCoreData)(dr(n),i,s);(0,rr.default)("DraggableCore: handleDragStart: %j",l),(0,rr.default)("calling",n.props.onStart),!1!==n.props.onStart(e,l)&&!1!==n.mounted&&(n.props.enableUserSelectHack&&(0,er.addUserSelectStyles)(r),n.setState({dragging:!0,lastX:i,lastY:s}),(0,er.addEvent)(r,gr.move,n.handleDrag),(0,er.addEvent)(r,gr.stop,n.handleDragStop))}}})),fr(dr(n),"handleDrag",(function(e){var t=(0,tr.getControlPosition)(e,n.state.touchIdentifier,dr(n));if(null!=t){var r=t.x,o=t.y;if(Array.isArray(n.props.grid)){var a=r-n.state.lastX,i=o-n.state.lastY,s=ir((0,tr.snapToGrid)(n.props.grid,a,i),2);if(a=s[0],i=s[1],!a&&!i)return;r=n.state.lastX+a,o=n.state.lastY+i}var l=(0,tr.createCoreData)(dr(n),r,o);if((0,rr.default)("DraggableCore: handleDrag: %j",l),!1!==n.props.onDrag(e,l)&&!1!==n.mounted)n.setState({lastX:r,lastY:o});else try{n.handleDragStop(new MouseEvent("mouseup"))}catch(u){var c=document.createEvent("MouseEvents");c.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),n.handleDragStop(c)}}})),fr(dr(n),"handleDragStop",(function(e){if(n.state.dragging){var t=(0,tr.getControlPosition)(e,n.state.touchIdentifier,dr(n));if(null!=t){var r=t.x,o=t.y;if(Array.isArray(n.props.grid)){var a=r-n.state.lastX||0,i=o-n.state.lastY||0,s=ir((0,tr.snapToGrid)(n.props.grid,a,i),2);a=s[0],i=s[1],r=n.state.lastX+a,o=n.state.lastY+i}var l=(0,tr.createCoreData)(dr(n),r,o);if(!1===n.props.onStop(e,l)||!1===n.mounted)return!1;var c=n.findDOMNode();c&&n.props.enableUserSelectHack&&(0,er.removeUserSelectStyles)(c.ownerDocument),(0,rr.default)("DraggableCore: handleDragStop: %j",l),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),c&&((0,rr.default)("DraggableCore: Removing handlers"),(0,er.removeEvent)(c.ownerDocument,gr.move,n.handleDrag),(0,er.removeEvent)(c.ownerDocument,gr.stop,n.handleDragStop))}}})),fr(dr(n),"onMouseDown",(function(e){return gr=mr,n.handleDragStart(e)})),fr(dr(n),"onMouseUp",(function(e){return gr=mr,n.handleDragStop(e)})),fr(dr(n),"onTouchStart",(function(e){return gr=hr,n.handleDragStart(e)})),fr(dr(n),"onTouchEnd",(function(e){return gr=hr,n.handleDragStop(e)})),n}return lr(t,[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,er.addEvent)(e,hr.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,er.removeEvent)(t,mr.move,this.handleDrag),(0,er.removeEvent)(t,hr.move,this.handleDrag),(0,er.removeEvent)(t,mr.stop,this.handleDragStop),(0,er.removeEvent)(t,hr.stop,this.handleDragStop),(0,er.removeEvent)(e,hr.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,er.removeUserSelectStyles)(t)}}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(n=t.nodeRef)||void 0===n?void 0:n.current:Jn.default.findDOMNode(this)}},{key:"render",value:function(){return Qn.cloneElement(Qn.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),t}();Xn.default=yr,fr(yr,"displayName","DraggableCore"),fr(yr,"propTypes",{allowAnyClick:Zn.default.bool,disabled:Zn.default.bool,enableUserSelectHack:Zn.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:Zn.default.arrayOf(Zn.default.number),handle:Zn.default.string,cancel:Zn.default.string,nodeRef:Zn.default.object,onStart:Zn.default.func,onDrag:Zn.default.func,onStop:Zn.default.func,onMouseDown:Zn.default.func,scale:Zn.default.number,className:nr.dontSetMe,style:nr.dontSetMe,transform:nr.dontSetMe}),fr(yr,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return p.default}}),e.default=void 0;var n=function(e,n){if(e&&e.__esModule)return e;if(null===e||"object"!==t(e)&&"function"!=typeof e)return{default:e};var r=g(n);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(o,i,s):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(l),r=m(u),o=m(d),a=m(_n),i=jn,s=Fn,c=En,p=m(Xn),f=m($n),h=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function m(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function b(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function v(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(l){s=!0,o=l}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return S(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _(e,t){return(_=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function j(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,o=D(e);if(n){var a=D(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(e,n){if(n&&("object"===t(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return E(e)}(this,r)}}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function D(e){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&_(e,t)}(u,e);var t,r,l,c=j(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),C(E(t=c.call(this,e)),"onDragStart",(function(e,n){if((0,f.default)("Draggable: onDragStart: %j",n),!1===t.props.onStart(e,(0,s.createDraggableData)(E(t),n)))return!1;t.setState({dragging:!0,dragged:!0})})),C(E(t),"onDrag",(function(e,n){if(!t.state.dragging)return!1;(0,f.default)("Draggable: onDrag: %j",n);var r=(0,s.createDraggableData)(E(t),n),o={x:r.x,y:r.y};if(t.props.bounds){var a=o.x,i=o.y;o.x+=t.state.slackX,o.y+=t.state.slackY;var l=x((0,s.getBoundPosition)(E(t),o.x,o.y),2),c=l[0],u=l[1];o.x=c,o.y=u,o.slackX=t.state.slackX+(a-o.x),o.slackY=t.state.slackY+(i-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-t.state.x,r.deltaY=o.y-t.state.y}if(!1===t.props.onDrag(e,r))return!1;t.setState(o)})),C(E(t),"onDragStop",(function(e,n){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,s.createDraggableData)(E(t),n)))return!1;(0,f.default)("Draggable: onDragStop: %j",n);var r={dragging:!1,slackX:0,slackY:0};if(Boolean(t.props.position)){var o=t.props.position,a=o.x,i=o.y;r.x=a,r.y=i}t.setState(r)})),t.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:w({},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."),t}return t=u,l=[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.position,r=t.prevPropsPosition;return!n||r&&n.x===r.x&&n.y===r.y?null:((0,f.default)("Draggable: getDerivedStateFromProps %j",{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:w({},n)})}}],(r=[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=null===(t=this.props)||void 0===t||null===(n=t.nodeRef)||void 0===n?void 0:n.current)&&void 0!==e?e:o.default.findDOMNode(this)}},{key:"render",value:function(){var e,t=this.props;t.axis,t.bounds;var r=t.children,o=t.defaultPosition,l=t.defaultClassName,c=t.defaultClassNameDragging,u=t.defaultClassNameDragged,d=t.position,f=t.positionOffset;t.scale;var m=b(t,h),g={},v=null,x=!Boolean(d)||this.state.dragging,S=d||o,O={x:(0,s.canDragX)(this)&&x?this.state.x:S.x,y:(0,s.canDragY)(this)&&x?this.state.y:S.y};this.state.isElementSVG?v=(0,i.createSVGTransform)(O,f):g=(0,i.createCSSTransform)(O,f);var _=(0,a.default)(r.props.className||"",l,(C(e={},c,this.state.dragging),C(e,u,this.state.dragged),e));return n.createElement(p.default,y({},m,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(r),{className:_,style:w(w({},r.props.style),g),transform:v}))}}])&&O(t.prototype,r),l&&O(t,l),Object.defineProperty(t,"prototype",{writable:!1}),u}(n.Component);e.default=N,C(N,"displayName","Draggable"),C(N,"propTypes",w(w({},p.default.propTypes),{},{axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe})),C(N,"defaultProps",w(w({},p.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))}(xn);var br=xn.default,vr=xn.DraggableCore;wn.exports=br,wn.exports.default=br,wn.exports.DraggableCore=vr;var wr=wn.exports,xr={exports:{}},Sr={},Or={__esModule:!0,cloneElement:function(e,t){t.style&&e.props.style&&(t.style=Er(Er({},e.props.style),t.style));t.className&&e.props.className&&(t.className=e.props.className+" "+t.className);return _r.default.cloneElement(e,t)}},_r=function(e){return e&&e.__esModule?e:{default:e}}(l);function jr(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 Er(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jr(Object(n),!0).forEach((function(t){Dr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Dr(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Cr={__esModule:!0,resizableProps:void 0},Nr=function(e){return e&&e.__esModule?e:{default:e}}(u);var Rr={axis:Nr.default.oneOf(["both","x","y","none"]),className:Nr.default.string,children:Nr.default.element.isRequired,draggableOpts:Nr.default.shape({allowAnyClick:Nr.default.bool,cancel:Nr.default.string,children:Nr.default.node,disabled:Nr.default.bool,enableUserSelectHack:Nr.default.bool,offsetParent:Nr.default.node,grid:Nr.default.arrayOf(Nr.default.number),handle:Nr.default.string,nodeRef:Nr.default.object,onStart:Nr.default.func,onDrag:Nr.default.func,onStop:Nr.default.func,onMouseDown:Nr.default.func,scale:Nr.default.number}),height:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r,o=t[0];return"both"===o.axis||"y"===o.axis?(r=Nr.default.number).isRequired.apply(r,t):Nr.default.number.apply(Nr.default,t)},handle:Nr.default.oneOfType([Nr.default.node,Nr.default.func]),handleSize:Nr.default.arrayOf(Nr.default.number),lockAspectRatio:Nr.default.bool,maxConstraints:Nr.default.arrayOf(Nr.default.number),minConstraints:Nr.default.arrayOf(Nr.default.number),onResizeStop:Nr.default.func,onResizeStart:Nr.default.func,onResize:Nr.default.func,resizeHandles:Nr.default.arrayOf(Nr.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:Nr.default.number,width:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r,o=t[0];return"both"===o.axis||"x"===o.axis?(r=Nr.default.number).isRequired.apply(r,t):Nr.default.number.apply(Nr.default,t)}};Cr.resizableProps=Rr,Sr.__esModule=!0,Sr.default=void 0;var Pr=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=Lr(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(l),kr=wr,Mr=Or,zr=Cr,Tr=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function Lr(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Lr=function(e){return e?n:t})(e)}function Ir(){return Ir=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ir.apply(this,arguments)}function Hr(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 Ar(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hr(Object(n),!0).forEach((function(t){Wr(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Wr(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function qr(e,t){return(qr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var Br=function(e){var t,n;function r(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).handleRefs={},t.lastHandleRect=null,t.slack=null,t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,qr(t,n);var o=r.prototype;return o.componentWillUnmount=function(){this.resetData()},o.resetData=function(){this.lastHandleRect=this.slack=null},o.runConstraints=function(e,t){var n=this.props,r=n.minConstraints,o=n.maxConstraints,a=n.lockAspectRatio;if(!r&&!o&&!a)return[e,t];if(a){var i=this.props.width/this.props.height,s=e-this.props.width,l=t-this.props.height;Math.abs(s)>Math.abs(l*i)?t=e/i:e=t*i}var c=e,u=t,d=this.slack||[0,0],p=d[0],f=d[1];return e+=p,t+=f,r&&(e=Math.max(r[0],e),t=Math.max(r[1],t)),o&&(e=Math.min(o[0],e),t=Math.min(o[1],t)),this.slack=[p+(c-e),f+(u-t)],[e,t]},o.resizeHandler=function(e,t){var n=this;return function(r,o){var a=o.node,i=o.deltaX,s=o.deltaY;"onResizeStart"===e&&n.resetData();var l=("both"===n.props.axis||"x"===n.props.axis)&&"n"!==t&&"s"!==t,c=("both"===n.props.axis||"y"===n.props.axis)&&"e"!==t&&"w"!==t;if(l||c){var u=t[0],d=t[t.length-1],p=a.getBoundingClientRect();if(null!=n.lastHandleRect){if("w"===d)i+=p.left-n.lastHandleRect.left;if("n"===u)s+=p.top-n.lastHandleRect.top}n.lastHandleRect=p,"w"===d&&(i=-i),"n"===u&&(s=-s);var f=n.props.width+(l?i/n.props.transformScale:0),h=n.props.height+(c?s/n.props.transformScale:0),m=n.runConstraints(f,h);f=m[0],h=m[1];var g=f!==n.props.width||h!==n.props.height,y="function"==typeof n.props[e]?n.props[e]:null;y&&!("onResize"===e&&!g)&&(null==r.persist||r.persist(),y(r,{node:a,size:{width:f,height:h},handle:t})),"onResizeStop"===e&&n.resetData()}}},o.renderResizeHandle=function(e,t){var n=this.props.handle;if(!n)return Pr.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+e,ref:t});if("function"==typeof n)return n(e,t);var r=Ar({ref:t},"string"==typeof n.type?{}:{handleAxis:e});return Pr.cloneElement(n,r)},o.render=function(){var e=this,t=this.props,n=t.children,r=t.className,o=t.draggableOpts;t.width,t.height,t.handle,t.handleSize,t.lockAspectRatio,t.axis,t.minConstraints,t.maxConstraints,t.onResize,t.onResizeStop,t.onResizeStart;var a=t.resizeHandles;t.transformScale;var i=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,Tr);return(0,Mr.cloneElement)(n,Ar(Ar({},i),{},{className:(r?r+" ":"")+"react-resizable",children:[].concat(n.props.children,a.map((function(t){var n,r=null!=(n=e.handleRefs[t])?n:e.handleRefs[t]=Pr.createRef();return Pr.createElement(kr.DraggableCore,Ir({},o,{nodeRef:r,key:"resizableHandle-"+t,onStop:e.resizeHandler("onResizeStop",t),onStart:e.resizeHandler("onResizeStart",t),onDrag:e.resizeHandler("onResize",t)}),e.renderResizeHandle(t,r))})))}))},r}(Pr.Component);Sr.default=Br,Br.propTypes=zr.resizableProps,Br.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var Gr={__esModule:!0,default:void 0},Fr=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=Kr(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(l),Yr=$r(u),Ur=$r(Sr),Vr=Cr,Xr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function $r(e){return e&&e.__esModule?e:{default:e}}function Kr(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Kr=function(e){return e?n:t})(e)}function Qr(){return Qr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Qr.apply(this,arguments)}function Zr(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 Jr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zr(Object(n),!0).forEach((function(t){eo(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function eo(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function to(e,t){return(to=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var no=function(e){var t,n;function r(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={width:t.props.width,height:t.props.height,propsWidth:t.props.width,propsHeight:t.props.height},t.onResize=function(e,n){var r=n.size;t.props.onResize?(null==e.persist||e.persist(),t.setState(r,(function(){return t.props.onResize&&t.props.onResize(e,n)}))):t.setState(r)},t}return n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,to(t,n),r.getDerivedStateFromProps=function(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null},r.prototype.render=function(){var e=this.props,t=e.handle,n=e.handleSize;e.onResize;var r=e.onResizeStart,o=e.onResizeStop,a=e.draggableOpts,i=e.minConstraints,s=e.maxConstraints,l=e.lockAspectRatio,c=e.axis;e.width,e.height;var u=e.resizeHandles,d=e.style,p=e.transformScale,f=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,Xr);return Fr.createElement(Ur.default,{axis:c,draggableOpts:a,handle:t,handleSize:n,height:this.state.height,lockAspectRatio:l,maxConstraints:s,minConstraints:i,onResizeStart:r,onResize:this.onResize,onResizeStop:o,resizeHandles:u,transformScale:p,width:this.state.width},Fr.createElement("div",Qr({},f,{style:Jr(Jr({},d),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},r}(Fr.Component);Gr.default=no,no.propTypes=Jr(Jr({},Vr.resizableProps),{},{children:Yr.default.element}),xr.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},xr.exports.Resizable=Sr.default,xr.exports.ResizableBox=Gr.default;var ro=xr.exports,oo={};Object.defineProperty(oo,"__esModule",{value:!0}),oo.resizeHandleType=oo.resizeHandleAxesType=oo.default=void 0;var ao=so(u),io=so(l);function so(e){return e&&e.__esModule?e:{default:e}}const lo=oo.resizeHandleAxesType=ao.default.arrayOf(ao.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),co=oo.resizeHandleType=ao.default.oneOfType([ao.default.node,ao.default.func]);oo.default={className:ao.default.string,style:ao.default.object,width:ao.default.number,autoSize:ao.default.bool,cols:ao.default.number,draggableCancel:ao.default.string,draggableHandle:ao.default.string,verticalCompact:function(e){e.verticalCompact,0},compactType:ao.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;void 0!==t&&Lt.validateLayout(t,"layout")},margin:ao.default.arrayOf(ao.default.number),containerPadding:ao.default.arrayOf(ao.default.number),rowHeight:ao.default.number,maxRows:ao.default.number,isBounded:ao.default.bool,isDraggable:ao.default.bool,isResizable:ao.default.bool,allowOverlap:ao.default.bool,preventCollision:ao.default.bool,useCSSTransforms:ao.default.bool,transformScale:ao.default.number,isDroppable:ao.default.bool,resizeHandles:lo,resizeHandle:co,onLayoutChange:ao.default.func,onDragStart:ao.default.func,onDrag:ao.default.func,onDragStop:ao.default.func,onResizeStart:ao.default.func,onResize:ao.default.func,onResizeStop:ao.default.func,onDrop:ao.default.func,droppingItem:ao.default.shape({i:ao.default.string.isRequired,w:ao.default.number.isRequired,h:ao.default.number.isRequired}),children:function(e,t){const n=e[t],r={};io.default.Children.forEach(n,(function(e){if(null!=(null==e?void 0:e.key)){if(r[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');r[e.key]=!0}}))},innerRef:ao.default.any},Object.defineProperty(vn,"__esModule",{value:!0}),vn.default=void 0;var uo=vo(l),po=vo(u),fo=wr,ho=ro,mo=Lt,go=mn,yo=oo,bo=vo(Tt);function vo(e){return e&&e.__esModule?e:{default:e}}function wo(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class xo extends uo.default.Component{constructor(){super(...arguments),wo(this,"state",{resizing:null,dragging:null,className:""}),wo(this,"elementRef",uo.default.createRef()),wo(this,"onDragStart",((e,t)=>{let{node:n}=t;const{onDragStart:r,transformScale:o}=this.props;if(!r)return;const a={top:0,left:0},{offsetParent:i}=n;if(!i)return;const s=i.getBoundingClientRect(),l=n.getBoundingClientRect(),c=l.left/o,u=s.left/o,d=l.top/o,p=s.top/o;a.left=c-u+i.scrollLeft,a.top=d-p+i.scrollTop,this.setState({dragging:a});const{x:f,y:h}=(0,go.calcXY)(this.getPositionParams(),a.top,a.left,this.props.w,this.props.h);return r.call(this,this.props.i,f,h,{e:e,node:n,newPosition:a})})),wo(this,"onDrag",((e,t)=>{let{node:n,deltaX:r,deltaY:o}=t;const{onDrag:a}=this.props;if(!a)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let i=this.state.dragging.top+o,s=this.state.dragging.left+r;const{isBounded:l,i:c,w:u,h:d,containerWidth:p}=this.props,f=this.getPositionParams();if(l){const{offsetParent:e}=n;if(e){const{margin:t,rowHeight:n,containerPadding:r}=this.props,o=e.clientHeight-(0,go.calcGridItemWHPx)(d,n,t[1]);i=(0,go.clamp)(i-r[1],0,o);const a=(0,go.calcGridColWidth)(f),l=p-(0,go.calcGridItemWHPx)(u,a,t[0]);s=(0,go.clamp)(s-r[0],0,l)}}const h={top:i,left:s};this.setState({dragging:h});const{containerPadding:m}=this.props,{x:g,y:y}=(0,go.calcXY)(f,i-m[1],s-m[0],u,d);return a.call(this,c,g,y,{e:e,node:n,newPosition:h})})),wo(this,"onDragStop",((e,t)=>{let{node:n}=t;const{onDragStop:r}=this.props;if(!r)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:o,h:a,i:i,containerPadding:s}=this.props,{left:l,top:c}=this.state.dragging,u={top:c,left:l};this.setState({dragging:null});const{x:d,y:p}=(0,go.calcXY)(this.getPositionParams(),c-s[1],l-s[0],o,a);return r.call(this,i,d,p,{e:e,node:n,newPosition:u})})),wo(this,"onResizeStop",((e,t,n)=>this.onResizeHandler(e,t,n,"onResizeStop"))),wo(this,"onResizeStart",((e,t,n)=>this.onResizeHandler(e,t,n,"onResizeStart"))),wo(this,"onResize",((e,t,n)=>this.onResizeHandler(e,t,n,"onResize")))}shouldComponentUpdate(e,t){if(this.props.children!==e.children)return!0;if(this.props.droppingPosition!==e.droppingPosition)return!0;const n=(0,go.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=(0,go.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,mo.fastPositionEqual)(n,r)||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(e){const{droppingPosition:t}=this.props;if(!t)return;const n=this.elementRef.current;if(!n)return;const r=e.droppingPosition||{left:0,top:0},{dragging:o}=this.state,a=o&&t.left!==r.left||t.top!==r.top;if(o){if(a){const e=t.left-o.left,r=t.top-o.top;this.onDrag(t.e,{node:n,deltaX:e,deltaY:r})}}else this.onDragStart(t.e,{node:n,deltaX:t.left,deltaY:t.top})}getPositionParams(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){const{usePercentages:t,containerWidth:n,useCSSTransforms:r}=this.props;let o;return r?o=(0,mo.setTransform)(e):(o=(0,mo.setTopLeft)(e),t&&(o.left=(0,mo.perc)(e.left/n),o.width=(0,mo.perc)(e.width/n))),o}mixinDraggable(e,t){return uo.default.createElement(fo.DraggableCore,{disabled:!t,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},e)}curryResizeHandler(e,t){return(n,r)=>t(n,r,e)}mixinResizable(e,t,n){const{cols:r,minW:o,minH:a,maxW:i,maxH:s,transformScale:l,resizeHandles:c,resizeHandle:u}=this.props,d=this.getPositionParams(),p=(0,go.calcGridItemPosition)(d,0,0,r,0).width,f=(0,go.calcGridItemPosition)(d,0,0,o,a),h=(0,go.calcGridItemPosition)(d,0,0,i,s),m=[f.width,f.height],g=[Math.min(h.width,p),Math.min(h.height,1/0)];return uo.default.createElement(ho.Resizable,{draggableOpts:{disabled:!n},className:n?void 0:"react-resizable-hide",width:t.width,height:t.height,minConstraints:m,maxConstraints:g,onResizeStop:this.curryResizeHandler(t,this.onResizeStop),onResizeStart:this.curryResizeHandler(t,this.onResizeStart),onResize:this.curryResizeHandler(t,this.onResize),transformScale:l,resizeHandles:c,handle:u},e)}onResizeHandler(e,t,n,r){let{node:o,size:a,handle:i}=t;const s=this.props[r];if(!s)return;const{x:l,y:c,i:u,maxH:d,minH:p,containerWidth:f}=this.props,{minW:h,maxW:m}=this.props;let g=a;o&&(g=(0,mo.resizeItemInDirection)(i,n,a,f),this.setState({resizing:"onResizeStop"===r?null:g}));let{w:y,h:b}=(0,go.calcWH)(this.getPositionParams(),g.width,g.height,l,c,i);y=(0,go.clamp)(y,Math.max(h,1),m),b=(0,go.clamp)(b,p,d),s.call(this,u,y,b,{e:e,node:o,size:g,handle:i})}render(){const{x:e,y:t,w:n,h:r,isDraggable:o,isResizable:a,droppingPosition:i,useCSSTransforms:s}=this.props,l=(0,go.calcGridItemPosition)(this.getPositionParams(),e,t,n,r,this.state),c=uo.default.Children.only(this.props.children);let u=uo.default.cloneElement(c,{ref:this.elementRef,className:(0,bo.default)("react-grid-item",c.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":o,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(i),cssTransforms:s}),style:{...this.props.style,...c.props.style,...this.createStyle(l)}});return u=this.mixinResizable(u,l,a),u=this.mixinDraggable(u,o),u}}vn.default=xo,wo(xo,"propTypes",{children:po.default.element,cols:po.default.number.isRequired,containerWidth:po.default.number.isRequired,rowHeight:po.default.number.isRequired,margin:po.default.array.isRequired,maxRows:po.default.number.isRequired,containerPadding:po.default.array.isRequired,x:po.default.number.isRequired,y:po.default.number.isRequired,w:po.default.number.isRequired,h:po.default.number.isRequired,minW:function(e,t){const n=e[t];return"number"!=typeof n?new Error("minWidth not Number"):n>e.w||n>e.maxW?new Error("minWidth larger than item width/maxWidth"):void 0},maxW:function(e,t){const n=e[t];return"number"!=typeof n?new Error("maxWidth not Number"):n<e.w||n<e.minW?new Error("maxWidth smaller than item width/minWidth"):void 0},minH:function(e,t){const n=e[t];return"number"!=typeof n?new Error("minHeight not Number"):n>e.h||n>e.maxH?new Error("minHeight larger than item height/maxHeight"):void 0},maxH:function(e,t){const n=e[t];return"number"!=typeof n?new Error("maxHeight not Number"):n<e.h||n<e.minH?new Error("maxHeight smaller than item height/minHeight"):void 0},i:po.default.string.isRequired,resizeHandles:yo.resizeHandleAxesType,resizeHandle:yo.resizeHandleType,onDragStop:po.default.func,onDragStart:po.default.func,onDrag:po.default.func,onResizeStop:po.default.func,onResizeStart:po.default.func,onResize:po.default.func,isDraggable:po.default.bool.isRequired,isResizable:po.default.bool.isRequired,isBounded:po.default.bool.isRequired,static:po.default.bool,useCSSTransforms:po.default.bool.isRequired,transformScale:po.default.number,className:po.default.string,handle:po.default.string,cancel:po.default.string,droppingPosition:po.default.shape({e:po.default.object.isRequired,left:po.default.number.isRequired,top:po.default.number.isRequired})}),wo(xo,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(Nt,"__esModule",{value:!0}),Nt.default=void 0;var So=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=Ro(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(l),Oo=Pt,_o=No(Tt),jo=Lt,Eo=mn,Do=No(vn),Co=No(oo);function No(e){return e&&e.__esModule?e:{default:e}}function Ro(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Ro=function(e){return e?n:t})(e)}function Po(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ko="react-grid-layout";let Mo=!1;try{Mo=/firefox/i.test(navigator.userAgent)}catch(Zs){}let zo=class extends So.Component{constructor(){super(...arguments),Po(this,"state",{activeDrag:null,layout:(0,jo.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,jo.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),Po(this,"dragEnterCounter",0),Po(this,"onDragStart",((e,t,n,r)=>{let{e:o,node:a}=r;const{layout:i}=this.state,s=(0,jo.getLayoutItem)(i,e);if(!s)return;const l={w:s.w,h:s.h,x:s.x,y:s.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,jo.cloneLayoutItem)(s),oldLayout:i,activeDrag:l}),this.props.onDragStart(i,s,s,null,o,a)})),Po(this,"onDrag",((e,t,n,r)=>{let{e:o,node:a}=r;const{oldDragItem:i}=this.state;let{layout:s}=this.state;const{cols:l,allowOverlap:c,preventCollision:u}=this.props,d=(0,jo.getLayoutItem)(s,e);if(!d)return;const p={w:d.w,h:d.h,x:d.x,y:d.y,placeholder:!0,i:e};s=(0,jo.moveElement)(s,d,t,n,!0,u,(0,jo.compactType)(this.props),l,c),this.props.onDrag(s,i,d,p,o,a),this.setState({layout:c?s:(0,jo.compact)(s,(0,jo.compactType)(this.props),l),activeDrag:p})})),Po(this,"onDragStop",((e,t,n,r)=>{let{e:o,node:a}=r;if(!this.state.activeDrag)return;const{oldDragItem:i}=this.state;let{layout:s}=this.state;const{cols:l,preventCollision:c,allowOverlap:u}=this.props,d=(0,jo.getLayoutItem)(s,e);if(!d)return;s=(0,jo.moveElement)(s,d,t,n,!0,c,(0,jo.compactType)(this.props),l,u);const p=u?s:(0,jo.compact)(s,(0,jo.compactType)(this.props),l);this.props.onDragStop(p,i,d,null,o,a);const{oldLayout:f}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,f)})),Po(this,"onResizeStart",((e,t,n,r)=>{let{e:o,node:a}=r;const{layout:i}=this.state,s=(0,jo.getLayoutItem)(i,e);s&&(this.setState({oldResizeItem:(0,jo.cloneLayoutItem)(s),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(i,s,s,null,o,a))})),Po(this,"onResize",((e,t,n,r)=>{let{e:o,node:a,size:i,handle:s}=r;const{oldResizeItem:l}=this.state,{layout:c}=this.state,{cols:u,preventCollision:d,allowOverlap:p}=this.props;let f,h,m,g=!1;const[y,b]=(0,jo.withLayoutItem)(c,e,(e=>{let r;if(h=e.x,m=e.y,-1!==["sw","w","nw","n","ne"].indexOf(s)&&(-1!==["sw","nw","w"].indexOf(s)&&(h=e.x+(e.w-t),t=e.x!==h&&h<0?e.w:t,h=h<0?0:h),-1!==["ne","n","nw"].indexOf(s)&&(m=e.y+(e.h-n),n=e.y!==m&&m<0?e.h:n,m=m<0?0:m),g=!0),d&&!p){r=(0,jo.getAllCollisions)(c,{...e,w:t,h:n,x:h,y:m}).filter((t=>t.i!==e.i)).length>0,r&&(m=e.y,n=e.h,h=e.x,t=e.w,g=!1)}return e.w=t,e.h=n,e}));if(!b)return;if(f=y,g){const e=!0;f=(0,jo.moveElement)(y,b,h,m,e,this.props.preventCollision,(0,jo.compactType)(this.props),u,p)}const v={w:b.w,h:b.h,x:b.x,y:b.y,static:!0,i:e};this.props.onResize(f,l,b,v,o,a),this.setState({layout:p?f:(0,jo.compact)(f,(0,jo.compactType)(this.props),u),activeDrag:v})})),Po(this,"onResizeStop",((e,t,n,r)=>{let{e:o,node:a}=r;const{layout:i,oldResizeItem:s}=this.state,{cols:l,allowOverlap:c}=this.props,u=(0,jo.getLayoutItem)(i,e),d=c?i:(0,jo.compact)(i,(0,jo.compactType)(this.props),l);this.props.onResizeStop(d,s,u,null,o,a);const{oldLayout:p}=this.state;this.setState({activeDrag:null,layout:d,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(d,p)})),Po(this,"onDragOver",(e=>{var t;if(e.preventDefault(),e.stopPropagation(),Mo&&!(null==(t=e.nativeEvent.target)?void 0:t.classList.contains(ko)))return!1;const{droppingItem:n,onDropDragOver:r,margin:o,cols:a,rowHeight:i,maxRows:s,width:l,containerPadding:c,transformScale:u}=this.props,d=null==r?void 0:r(e);if(!1===d)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const p={...n,...d},{layout:f}=this.state,h=e.currentTarget.getBoundingClientRect(),m=e.clientX-h.left,g=e.clientY-h.top,y={left:m/u,top:g/u,e:e};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:e,top:t}=this.state.droppingPosition;(e!=m||t!=g)&&this.setState({droppingPosition:y})}}else{const e={cols:a,margin:o,maxRows:s,rowHeight:i,containerWidth:l,containerPadding:c||o},t=(0,Eo.calcXY)(e,g,m,p.w,p.h);this.setState({droppingDOMNode:So.createElement("div",{key:p.i}),droppingPosition:y,layout:[...f,{...p,x:t.x,y:t.y,static:!1,isDraggable:!0}]})}})),Po(this,"removeDroppingPlaceholder",(()=>{const{droppingItem:e,cols:t}=this.props,{layout:n}=this.state,r=(0,jo.compact)(n.filter((t=>t.i!==e.i)),(0,jo.compactType)(this.props),t,this.props.allowOverlap);this.setState({layout:r,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),Po(this,"onDragLeave",(e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,0===this.dragEnterCounter&&this.removeDroppingPlaceholder()})),Po(this,"onDragEnter",(e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++})),Po(this,"onDrop",(e=>{e.preventDefault(),e.stopPropagation();const{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 n;if(t.activeDrag)return null;if((0,Oo.deepEqual)(e.layout,t.propsLayout)&&e.compactType===t.compactType?(0,jo.childrenEqual)(e.children,t.children)||(n=t.layout):n=e.layout,n){return{layout:(0,jo.synchronizeLayoutWithChildren)(n,e.children,e.cols,(0,jo.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}}return null}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,jo.fastRGLPropsEqual)(this.props,e,Oo.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,t){if(!this.state.activeDrag){const e=this.state.layout,n=t.layout;this.onLayoutMaybeChanged(e,n)}}containerHeight(){if(!this.props.autoSize)return;const e=(0,jo.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]+2*t+"px"}onLayoutMaybeChanged(e,t){t||(t=this.state.layout),(0,Oo.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){const{activeDrag:e}=this.state;if(!e)return null;const{width:t,cols:n,margin:r,containerPadding:o,rowHeight:a,maxRows:i,useCSSTransforms:s,transformScale:l}=this.props;return So.createElement(Do.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:t,cols:n,margin:r,containerPadding:o||r,maxRows:i,rowHeight:a,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:s,transformScale:l},So.createElement("div",null))}processGridItem(e,t){if(!e||!e.key)return;const n=(0,jo.getLayoutItem)(this.state.layout,String(e.key));if(!n)return null;const{width:r,cols:o,margin:a,containerPadding:i,rowHeight:s,maxRows:l,isDraggable:c,isResizable:u,isBounded:d,useCSSTransforms:p,transformScale:f,draggableCancel:h,draggableHandle:m,resizeHandles:g,resizeHandle:y}=this.props,{mounted:b,droppingPosition:v}=this.state,w="boolean"==typeof n.isDraggable?n.isDraggable:!n.static&&c,x="boolean"==typeof n.isResizable?n.isResizable:!n.static&&u,S=n.resizeHandles||g,O=w&&d&&!1!==n.isBounded;return So.createElement(Do.default,{containerWidth:r,cols:o,margin:a,containerPadding:i||a,maxRows:l,rowHeight:s,cancel:h,handle:m,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:w,isResizable:x,isBounded:O,useCSSTransforms:p&&b,usePercentages:!b,transformScale:f,w:n.w,h:n.h,x:n.x,y:n.y,i:n.i,minH:n.minH,minW:n.minW,maxH:n.maxH,maxW:n.maxW,static:n.static,droppingPosition:t?v:void 0,resizeHandles:S,resizeHandle:y},e)}render(){const{className:e,style:t,isDroppable:n,innerRef:r}=this.props,o=(0,_o.default)(ko,e),a={height:this.containerHeight(),...t};return So.createElement("div",{ref:r,className:o,style:a,onDrop:n?this.onDrop:jo.noop,onDragLeave:n?this.onDragLeave:jo.noop,onDragEnter:n?this.onDragEnter:jo.noop,onDragOver:n?this.onDragOver:jo.noop},So.Children.map(this.props.children,(e=>this.processGridItem(e))),n&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};Nt.default=zo,Po(zo,"displayName","ReactGridLayout"),Po(zo,"propTypes",Co.default),Po(zo,"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:jo.noop,onDragStart:jo.noop,onDrag:jo.noop,onDragStop:jo.noop,onResizeStart:jo.noop,onResize:jo.noop,onResizeStop:jo.noop,onDrop:jo.noop,onDropDragOver:jo.noop});var To={},Lo={};Object.defineProperty(Lo,"__esModule",{value:!0}),Lo.findOrGenerateResponsiveLayout=function(e,t,n,r,o,a){if(e[n])return(0,Io.cloneLayout)(e[n]);let i=e[r];const s=Ho(t),l=s.slice(s.indexOf(n));for(let c=0,u=l.length;c<u;c++){const t=l[c];if(e[t]){i=e[t];break}}return i=(0,Io.cloneLayout)(i||[]),(0,Io.compact)((0,Io.correctBounds)(i,{cols:o}),a,o)},Lo.getBreakpointFromWidth=function(e,t){const n=Ho(e);let r=n[0];for(let o=1,a=n.length;o<a;o++){const a=n[o];t>e[a]&&(r=a)}return r},Lo.getColsFromBreakpoint=function(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]},Lo.sortBreakpoints=Ho;var Io=Lt;function Ho(e){return Object.keys(e).sort((function(t,n){return e[t]-e[n]}))}Object.defineProperty(To,"__esModule",{value:!0}),To.default=void 0;var Ao=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=Uo(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(l),Wo=Yo(u),qo=Pt,Bo=Lt,Go=Lo,Fo=Yo(Nt);function Yo(e){return e&&e.__esModule?e:{default:e}}function Uo(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Uo=function(e){return e?n:t})(e)}function Vo(){return Vo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Vo.apply(this,arguments)}function Xo(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const $o=e=>Object.prototype.toString.call(e);function Ko(e,t){return null==e?null:Array.isArray(e)?e:e[t]}class Qo extends Ao.Component{constructor(){super(...arguments),Xo(this,"state",this.generateInitialState()),Xo(this,"onLayoutChange",(e=>{this.props.onLayoutChange(e,{...this.props.layouts,[this.state.breakpoint]:e})}))}generateInitialState(){const{width:e,breakpoints:t,layouts:n,cols:r}=this.props,o=(0,Go.getBreakpointFromWidth)(t,e),a=(0,Go.getColsFromBreakpoint)(o,r),i=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,Go.findOrGenerateResponsiveLayout)(n,t,o,o,a,i),breakpoint:o,cols:a}}static getDerivedStateFromProps(e,t){if(!(0,qo.deepEqual)(e.layouts,t.layouts)){const{breakpoint:n,cols:r}=t;return{layout:(0,Go.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,qo.deepEqual)(this.props.breakpoints,e.breakpoints)&&(0,qo.deepEqual)(this.props.cols,e.cols)||this.onWidthChange(e)}onWidthChange(e){const{breakpoints:t,cols:n,layouts:r,compactType:o}=this.props,a=this.props.breakpoint||(0,Go.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),i=this.state.breakpoint,s=(0,Go.getColsFromBreakpoint)(a,n),l={...r};if(i!==a||e.breakpoints!==t||e.cols!==n){i in l||(l[i]=(0,Bo.cloneLayout)(this.state.layout));let e=(0,Go.findOrGenerateResponsiveLayout)(l,t,a,i,s,o);e=(0,Bo.synchronizeLayoutWithChildren)(e,this.props.children,s,o,this.props.allowOverlap),l[a]=e,this.props.onLayoutChange(e,l),this.props.onBreakpointChange(a,s),this.setState({breakpoint:a,layout:e,cols:s})}const c=Ko(this.props.margin,a),u=Ko(this.props.containerPadding,a);this.props.onWidthChange(this.props.width,c,s,u)}render(){const{breakpoint:e,breakpoints:t,cols:n,layouts:r,margin:o,containerPadding:a,onBreakpointChange:i,onLayoutChange:s,onWidthChange:l,...c}=this.props;return Ao.createElement(Fo.default,Vo({},c,{margin:Ko(o,this.state.breakpoint),containerPadding:Ko(a,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}To.default=Qo,Xo(Qo,"propTypes",{breakpoint:Wo.default.string,breakpoints:Wo.default.object,allowOverlap:Wo.default.bool,cols:Wo.default.object,margin:Wo.default.oneOfType([Wo.default.array,Wo.default.object]),containerPadding:Wo.default.oneOfType([Wo.default.array,Wo.default.object]),layouts(e,t){if("[object Object]"!==$o(e[t]))throw new Error("Layout property must be an object. Received: "+$o(e[t]));Object.keys(e[t]).forEach((t=>{if(!(t in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,Bo.validateLayout)(e.layouts[t],"layouts."+t)}))},width:Wo.default.number.isRequired,onBreakpointChange:Wo.default.func,onLayoutChange:Wo.default.func,onWidthChange:Wo.default.func}),Xo(Qo,"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:Bo.noop,onLayoutChange:Bo.noop,onWidthChange:Bo.noop});var Zo={},Jo=function(){if("undefined"!=typeof Map)return Map;function e(e,t){var n=-1;return e.some((function(e,r){return e[0]===t&&(n=r,!0)})),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){void 0===t&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var o=r[n];e.call(t,o[1],o[0])}},t}()}(),ea="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,ta="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),na="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(ta):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)};var ra=["top","right","bottom","left","width","height","size","weight"],oa="undefined"!=typeof MutationObserver,aa=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(e,t){var n=!1,r=!1,o=0;function a(){n&&(n=!1,e()),r&&s()}function i(){na(a)}function s(){var e=Date.now();if(n){if(e-o<2)return;r=!0}else n=!0,r=!1,setTimeout(i,t);o=e}return s}(this.refresh.bind(this),20)}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(){ea&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),oa?(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(){ea&&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=void 0===t?"":t;ra.some((function(e){return!!~n.indexOf(e)}))&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),ia=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n];Object.defineProperty(e,o,{value:t[o],enumerable:!1,writable:!1,configurable:!0})}return e},sa=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||ta},la=ha(0,0,0,0);function ca(e){return parseFloat(e)||0}function ua(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+ca(e["border-"+n+"-width"])}),0)}function da(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return la;var r=sa(e).getComputedStyle(e),o=function(e){for(var t={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var o=r[n],a=e["padding-"+o];t[o]=ca(a)}return t}(r),a=o.left+o.right,i=o.top+o.bottom,s=ca(r.width),l=ca(r.height);if("border-box"===r.boxSizing&&(Math.round(s+a)!==t&&(s-=ua(r,"left","right")+a),Math.round(l+i)!==n&&(l-=ua(r,"top","bottom")+i)),!function(e){return e===sa(e).document.documentElement}(e)){var c=Math.round(s+a)-t,u=Math.round(l+i)-n;1!==Math.abs(c)&&(s-=c),1!==Math.abs(u)&&(l-=u)}return ha(o.left,o.top,s,l)}var pa="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof sa(e).SVGGraphicsElement}:function(e){return e instanceof sa(e).SVGElement&&"function"==typeof e.getBBox};function fa(e){return ea?pa(e)?function(e){var t=e.getBBox();return ha(0,0,t.width,t.height)}(e):da(e):la}function ha(e,t,n,r){return{x:e,y:t,width:n,height:r}}var ma=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=ha(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=fa(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}(),ga=function(){return function(e,t){var n,r,o,a,i,s,l,c=(r=(n=t).x,o=n.y,a=n.width,i=n.height,s="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,l=Object.create(s.prototype),ia(l,{x:r,y:o,width:a,height:i,top:o,right:r+a,bottom:i+o,left:r}),l);ia(this,{target:e,contentRect:c})}}(),ya=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new Jo,"function"!=typeof e)throw new 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 new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof sa(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new ma(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof sa(e).Element))throw new 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 ga(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}(),ba="undefined"!=typeof WeakMap?new WeakMap:new Jo,va=function(){return function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=aa.getInstance(),r=new ya(t,n,this);ba.set(this,r)}}();["observe","unobserve","disconnect"].forEach((function(e){va.prototype[e]=function(){var t;return(t=ba.get(this))[e].apply(t,arguments)}}));var wa=void 0!==ta.ResizeObserver?ta.ResizeObserver:va;const xa=c(Object.freeze(Object.defineProperty({__proto__:null,default:wa},Symbol.toStringTag,{value:"Module"})));Object.defineProperty(Zo,"__esModule",{value:!0}),Zo.default=function(e){var t;return t=class extends Sa.Component{constructor(){super(...arguments),Na(this,"state",{width:1280}),Na(this,"elementRef",Sa.createRef()),Na(this,"mounted",!1),Na(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new _a.default((e=>{if(this.elementRef.current instanceof HTMLElement){const t=e[0].contentRect.width;this.setState({width:t})}}));const e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;const e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:t,...n}=this.props;return t&&!this.mounted?Sa.createElement("div",{className:(0,ja.default)(this.props.className,Ra),style:this.props.style,ref:this.elementRef}):Sa.createElement(e,Ca({innerRef:this.elementRef},n,this.state))}},Na(t,"defaultProps",{measureBeforeMount:!1}),Na(t,"propTypes",{measureBeforeMount:Oa.default.bool}),t};var Sa=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=Da(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(l),Oa=Ea(u),_a=Ea(xa),ja=Ea(Tt);function Ea(e){return e&&e.__esModule?e:{default:e}}function Da(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(Da=function(e){return e?n:t})(e)}function Ca(){return Ca=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Ca.apply(this,arguments)}function Na(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ra="react-grid-layout";var Pa;(Pa=Ct).exports=Nt.default,Pa.exports.utils=Lt,Pa.exports.calculateUtils=mn,Pa.exports.Responsive=To.default,Pa.exports.Responsive.utils=Lo,Pa.exports.WidthProvider=Zo.default;var ka=Ct.exports;const Ma=[p(),f({syntaxHighlighting:!0,highlightSpecialChars:!1,history:!1,drawSelection:!1,defaultKeymap:!1,historyKeymap:!1})],za=l.memo((({code:e,className:t})=>{const{theme:n}=h();return m.jsx("div",{className:g(t,"text-muted-foreground flex flex-col overflow-hidden"),children:m.jsx(y,{minHeight:"10px",theme:"dark"===n?"dark":"light",height:"100%",className:"tiny-code",editable:!1,basicSetup:!1,extensions:Ma,value:e})})}));za.displayName="TinyCode";const Ta=ka.WidthProvider(ka.Responsive),La=[0,0],Ia="grid-drag-handle",Ha=l.memo((({output:e,cellId:t,status:n,mode:r,code:o,hidden:a,isScrollable:i,side:s,className:l})=>{const c="running"===n||"queued"===n;return(null==e||""===e.data)&&"read"!==r?m.jsx(za,{className:l,code:o}):m.jsx("div",{className:g(l,"h-full w-full p-2 overflow-x-auto",a&&"invisible",i?"overflow-y-auto":"overflow-y-hidden","top"===s&&"flex items-start","bottom"===s&&"flex items-end","left"===s&&"flex justify-start","right"===s&&"flex justify-end"),children:m.jsx(w,{allowExpand:!1,output:e,cellId:t,stale:c})})}));Ha.displayName="GridCell";const Aa=({layout:e,setLayout:t,isLocked:n,setIsLocked:r})=>m.jsxs("div",{className:"flex flex-row absolute pl-5 top-8 gap-4 w-full justify-end pr-[350px] pb-3 border-b z-20",children:[m.jsxs("div",{className:"flex flex-row items-center gap-2",children:[m.jsx(x,{htmlFor:"columns",children:"Columns"}),m.jsx(S,{"data-testid":"grid-columns-input",id:"columns",value:e.columns,className:"w-[60px]",placeholder:"# of Columns",minValue:1,onChange:n=>{t({...e,columns:n})}})]}),m.jsxs("div",{className:"flex flex-row items-center gap-2",children:[m.jsx(x,{htmlFor:"rowHeight",children:"Row Height (px)"}),m.jsx(S,{"data-testid":"grid-row-height-input",id:"rowHeight",value:e.rowHeight,className:"w-[60px]",placeholder:"Row Height (px)",minValue:1,onChange:n=>{t({...e,rowHeight:n})}})]}),m.jsxs("div",{className:"flex flex-row items-center gap-2",children:[m.jsx(x,{htmlFor:"maxWidth",children:"Max Width (px)"}),m.jsx(S,{"data-testid":"grid-max-width-input",id:"maxWidth",value:e.maxWidth,className:"w-[90px]",step:100,placeholder:"Full",onChange:n=>{t({...e,maxWidth:Number.isNaN(n)?void 0:n})}})]}),m.jsxs("div",{className:"flex flex-row items-center gap-2",children:[m.jsxs(x,{className:"flex flex-row items-center gap-1",htmlFor:"lock",children:[m.jsx(O,{className:"h-3 w-3"}),"Bordered"]}),m.jsx(_,{"data-testid":"grid-bordered-switch",id:"lock",checked:e.bordered,size:"sm",onCheckedChange:n=>{t({...e,bordered:n})}})]}),m.jsxs("div",{className:"flex flex-row items-center gap-2",children:[m.jsxs(x,{className:"flex flex-row items-center gap-1",htmlFor:"lock",children:[m.jsx(j,{className:"h-3 w-3"}),"Lock Grid"]}),m.jsx(_,{"data-testid":"grid-lock-switch",id:"lock",checked:n,size:"sm",onCheckedChange:r})]})]}),Wa=b.forwardRef((({children:e,isDragging:t,className:n,onDelete:r,isScrollable:o,setIsScrollable:a,side:i,setSide:s,display:c,...u},d)=>{const[p,f]=l.useState();return m.jsxs("div",{ref:d,...u,className:g(n,"relative z-10 hover:z-20","bg-background border-transparent hover:border-[var(--sky-8)] border",p&&"border-[var(--sky-8)] z-20",!p&&"hover-actions-parent",t&&"bg-[var(--slate-2)] border-border z-20"),children:[e,m.jsx(qa,{onDelete:r,isScrollable:o,setIsScrollable:a,side:i,setSide:s,display:c,setPopoverOpened:f,popoverOpened:p})]})}));Wa.displayName="EditableGridCell";const qa=({display:e,onDelete:t,side:n,setSide:r,isScrollable:o,setIsScrollable:a,popoverOpened:i,setPopoverOpened:s})=>{const l="h-4 w-4 opacity-60 hover:opacity-100",c="left"===n?bt:"right"===n?gt:void 0;return m.jsxs("div",{className:g("absolute right-0 p-1 bg-[var(--sky-8)] text-white h-6 z-10 flex gap-2",!i&&"hover-action","top"===e&&"-top-6 rounded-t","bottom"===e&&"-bottom-6 rounded-b"),children:[m.jsxs(E,{open:"side"===i,onOpenChange:e=>s(e?"side":void 0),children:[m.jsx(D,{asChild:!0,children:c?m.jsx(c,{className:l}):m.jsx(yt,{className:l})}),m.jsx(C,{side:"bottom",children:N.entries(Ba).map((([e,t])=>m.jsxs(R,{onSelect:()=>r(e),children:[m.jsx(t,{className:"h-4 w-3 mr-2"}),m.jsx("span",{className:"flex-1",children:P(e)}),e===n&&m.jsx(k,{className:"h-4 w-4"})]},e)))})]}),m.jsxs(E,{open:"scroll"===i,onOpenChange:e=>s(e?"scroll":void 0),children:[m.jsx(D,{asChild:!0,children:m.jsx(jt,{className:l})}),m.jsx(C,{side:"bottom",children:m.jsxs(R,{onSelect:()=>a(!o),children:[m.jsx("span",{className:"flex-1",children:"Scrollable"}),m.jsx(_,{"data-testid":"grid-scrollable-switch",checked:o,size:"sm",onCheckedChange:a})]})})]}),m.jsx(xt,{className:g(Ia,"cursor-move",l)}),m.jsx(M,{className:l,onClick:()=>t()})]})},Ba={left:bt,right:gt},Ga={type:"grid",name:"Grid",validator:z.object({columns:z.number().min(1),rowHeight:z.number().min(1),maxWidth:z.number().optional(),bordered:z.boolean().optional(),cells:z.array(z.object({position:z.tuple([z.number(),z.number(),z.number(),z.number()]).nullable(),scrollable:z.boolean().optional(),alignment:z.enum(["top","bottom","left","right"]).optional()}))}),deserializeLayout:(e,t)=>{if(0===e.cells.length)return{columns:e.columns,rowHeight:e.rowHeight,scrollableCells:new Set,cellSide:new Map,cells:[]};e.cells.length!==t.length&&a.warn("Number of cells in layout does not match number of cells in notebook");const n=new Set,r=new Map,o=e.cells.flatMap(((e,o)=>{const a=e.position;if(!a)return[];const i=t[o];return i?(e.scrollable&&n.add(i.id),e.side&&r.set(i.id,e.side),{i:i.id,x:a[0],y:a[1],w:a[2],h:a[3]}):[]}));return{columns:e.columns,rowHeight:e.rowHeight,maxWidth:e.maxWidth,bordered:e.bordered,cells:o,cellSide:r,scrollableCells:n}},serializeLayout:(e,t)=>{const n=v.keyBy(e.cells,(e=>e.i)),r=t.map((t=>{const r=n.get(t.id);if(!r)return{position:null};const o={position:[r.x,r.y,r.w,r.h]};return e.scrollableCells.has(t.id)&&(o.scrollable=!0),e.cellSide.has(t.id)&&(o.side=e.cellSide.get(t.id)),o}));return{columns:e.columns,rowHeight:e.rowHeight,maxWidth:e.maxWidth,bordered:e.bordered,cells:r}},Component:({layout:e,setLayout:t,cells:n,mode:r})=>{const o="read"===r,a=new Set(e.cells.map((e=>e.i))),[i,s]=l.useState(null),[c,u]=l.useState(!1),d=l.useMemo((()=>({lg:e.columns})),[e.columns]);l.useEffect((()=>{const t=document.getElementById("App");return e.bordered?null==t||t.classList.add("grid-bordered"):null==t||t.classList.remove("grid-bordered"),()=>{null==t||t.classList.remove("grid-bordered")}}),[e.bordered]);const{isDragging:p,...f}=function(){const[e,t]=l.useState(!1),[n,r]=b.useState({x:0,y:0}),[o,a]=b.useState(!1);return{isDragging:e&&o,onDragStart:e=>{t(!0),r({x:e.clientX,y:e.clientY})},onDragMove:t=>{if(e){const e=t.clientX-n.x,r=t.clientY-n.y;a(Math.hypot(e,r)>10)}},onDragStop:()=>{t(!1),a(!1)}}}(),h=!o&&!c,y=v.keyBy(e.cells,(e=>e.i)),w=n=>r=>{const o=new Set(e.scrollableCells);r?o.add(n):o.delete(n),t({...e,scrollableCells:o})},x={};e.maxWidth&&(x.maxWidth=`${e.maxWidth}px`),h&&(x.backgroundImage="repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)",x.backgroundSize=`calc((100% / ${e.columns})) ${e.rowHeight}px`);let S=m.jsx(Ta,{breakpoint:"lg",layouts:{lg:e.cells},style:x,cols:d,allowOverlap:!1,className:g("w-full mx-auto bg-background flex-1 min-h-full",h&&"bg-[var(--slate-2)] border-r",o&&"disable-animation",!e.maxWidth&&"min-w-[800px]"),containerPadding:o?[20,20]:void 0,margin:La,isBounded:!1,compactType:null,preventCollision:!0,rowHeight:e.rowHeight,onLayoutChange:n=>t({...e,cells:n}),droppingItem:i?{i:i.i,w:i.w||2,h:i.h||2}:void 0,onDrop:(n,r,o)=>{f.onDragStop(),r&&t({...e,cells:[...n,r]})},onDragStart:(e,t,n,r,o)=>{f.onDragStart(o)},onDrag:(e,t,n,r,o)=>{f.onDragMove(o)},onDragStop:()=>{f.onDragStop()},onResizeStop:()=>{window.dispatchEvent(new Event("resize"))},isDraggable:h,isDroppable:h,isResizable:h,draggableHandle:h?`.${Ia}`:"noop",children:n.filter((e=>a.has(e.id))).map((n=>{const o=y.get(n.id),a=e.scrollableCells.has(n.id)??!1,i=e.cellSide.get(n.id),s=m.jsx(Ha,{code:n.code,mode:r,cellId:n.id,output:n.output,status:n.status,isScrollable:a,side:i,hidden:n.errored||n.interrupted||n.stopped});return h?m.jsx(Wa,{id:n.id,isDragging:p,side:i,setSide:(l=n.id,n=>{const r=new Map(e.cellSide);n===r.get(l)?r.delete(l):r.set(l,n),t({...e,cellSide:r})}),isScrollable:a,setIsScrollable:w(n.id),display:0===(null==o?void 0:o.y)?"bottom":"top",onDelete:()=>{t({...e,cells:e.cells.filter((e=>e.i!==n.id))})},children:s},n.id):m.jsx("div",{children:s},n.id);var l}))});if(o)return e.bordered&&(S=m.jsx("div",{className:"flex flex-1 flex-col items-center",children:m.jsx("div",{style:x,className:"bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",children:S})})),S;const O=n.filter((e=>!a.has(e.id)));return e.bordered&&(S=m.jsx("div",{style:x,className:"bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",children:m.jsx("div",{className:"h-full overflow-auto",children:S})})),m.jsxs(m.Fragment,{children:[m.jsx(Aa,{layout:e,setLayout:t,isLocked:c,setIsLocked:u}),m.jsxs("div",{className:g("relative flex z-10 flex-1 overflow-hidden"),children:[m.jsx("div",{className:g("flex-grow overflow-auto transparent-when-disconnected"),children:S}),m.jsxs("div",{className:"flex-none flex flex-col w-[300px] p-2 pb-20 gap-2 overflow-auto bg-[var(--slate-2)] border-t border-x rounded-t shadow-sm transparent-when-disconnected mx-2 mt-4",children:[m.jsx("div",{className:"text font-bold text-[var(--slate-20)] flex-shrink-0",children:"Outputs"}),O.map((t=>m.jsx("div",{draggable:!0,unselectable:"on","data-cell-id":t.id,onDragStart:n=>{const r=n.currentTarget.offsetHeight;s({i:t.id,w:e.columns/4,h:Math.ceil(r/e.rowHeight)||1}),n.dataTransfer.setData("text/plain","")},className:g(Ia,"droppable-element bg-background border-border border overflow-hidden p-2 rounded flex-shrink-0"),children:m.jsx(Ha,{code:t.code,className:"select-none pointer-events-none",mode:r,cellId:t.id,output:t.output,isScrollable:!1,status:t.status,hidden:!1})},t.id)))]})]})]})},getInitialLayout:()=>({columns:24,rowHeight:20,maxWidth:1400,bordered:!0,scrollableCells:new Set,cellSide:new Map,cells:[]})},Fa=({invisible:e,appConfig:t,className:n,children:r,innerClassName:o})=>m.jsx("div",{className:g("px-1 sm:px-16 md:px-20 xl:px-24 print:px-0 print:pb-0",n),children:m.jsx("div",{className:g("m-auto pb-24 sm:pb-12","compact"===t.width&&"max-w-contentWidth min-w-[400px]","medium"===t.width&&"max-w-contentWidthMedium min-w-[400px]","columns"===t.width&&"w-fit","full"===t.width&&"max-w-full",e&&"invisible",o),children:r})});function Ya(e,t){const[n,r]=l.useState(!0);return l.useEffect((()=>{const n=Math.max(Math.min(15*(e-1),100),0),o=setTimeout((()=>{r(!1),"read"!==t&&requestAnimationFrame((()=>{!function(){var e;const{cellIds:t,cellData:n,cellHandles:r}=T();for(const o of t.iterateTopLevelIds){const t=r[o];if(!n[o].config.hide_code&&(null==(e=null==t?void 0:t.current)?void 0:e.editorView))return void t.current.editorView.focus()}}()}))}),n);return()=>clearTimeout(o)}),[]),{invisible:n}}const Ua=({value:e,onChange:t,placeholder:n,...r})=>{const o=l.useRef(null),a=Xa(e,t);return L((()=>{const e=a.onBlur,t=o.current;if(t)return t.addEventListener("blur",e),()=>{t.removeEventListener("blur",e)}})),m.jsx(I,{"data-testid":"cell-name-input",value:a.value,onChange:a.onChange,ref:o,placeholder:n,className:"shadow-none! hover:shadow-none focus:shadow-none focus-visible:shadow-none",onKeyDown:H.onEnter(H.stopPropagation()),...r})},Va=({value:e,cellId:t,className:n})=>{const{updateCellName:r}=G(),o=Xa(e,(e=>r({cellId:t,name:e})));return e===A?null:m.jsx(F,{content:"Click to rename",children:m.jsx("span",{className:g("outline-none border hover:border-cyan-500/40 focus:border-cyan-500/40",n),contentEditable:!0,suppressContentEditableWarning:!0,onChange:o.onChange,onBlur:o.onBlur,onKeyDown:H.onEnter((e=>{e.target instanceof HTMLElement&&e.target.blur()})),children:e})})};function Xa(e,t){const[n,r]=l.useState(e),o=n=>{if(n===e)return;if(!n||n===A)return void t(n);const r=q(n,B());t(r)};return{value:n===A?"":n,onChange:e=>{const t=e.target.value,n=W(t);r(n)},onBlur:e=>{if(e.target instanceof HTMLInputElement){const t=e.target.value;o(W(t))}else if(e.target instanceof HTMLSpanElement){const t=e.target.innerText.trim();o(W(t))}}}}const $a=new Y,Ka=e=>{const t=b.useRef(null),{consoleOutputs:n,stale:r,cellName:o,cellId:a,onSubmitDebugger:i,onRefactorWithAI:s,className:c}=e,u=n.length>0;if(l.useLayoutEffect((()=>{const e=t.current;if(!e)return;const n=e.scrollHeight-e.clientHeight;n-e.scrollTop<120&&(e.scrollTop=n)})),!u&&o===A)return null;const d=e=>m.jsx("span",{dangerouslySetInnerHTML:{__html:$a.ansi_to_html(e)}}),p=[...n].reverse();return m.jsxs("div",{title:r?"This console output is stale":void 0,"data-testid":"console-output-area",ref:t,className:g("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full",r&&"marimo-output-stale",u?"p-5":"p-3",c),children:[p.map(((e,t)=>{if("pdb"===e.channel)return null;const r=n.length-t-1;return"stdin"===e.channel?(U("string"==typeof e.data,"Expected data to be a string"),null==e.response?m.jsxs("div",{className:"flex gap-2 items-center",children:[d(e.data),m.jsx(I,{"data-testid":"console-input",type:"text",autoComplete:"off",autoFocus:!0,className:"m-0",placeholder:"stdin",onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||i(e.currentTarget.value,r)}})]},t):m.jsxs("div",{className:"flex gap-2 items-center",children:[d(e.data),m.jsx("span",{className:"text-[var(--sky-11)]",children:e.response})]},t)):m.jsx(b.Fragment,{children:m.jsx(V,{onRefactorWithAI:s,message:e})},t)})),m.jsx(Va,{value:o,cellId:a,className:"bg-[var(--slate-4)] border-[var(--slate-4)] hover:bg-[var(--slate-5)] dark:border-[var(--sky-5)] dark:bg-[var(--sky-6)] dark:text-[var(--sky-12)] text-[var(--slate-12)] rounded-tl rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono"})]})},Qa=/\/@file\/([^\s/]+)\.([\dA-Za-z]+)/g;class Za{constructor(){n(this,"virtualFiles",new Map)}static get INSTANCE(){const e="_marimo_private_VirtualFileTracker";return window[e]||(window[e]=new Za),window[e]}track(e){const t=e.output,n=e.cell_id;if(t)switch(t.mimetype){case"application/json":case"text/html":{const e=this.virtualFiles.get(n),r=function(e){if(!e)return new Set;const t=new Set,n=("string"==typeof e?e:JSON.stringify(e)).match(Qa);if(n)for(const r of n)t.add(r);return t}(t.data);return null==e||e.forEach((e=>r.add(e))),void this.virtualFiles.set(n,r)}default:return}}filenames(){const e=new Set;for(const t of this.virtualFiles.values())t.forEach((t=>e.add(t)));return[...e]}removeForCellId(e){this.virtualFiles.delete(e)}}async function Ja(e){const{filename:t,includeCode:n}=e,r=await X({download:!0,includeCode:n,files:Za.INSTANCE.filenames()}),o=$.basename(t)??"notebook.py";K(new Blob([r],{type:"text/html"}),Q.toHTML(o))}function ei(e){const[t,n]=l.useState(void 0),r=l.useRef(null),o=l.useRef(null);return l.useEffect((()=>{if(0===e.length)return;return r.current=new IntersectionObserver((e=>{let t=!1;if(e.forEach((e=>{const n=e.target;e.isIntersecting?(!o.current||n.getBoundingClientRect().top<o.current.getBoundingClientRect().top)&&(o.current=n,t=!0):n===o.current&&(o.current=null,t=!0)})),t&&o.current){const e=J(o.current),t="id"in e?e.id:e.path;n(t)}}),{root:"edit"===Z?document.getElementById("App"):void 0,rootMargin:"0px",threshold:0}),e.forEach((e=>{var t;e&&(null==(t=r.current)||t.observe(e[0]))})),()=>{r.current&&r.current.disconnect(),o.current=null}}),[e]),{activeHeaderId:t}}function ti(e){if(0===e.length)return[];const t=new Map;return e.map((e=>{const n="id"in e.by?e.by.id:e.by.path,r=t.get(n)??0;t.set(n,r+1);const o=ri(e,r);return o?[o,n]:null})).filter(Boolean)}function ni(e,t){const n=ri(e,t);n?(n.scrollIntoView({behavior:"smooth",block:"start"}),n.classList.add("outline-item-highlight"),setTimeout((()=>{n.classList.remove("outline-item-highlight")}),3e3)):a.warn("Could not find element for outline item",e)}function ri(e,t){if("id"in e.by){return document.querySelectorAll(`[id="${CSS.escape(e.by.id)}"]`)[t]}return document.evaluate(e.by.path,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue}const oi=()=>{const{items:e}=ee(te),{activeHeaderId:t}=ei(ti(e)),[n,r]=b.useState(!1);return e.length<2?null:m.jsxs("div",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),className:g("fixed top-[25vh] right-8 z-[10000]","hidden md:block"),children:[m.jsx(ii,{className:g("-top-4 max-h-[70vh] bg-background rounded-lg shadow-lg absolute overflow-auto transition-all duration-300 w-[300px] border",n?"-left-[280px] opacity-100":"left-[300px] opacity-0"),items:e,activeHeaderId:t}),m.jsx(ai,{items:e,activeHeaderId:t})]})},ai=({items:e,activeHeaderId:t})=>{const n=new Map;return m.jsx("div",{className:"flex flex-col gap-4 items-end max-h-[70vh] overflow-hidden",children:e.map(((e,r)=>{const o="id"in e.by?e.by.id:e.by.path,a=n.get(o)??0;return n.set(o,a+1),m.jsx("div",{className:g("h-[2px] bg-muted-foreground/60",1===e.level&&"w-5",2===e.level&&"w-4",3===e.level&&"w-3",4===e.level&&"w-2",t===o&&"bg-foreground"),onClick:()=>ni(e,a)},`${o}-${r}`)}))})},ii=({items:e,activeHeaderId:t,className:n})=>{const r=new Map;return m.jsx("div",{className:g("flex flex-col overflow-auto py-4 pl-2",n),children:e.map(((e,n)=>{const o="id"in e.by?e.by.id:e.by.path,a=r.get(o)??0;return r.set(o,a+1),m.jsx("div",{className:g("px-2 py-1 cursor-pointer hover:bg-accent/50 hover:text-accent-foreground rounded-l",1===e.level&&"font-semibold",2===e.level&&"ml-3",3===e.level&&"ml-6",4===e.level&&"ml-9",t===o&&"text-accent-foreground"),onClick:()=>ni(e,a),children:e.name},`${o}-${n}`)}))})},si=({canShowCode:e,showCode:t,onToggleShowCode:n})=>m.jsx("div",{className:g("right-0 top-0 z-50 m-4 no-print flex gap-2 print:hidden",ue()?"absolute":"fixed"),children:m.jsxs(E,{modal:!1,children:[m.jsx(D,{asChild:!0,children:m.jsx(pe,{variant:"secondary",size:"xs",children:m.jsx(vt,{className:"w-4 h-4"})})}),m.jsxs(C,{align:"end",className:"no-print w-[220px]",children:[e&&m.jsxs(m.Fragment,{children:[m.jsxs(R,{onSelect:n,children:[m.jsx(fe,{className:"mr-2",size:14,strokeWidth:1.5}),m.jsx("span",{className:"flex-1",children:"Show code"}),t&&m.jsx(k,{className:"h-4 w-4"})]}),m.jsx(he,{})]}),m.jsxs(R,{onSelect:async()=>{document.getElementById("App")&&await Ja({filename:document.title,includeCode:!0})},children:[m.jsx(wt,{className:"mr-2",size:14,strokeWidth:1.5}),"Download as HTML"]}),m.jsxs(R,{onSelect:async()=>{const e=document.getElementById("App");e&&await me(e,document.title)},children:[m.jsx(Ot,{className:"mr-2",size:14,strokeWidth:1.5}),"Download as PNG"]})]})]})}),li=l.memo((({output:e,consoleOutputs:t,cellOutputArea:n,cellId:r,status:o,stopped:a,errored:i,config:s,interrupted:c,staleInputs:u,runStartTimestamp:d,code:p,showCode:f,mode:h,name:y,kiosk:b})=>{const v=l.useRef(null),x=ne({status:o,output:e,interrupted:c,runStartTimestamp:d,staleInputs:u},!1),S=b&&"present"!==h,O=g("Cell","hover-actions-parent",{published:!f&&!S,interactive:"edit"===h,"has-error":i,stopped:a}),_=re.create(r);if("read"===h&&f||S){const o=m.jsx(w,{allowExpand:!0,output:e,className:"output-area",cellId:r,stale:x}),a=""===p.trim(),i=(new oe).isSupported(p);return m.jsxs("div",{tabIndex:-1,id:_,ref:v,className:O,children:["above"===n&&o,!i&&!a&&m.jsx("div",{className:"tray",children:m.jsx(ae,{initiallyHideCode:s.hide_code||b,code:p})}),"below"===n&&o,m.jsx(Ka,{consoleOutputs:t,stale:x,cellName:y,onSubmitDebugger:()=>null,cellId:r,debuggerActive:!1})]})}const j=ie(null==e?void 0:e.mimetype);return i||c||a||j?null:m.jsx("div",{tabIndex:-1,id:_,ref:v,className:O,children:m.jsx(w,{allowExpand:"edit"===h,output:e,className:"output-area",cellId:r,stale:x})})}));li.displayName="VerticalCell";const ci={type:"vertical",name:"Vertical",validator:z.any(),Component:({cells:e,appConfig:t,mode:n})=>{const{invisible:r}=Ya(e.length,n),o=ee(se),[a]=le(),i=new URLSearchParams(window.location.search),s=i.get(ce.showCode),[c,u]=l.useState((()=>null===s?ue()||de()||o:"true"===s)),d=(()=>{const t=e.some((e=>Boolean(e.code)));if(o)return!0;const r=i.get(ce.includeCode);return"read"===n&&"false"!==r&&t})(),p=m.jsx(m.Fragment,{children:e.map((e=>m.jsx(li,{cellId:e.id,output:e.output,consoleOutputs:e.consoleOutputs,status:e.status,code:e.code,config:e.config,cellOutputArea:a.display.cell_output,stopped:e.stopped,showCode:c&&d,errored:e.errored,mode:n,runStartTimestamp:e.runStartTimestamp,interrupted:e.interrupted,staleInputs:e.staleInputs,name:e.name,kiosk:o},e.id)))});return m.jsxs(Fa,{invisible:r,appConfig:t,children:[c&&d?m.jsxs("div",{className:"flex flex-col gap-5",children:[" ",p]}):p,"read"===n&&m.jsx(si,{canShowCode:d,showCode:c,onToggleShowCode:()=>u((e=>!e))}),m.jsx(oi,{})]})},deserializeLayout:e=>e,serializeLayout:e=>e,getInitialLayout:()=>null},ui=b.lazy((()=>ge((()=>import("./slides-component-MUKRYOcY.js")),__vite__mapDeps([0,1,2,3]),import.meta.url))),di=l.memo((({output:e,cellId:t,status:n})=>{const r="running"===n||"queued"===n;return m.jsx(w,{className:"contents",allowExpand:!1,output:e,cellId:t,stale:r})}));di.displayName="Slide";const pi=[Ga,{type:"slides",name:"Slides",validator:z.object({}),deserializeLayout:(e,t)=>({}),serializeLayout:(e,t)=>({}),Component:({cells:e,mode:t})=>{const n="read"===t,r=m.jsx(ui,{forceKeyboardNavigation:!0,children:e.map((e=>null==e.output||""===e.output.data?null:m.jsx(di,{cellId:e.id,code:e.code,status:e.status,output:e.output,mode:t},e.id)))});return n?m.jsx("div",{className:"p-4",children:r}):m.jsx("div",{className:"pr-9",children:r})},getInitialLayout:()=>({})},ci];function fi(){return{selectedLayout:"vertical",layoutData:{}}}const{valueAtom:hi,useActions:mi}=ye(fi,{setLayoutView:(e,t)=>({...e,selectedLayout:t}),setLayoutData:(e,t)=>({...e,selectedLayout:t.layoutView,layoutData:{...e.layoutData,[t.layoutView]:t.data}}),setCurrentLayoutData:(e,t)=>({...e,layoutData:{...e.layoutData,[e.selectedLayout]:t}})}),gi=()=>ee(hi),yi=()=>mi();function bi(){const e=T(),{layoutData:t,selectedLayout:n}=be.get(hi);if("vertical"===n)return;if(void 0===t)return;const r=t[n],o=pi.find((e=>e.type===n));if(void 0!==o)return{type:n,data:o.serializeLayout(r,ve(e))};a.error(`Unknown layout type: ${n}`)}const vi=["vertical","grid","slides"],wi=["slides"],xi=l.memo((({appConfig:e,mode:t,children:n})=>{const r=we(),{selectedLayout:o,layoutData:a}=gi(),{setCurrentLayoutData:i}=yi(),s=ee(se);if("edit"===t&&!s)return n;let l=o;const c=new URLSearchParams(window.location.search);if("read"===t&&c.has(ce.viewAs)){const e=c.get(ce.viewAs);wi.includes(e)&&(l=e)}const u=pi.find((e=>e.type===l));if(!u)return n;const d=xe(r),p=u.Component;return m.jsx(p,{appConfig:e,mode:t,cells:d,layout:a[l]||u.getInitialLayout(d),setLayout:i})}));xi.displayName="CellsRenderer";var Si=(e=>(e.CONNECTING="CONNECTING",e.OPEN="CONNECTED",e.CLOSING="CLOSING",e.CLOSED="CLOSED",e))(Si||{}),Oi=(e=>(e.KERNEL_DISCONNECTED="KERNEL_DISCONNECTED",e.ALREADY_RUNNING="ALREADY_RUNNING",e.MALFORMED_QUERY="MALFORMED_QUERY",e))(Oi||{});function _i(){const{cellRuntime:e}=be.get(Se),t=N.entries(e).find((([e,t])=>"running"===t.status));t&&Oe(t[0],"focus")}const ji=({state:e,isRunning:t})=>m.jsxs(m.Fragment,{children:[e===Si.OPEN&&t&&m.jsx(Ci,{}),e===Si.CLOSED&&m.jsx(Ni,{}),e===Si.CLOSED&&m.jsx(Di,{})]}),Ei="absolute top-4 left-4 m-0 flex items-center space-x-3 min-h-[28px] no-print pointer-events-auto z-50 hover:cursor-pointer",Di=()=>m.jsx(F,{content:"App disconnected",children:m.jsx("div",{className:Ei,children:m.jsx(Et,{className:"closed-app-icon"})})}),Ci=()=>m.jsx(F,{content:"Jump to running cell",side:"right",children:m.jsx("div",{className:Ei,"data-testid":"loading-indicator",onClick:_i,children:m.jsx(St,{className:"running-app-icon",size:30,strokeWidth:1})})}),Ni=()=>m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"noise"}),m.jsx("div",{className:"disconnected-gradient"})]}),Ri=Me,Pi=ze,ki=_e(je),Mi=b.forwardRef((({className:e,...t},n)=>m.jsx(Ee,{className:g("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:n})));Mi.displayName=Ee.displayName;const zi=Te("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),Ti=b.forwardRef((({side:e="right",className:t,children:n,...r},o)=>m.jsx(ki,{children:m.jsxs(De,{children:[m.jsx(Mi,{}),m.jsxs(Ce,{ref:o,className:g(zi({side:e}),t),...r,children:[n,m.jsxs(Ne,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[m.jsx(Re,{className:"h-4 w-4"}),m.jsx("span",{className:"sr-only",children:"Close"})]})]})]})})));Ti.displayName=Ce.displayName;b.forwardRef((({className:e,...t},n)=>m.jsx(Pe,{ref:n,className:g("text-lg font-semibold text-foreground",e),...t}))).displayName=Pe.displayName;b.forwardRef((({className:e,...t},n)=>m.jsx(ke,{ref:n,className:g("text-sm text-muted-foreground",e),...t}))).displayName=ke.displayName;const Li=l.memo((()=>m.jsx(Le,{name:Ie.SIDEBAR})));Li.displayName="SidebarSlot";const Ii=()=>m.jsxs(Ri,{children:[m.jsx(Pi,{className:"lg:hidden",asChild:!0,children:m.jsx(pe,{variant:"ghost",className:"bg-background",children:m.jsx(_t,{className:"w-5 h-5"})})}),m.jsx(Ti,{className:"w-full max-w-72 px-3 h-full flex flex-col",side:"left",children:m.jsx(Li,{})})]}),Hi=He({isOpen:!0},((e,t)=>t&&"toggle"===t.type?{...e,isOpen:t.isOpen}:e)),Ai=({isOpen:e,toggle:t})=>m.jsx("div",{className:"invisible lg:visible absolute top-[12px] right-[16px] z-20",children:m.jsx(pe,{onClick:t,className:"w-10 h-8",variant:"ghost",size:"icon",children:m.jsx(Ae,{className:g("h-5 w-5 transition-transform ease-in-out duration-700",e?"rotate-0":"rotate-180")})})}),Wi=({isOpen:e,toggle:t})=>m.jsxs("aside",{"data-expanded":e,className:g("app-sidebar auto-collapse-nav","absolute top-0 left-0 z-20 h-full -translate-x-full lg:translate-x-0 transition-[width] ease-in-out duration-300",e?"w-72":"w-[68px]"),children:[m.jsx(Ai,{isOpen:e,toggle:t}),m.jsx("div",{className:"relative h-full flex flex-col px-3 pb-16 pt-14 overflow-y-auto shadow-sm border-l",children:m.jsx(Li,{})})]}),qi=({children:e})=>{const[{isOpen:t},n]=We(Hi);return 0===qe(Ie.SIDEBAR).length?e:m.jsxs(m.Fragment,{children:[m.jsx(Wi,{isOpen:t,toggle:()=>n({type:"toggle",isOpen:!t})}),m.jsxs("main",{className:g("h-full transition-[margin-left] ease-in-out duration-300 overflow-hidden relative",t?"lg:ml-72":"lg:ml-[68px]"),children:[m.jsx("div",{className:"absolute top-3 left-4 flex items-center z-50",children:m.jsx(Ii,{})}),e]})]})},Bi=({title:e})=>{const[t,n]=l.useState(e),[r,o]=l.useState(!0);return l.useEffect((()=>{if(e!==t){o(!1);const t=setTimeout((()=>{n(e),o(!0)}),300);return()=>clearTimeout(t)}}),[e,t]),m.jsxs("div",{className:"flex flex-col h-full flex-1 items-center justify-center p-4",children:[m.jsx(Be,{className:"size-20 animate-spin text-primary","data-testid":"large-spinner",strokeWidth:1}),m.jsx("div",{className:g("mt-2 text-muted-foreground font-semibold text-lg transition-opacity duration-300",r?"opacity-100":"opacity-0"),children:t})]})},Gi=({children:e})=>{if(!de())return e;const{loading:t,error:n}=Ge((async()=>(await Fe.INSTANCE.initialized.promise,!0)),[]),r=ee(Ye);if(t)return m.jsx(Fi,{});if(!r&&"read"===Z&&Ue(ce.showCode,"false"))return m.jsx(Fi,{});if(n)throw n;return e},Fi=({children:e})=>{const t=ee(Ve);return m.jsx(Bi,{title:t})};function Yi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return l.useMemo((()=>e=>{t.forEach((t=>t(e)))}),t)}const Ui="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function Vi(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function Xi(e){return"nodeType"in e}function $i(e){var t,n;return e?Vi(e)?e:Xi(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function Ki(e){const{Document:t}=$i(e);return e instanceof t}function Qi(e){return!Vi(e)&&e instanceof $i(e).HTMLElement}function Zi(e){return e instanceof $i(e).SVGElement}function Ji(e){return e?Vi(e)?e.document:Xi(e)?Ki(e)?e:Qi(e)||Zi(e)?e.ownerDocument:document:document:document}const es=Ui?l.useLayoutEffect:l.useEffect;function ts(e){const t=l.useRef(e);return es((()=>{t.current=e})),l.useCallback((function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return null==t.current?void 0:t.current(...n)}),[])}function ns(){const e=l.useRef(null);return[l.useCallback(((t,n)=>{e.current=setInterval(t,n)}),[]),l.useCallback((()=>{null!==e.current&&(clearInterval(e.current),e.current=null)}),[])]}function rs(e,t){void 0===t&&(t=[e]);const n=l.useRef(e);return es((()=>{n.current!==e&&(n.current=e)}),t),n}function os(e,t){const n=l.useRef();return l.useMemo((()=>{const t=e(n.current);return n.current=t,t}),[...t])}function as(e){const t=ts(e),n=l.useRef(null),r=l.useCallback((e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e}),[]);return[n,r]}function is(e){const t=l.useRef();return l.useEffect((()=>{t.current=e}),[e]),t.current}let ss={};function ls(e,t){return l.useMemo((()=>{if(t)return t;const n=null==ss[e]?0:ss[e]+1;return ss[e]=n,e+"-"+n}),[e,t])}function cs(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return r.reduce(((t,n)=>{const r=Object.entries(n);for(const[o,a]of r){const n=t[o];null!=n&&(t[o]=n+e*a)}return t}),{...t})}}const us=cs(1),ds=cs(-1);function ps(e){if(!e)return!1;const{KeyboardEvent:t}=$i(e.target);return t&&e instanceof t}function fs(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=$i(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const hs=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[hs.Translate.toString(e),hs.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),ms="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function gs(e){return e.matches(ms)?e:e.querySelector(ms)}const ys="./favicon.ico",bs="./circle-check.ico",vs="./circle-play.ico",ws="./circle-x.ico";const xs=e=>{const{isRunning:t}=e,n=Xe();let r=document.querySelector("link[rel~='icon']");r||(r=document.createElement("link"),r.rel="icon",document.getElementsByTagName("head")[0].append(r)),l.useEffect((()=>{if(!t&&r.href.includes("favicon"))return;if(t)return void(r.href=vs);if(r.href=0===n.length?bs:ws,!document.hasFocus())return;const e=setTimeout((()=>{r.href=ys}),3e3);return()=>{r.href=ys,clearTimeout(e)}}),[t,n,r]);const o=is(t)??t;return l.useEffect((()=>{o&&!t&&function(e){if("visible"===document.visibilityState)return;const t=()=>{0===e?new Notification("Execution completed",{body:"Your notebook run completed successfully.",icon:bs}):new Notification("Execution failed",{body:`Your notebook run encountered ${e} error(s).`,icon:ws})};"Notification"in window&&"denied"!==Notification.permission&&("granted"===Notification.permission?t():"default"===Notification.permission&&Notification.requestPermission().then((e=>{"granted"===e&&t()})))}(n.length)}),[n,o,t]),$e(window,"focus",(e=>{t||(r.href=ys)})),null},Ss=({width:e,connectionState:t,isRunning:n,children:r})=>m.jsxs(m.Fragment,{children:[m.jsx(xs,{isRunning:n}),m.jsx(ji,{state:t,isRunning:n}),m.jsx(Gi,{children:m.jsx(qi,{children:m.jsx("div",{id:"App","data-config-width":e,"data-connection-state":t,className:g(t===Si.CLOSED&&"disconnected","bg-background w-full h-full text-textColor","flex flex-col overflow-y-auto","full"===e&&"config-width-full","columns"===e?"overflow-x-auto":"overflow-x-hidden","print:height-fit"),children:r})})})]}),Os=e=>m.jsx("div",{id:"Disconnected",children:m.jsx("p",{children:e.reason})}),_s=({connection:e,className:t,children:n})=>m.jsxs("div",{className:t,children:[n,e.state===Si.CLOSED&&m.jsx(Os,{reason:e.reason})]}),js=Ke({state:Si.CONNECTING});globalThis.EventTarget&&globalThis.Event||console.error("\n  PartySocket requires a global 'EventTarget' class to be available!\n  You can polyfill this global by adding this to your code before any partysocket imports: \n  \n  ```\n  import 'partysocket/event-target-polyfill';\n  ```\n  Please file an issue at https://github.com/partykit/partykit if you're still having trouble.\n");var Es=class extends Event{constructor(e,t){super("error",t),n(this,"message"),n(this,"error"),this.message=e.message,this.error=e}},Ds=class extends Event{constructor(e=1e3,t="",r){super("close",r),n(this,"code"),n(this,"reason"),n(this,"wasClean",!0),this.code=e,this.reason=t}},Cs=(Event,Es),Ns=Ds;var Rs="undefined"!=typeof process&&void 0!==(null==(e=process.versions)?void 0:e.node)&&"undefined"==typeof document?function(e){if("data"in e){return new MessageEvent(e.type,e)}if("code"in e||"reason"in e){return new Ds(e.code||1999,e.reason||"unknown reason",e)}if("error"in e){return new Es(e.error,e)}return new Event(e.type,e)}:function(e){return new e.constructor(e.type,e)},Ps={maxReconnectionDelay:1e4,minReconnectionDelay:1e3+4e3*Math.random(),minUptime:5e3,reconnectionDelayGrowFactor:1.3,connectionTimeout:4e3,maxRetries:1/0,maxEnqueuedMessages:1/0,startClosed:!1,debug:!1},ks=!1,Ms=class e extends EventTarget{constructor(e,t,r={}){super(),n(this,"_ws"),n(this,"_retryCount",-1),n(this,"_uptimeTimeout"),n(this,"_connectTimeout"),n(this,"_shouldReconnect",!0),n(this,"_connectLock",!1),n(this,"_binaryType","blob"),n(this,"_closeCalled",!1),n(this,"_messageQueue",[]),n(this,"_debugLogger",console.log.bind(console)),n(this,"_url"),n(this,"_protocols"),n(this,"_options"),n(this,"onclose",null),n(this,"onerror",null),n(this,"onmessage",null),n(this,"onopen",null),n(this,"_handleOpen",(e=>{this._debug("open event");const{minUptime:t=Ps.minUptime}=this._options;clearTimeout(this._connectTimeout),this._uptimeTimeout=setTimeout((()=>this._acceptOpen()),t),function(e,t){if(!e)throw new Error(t)}(this._ws,"WebSocket is not defined"),this._ws.binaryType=this._binaryType,this._messageQueue.forEach((e=>{var t;return null==(t=this._ws)?void 0:t.send(e)})),this._messageQueue=[],this.onopen&&this.onopen(e),this.dispatchEvent(Rs(e))})),n(this,"_handleMessage",(e=>{this._debug("message event"),this.onmessage&&this.onmessage(e),this.dispatchEvent(Rs(e))})),n(this,"_handleError",(e=>{this._debug("error event",e.message),this._disconnect(void 0,"TIMEOUT"===e.message?"timeout":void 0),this.onerror&&this.onerror(e),this._debug("exec error listeners"),this.dispatchEvent(Rs(e)),this._connect()})),n(this,"_handleClose",(e=>{this._debug("close event"),this._clearTimeouts(),this._shouldReconnect&&this._connect(),this.onclose&&this.onclose(e),this.dispatchEvent(Rs(e))})),this._url=e,this._protocols=t,this._options=r,this._options.startClosed&&(this._shouldReconnect=!1),this._options.debugLogger&&(this._debugLogger=this._options.debugLogger),this._connect()}static get CONNECTING(){return 0}static get OPEN(){return 1}static get CLOSING(){return 2}static get CLOSED(){return 3}get CONNECTING(){return e.CONNECTING}get OPEN(){return e.OPEN}get CLOSING(){return e.CLOSING}get CLOSED(){return e.CLOSED}get binaryType(){return this._ws?this._ws.binaryType:this._binaryType}set binaryType(e){this._binaryType=e,this._ws&&(this._ws.binaryType=e)}get retryCount(){return Math.max(this._retryCount,0)}get bufferedAmount(){return this._messageQueue.reduce(((e,t)=>("string"==typeof t?e+=t.length:t instanceof Blob?e+=t.size:e+=t.byteLength,e)),0)+(this._ws?this._ws.bufferedAmount:0)}get extensions(){return this._ws?this._ws.extensions:""}get protocol(){return this._ws?this._ws.protocol:""}get readyState(){return this._ws?this._ws.readyState:this._options.startClosed?e.CLOSED:e.CONNECTING}get url(){return this._ws?this._ws.url:""}get shouldReconnect(){return this._shouldReconnect}close(e=1e3,t){this._closeCalled=!0,this._shouldReconnect=!1,this._clearTimeouts(),this._ws?this._ws.readyState!==this.CLOSED?this._ws.close(e,t):this._debug("close: already closed"):this._debug("close enqueued: no ws instance")}reconnect(e,t){this._shouldReconnect=!0,this._closeCalled=!1,this._retryCount=-1,this._ws&&this._ws.readyState!==this.CLOSED?(this._disconnect(e,t),this._connect()):this._connect()}send(e){if(this._ws&&this._ws.readyState===this.OPEN)this._debug("send",e),this._ws.send(e);else{const{maxEnqueuedMessages:t=Ps.maxEnqueuedMessages}=this._options;this._messageQueue.length<t&&(this._debug("enqueue",e),this._messageQueue.push(e))}}_debug(...e){this._options.debug&&this._debugLogger("RWS>",...e)}_getNextDelay(){const{reconnectionDelayGrowFactor:e=Ps.reconnectionDelayGrowFactor,minReconnectionDelay:t=Ps.minReconnectionDelay,maxReconnectionDelay:n=Ps.maxReconnectionDelay}=this._options;let r=0;return this._retryCount>0&&(r=t*Math.pow(e,this._retryCount-1),r>n&&(r=n)),this._debug("next delay",r),r}_wait(){return new Promise((e=>{setTimeout(e,this._getNextDelay())}))}_getNextProtocols(e){if(!e)return Promise.resolve(null);if("string"==typeof e||Array.isArray(e))return Promise.resolve(e);if("function"==typeof e){const t=e();if(!t)return Promise.resolve(null);if("string"==typeof t||Array.isArray(t))return Promise.resolve(t);if(t.then)return t}throw Error("Invalid protocols")}_getNextUrl(e){if("string"==typeof e)return Promise.resolve(e);if("function"==typeof e){const t=e();if("string"==typeof t)return Promise.resolve(t);if(t.then)return t}throw Error("Invalid URL")}_connect(){if(this._connectLock||!this._shouldReconnect)return;this._connectLock=!0;const{maxRetries:e=Ps.maxRetries,connectionTimeout:t=Ps.connectionTimeout}=this._options;this._retryCount>=e?this._debug("max retries reached",this._retryCount,">=",e):(this._retryCount++,this._debug("connect",this._retryCount),this._removeListeners(),this._wait().then((()=>Promise.all([this._getNextUrl(this._url),this._getNextProtocols(this._protocols||null)]))).then((([e,n])=>{if(this._closeCalled)return void(this._connectLock=!1);this._options.WebSocket||"undefined"!=typeof WebSocket||ks||(console.error("‼️ No WebSocket implementation available. You should define options.WebSocket. \n\nFor example, if you're using node.js, run `npm install ws`, and then in your code:\n\nimport PartySocket from 'partysocket';\nimport WS from 'ws';\n\nconst partysocket = new PartySocket({\n  host: \"127.0.0.1:1999\",\n  room: \"test-room\",\n  WebSocket: WS\n});\n\n"),ks=!0);const r=this._options.WebSocket||WebSocket;this._debug("connect",{url:e,protocols:n}),this._ws=n?new r(e,n):new r(e),this._ws.binaryType=this._binaryType,this._connectLock=!1,this._addListeners(),this._connectTimeout=setTimeout((()=>this._handleTimeout()),t)})).catch((e=>{this._connectLock=!1,this._handleError(new Cs(Error(e.message),this))})))}_handleTimeout(){this._debug("timeout event"),this._handleError(new Cs(Error("TIMEOUT"),this))}_disconnect(e=1e3,t){if(this._clearTimeouts(),this._ws){this._removeListeners();try{this._ws.close(e,t),this._handleClose(new Ns(e,t,this))}catch(n){}}}_acceptOpen(){this._debug("accept open"),this._retryCount=0}_removeListeners(){this._ws&&(this._debug("removeListeners"),this._ws.removeEventListener("open",this._handleOpen),this._ws.removeEventListener("close",this._handleClose),this._ws.removeEventListener("message",this._handleMessage),this._ws.removeEventListener("error",this._handleError))}_addListeners(){this._ws&&(this._debug("addListeners"),this._ws.addEventListener("open",this._handleOpen),this._ws.addEventListener("close",this._handleClose),this._ws.addEventListener("message",this._handleMessage),this._ws.addEventListener("error",this._handleError))}_clearTimeouts(){clearTimeout(this._connectTimeout),clearTimeout(this._uptimeTimeout)}};
-/*!
- * Reconnecting WebSocket
- * by Pedro Ladaria <pedro.ladaria@gmail.com>
- * https://github.com/pladaria/reconnecting-websocket
- * License MIT
- */
-class zs{constructor(){n(this,"CONNECTING",WebSocket.CONNECTING),n(this,"OPEN",WebSocket.OPEN),n(this,"CLOSING",WebSocket.CLOSING),n(this,"CLOSED",WebSocket.CLOSED),n(this,"binaryType","blob"),n(this,"bufferedAmount",0),n(this,"extensions",""),n(this,"protocol",""),n(this,"url",""),n(this,"onclose",null),n(this,"onerror",null),n(this,"onmessage",null),n(this,"onopen",null),n(this,"readyState",WebSocket.OPEN),n(this,"retryCount",0),n(this,"shouldReconnect",!1)}addEventListener(e,t,n){}removeEventListener(e,t,n){}dispatchEvent(e){return!1}reconnect(e,t){}send(e){}close(){}}const{valueAtom:Ts,useActions:Ls}=ye((()=>({banners:[]})),{addBanner:(e,t)=>({...e,banners:[...e.banners,{...t,id:Ze()}]}),removeBanner:(e,t)=>({...e,banners:e.banners.filter((e=>e.id!==t))}),clearBanners:e=>({...e,banners:[]})}),Is=()=>ee(Ts);function Hs(){return Ls()}function As(e){return"missing"===e.kind}function Ws(e){return"installing"===e.kind}const{valueAtom:qs,useActions:Bs}=ye((()=>({packageAlert:null})),{addPackageAlert:(e,t)=>({...e,packageAlert:{id:Ze(),...t}}),clearPackageAlert:(e,t)=>null!==e.packageAlert&&e.packageAlert.id===t?{...e,packageAlert:null}:e}),Gs=()=>ee(qs);function Fs(){return Bs()}function Ys(e){const t=document.baseURI,n=new URL(t),r="https:"===n.protocol?"wss":"ws";n.protocol=r,n.pathname=`${function(e){return e.endsWith("/")?e.slice(0,-1):e}(n.pathname)}/ws`;const o=new URLSearchParams(window.location.search);return o.set(ce.sessionId,e),n.search=o.toString(),n.toString()}function Us(e,t){const{autoInstantiate:n,setCells:r,setLayoutData:a,onError:i,setAppConfig:s,setCapabilities:l}=t,{codes:c,names:u,layout:d,configs:p,resumed:f,ui_values:h,cell_ids:m,last_executed_code:g,last_execution_time:y={},app_config:b,capabilities:v}=e,w=g||{},x=y||{},S=c.map(((e,t)=>{const r=m[t];let o=!1;if(n||f){const t=w[r];t&&(o=t!==e)}else o=!0;return Je({id:r,code:e,edited:o,name:u[t],lastCodeRun:w[r]??null,lastExecutionTime:x[r]??null,config:p[t]})})),O={selectedLayout:"vertical",layoutData:{}};if(d){const e=d.type,t=function(e,t,n){const r=pi.find((t=>t.type===e));if(void 0===r)throw new Error(`Unknown layout type: ${e}`);return r.deserializeLayout(t,n)}(e,d.data,S);O.selectedLayout=e,O.layoutData[e]=t,a({layoutView:e,data:t})}r(S,O);const _=et.safeParse(b);if(_.success&&s(_.data),l({...v,sql:v.sql||de()}),f){for(const[e,t]of N.entries(h||{}))o.set(e,t);return}const j=[],E=[];o.entries.forEach(((e,t)=>{j.push(t),E.push(e.value)})),n&&tt({objectIds:j,values:E}).catch((e=>{i(new Error("Failed to instantiate",{cause:e}))}))}const Vs=e=>{const t=new URL(window.location.href);t.searchParams.append(e.key,e.value),window.history.pushState({},"",`${t.pathname}${t.search}`)},Xs=e=>{const t=new URL(window.location.href);Array.isArray(e.value)?(t.searchParams.delete(e.key),e.value.forEach((n=>t.searchParams.append(e.key,n)))):t.searchParams.set(e.key,e.value),window.history.pushState({},"",`${t.pathname}${t.search}`)},$s=e=>{const t=new URL(window.location.href);null==e.value?t.searchParams.delete(e.key):t.searchParams.delete(e.key,e.value),window.history.pushState({},"",`${t.pathname}${t.search}`)},Ks=()=>{const e=new URL(window.location.href);e.search="",window.history.pushState({},"",`${e.pathname}${e.search}`)};function Qs(e){const t=l.useRef(!0),{autoInstantiate:n,sessionId:r,setCells:i}=e,{showBoundary:s}=nt(),{handleCellMessage:c,setCellCodes:u,setCellIds:d}=G(),p=rt(),{setVariables:f,setMetadata:h}=ot(),{addColumnPreview:m}=at(),{addDatasets:g,filterDatasetsFromVariables:y}=at(),{setLayoutData:b}=yi(),[v,w]=We(js),{addBanner:x}=Hs(),{addPackageAlert:S}=Fs(),O=it(se),_=it(st),j=e=>{const t=ut(e.data);switch(t.op){case"reload":return void window.location.reload();case"kernel-ready":return Us(t.data,{autoInstantiate:n,setCells:i,setLayoutData:b,setAppConfig:p,setCapabilities:_,onError:s}),void O(t.data.kiosk);case"completed-run":case"interrupted":case"reconnected":return;case"send-ui-element-message":return void o.broadcastMessage(t.data.ui_element,t.data.message,t.data.buffers);case"remove-ui-elements":return void function(e){const t=e.cell_id;o.removeElementsByCell(t),Za.INSTANCE.removeForCellId(t)}(t.data);case"completion-result":return void mt.resolve(t.data.completion_id,t.data);case"function-call-result":return void ht.resolve(t.data.function_call_id,t.data);case"cell-op":return void function(e,t){t(e),Za.INSTANCE.track(e)}(t.data,c);case"variables":return f(t.data.variables.map((e=>({name:e.name,declaredBy:e.declared_by,usedBy:e.used_by})))),void y(t.data.variables.map((e=>e.name)));case"variable-values":return void h(t.data.variables.map((e=>({name:e.name,dataType:e.datatype,value:e.value}))));case"alert":return void lt({title:t.data.title,description:ft({html:t.data.description}),variant:t.data.variant});case"banner":return void x(t.data);case"missing-package-alert":return void S({...t.data,kind:"missing"});case"installing-package-alert":return void S({...t.data,kind:"installing"});case"query-params-append":return void Vs(t.data);case"query-params-set":return void Xs(t.data);case"query-params-delete":return void $s(t.data);case"query-params-clear":return void Ks();case"datasets":return void g(t.data);case"data-column-preview":return void m(t.data);case"focus-cell":return void pt(t.data.cell_id);case"update-cell-codes":return void u({codes:t.data.codes,ids:t.data.cell_ids});case"update-cell-ids":return void d({cellIds:t.data.cell_ids});default:dt(t)}},E=(e,n)=>{t.current&&(t.current=!1,D.reconnect(e,n))},D=function(e){const{onOpen:t,onMessage:n,onClose:r,onError:o,...i}=e,[s]=l.useState((()=>{const a=de()?new Qe(Fe.INSTANCE):e.static?new zs:new Ms(i.url,void 0,{maxRetries:10,debug:!1,startClosed:!0,connectionTimeout:1e4});return t&&a.addEventListener("open",t),r&&a.addEventListener("close",r),o&&a.addEventListener("error",o),n&&a.addEventListener("message",n),a}));return l.useEffect((()=>(s.readyState===WebSocket.CLOSED&&s.reconnect(),()=>{a.warn("useWebSocket is unmounting. This likely means there is a bug."),s.close(),t&&s.removeEventListener("open",t),r&&s.removeEventListener("close",r),o&&s.removeEventListener("error",o),n&&s.removeEventListener("message",n)})),[s]),s}({static:ue(),url:Ys(r),onOpen:()=>{t.current=!0,w({state:Si.OPEN})},onMessage:e=>{try{j(e)}catch(t){lt({title:"Failed to handle message",description:ct(t),variant:"danger"})}},onClose:e=>{switch(a.warn("WebSocket closed",e.code,e.reason),e.reason){case"MARIMO_ALREADY_CONNECTED":return w({state:Si.CLOSED,code:Oi.ALREADY_RUNNING,reason:"another browser tab is already connected to the kernel"}),void D.close();case"MARIMO_WRONG_KERNEL_ID":case"MARIMO_NO_FILE_KEY":case"MARIMO_NO_SESSION_ID":case"MARIMO_NO_SESSION":case"MARIMO_SHUTDOWN":return w({state:Si.CLOSED,code:Oi.KERNEL_DISCONNECTED,reason:"kernel not found"}),void D.close();case"MARIMO_MALFORMED_QUERY":return void w({state:Si.CLOSED,code:Oi.MALFORMED_QUERY,reason:"the kernel did not recognize a request; please file a bug with marimo"});default:w({state:Si.CONNECTING}),E(e.code,e.reason)}},onError:e=>{a.warn("WebSocket error",e),w({state:Si.CLOSED,code:Oi.KERNEL_DISCONNECTED,reason:"kernel not found"}),E()}});return{connection:v}}export{ii as $,Ss as A,Zi as B,xi as C,Yi as D,vt as E,wt as F,hs as G,Ka as H,Ot as I,Is as J,Hs as K,vi as L,_t as M,Ua as N,Gs as O,Fs as P,As as Q,Dt as R,Ws as S,Ya as T,Fa as U,Za as V,Si as W,oi as X,bi as Y,ti as Z,ei as _,_s as a,za as a0,gi as b,yi as c,js as d,Ja as e,rs as f,$i as g,ls as h,fs as i,us as j,es as k,Ji as l,ps as m,ns as n,is as o,os as p,Ui as q,Qi as r,ds as s,as as t,Qs as u,gs as v,Vi as w,Xi as x,Ki as y,ts as z};

package/dist/assets/vega-component-nzT2Ylo9.js

@@ -1 +0,0 @@
-import{af as e,ag as t,ah as n,K as a,ai as r,a4 as i,F as o,aj as s,ak as c,al as l,am as u,an as m,ao as p,ap as d,aq as f,ar as h,as as g}from"./index-Ctlr39rC.js";import{M as y,a as v}from"./VegaLite-B5_DJZXD.js";import"./time-D-Jy5eW3.js";import"./timer-CK-RIWfW.js";import"./linear-wENjYNbd.js";import"./init-DLRA0X12.js";import"./range-CtcPcB_L.js";import"./zoom-COrs4lFh.js";import"./ordinal-DDUp3AbE.js";import"./colors-bszWmPJw.js";import"./arc-lt4NHaVr.js";import"./step-CNn2V7Th.js";import"./index-TfHEWJYq.js";const k={getMarkType(e){const t="string"==typeof e?e:e.type;if("boxplot"===t||"errorband"===t||"errorbar"===t)throw new Error("Not supported");return t},makeClickable(e){const t="string"==typeof e?e:e.type;return t in y?"string"==typeof e?{type:e,cursor:"pointer",tooltip:!0}:{...e,type:t,cursor:"pointer",tooltip:!0}:e},getOpacity:e=>"string"==typeof e?null:"opacity"in e&&"number"==typeof e.opacity?e.opacity:null};const x=new Set(["color","fill","fillOpacity","opacity","shape","size"]);function j(e,t,n,a){const r={and:n.map((e=>({param:e})))};if("opacity"===e){const e=k.getOpacity(a)||1;return{...t,opacity:{condition:{test:r,value:e},value:e/5}}}return t}const w={point:e=>null==e?"select_point":`select_point_${e}`,interval:e=>null==e?"select_interval":`select_interval_${e}`,legendSelection:e=>`legend_selection_${e}`,HIGHLIGHT:"highlight",PAN_ZOOM:"pan_zoom",hasPoint:e=>e.some((e=>e.startsWith("select_point"))),hasInterval:e=>e.some((e=>e.startsWith("select_interval"))),hasLegend:e=>e.some((e=>e.startsWith("legend_selection"))),hasPanZoom:e=>e.some((e=>e.startsWith("pan_zoom")))},b={highlight:()=>({name:w.HIGHLIGHT,select:{type:"point",on:"mouseover"}}),interval:(e,t)=>({name:w.interval(t),select:{type:"interval",encodings:S(e),mark:{fill:"#669EFF",fillOpacity:.07,stroke:"#669EFF",strokeOpacity:.4},on:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]",translate:"[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]"}}),point:(e,t)=>({name:w.point(t),select:{type:"point",encodings:S(e),on:"click[!event.metaKey]"}}),legend:e=>({name:w.legendSelection(e),select:{type:"point",fields:[e]},bind:"legend"}),panZoom:()=>({name:w.PAN_ZOOM,bind:"scales",select:{type:"interval",on:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",translate:"[mousedown[event.metaKey], window:mouseup] > window:mousemove!",zoom:"wheel![event.metaKey]"}})};function S(e){switch(k.getMarkType(e.mark)){case y.image:case y.trail:return;case y.area:case y.arc:return["color"];case y.bar:{const t=function(e){var t,n;if(!e||!("mark"in e))return;const a=null==(t=e.encoding)?void 0:t.x,r=null==(n=e.encoding)?void 0:n.y;if(a&&"type"in a&&"nominal"===a.type)return"vertical";if(r&&"type"in r&&"nominal"===r.type)return"horizontal";if(a&&"aggregate"in a)return"horizontal";if(r&&"aggregate"in r)return"vertical";return}(e);return"horizontal"===t?["y"]:"vertical"===t?["x"]:void 0}case y.circle:case y.geoshape:case y.line:case y.point:case y.rect:case y.rule:case y.square:case y.text:case y.tick:return["x","y"]}}function _(e){if("params"in e&&e.params&&e.params.length>0){return e.params.filter((e=>null!=e&&("select"in e&&void 0!==e.select))).map((e=>e.name))}return"layer"in e?[...new Set(e.layer.flatMap(_))]:[]}function M(e,t){const{chartSelection:n=!0,fieldSelection:a=!0}=t;if(!n&&!a)return e;if("vconcat"in e){const t=e.vconcat.map((e=>"mark"in e?N(e):e));return{...e,vconcat:t}}if("hconcat"in e){const t=e.hconcat.map((e=>"mark"in e?N(e):e));return{...e,hconcat:t}}if("layer"in e){const t=e.layer.map(((e,t)=>{if(!("mark"in e))return e;let a=e;return a=P(a,n,t),a=N(a),0===t&&(a=O(a)),a}));return{...e,layer:t}}if(!("mark"in e))return e;let r=e;return r=function(e,t){if(!1===t)return e;let n=function(e){if(!e||!("encoding"in e))return[];const{encoding:t}=e;return t?Object.entries(t).flatMap((e=>{const[t,n]=e;return n&&x.has(t)?"field"in n&&"string"==typeof n.field?[n.field]:"condition"in n&&n.condition&&"object"==typeof n.condition&&"field"in n.condition&&n.condition.field&&"string"==typeof n.condition.field?[n.condition.field]:[]:[]})):[]}(e);Array.isArray(t)&&(n=n.filter((e=>t.includes(e))));const a=n.map((e=>b.legend(e))),r=[...e.params||[],...a];return{...e,params:r}}(r,a),r=P(r,n,void 0),r=N(r),r=O(r),r}function P(e,t,n){if(!1===t)return e;let a;try{a=k.getMarkType(e.mark)}catch{return e}if("geoshape"===a||"text"===a)return e;const r=!0===t?function(e){switch(e){case"text":case"arc":case"area":return["point"];case"bar":default:return["point","interval"];case"line":return}}(a):[t];if(!r)return e;const i=r.map((t=>"interval"===t?b.interval(e,n):b.point(e,n))),o=[...e.params||[],...i];return{...e,params:o}}function O(e){let t;try{t=k.getMarkType(e.mark)}catch{}if("geoshape"===t)return e;const n=e.params||[];return n.some((e=>"scales"===e.bind))?e:{...e,params:[...n,b.panZoom()]}}function N(e){const t="encoding"in e?e.encoding:void 0,n=e.params||[],a=n.map((e=>e.name));if(0===n.length)return e;return"text"===k.getMarkType(e.mark)?e:{...e,mark:k.makeClickable(e.mark),encoding:j("opacity",t||{},a,e.mark)}}const K=({value:i,setValue:o,chartSelection:s,fieldSelection:c,spec:l})=>{const{data:u,error:m}=n((async()=>async function(n){if(!n)return n;const a="datasets"in n?{...n.datasets}:{},r=async n=>{if(!n)return n;if("layer"in n){const e=await Promise.all(n.layer.map(r));n={...n,layer:e}}if("hconcat"in n){const e=await Promise.all(n.hconcat.map(r));n={...n,hconcat:e}}if("vconcat"in n){const e=await Promise.all(n.vconcat.map(r));n={...n,vconcat:e}}if(!n.data)return n;if(!("url"in n.data))return n;let i;try{i=e(n.data.url)}catch{return n}const o=await t(i.href,n.data.format);return a[i.pathname]=o,{...n,data:{name:i.pathname}}},i=await r(n);return 0===Object.keys(a).length?i:{...i,datasets:a}}(l)),[l]);return m?a.jsx(r,{error:m}):u?a.jsx(z,{value:i,setValue:o,chartSelection:s,fieldSelection:c,spec:u}):null},z=({value:t,setValue:n,chartSelection:r,fieldSelection:y,spec:k})=>{const{theme:x}=i(),j=o.useRef(),[b,S]=o.useState(),P=o.useMemo((()=>M(function(t){return t.data&&"url"in t.data&&(t.data.url=e(t.data.url).href),t}(k),{chartSelection:r,fieldSelection:y})),[s(k),r,y]),O=o.useMemo((()=>_(P)),[P]),N=c((e=>{n({...t,...e})})),K=o.useMemo((()=>O.reduce(((e,t)=>(w.PAN_ZOOM===t||(e[t]=l(((e,t)=>{d.debug("[Vega signal]",e,t),N({[e]:f.mapValues(t,Z)})}),100)),e)),{})),[s(O),n]),z=c((e=>{d.error(e),d.debug(P),S(e)})),I=c((e=>{d.debug("[Vega view] created",e),j.current=e,S(void 0)}));return a.jsxs(a.Fragment,{children:[b&&a.jsxs(u,{variant:"destructive",children:[a.jsx(m,{children:b.message}),a.jsx("div",{className:"text-md",children:b.stack})]}),a.jsxs("div",{className:"relative",onPointerDown:p.stopPropagation(),children:[a.jsx(v,{spec:P,theme:"dark"===x?"dark":void 0,actions:V,signalListeners:K,onError:z,onNewView:I}),(()=>{const e=[];return w.hasPoint(O)&&e.push(["Point selection","click to select a point; hold shift for multi-select"]),w.hasInterval(O)&&e.push(["Interval selection","click and drag to select an interval"]),w.hasLegend(O)&&e.push(["Legend selection","click to select a legend item; hold shift for multi-select"]),w.hasPanZoom(O)&&e.push(["Pan","hold the meta key and drag"],["Zoom","hold the meta key and scroll"]),0===e.length?null:a.jsx(h,{delayDuration:300,side:"left",content:a.jsx("div",{className:"text-xs flex flex-col",children:e.map(((e,t)=>a.jsxs("div",{children:[a.jsxs("span",{className:"font-bold tracking-wide",children:[e[0],":"]})," ",e[1]]},t)))}),children:a.jsx(g,{className:"absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground"})})})()]})]})},V={source:!1,compiled:!1};function Z(e){return e instanceof Set?[...e]:e}export{K as default};