_site/functional_programming/assets/useMarimoWebSocket-BLMCu7Fz.js

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./slides-component-B7pJItlo.js","./index-BiV-b1K2.js","./index-DkqMrX_B.css","./slides-component-CD4qq_xs.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{aD as r,d3 as o,at as a,d4 as i,aB as s,d5 as l,d6 as c,aC as u,c0 as d,d7 as p,J as f,G as h,ac as m,ad as g,P as y,c5 as b,R as v,aJ as w,d8 as x,d9 as S,da as _,az as O,b5 as j,db as D,dc as E,be as C,dd as k,de as R,b7 as N,b1 as P,b0 as M,df as T,dg as z,dh as L,H as I,di as H,dj as W,bc as A,aw as q,ax as B,dk as G,dl as F,dm as U,dn as V,dp as Y,dq as $,dr as X,bh as K,a7 as Q,ds as J,dt as Z,du as ee,M as te,dv as ne,dw as re,dx as oe,dy as ae,K as ie,U as se,a9 as le,dz as ce,dA as ue,dB as de,dC as pe,dD as fe,$ as he,dE as me,dF as ge,dG as ye,d1 as be,dH as ve,dI as we,dJ as xe,dK as Se,dL as _e,dM as Oe,dN as je,dO as De,dP as Ee,dQ as Ce,dR as ke,dS as Re,dT as Ne,dU as Pe,dV as Me,dW as Te,dX as ze,dY as Le,dZ as Ie,d_ as He,d$ as We,e0 as Ae,e1 as qe,e2 as Be,aQ as Ge,e3 as Fe,e4 as Ue,e5 as Ve,e6 as Ye,ao as $e,e7 as Xe,e8 as Ke,e9 as Qe,ea as Je,eb as Ze,ec as et,cn as tt,ba as nt,ed as rt,ee as ot,a5 as at,aR as it,ef as st,eg as lt,eh as ct,ei as ut,ej as dt,ek as pt,el as ft,em as ht,en as mt,eo as gt,ep as yt,aS as bt,eq as vt,er as wt,es as xt,et as St,eu as _t,ev as Ot,ew as jt,ex as Dt,ey as Et}from"./index-BiV-b1K2.js";import{c as Ct}from"./createWsUrl-Bazdvp-G.js";
/**
 * @license lucide-react v0.474.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const kt=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"}]]),Rt=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"}]]),Nt=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"}]]),Pt=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"}]]),Mt=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"}]]),Tt=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"}]]),zt=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"}]]),Lt=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"}]]),It=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"}]]),Ht=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"}]]),Wt=r("SquareArrowRight",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 12h8",key:"1wcyev"}],["path",{d:"m12 16 4-4-4-4",key:"1i9zcv"}]]),At=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"}]]);class qt{static get INSTANCE(){const e="_marimo_private_RuntimeState";return window[e]||(window[e]=new qt(o)),window[e]}constructor(e){this.uiElementRegistry=e,this.hasStarted=!1,this._sendComponentValues=void 0,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)}))}}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 Bt,Gt={exports:{}},Ft={},Ut={exports:{}};function Vt(){return Bt||(Bt=1,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 _=Array.isArray(e),O=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),_="_owner",O=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])===_){var s=!!e.$$typeof,l=!!t.$$typeof;if((s||l)&&s!==l)return!1}if(!O.call(t,o)||!n(e[o],t[o],o,o,e,t,r))return!1}return!0}var D=n(j);function E(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 k=n(C),R=Object.freeze({areArraysEqual:b,areDatesEqual:w,areMapsEqual:x,areObjectsEqual:j,areRegExpsEqual:E,areSetsEqual:C,createIsNestedEqual:t}),N=Object.freeze({areArraysEqual:v,areDatesEqual:w,areMapsEqual:S,areObjectsEqual:D,areRegExpsEqual:E,areSetsEqual:k,createIsNestedEqual:t}),P=y(R);function M(e,t){return P(e,t,void 0)}var T=y(r(R,{createIsNestedEqual:function(){return i}}));function z(e,t){return T(e,t,void 0)}var L=y(N);function I(e,t){return L(e,t,new WeakMap)}var H=y(r(N,{createIsNestedEqual:function(){return i}}));function W(e,t){return H(e,t,new WeakMap)}function A(e){return y(r(R,e(R)))}function q(e){var t=y(r(N,e(N)));return function(e,n,r){return void 0===r&&(r=new WeakMap),t(e,n,r)}}e.circularDeepEqual=I,e.circularShallowEqual=W,e.createCustomCircularEqual=q,e.createCustomEqual=A,e.deepEqual=M,e.sameValueZeroEqual=i,e.shallowEqual=z,Object.defineProperty(e,"__esModule",{value:!0})}(Ut.exports)),Ut.exports}var Yt,$t={exports:{}};function Xt(){if(Yt)return $t.exports;function e(t){var n,r,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t)){var a=t.length;for(n=0;n<a;n++)t[n]&&(r=e(t[n]))&&(o&&(o+=" "),o+=r)}else for(r in t)t[r]&&(o&&(o+=" "),o+=r);return o}function t(){for(var t,n,r=0,o="",a=arguments.length;r<a;r++)(t=arguments[r])&&(n=e(t))&&(o&&(o+=" "),o+=n);return o}return Yt=1,$t.exports=t,$t.exports.clsx=t,$t.exports}var Kt,Qt,Jt,Zt={};function en(){if(Jt)return Zt;Jt=1,Object.defineProperty(Zt,"__esModule",{value:!0}),Zt.bottom=r,Zt.childrenEqual=function(e,r){return(0,t.deepEqual)(n.default.Children.map(e,(e=>null==e?void 0:e.key)),n.default.Children.map(r,(e=>null==e?void 0:e.key)))&&(0,t.deepEqual)(n.default.Children.map(e,(e=>null==e?void 0:e.props["data-grid"])),n.default.Children.map(r,(e=>null==e?void 0:e.props["data-grid"])))},Zt.cloneLayout=o,Zt.cloneLayoutItem=i,Zt.collides=l,Zt.compact=c,Zt.compactItem=p,Zt.compactType=function(e){const{verticalCompact:t,compactType:n}=e||{};return!1===t?null:n},Zt.correctBounds=f,Zt.fastPositionEqual=function(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height},Zt.fastRGLPropsEqual=void 0,Zt.getAllCollisions=g,Zt.getFirstCollision=m,Zt.getLayoutItem=h,Zt.getStatics=y,Zt.modifyLayout=a,Zt.moveElement=b,Zt.moveElementAwayFromCollision=v,Zt.noop=void 0,Zt.perc=function(e){return 100*e+"%"},Zt.resizeItemInDirection=function(e,t,n,r){const o=C[e];return o?o(t,{...t,...n},r):n},Zt.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"}},Zt.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"}},Zt.sortLayoutItems=k,Zt.sortLayoutItemsByColRow=N,Zt.sortLayoutItemsByRowCol=R,Zt.synchronizeLayoutWithChildren=function(e,t,o,a,s){e=e||[];const l=[];n.default.Children.forEach(t,(t=>{if(null==(null==t?void 0:t.key))return;const n=h(e,String(t.key)),o=t.props["data-grid"];n&&null==o?l.push(i(n)):o?l.push(i({...o,i:t.key})):l.push(i({w:1,h:1,x:0,y:r(l),i:String(t.key)}))}));const u=f(l,{cols:o});return s?u:c(u,a,o)},Zt.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++){const a=n[e],i=o[a];if("number"!=typeof i||Number.isNaN(i))throw new Error(`ReactGridLayout: ${t}[${r}].${a} must be a number! Received: ${i} (${typeof i})`)}if(void 0!==o.i&&"string"!=typeof o.i)throw new Error(`ReactGridLayout: ${t}[${r}].i must be a string! Received: ${o.i} (${typeof o.i})`)}},Zt.withLayoutItem=function(e,t,n){let r=h(e,t);return r?(r=n(i(r)),[e=a(e,r),r]):[e,null]};var e,t=Vt(),n=(e=s())&&e.__esModule?e:{default:e};function r(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 o(e){const t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=i(e[n]);return t}function a(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 i(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 l(e,t){return e.i!==t.i&&(!(e.x+e.w<=t.x)&&(!(e.x>=t.x+t.w)&&(!(e.y+e.h<=t.y)&&!(e.y>=t.y+t.h))))}function c(e,t,n,r){const o=y(e),a=k(e,t),s=Array(e.length);for(let l=0,c=a.length;l<c;l++){let c=i(a[l]);c.static||(c=p(o,c,t,n,a,r),o.push(c)),s[e.indexOf(a[l])]=c,c.moved=!1}return s}Zt.fastRGLPropsEqual=Qt?Kt:(Qt=1,Kt=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 u={x:"w",y:"h"};function d(e,t,n,r){const o=u[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;l(t,i)&&d(e,i,n+t[o],r)}}t[r]=n}function p(e,t,n,o,a,i){const s="horizontal"===n;if("vertical"===n)for(t.y=Math.min(r(e),t.y);t.y>0&&!m(e,t);)t.y--;else if(s)for(;t.x>0&&!m(e,t);)t.x--;let l;for(;(l=m(e,t))&&(null!==n||!i);)if(s?d(a,t,l.x+l.w,"x"):d(a,t,l.y+l.h,"y"),s&&t.x+t.w>o)for(t.x=o-t.w,t.y++;t.x>0&&!m(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function f(e,t){const n=y(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(;m(n,o);)o.y++;else n.push(o)}return e}function h(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function m(e,t){for(let n=0,r=e.length;n<r;n++)if(l(e[n],t))return e[n]}function g(e,t){return e.filter((e=>l(e,t)))}function y(e){return e.filter((e=>e.static))}function b(e,t,n,r,a,i,s,l,c){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 u=t.x,d=t.y;"number"==typeof n&&(t.x=n),"number"==typeof r&&(t.y=r),t.moved=!0;let p=k(e,s);("vertical"===s&&"number"==typeof r?d>=r:"horizontal"===s&&"number"==typeof n&&u>=n)&&(p=p.reverse());const f=g(p,t),h=f.length>0;if(h&&c)return o(e);if(h&&i)return t.i,t.x=u,t.y=d,t.moved=!1,e;for(let o=0,m=f.length;o<m;o++){const n=f[o];t.i,t.x,t.y,n.i,n.x,n.y,n.moved||(e=n.static?v(e,n,t,a,s):v(e,t,n,a,s))}return e}function v(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=m(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,b(e,n,i?a.x:void 0,s?a.y:void 0,r,l,o);if(u&&s)return b(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 b(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:b(e,n,i?n.x+1:void 0,s?n.y+1:void 0,r,l,o)}const w=(e,t,n,r)=>e+n>r?t:n,x=(e,t,n)=>e<0?t:n,S=e=>Math.max(0,e),_=e=>Math.max(0,e),O=(e,t,n)=>{let{left:r,height:o,width:a}=t;const i=e.top-(o-e.height);return{left:r,width:a,height:x(i,e.height,o),top:_(i)}},j=(e,t,n)=>{let{top:r,left:o,height:a,width:i}=t;return{top:r,height:a,width:w(e.left,e.width,i,n),left:S(o)}},D=(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:w(e.left,e.width,a,n),top:_(r),left:S(i)}},E=(e,t,n)=>{let{top:r,left:o,height:a,width:i}=t;return{width:i,left:o,height:x(r,e.height,a),top:_(r)}},C={n:O,ne:function(){return O(arguments.length<=0?void 0:arguments[0],j(...arguments))},e:j,se:function(){return E(arguments.length<=0?void 0:arguments[0],j(...arguments))},s:E,sw:function(){return E(arguments.length<=0?void 0:arguments[0],D(...arguments))},w:D,nw:function(){return O(arguments.length<=0?void 0:arguments[0],D(...arguments))}};function k(e,t){return"horizontal"===t?N(e):"vertical"===t?R(e):e}function R(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 N(e){return e.slice(0).sort((function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1}))}return Zt.noop=()=>{},Zt}var tn,nn={};function rn(){if(tn)return nn;function e(e){const{margin:t,containerPadding:n,containerWidth:r,cols:o}=e;return(r-t[0]*(o-1)-2*n[0])/o}function t(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function n(e,t,n){return Math.max(Math.min(e,n),t)}return tn=1,Object.defineProperty(nn,"__esModule",{value:!0}),nn.calcGridColWidth=e,nn.calcGridItemPosition=function(n,r,o,a,i,s){const{margin:l,containerPadding:c,rowHeight:u}=n,d=e(n),p={};s&&s.resizing?(p.width=Math.round(s.resizing.width),p.height=Math.round(s.resizing.height)):(p.width=t(a,d,l[0]),p.height=t(i,u,l[1]));s&&s.dragging?(p.top=Math.round(s.dragging.top),p.left=Math.round(s.dragging.left)):s&&s.resizing&&"number"==typeof s.resizing.top&&"number"==typeof s.resizing.left?(p.top=Math.round(s.resizing.top),p.left=Math.round(s.resizing.left)):(p.top=Math.round((u+l[1])*o+c[1]),p.left=Math.round((d+l[0])*r+c[0]));return p},nn.calcGridItemWHPx=t,nn.calcWH=function(t,r,o,a,i,s){const{margin:l,maxRows:c,cols:u,rowHeight:d}=t,p=e(t);let f=Math.round((r+l[0])/(p+l[0])),h=Math.round((o+l[1])/(d+l[1])),m=n(f,0,u-a),g=n(h,0,c-i);-1!==["sw","w","nw"].indexOf(s)&&(m=n(f,0,u));-1!==["nw","n","ne"].indexOf(s)&&(g=n(h,0,c));return{w:m,h:g}},nn.calcXY=function(t,r,o,a,i){const{margin:s,containerPadding:l,cols:c,rowHeight:u,maxRows:d}=t,p=e(t);let f=Math.round((o-l[0])/(p+s[0])),h=Math.round((r-l[1])/(u+s[1]));return f=n(f,0,c-a),h=n(h,0,d-i),{x:f,y:h}},nn.clamp=n,nn}var on={},an={exports:{}},sn={};function ln(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=ln(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function cn(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=ln(e))&&(r&&(r+=" "),r+=t);return r}const un=l(Object.freeze(Object.defineProperty({__proto__:null,clsx:cn,default:cn},Symbol.toStringTag,{value:"Module"})));var dn,pn={},fn={};function hn(){if(dn)return fn;return dn=1,Object.defineProperty(fn,"__esModule",{value:!0}),fn.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."))},fn.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]},fn.int=function(e){return parseInt(e,10)},fn.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},fn.isNum=function(e){return"number"==typeof e&&!isNaN(e)},fn}var mn,gn,yn={};function bn(){if(gn)return pn;function e(t){return(e="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})(t)}gn=1,Object.defineProperty(pn,"__esModule",{value:!0}),pn.addClassName=u,pn.addEvent=function(e,t,n,r){if(!e)return;var o=a({capture:!0},r);e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n},pn.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&&u(e.body,"react-draggable-transparent-selection")},pn.createCSSTransform=function(e,t){var r=c(e,t,"px");return i({},(0,n.browserPrefixToKey)("transform",n.default),r)},pn.createSVGTransform=function(e,t){return c(e,t,"")},pn.getTouch=function(e,n){return e.targetTouches&&(0,t.findInArray)(e.targetTouches,(function(e){return n===e.identifier}))||e.changedTouches&&(0,t.findInArray)(e.changedTouches,(function(e){return n===e.identifier}))},pn.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},pn.getTranslation=c,pn.innerHeight=function(e){var n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingTop),n-=(0,t.int)(r.paddingBottom)},pn.innerWidth=function(e){var n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingLeft),n-=(0,t.int)(r.paddingRight)},pn.matchesSelector=l,pn.matchesSelectorAndParentsTo=function(e,t,n){var r=e;do{if(l(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1},pn.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}},pn.outerHeight=function(e){var n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderTopWidth),n+=(0,t.int)(r.borderBottomWidth)},pn.outerWidth=function(e){var n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderLeftWidth),n+=(0,t.int)(r.borderRightWidth)},pn.removeClassName=d,pn.removeEvent=function(e,t,n,r){if(!e)return;var o=a({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null},pn.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&d(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 t=hn(),n=function(t,n){if(t&&t.__esModule)return t;if(null===t||"object"!==e(t)&&"function"!=typeof t)return{default:t};var o=r(n);if(o&&o.has(t))return o.get(t);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in t)if("default"!==s&&Object.prototype.hasOwnProperty.call(t,s)){var l=i?Object.getOwnPropertyDescriptor(t,s):null;l&&(l.get||l.set)?Object.defineProperty(a,s,l):a[s]=t[s]}a.default=t,o&&o.set(t,a);return a}(function(){if(mn)return yn;mn=1,Object.defineProperty(yn,"__esModule",{value:!0}),yn.browserPrefixToKey=n,yn.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},yn.default=void 0,yn.getPrefix=t;var e=["Moz","Webkit","O","ms"];function t(){var t,r,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";var a=null===(t=window.document)||void 0===t||null===(r=t.documentElement)||void 0===r?void 0:r.style;if(!a)return"";if(o in a)return"";for(var i=0;i<e.length;i++)if(n(o,e[i])in a)return e[i];return""}function n(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 r=t();return yn.default=r,yn}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}function o(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 a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s="";function l(e,n){return s||(s=(0,t.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(n){return(0,t.isFunction)(e[n])}))),!!(0,t.isFunction)(e[s])&&e[s](n)}function c(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 u(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function d(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return pn}var vn,wn={};function xn(){if(vn)return wn;vn=1,Object.defineProperty(wn,"__esModule",{value:!0}),wn.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},wn.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},wn.createCoreData=function(t,r,o){var a=t.state,i=!(0,e.isNum)(a.lastX),s=n(t);return i?{node:s,deltaX:0,deltaY:0,lastX:r,lastY:o,x:r,y:o}:{node:s,deltaX:r-a.lastX,deltaY:o-a.lastY,lastX:a.lastX,lastY:a.lastY,x:r,y:o}},wn.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}},wn.getBoundPosition=function(r,o,a){if(!r.props.bounds)return[o,a];var i=r.props.bounds;i="string"==typeof i?i:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(i);var s=n(r);if("string"==typeof i){var l,c=s.ownerDocument,u=c.defaultView;if(!((l="parent"===i?s.parentNode:c.querySelector(i))instanceof u.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var d=l,p=u.getComputedStyle(s),f=u.getComputedStyle(d);i={left:-s.offsetLeft+(0,e.int)(f.paddingLeft)+(0,e.int)(p.marginLeft),top:-s.offsetTop+(0,e.int)(f.paddingTop)+(0,e.int)(p.marginTop),right:(0,t.innerWidth)(d)-(0,t.outerWidth)(s)-s.offsetLeft+(0,e.int)(f.paddingRight)-(0,e.int)(p.marginRight),bottom:(0,t.innerHeight)(d)-(0,t.outerHeight)(s)-s.offsetTop+(0,e.int)(f.paddingBottom)-(0,e.int)(p.marginBottom)}}(0,e.isNum)(i.right)&&(o=Math.min(o,i.right));(0,e.isNum)(i.bottom)&&(a=Math.min(a,i.bottom));(0,e.isNum)(i.left)&&(o=Math.max(o,i.left));(0,e.isNum)(i.top)&&(a=Math.max(a,i.top));return[o,a]},wn.getControlPosition=function(e,r,o){var a="number"==typeof r?(0,t.getTouch)(e,r):null;if("number"==typeof r&&!a)return null;var i=n(o),s=o.props.offsetParent||i.offsetParent||i.ownerDocument.body;return(0,t.offsetXYFromParent)(a||e,s,o.props.scale)},wn.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 e=hn(),t=bn();function n(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return wn}var Sn,_n,On,jn,Dn={},En={};function Cn(){if(Sn)return En;return Sn=1,Object.defineProperty(En,"__esModule",{value:!0}),En.default=function(){},En}function kn(){if(_n)return Dn;function e(t){return(e="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})(t)}_n=1,Object.defineProperty(Dn,"__esModule",{value:!0}),Dn.default=void 0;var t=function(t,n){if(t&&t.__esModule)return t;if(null===t||"object"!==e(t)&&"function"!=typeof t)return{default:t};var r=p(n);if(r&&r.has(t))return r.get(t);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var s=a?Object.getOwnPropertyDescriptor(t,i):null;s&&(s.get||s.set)?Object.defineProperty(o,i,s):o[i]=t[i]}o.default=t,r&&r.set(t,o);return o}(s()),n=d(u()),r=d(c()),o=bn(),a=xn(),i=hn(),l=d(Cn());function d(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function f(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 h(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 h(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 h(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 m(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 g(e,t){return(g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(t){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=v(t);if(n){var a=v(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return b(t)}(this,r)}}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var x={start:"touchstart",move:"touchmove",stop:"touchend"},S={start:"mousedown",move:"mousemove",stop:"mouseup"},_=S,O=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&&g(e,t)}(i,e);var n=y(i);function i(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);for(var t=arguments.length,r=new Array(t),s=0;s<t;s++)r[s]=arguments[s];return w(b(e=n.call.apply(n,[this].concat(r))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),w(b(e),"mounted",!1),w(b(e),"handleDragStart",(function(t){if(e.props.onMouseDown(t),!e.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var n=e.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=n.ownerDocument;if(!(e.props.disabled||!(t.target instanceof r.defaultView.Node)||e.props.handle&&!(0,o.matchesSelectorAndParentsTo)(t.target,e.props.handle,n)||e.props.cancel&&(0,o.matchesSelectorAndParentsTo)(t.target,e.props.cancel,n))){"touchstart"===t.type&&t.preventDefault();var i=(0,o.getTouchIdentifier)(t);e.setState({touchIdentifier:i});var s=(0,a.getControlPosition)(t,i,b(e));if(null!=s){var c=s.x,u=s.y,d=(0,a.createCoreData)(b(e),c,u);(0,l.default)("DraggableCore: handleDragStart: %j",d),(0,l.default)("calling",e.props.onStart),!1!==e.props.onStart(t,d)&&!1!==e.mounted&&(e.props.enableUserSelectHack&&(0,o.addUserSelectStyles)(r),e.setState({dragging:!0,lastX:c,lastY:u}),(0,o.addEvent)(r,_.move,e.handleDrag),(0,o.addEvent)(r,_.stop,e.handleDragStop))}}})),w(b(e),"handleDrag",(function(t){var n=(0,a.getControlPosition)(t,e.state.touchIdentifier,b(e));if(null!=n){var r=n.x,o=n.y;if(Array.isArray(e.props.grid)){var i=r-e.state.lastX,s=o-e.state.lastY,c=f((0,a.snapToGrid)(e.props.grid,i,s),2);if(i=c[0],s=c[1],!i&&!s)return;r=e.state.lastX+i,o=e.state.lastY+s}var u=(0,a.createCoreData)(b(e),r,o);if((0,l.default)("DraggableCore: handleDrag: %j",u),!1!==e.props.onDrag(t,u)&&!1!==e.mounted)e.setState({lastX:r,lastY:o});else try{e.handleDragStop(new MouseEvent("mouseup"))}catch(p){var d=document.createEvent("MouseEvents");d.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e.handleDragStop(d)}}})),w(b(e),"handleDragStop",(function(t){if(e.state.dragging){var n=(0,a.getControlPosition)(t,e.state.touchIdentifier,b(e));if(null!=n){var r=n.x,i=n.y;if(Array.isArray(e.props.grid)){var s=r-e.state.lastX||0,c=i-e.state.lastY||0,u=f((0,a.snapToGrid)(e.props.grid,s,c),2);s=u[0],c=u[1],r=e.state.lastX+s,i=e.state.lastY+c}var d=(0,a.createCoreData)(b(e),r,i);if(!1===e.props.onStop(t,d)||!1===e.mounted)return!1;var p=e.findDOMNode();p&&e.props.enableUserSelectHack&&(0,o.removeUserSelectStyles)(p.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",d),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),p&&((0,l.default)("DraggableCore: Removing handlers"),(0,o.removeEvent)(p.ownerDocument,_.move,e.handleDrag),(0,o.removeEvent)(p.ownerDocument,_.stop,e.handleDragStop))}}})),w(b(e),"onMouseDown",(function(t){return _=S,e.handleDragStart(t)})),w(b(e),"onMouseUp",(function(t){return _=S,e.handleDragStop(t)})),w(b(e),"onTouchStart",(function(t){return _=x,e.handleDragStart(t)})),w(b(e),"onTouchEnd",(function(t){return _=x,e.handleDragStop(t)})),e}return m(i,[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,o.addEvent)(e,x.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,o.removeEvent)(t,S.move,this.handleDrag),(0,o.removeEvent)(t,x.move,this.handleDrag),(0,o.removeEvent)(t,S.stop,this.handleDragStop),(0,o.removeEvent)(t,x.stop,this.handleDragStop),(0,o.removeEvent)(e,x.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,o.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:r.default.findDOMNode(this)}},{key:"render",value:function(){return t.cloneElement(t.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}]),i}(t.Component);return Dn.default=O,w(O,"displayName","DraggableCore"),w(O,"propTypes",{allowAnyClick:n.default.bool,disabled:n.default.bool,enableUserSelectHack:n.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:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:i.dontSetMe,style:i.dontSetMe,transform:i.dontSetMe}),w(O,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),Dn}function Rn(){return On||(On=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}(s()),r=m(u()),o=m(c()),a=m(un),i=bn(),l=xn(),d=hn(),p=m(kn()),f=m(Cn()),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 _(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 O(e,t){return(O=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=E(e);if(n){var a=E(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 D(e)}(this,r)}}function D(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e){return(E=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 k=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&&O(e,t)}(u,e);var t,r,s,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(D(t=c.call(this,e)),"onDragStart",(function(e,n){if((0,f.default)("Draggable: onDragStart: %j",n),!1===t.props.onStart(e,(0,l.createDraggableData)(D(t),n)))return!1;t.setState({dragging:!0,dragged:!0})})),C(D(t),"onDrag",(function(e,n){if(!t.state.dragging)return!1;(0,f.default)("Draggable: onDrag: %j",n);var r=(0,l.createDraggableData)(D(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 s=x((0,l.getBoundPosition)(D(t),o.x,o.y),2),c=s[0],u=s[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(D(t),"onDragStop",(function(e,n){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,l.createDraggableData)(D(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,s=[{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,s=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,_={x:(0,l.canDragX)(this)&&x?this.state.x:S.x,y:(0,l.canDragY)(this)&&x?this.state.y:S.y};this.state.isElementSVG?v=(0,i.createSVGTransform)(_,f):g=(0,i.createCSSTransform)(_,f);var O=(0,a.default)(r.props.className||"",s,(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:O,style:w(w({},r.props.style),g),transform:v}))}}])&&_(t.prototype,r),s&&_(t,s),Object.defineProperty(t,"prototype",{writable:!1}),u}(n.Component);e.default=k,C(k,"displayName","Draggable"),C(k,"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:d.dontSetMe,style:d.dontSetMe,transform:d.dontSetMe})),C(k,"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}))}(sn)),sn}function Nn(){if(jn)return an.exports;jn=1;var e=Rn(),t=e.default,n=e.DraggableCore;return an.exports=t,an.exports.default=t,an.exports.DraggableCore=n,an.exports}var Pn,Mn={exports:{}},Tn={},zn={};function Ln(){if(Pn)return zn;Pn=1,zn.__esModule=!0,zn.cloneElement=function(e,n){n.style&&e.props.style&&(n.style=r(r({},e.props.style),n.style));n.className&&e.props.className&&(n.className=e.props.className+" "+n.className);return t.default.cloneElement(e,n)};var e,t=(e=s())&&e.__esModule?e:{default:e};function n(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 r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(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);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}return zn}var In,Hn,Wn={};function An(){if(In)return Wn;In=1,Wn.__esModule=!0,Wn.resizableProps=void 0;var e,t=(e=u())&&e.__esModule?e:{default:e};Nn();var n={axis:t.default.oneOf(["both","x","y","none"]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:t.default.node,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o,a=n[0];return"both"===a.axis||"y"===a.axis?(o=t.default.number).isRequired.apply(o,n):t.default.number.apply(t.default,n)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:t.default.number,width:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var o,a=n[0];return"both"===a.axis||"x"===a.axis?(o=t.default.number).isRequired.apply(o,n):t.default.number.apply(t.default,n)}};return Wn.resizableProps=n,Wn}function qn(){if(Hn)return Tn;Hn=1,Tn.__esModule=!0,Tn.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=a(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=o?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(r,i,s):r[i]=e[i]}r.default=e,n&&n.set(e,r);return r}(s()),t=Nn(),n=Ln(),r=An(),o=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function i(){return i=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},i.apply(this,arguments)}function l(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 c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(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);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 d(e,t){return(d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var p=function(r){var a,s;function l(){for(var e,t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return(e=r.call.apply(r,[this].concat(n))||this).handleRefs={},e.lastHandleRect=null,e.slack=null,e}s=r,(a=l).prototype=Object.create(s.prototype),a.prototype.constructor=a,d(a,s);var u=l.prototype;return u.componentWillUnmount=function(){this.resetData()},u.resetData=function(){this.lastHandleRect=this.slack=null},u.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]},u.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()}}},u.renderResizeHandle=function(t,n){var r=this.props.handle;if(!r)return e.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+t,ref:n});if("function"==typeof r)return r(t,n);var o=c({ref:n},"string"==typeof r.type?{}:{handleAxis:t});return e.cloneElement(r,o)},u.render=function(){var r=this,a=this.props,s=a.children,l=a.className,u=a.draggableOpts;a.width,a.height,a.handle,a.handleSize,a.lockAspectRatio,a.axis,a.minConstraints,a.maxConstraints,a.onResize,a.onResizeStop,a.onResizeStart;var d=a.resizeHandles;a.transformScale;var p=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}(a,o);return(0,n.cloneElement)(s,c(c({},p),{},{className:(l?l+" ":"")+"react-resizable",children:[].concat(s.props.children,d.map((function(n){var o,a=null!=(o=r.handleRefs[n])?o:r.handleRefs[n]=e.createRef();return e.createElement(t.DraggableCore,i({},u,{nodeRef:a,key:"resizableHandle-"+n,onStop:r.resizeHandler("onResizeStop",n),onStart:r.resizeHandler("onResizeStart",n),onDrag:r.resizeHandler("onResize",n)}),r.renderResizeHandle(n,a))})))}))},l}(e.Component);return Tn.default=p,p.propTypes=r.resizableProps,p.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},Tn}var Bn,Gn,Fn={};function Un(){if(Bn)return Fn;Bn=1,Fn.__esModule=!0,Fn.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=i(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 s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}r.default=e,n&&n.set(e,r);return r}(s()),t=a(u()),n=a(qn()),r=An(),o=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function a(e){return e&&e.__esModule?e:{default:e}}function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(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);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 f(e,t){return(f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var h=function(t){var r,a;function i(){for(var e,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))||this).state={width:e.props.width,height:e.props.height,propsWidth:e.props.width,propsHeight:e.props.height},e.onResize=function(t,n){var r=n.size;e.props.onResize?(null==t.persist||t.persist(),e.setState(r,(function(){return e.props.onResize&&e.props.onResize(t,n)}))):e.setState(r)},e}return a=t,(r=i).prototype=Object.create(a.prototype),r.prototype.constructor=r,f(r,a),i.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},i.prototype.render=function(){var t=this.props,r=t.handle,a=t.handleSize;t.onResize;var i=t.onResizeStart,s=t.onResizeStop,c=t.draggableOpts,u=t.minConstraints,p=t.maxConstraints,f=t.lockAspectRatio,h=t.axis;t.width,t.height;var m=t.resizeHandles,g=t.style,y=t.transformScale,b=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,o);return e.createElement(n.default,{axis:h,draggableOpts:c,handle:r,handleSize:a,height:this.state.height,lockAspectRatio:f,maxConstraints:p,minConstraints:u,onResizeStart:i,onResize:this.onResize,onResizeStop:s,resizeHandles:m,transformScale:y,width:this.state.width},e.createElement("div",l({},b,{style:d(d({},g),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},i}(e.Component);return Fn.default=h,h.propTypes=d(d({},r.resizableProps),{},{children:t.default.element}),Fn}var Vn,Yn,$n,Xn={};function Kn(){if(Vn)return Xn;Vn=1,Object.defineProperty(Xn,"__esModule",{value:!0}),Xn.resizeHandleType=Xn.resizeHandleAxesType=Xn.default=void 0;var e=n(u()),t=n(s());function n(e){return e&&e.__esModule?e:{default:e}}const r=Xn.resizeHandleAxesType=e.default.arrayOf(e.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),o=Xn.resizeHandleType=e.default.oneOfType([e.default.node,e.default.func]);return Xn.default={className:e.default.string,style:e.default.object,width:e.default.number,autoSize:e.default.bool,cols:e.default.number,draggableCancel:e.default.string,draggableHandle:e.default.string,verticalCompact:function(e){e.verticalCompact,0},compactType:e.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;void 0!==t&&en().validateLayout(t,"layout")},margin:e.default.arrayOf(e.default.number),containerPadding:e.default.arrayOf(e.default.number),rowHeight:e.default.number,maxRows:e.default.number,isBounded:e.default.bool,isDraggable:e.default.bool,isResizable:e.default.bool,allowOverlap:e.default.bool,preventCollision:e.default.bool,useCSSTransforms:e.default.bool,transformScale:e.default.number,isDroppable:e.default.bool,resizeHandles:r,resizeHandle:o,onLayoutChange:e.default.func,onDragStart:e.default.func,onDrag:e.default.func,onDragStop:e.default.func,onResizeStart:e.default.func,onResize:e.default.func,onResizeStop:e.default.func,onDrop:e.default.func,droppingItem:e.default.shape({i:e.default.string.isRequired,w:e.default.number.isRequired,h:e.default.number.isRequired}),children:function(e,n){const r=e[n],o={};t.default.Children.forEach(r,(function(e){if(null!=(null==e?void 0:e.key)){if(o[e.key])throw new Error('Duplicate child key "'+e.key+'" found! This will cause problems in ReactGridLayout.');o[e.key]=!0}}))},innerRef:e.default.any},Xn}function Qn(){if(Yn)return on;Yn=1,Object.defineProperty(on,"__esModule",{value:!0}),on.default=void 0;var e=c(s()),t=c(u()),n=Nn(),r=(Gn||(Gn=1,Mn.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Mn.exports.Resizable=qn().default,Mn.exports.ResizableBox=Un().default),Mn.exports),o=en(),a=rn(),i=Kn(),l=c(Xt());function c(e){return e&&e.__esModule?e:{default:e}}function d(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);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}let p=class extends e.default.Component{constructor(){super(...arguments),d(this,"state",{resizing:null,dragging:null,className:""}),d(this,"elementRef",e.default.createRef()),d(this,"onDragStart",((e,t)=>{let{node:n}=t;const{onDragStart:r,transformScale:o}=this.props;if(!r)return;const i={top:0,left:0},{offsetParent:s}=n;if(!s)return;const l=s.getBoundingClientRect(),c=n.getBoundingClientRect(),u=c.left/o,d=l.left/o,p=c.top/o,f=l.top/o;i.left=u-d+s.scrollLeft,i.top=p-f+s.scrollTop,this.setState({dragging:i});const{x:h,y:m}=(0,a.calcXY)(this.getPositionParams(),i.top,i.left,this.props.w,this.props.h);return r.call(this,this.props.i,h,m,{e:e,node:n,newPosition:i})})),d(this,"onDrag",((e,t)=>{let{node:n,deltaX:r,deltaY:o}=t;const{onDrag:i}=this.props;if(!i)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let s=this.state.dragging.top+o,l=this.state.dragging.left+r;const{isBounded:c,i:u,w:d,h:p,containerWidth:f}=this.props,h=this.getPositionParams();if(c){const{offsetParent:e}=n;if(e){const{margin:t,rowHeight:n,containerPadding:r}=this.props,o=e.clientHeight-(0,a.calcGridItemWHPx)(p,n,t[1]);s=(0,a.clamp)(s-r[1],0,o);const i=(0,a.calcGridColWidth)(h),c=f-(0,a.calcGridItemWHPx)(d,i,t[0]);l=(0,a.clamp)(l-r[0],0,c)}}const m={top:s,left:l};this.setState({dragging:m});const{x:g,y:y}=(0,a.calcXY)(h,s,l,d,p);return i.call(this,u,g,y,{e:e,node:n,newPosition:m})})),d(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:i,i: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,a.calcXY)(this.getPositionParams(),c,l,o,i);return r.call(this,s,d,p,{e:e,node:n,newPosition:u})})),d(this,"onResizeStop",((e,t,n)=>this.onResizeHandler(e,t,n,"onResizeStop"))),d(this,"onResizeStart",((e,t,n)=>this.onResizeHandler(e,t,n,"onResizeStart"))),d(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,a.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=(0,a.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,o.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 a;return r?a=(0,o.setTransform)(e):(a=(0,o.setTopLeft)(e),t&&(a.left=(0,o.perc)(e.left/n),a.width=(0,o.perc)(e.width/n))),a}mixinDraggable(t,r){return e.default.createElement(n.DraggableCore,{disabled:!r,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},t)}curryResizeHandler(e,t){return(n,r)=>t(n,r,e)}mixinResizable(t,n,o){const{cols:i,minW:s,minH:l,maxW:c,maxH:u,transformScale:d,resizeHandles:p,resizeHandle:f}=this.props,h=this.getPositionParams(),m=(0,a.calcGridItemPosition)(h,0,0,i,0).width,g=(0,a.calcGridItemPosition)(h,0,0,s,l),y=(0,a.calcGridItemPosition)(h,0,0,c,u),b=[g.width,g.height],v=[Math.min(y.width,m),Math.min(y.height,1/0)];return e.default.createElement(r.Resizable,{draggableOpts:{disabled:!o},className:o?void 0:"react-resizable-hide",width:n.width,height:n.height,minConstraints:b,maxConstraints:v,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:d,resizeHandles:p,handle:f},t)}onResizeHandler(e,t,n,r){let{node:i,size:s,handle:l}=t;const c=this.props[r];if(!c)return;const{x:u,y:d,i:p,maxH:f,minH:h,containerWidth:m}=this.props,{minW:g,maxW:y}=this.props;let b=s;i&&(b=(0,o.resizeItemInDirection)(l,n,s,m),this.setState({resizing:"onResizeStop"===r?null:b}));let{w:v,h:w}=(0,a.calcWH)(this.getPositionParams(),b.width,b.height,u,d,l);v=(0,a.clamp)(v,Math.max(g,1),y),w=(0,a.clamp)(w,h,f),c.call(this,p,v,w,{e:e,node:i,size:b,handle:l})}render(){const{x:t,y:n,w:r,h:o,isDraggable:i,isResizable:s,droppingPosition:c,useCSSTransforms:u}=this.props,d=(0,a.calcGridItemPosition)(this.getPositionParams(),t,n,r,o,this.state),p=e.default.Children.only(this.props.children);let f=e.default.cloneElement(p,{ref:this.elementRef,className:(0,l.default)("react-grid-item",p.props.className,this.props.className,{static:this.props.static,resizing:Boolean(this.state.resizing),"react-draggable":i,"react-draggable-dragging":Boolean(this.state.dragging),dropping:Boolean(c),cssTransforms:u}),style:{...this.props.style,...p.props.style,...this.createStyle(d)}});return f=this.mixinResizable(f,d,s),f=this.mixinDraggable(f,i),f}};return on.default=p,d(p,"propTypes",{children:t.default.element,cols:t.default.number.isRequired,containerWidth:t.default.number.isRequired,rowHeight:t.default.number.isRequired,margin:t.default.array.isRequired,maxRows:t.default.number.isRequired,containerPadding:t.default.array.isRequired,x:t.default.number.isRequired,y:t.default.number.isRequired,w:t.default.number.isRequired,h:t.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:t.default.string.isRequired,resizeHandles:i.resizeHandleAxesType,resizeHandle:i.resizeHandleType,onDragStop:t.default.func,onDragStart:t.default.func,onDrag:t.default.func,onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,isDraggable:t.default.bool.isRequired,isResizable:t.default.bool.isRequired,isBounded:t.default.bool.isRequired,static:t.default.bool,useCSSTransforms:t.default.bool.isRequired,transformScale:t.default.number,className:t.default.string,handle:t.default.string,cancel:t.default.string,droppingPosition:t.default.shape({e:t.default.object.isRequired,left:t.default.number.isRequired,top:t.default.number.isRequired})}),d(p,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),on}function Jn(){if($n)return Ft;$n=1,Object.defineProperty(Ft,"__esModule",{value:!0}),Ft.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=c(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}(s()),t=Vt(),n=l(Xt()),r=en(),o=rn(),a=l(Qn()),i=l(Kn());function l(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function u(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);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 d="react-grid-layout";let p=!1;try{p=/firefox/i.test(navigator.userAgent)}catch(h){}class f extends e.Component{constructor(){super(...arguments),u(this,"state",{activeDrag:null,layout:(0,r.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,r.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),u(this,"dragEnterCounter",0),u(this,"onDragStart",((e,t,n,o)=>{let{e:a,node:i}=o;const{layout:s}=this.state,l=(0,r.getLayoutItem)(s,e);if(!l)return;const c={w:l.w,h:l.h,x:l.x,y:l.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,r.cloneLayoutItem)(l),oldLayout:s,activeDrag:c}),this.props.onDragStart(s,l,l,null,a,i)})),u(this,"onDrag",((e,t,n,o)=>{let{e:a,node:i}=o;const{oldDragItem:s}=this.state;let{layout:l}=this.state;const{cols:c,allowOverlap:u,preventCollision:d}=this.props,p=(0,r.getLayoutItem)(l,e);if(!p)return;const f={w:p.w,h:p.h,x:p.x,y:p.y,placeholder:!0,i:e};l=(0,r.moveElement)(l,p,t,n,!0,d,(0,r.compactType)(this.props),c,u),this.props.onDrag(l,s,p,f,a,i),this.setState({layout:u?l:(0,r.compact)(l,(0,r.compactType)(this.props),c),activeDrag:f})})),u(this,"onDragStop",((e,t,n,o)=>{let{e:a,node:i}=o;if(!this.state.activeDrag)return;const{oldDragItem:s}=this.state;let{layout:l}=this.state;const{cols:c,preventCollision:u,allowOverlap:d}=this.props,p=(0,r.getLayoutItem)(l,e);if(!p)return;l=(0,r.moveElement)(l,p,t,n,!0,u,(0,r.compactType)(this.props),c,d);const f=d?l:(0,r.compact)(l,(0,r.compactType)(this.props),c);this.props.onDragStop(f,s,p,null,a,i);const{oldLayout:h}=this.state;this.setState({activeDrag:null,layout:f,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(f,h)})),u(this,"onResizeStart",((e,t,n,o)=>{let{e:a,node:i}=o;const{layout:s}=this.state,l=(0,r.getLayoutItem)(s,e);l&&(this.setState({oldResizeItem:(0,r.cloneLayoutItem)(l),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,l,l,null,a,i))})),u(this,"onResize",((e,t,n,o)=>{let{e:a,node:i,size:s,handle:l}=o;const{oldResizeItem:c}=this.state,{layout:u}=this.state,{cols:d,preventCollision:p,allowOverlap:f}=this.props;let h,m,g,y=!1;const[b,v]=(0,r.withLayoutItem)(u,e,(e=>{let o;if(m=e.x,g=e.y,-1!==["sw","w","nw","n","ne"].indexOf(l)&&(-1!==["sw","nw","w"].indexOf(l)&&(m=e.x+(e.w-t),t=e.x!==m&&m<0?e.w:t,m=m<0?0:m),-1!==["ne","n","nw"].indexOf(l)&&(g=e.y+(e.h-n),n=e.y!==g&&g<0?e.h:n,g=g<0?0:g),y=!0),p&&!f){o=(0,r.getAllCollisions)(u,{...e,w:t,h:n,x:m,y:g}).filter((t=>t.i!==e.i)).length>0,o&&(g=e.y,n=e.h,m=e.x,t=e.w,y=!1)}return e.w=t,e.h=n,e}));if(!v)return;if(h=b,y){const e=!0;h=(0,r.moveElement)(b,v,m,g,e,this.props.preventCollision,(0,r.compactType)(this.props),d,f)}const w={w:v.w,h:v.h,x:v.x,y:v.y,static:!0,i:e};this.props.onResize(h,c,v,w,a,i),this.setState({layout:f?h:(0,r.compact)(h,(0,r.compactType)(this.props),d),activeDrag:w})})),u(this,"onResizeStop",((e,t,n,o)=>{let{e:a,node:i}=o;const{layout:s,oldResizeItem:l}=this.state,{cols:c,allowOverlap:u}=this.props,d=(0,r.getLayoutItem)(s,e),p=u?s:(0,r.compact)(s,(0,r.compactType)(this.props),c);this.props.onResizeStop(p,l,d,null,a,i);const{oldLayout:f}=this.state;this.setState({activeDrag:null,layout:p,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(p,f)})),u(this,"onDragOver",(t=>{var n;if(t.preventDefault(),t.stopPropagation(),p&&!(null==(n=t.nativeEvent.target)?void 0:n.classList.contains(d)))return!1;const{droppingItem:r,onDropDragOver:a,margin:i,cols:s,rowHeight:l,maxRows:c,width:u,containerPadding:f,transformScale:h}=this.props,m=null==a?void 0:a(t);if(!1===m)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const g={...r,...m},{layout:y}=this.state,b=t.currentTarget.getBoundingClientRect(),v=t.clientX-b.left,w=t.clientY-b.top,x={left:v/h,top:w/h,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:e,top:t}=this.state.droppingPosition;(e!=v||t!=w)&&this.setState({droppingPosition:x})}}else{const t={cols:s,margin:i,maxRows:c,rowHeight:l,containerWidth:u,containerPadding:f||i},n=(0,o.calcXY)(t,w,v,g.w,g.h);this.setState({droppingDOMNode:e.createElement("div",{key:g.i}),droppingPosition:x,layout:[...y,{...g,x:n.x,y:n.y,static:!1,isDraggable:!0}]})}})),u(this,"removeDroppingPlaceholder",(()=>{const{droppingItem:e,cols:t}=this.props,{layout:n}=this.state,o=(0,r.compact)(n.filter((t=>t.i!==e.i)),(0,r.compactType)(this.props),t,this.props.allowOverlap);this.setState({layout:o,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})})),u(this,"onDragLeave",(e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,0===this.dragEnterCounter&&this.removeDroppingPlaceholder()})),u(this,"onDragEnter",(e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++})),u(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,n){let o;if(n.activeDrag)return null;if((0,t.deepEqual)(e.layout,n.propsLayout)&&e.compactType===n.compactType?(0,r.childrenEqual)(e.children,n.children)||(o=n.layout):o=e.layout,o){return{layout:(0,r.synchronizeLayoutWithChildren)(o,e.children,e.cols,(0,r.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}}return null}shouldComponentUpdate(e,n){return this.props.children!==e.children||!(0,r.fastRGLPropsEqual)(this.props,e,t.deepEqual)||this.state.activeDrag!==n.activeDrag||this.state.mounted!==n.mounted||this.state.droppingPosition!==n.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,r.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,n){n||(n=this.state.layout),(0,t.deepEqual)(n,e)||this.props.onLayoutChange(e)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:n,cols:r,margin:o,containerPadding:i,rowHeight:s,maxRows:l,useCSSTransforms:c,transformScale:u}=this.props;return e.createElement(a.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:"react-grid-placeholder "+(this.state.resizing?"placeholder-resizing":""),containerWidth:n,cols:r,margin:o,containerPadding:i||o,maxRows:l,rowHeight:s,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:c,transformScale:u},e.createElement("div",null))}processGridItem(t,n){if(!t||!t.key)return;const o=(0,r.getLayoutItem)(this.state.layout,String(t.key));if(!o)return null;const{width:i,cols:s,margin:l,containerPadding:c,rowHeight:u,maxRows:d,isDraggable:p,isResizable:f,isBounded:h,useCSSTransforms:m,transformScale:g,draggableCancel:y,draggableHandle:b,resizeHandles:v,resizeHandle:w}=this.props,{mounted:x,droppingPosition:S}=this.state,_="boolean"==typeof o.isDraggable?o.isDraggable:!o.static&&p,O="boolean"==typeof o.isResizable?o.isResizable:!o.static&&f,j=o.resizeHandles||v,D=_&&h&&!1!==o.isBounded;return e.createElement(a.default,{containerWidth:i,cols:s,margin:l,containerPadding:c||l,maxRows:d,rowHeight:u,cancel:y,handle:b,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:_,isResizable:O,isBounded:D,useCSSTransforms:m&&x,usePercentages:!x,transformScale:g,w:o.w,h:o.h,x:o.x,y:o.y,i:o.i,minH:o.minH,minW:o.minW,maxH:o.maxH,maxW:o.maxW,static:o.static,droppingPosition:n?S:void 0,resizeHandles:j,resizeHandle:w},t)}render(){const{className:t,style:o,isDroppable:a,innerRef:i}=this.props,s=(0,n.default)(d,t),l={height:this.containerHeight(),...o};return e.createElement("div",{ref:i,className:s,style:l,onDrop:a?this.onDrop:r.noop,onDragLeave:a?this.onDragLeave:r.noop,onDragEnter:a?this.onDragEnter:r.noop,onDragOver:a?this.onDragOver:r.noop},e.Children.map(this.props.children,(e=>this.processGridItem(e))),a&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}return Ft.default=f,u(f,"displayName","ReactGridLayout"),u(f,"propTypes",i.default),u(f,"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:r.noop,onDragStart:r.noop,onDrag:r.noop,onDragStop:r.noop,onResizeStart:r.noop,onResize:r.noop,onResizeStop:r.noop,onDrop:r.noop,onDropDragOver:r.noop}),Ft}var Zn,er,tr={},nr={};function rr(){if(Zn)return nr;Zn=1,Object.defineProperty(nr,"__esModule",{value:!0}),nr.findOrGenerateResponsiveLayout=function(n,r,o,a,i,s){if(n[o])return(0,e.cloneLayout)(n[o]);let l=n[a];const c=t(r),u=c.slice(c.indexOf(o));for(let e=0,t=u.length;e<t;e++){const t=u[e];if(n[t]){l=n[t];break}}return l=(0,e.cloneLayout)(l||[]),(0,e.compact)((0,e.correctBounds)(l,{cols:i}),s,i)},nr.getBreakpointFromWidth=function(e,n){const r=t(e);let o=r[0];for(let t=1,a=r.length;t<a;t++){const a=r[t];n>e[a]&&(o=a)}return o},nr.getColsFromBreakpoint=function(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]},nr.sortBreakpoints=t;var e=en();function t(e){return Object.keys(e).sort((function(t,n){return e[t]-e[n]}))}return nr}function or(){if(er)return tr;er=1,Object.defineProperty(tr,"__esModule",{value:!0}),tr.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(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}(s()),t=i(u()),n=Vt(),r=en(),o=rr(),a=i(Jn());function i(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function d(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);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 p=e=>Object.prototype.toString.call(e);function f(e,t){return null==e?null:Array.isArray(e)?e:e[t]}let h=class extends e.Component{constructor(){super(...arguments),d(this,"state",this.generateInitialState()),d(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,a=(0,o.getBreakpointFromWidth)(t,e),i=(0,o.getColsFromBreakpoint)(a,r),s=!1===this.props.verticalCompact?null:this.props.compactType;return{layout:(0,o.findOrGenerateResponsiveLayout)(n,t,a,a,i,s),breakpoint:a,cols:i}}static getDerivedStateFromProps(e,t){if(!(0,n.deepEqual)(e.layouts,t.layouts)){const{breakpoint:n,cols:r}=t;return{layout:(0,o.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,n,n,r,e.compactType),layouts:e.layouts}}return null}componentDidUpdate(e){this.props.width==e.width&&this.props.breakpoint===e.breakpoint&&(0,n.deepEqual)(this.props.breakpoints,e.breakpoints)&&(0,n.deepEqual)(this.props.cols,e.cols)||this.onWidthChange(e)}onWidthChange(e){const{breakpoints:t,cols:n,layouts:a,compactType:i}=this.props,s=this.props.breakpoint||(0,o.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),l=this.state.breakpoint,c=(0,o.getColsFromBreakpoint)(s,n),u={...a};if(l!==s||e.breakpoints!==t||e.cols!==n){l in u||(u[l]=(0,r.cloneLayout)(this.state.layout));let e=(0,o.findOrGenerateResponsiveLayout)(u,t,s,l,c,i);e=(0,r.synchronizeLayoutWithChildren)(e,this.props.children,c,i,this.props.allowOverlap),u[s]=e,this.props.onBreakpointChange(s,c),this.props.onLayoutChange(e,u),this.setState({breakpoint:s,layout:e,cols:c})}const d=f(this.props.margin,s),p=f(this.props.containerPadding,s);this.props.onWidthChange(this.props.width,d,c,p)}render(){const{breakpoint:t,breakpoints:n,cols:r,layouts:o,margin:i,containerPadding:s,onBreakpointChange:l,onLayoutChange:u,onWidthChange:d,...p}=this.props;return e.createElement(a.default,c({},p,{margin:f(i,this.state.breakpoint),containerPadding:f(s,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};return tr.default=h,d(h,"propTypes",{breakpoint:t.default.string,breakpoints:t.default.object,allowOverlap:t.default.bool,cols:t.default.object,margin:t.default.oneOfType([t.default.array,t.default.object]),containerPadding:t.default.oneOfType([t.default.array,t.default.object]),layouts(e,t){if("[object Object]"!==p(e[t]))throw new Error("Layout property must be an object. Received: "+p(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,r.validateLayout)(e.layouts[t],"layouts."+t)}))},width:t.default.number.isRequired,onBreakpointChange:t.default.func,onLayoutChange:t.default.func,onWidthChange:t.default.func}),d(h,"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:r.noop,onLayoutChange:r.noop,onWidthChange:r.noop}),tr}var ar={},ir=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}()}(),sr="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,lr="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),cr="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(lr):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)};var ur=["top","right","bottom","left","width","height","size","weight"],dr="undefined"!=typeof MutationObserver,pr=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(){cr(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(){sr&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),dr?(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(){sr&&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;ur.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}(),fr=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},hr=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||lr},mr=xr(0,0,0,0);function gr(e){return parseFloat(e)||0}function yr(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+gr(e["border-"+n+"-width"])}),0)}function br(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return mr;var r=hr(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]=gr(a)}return t}(r),a=o.left+o.right,i=o.top+o.bottom,s=gr(r.width),l=gr(r.height);if("border-box"===r.boxSizing&&(Math.round(s+a)!==t&&(s-=yr(r,"left","right")+a),Math.round(l+i)!==n&&(l-=yr(r,"top","bottom")+i)),!function(e){return e===hr(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 xr(o.left,o.top,s,l)}var vr="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof hr(e).SVGGraphicsElement}:function(e){return e instanceof hr(e).SVGElement&&"function"==typeof e.getBBox};function wr(e){return sr?vr(e)?function(e){var t=e.getBBox();return xr(0,0,t.width,t.height)}(e):br(e):mr}function xr(e,t,n,r){return{x:e,y:t,width:n,height:r}}var Sr=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=xr(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=wr(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}(),_r=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),fr(l,{x:r,y:o,width:a,height:i,top:o,right:r+a,bottom:i+o,left:r}),l);fr(this,{target:e,contentRect:c})}}(),Or=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new ir,"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 hr(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new Sr(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 hr(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 _r(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}(),jr="undefined"!=typeof WeakMap?new WeakMap:new ir,Dr=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=pr.getInstance(),r=new Or(t,n,this);jr.set(this,r)}}();["observe","unobserve","disconnect"].forEach((function(e){Dr.prototype[e]=function(){var t;return(t=jr.get(this))[e].apply(t,arguments)}}));var Er=void 0!==lr.ResizeObserver?lr.ResizeObserver:Dr;const Cr=l(Object.freeze(Object.defineProperty({__proto__:null,default:Er},Symbol.toStringTag,{value:"Module"})));var kr,Rr;function Nr(){if(kr)return ar;kr=1,Object.defineProperty(ar,"__esModule",{value:!0}),ar.default=function(o){var a;return a=class extends e.Component{constructor(){super(...arguments),l(this,"state",{width:1280}),l(this,"elementRef",e.createRef()),l(this,"mounted",!1),l(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new n.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?e.createElement("div",{className:(0,r.default)(this.props.className,c),style:this.props.style,ref:this.elementRef}):e.createElement(o,i({innerRef:this.elementRef},n,this.state))}},l(a,"defaultProps",{measureBeforeMount:!1}),l(a,"propTypes",{measureBeforeMount:t.default.bool}),a};var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=a(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=o?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(r,i,s):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(s()),t=o(u()),n=o(Cr),r=o(Xt());function o(e){return e&&e.__esModule?e:{default:e}}function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function i(){return i=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},i.apply(this,arguments)}function l(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);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 c="react-grid-layout";return ar}var Pr,Mr=(Rr||(Rr=1,(Pr=Gt).exports=Jn().default,Pr.exports.utils=en(),Pr.exports.calculateUtils=rn(),Pr.exports.Responsive=or().default,Pr.exports.Responsive.utils=rr(),Pr.exports.WidthProvider=Nr().default),Gt.exports);const Tr=[d(),p({syntaxHighlighting:!0,highlightSpecialChars:!1,history:!1,drawSelection:!1,defaultKeymap:!1,historyKeymap:!1})],zr=f.memo((e=>{const t=h.c(8),{code:n,className:r}=e,{theme:o}=m();let a;t[0]!==r?(a=g(r,"text-muted-foreground flex flex-col overflow-hidden"),t[0]=r,t[1]=a):a=t[1];const i="dark"===o?"dark":"light";let s,l;return t[2]!==n||t[3]!==i?(s=y.jsx(b,{minHeight:"10px",theme:i,height:"100%",className:"tiny-code",editable:!1,basicSetup:!1,extensions:Tr,value:n}),t[2]=n,t[3]=i,t[4]=s):s=t[4],t[5]!==a||t[6]!==s?(l=y.jsx("div",{className:a,children:s}),t[5]=a,t[6]=s,t[7]=l):l=t[7],l}));zr.displayName="TinyCode";const Lr=Mr.WidthProvider(Mr.Responsive),Ir=[0,0],Hr="grid-drag-handle",Wr=f.memo((e=>{const t=h.c(18),{output:n,cellId:r,status:o,mode:a,code:i,hidden:s,isScrollable:l,side:c,className:u}=e,d="running"===o||"queued"===o;if((null==n||""===n.data)&&"read"!==a){let e;return t[0]!==u||t[1]!==i?(e=y.jsx(zr,{className:u,code:i}),t[0]=u,t[1]=i,t[2]=e):e=t[2],e}const p=s&&"invisible",f=l?"overflow-y-auto":"overflow-y-hidden",m="top"===c&&"flex items-start",b="bottom"===c&&"flex items-end",v="left"===c&&"flex justify-start",w="right"===c&&"flex justify-end";let S,_,O;return t[3]!==u||t[4]!==p||t[5]!==f||t[6]!==m||t[7]!==b||t[8]!==v||t[9]!==w?(S=g(u,"h-full w-full p-2 overflow-x-auto",p,f,m,b,v,w),t[3]=u,t[4]=p,t[5]=f,t[6]=m,t[7]=b,t[8]=v,t[9]=w,t[10]=S):S=t[10],t[11]!==r||t[12]!==d||t[13]!==n?(_=y.jsx(x,{allowExpand:!1,output:n,cellId:r,stale:d}),t[11]=r,t[12]=d,t[13]=n,t[14]=_):_=t[14],t[15]!==S||t[16]!==_?(O=y.jsx("div",{className:S,children:_}),t[15]=S,t[16]=_,t[17]=O):O=t[17],O}));Wr.displayName="GridCell";const Ar=e=>{const t=h.c(38),{layout:n,setLayout:r,isLocked:o,setIsLocked:a}=e;let i,s,l,c,u,d,p,f,m,g,b,v,w,x,O;return t[0]===Symbol.for("react.memo_cache_sentinel")?(i=y.jsx(C,{htmlFor:"columns",children:"Columns"}),t[0]=i):i=t[0],t[1]!==n||t[2]!==r?(s=e=>{r({...n,columns:e})},t[1]=n,t[2]=r,t[3]=s):s=t[3],t[4]!==n.columns||t[5]!==s?(l=y.jsxs("div",{className:"flex flex-row items-center gap-2",children:[i,y.jsx(S,{"data-testid":"grid-columns-input",id:"columns",value:n.columns,className:"w-[60px]",placeholder:"# of Columns",minValue:1,onChange:s})]}),t[4]=n.columns,t[5]=s,t[6]=l):l=t[6],t[7]===Symbol.for("react.memo_cache_sentinel")?(c=y.jsx(C,{htmlFor:"rowHeight",children:"Row Height (px)"}),t[7]=c):c=t[7],t[8]!==n||t[9]!==r?(u=e=>{r({...n,rowHeight:e})},t[8]=n,t[9]=r,t[10]=u):u=t[10],t[11]!==n.rowHeight||t[12]!==u?(d=y.jsxs("div",{className:"flex flex-row items-center gap-2",children:[c,y.jsx(S,{"data-testid":"grid-row-height-input",id:"rowHeight",value:n.rowHeight,className:"w-[60px]",placeholder:"Row Height (px)",minValue:1,onChange:u})]}),t[11]=n.rowHeight,t[12]=u,t[13]=d):d=t[13],t[14]===Symbol.for("react.memo_cache_sentinel")?(p=y.jsx(C,{htmlFor:"maxWidth",children:"Max Width (px)"}),t[14]=p):p=t[14],t[15]!==n||t[16]!==r?(f=e=>{r({...n,maxWidth:Number.isNaN(e)?void 0:e})},t[15]=n,t[16]=r,t[17]=f):f=t[17],t[18]!==n.maxWidth||t[19]!==f?(m=y.jsxs("div",{className:"flex flex-row items-center gap-2",children:[p,y.jsx(S,{"data-testid":"grid-max-width-input",id:"maxWidth",value:n.maxWidth,className:"w-[90px]",step:100,placeholder:"Full",onChange:f})]}),t[18]=n.maxWidth,t[19]=f,t[20]=m):m=t[20],t[21]===Symbol.for("react.memo_cache_sentinel")?(g=y.jsxs(C,{className:"flex flex-row items-center gap-1",htmlFor:"lock",children:[y.jsx(k,{className:"h-3 w-3"}),"Bordered"]}),t[21]=g):g=t[21],t[22]!==n||t[23]!==r?(b=e=>{r({...n,bordered:e})},t[22]=n,t[23]=r,t[24]=b):b=t[24],t[25]!==n.bordered||t[26]!==b?(v=y.jsxs("div",{className:"flex flex-row items-center gap-2",children:[g,y.jsx(_,{"data-testid":"grid-bordered-switch",id:"lock",checked:n.bordered,size:"sm",onCheckedChange:b})]}),t[25]=n.bordered,t[26]=b,t[27]=v):v=t[27],t[28]===Symbol.for("react.memo_cache_sentinel")?(w=y.jsxs(C,{className:"flex flex-row items-center gap-1",htmlFor:"lock",children:[y.jsx(R,{className:"h-3 w-3"}),"Lock Grid"]}),t[28]=w):w=t[28],t[29]!==o||t[30]!==a?(x=y.jsxs("div",{className:"flex flex-row items-center gap-2",children:[w,y.jsx(_,{"data-testid":"grid-lock-switch",id:"lock",checked:o,size:"sm",onCheckedChange:a})]}),t[29]=o,t[30]=a,t[31]=x):x=t[31],t[32]!==v||t[33]!==x||t[34]!==l||t[35]!==d||t[36]!==m?(O=y.jsxs("div",{className:"flex flex-row absolute pl-5 top-8 gap-4 w-full justify-end pr-[350px] pb-3 border-b z-50",children:[l,d,m,v,x]}),t[32]=v,t[33]=x,t[34]=l,t[35]=d,t[36]=m,t[37]=O):O=t[37],O},qr=v.forwardRef(((e,t)=>{const n=h.c(30);let r,o,a,i,s,l,c,u,d,p;n[0]!==e?(({children:r,isDragging:i,className:o,onDelete:l,isScrollable:s,setIsScrollable:u,side:p,setSide:d,display:a,...c}=e),n[0]=e,n[1]=r,n[2]=o,n[3]=a,n[4]=i,n[5]=s,n[6]=l,n[7]=c,n[8]=u,n[9]=d,n[10]=p):(r=n[1],o=n[2],a=n[3],i=n[4],s=n[5],l=n[6],c=n[7],u=n[8],d=n[9],p=n[10]);const[m,b]=f.useState(),v=m&&"border-[var(--sky-8)] z-20",w=!m&&"hover-actions-parent",x=i&&"bg-[var(--slate-2)] border-border z-20";let S,_,O;return n[11]!==o||n[12]!==v||n[13]!==w||n[14]!==x?(S=g(o,"relative z-10 hover:z-20","bg-background border-transparent hover:border-[var(--sky-8)] border",v,w,x),n[11]=o,n[12]=v,n[13]=w,n[14]=x,n[15]=S):S=n[15],n[16]!==a||n[17]!==s||n[18]!==l||n[19]!==m||n[20]!==u||n[21]!==d||n[22]!==p?(_=y.jsx(Br,{onDelete:l,isScrollable:s,setIsScrollable:u,side:p,setSide:d,display:a,setPopoverOpened:b,popoverOpened:m}),n[16]=a,n[17]=s,n[18]=l,n[19]=m,n[20]=u,n[21]=d,n[22]=p,n[23]=_):_=n[23],n[24]!==r||n[25]!==t||n[26]!==c||n[27]!==S||n[28]!==_?(O=y.jsxs("div",{ref:t,...c,className:S,children:[r,_]}),n[24]=r,n[25]=t,n[26]=c,n[27]=S,n[28]=_,n[29]=O):O=n[29],O}));qr.displayName="EditableGridCell";const Br=e=>{const t=h.c(43),{display:n,onDelete:r,side:o,setSide:a,isScrollable:i,setIsScrollable:s,popoverOpened:l,setPopoverOpened:c}=e,u="left"===o?Nt:"right"===o?kt:void 0,d=!l&&"hover-action",p="top"===n&&"-top-6 rounded-t",f="bottom"===n&&"-bottom-6 rounded-b";let m;t[0]!==d||t[1]!==p||t[2]!==f?(m=g("absolute right-0 p-1 bg-[var(--sky-8)] text-white h-6 z-10 flex gap-2",d,p,f),t[0]=d,t[1]=p,t[2]=f,t[3]=m):m=t[3];const b="side"===l;let v,w,x,S,C;t[4]!==c?(v=e=>c(e?"side":void 0),t[4]=c,t[5]=v):v=t[5],t[6]!==u?(w=y.jsx(N,{asChild:!0,children:u?y.jsx(u,{className:"h-4 w-4 opacity-60 hover:opacity-100"}):y.jsx(Rt,{className:"h-4 w-4 opacity-60 hover:opacity-100"})}),t[6]=u,t[7]=w):w=t[7],t[8]!==a||t[9]!==o?(x=O.entries(Gr).map((e=>{const[t,n]=e;return y.jsxs(j,{onSelect:()=>a(t),children:[y.jsx(n,{className:"h-4 w-3 mr-2"}),y.jsx("span",{className:"flex-1",children:D(t)}),t===o&&y.jsx(E,{className:"h-4 w-4"})]},t)})),t[8]=a,t[9]=o,t[10]=x):x=t[10],t[11]!==x?(S=y.jsx(P,{side:"bottom",children:x}),t[11]=x,t[12]=S):S=t[12],t[13]!==b||t[14]!==v||t[15]!==w||t[16]!==S?(C=y.jsxs(M,{open:b,onOpenChange:v,children:[w,S]}),t[13]=b,t[14]=v,t[15]=w,t[16]=S,t[17]=C):C=t[17];const k="scroll"===l;let R,z,L,I,H,W,A,q,B,G;return t[18]!==c?(R=e=>c(e?"scroll":void 0),t[18]=c,t[19]=R):R=t[19],t[20]===Symbol.for("react.memo_cache_sentinel")?(z=y.jsx(N,{asChild:!0,children:y.jsx(Ht,{className:"h-4 w-4 opacity-60 hover:opacity-100"})}),t[20]=z):z=t[20],t[21]!==i||t[22]!==s?(L=()=>s(!i),t[21]=i,t[22]=s,t[23]=L):L=t[23],t[24]===Symbol.for("react.memo_cache_sentinel")?(I=y.jsx("span",{className:"flex-1",children:"Scrollable"}),t[24]=I):I=t[24],t[25]!==i||t[26]!==s?(H=y.jsx(_,{"data-testid":"grid-scrollable-switch",checked:i,size:"sm",onCheckedChange:s}),t[25]=i,t[26]=s,t[27]=H):H=t[27],t[28]!==L||t[29]!==H?(W=y.jsx(P,{side:"bottom",children:y.jsxs(j,{onSelect:L,children:[I,H]})}),t[28]=L,t[29]=H,t[30]=W):W=t[30],t[31]!==k||t[32]!==R||t[33]!==W?(A=y.jsxs(M,{open:k,onOpenChange:R,children:[z,W]}),t[31]=k,t[32]=R,t[33]=W,t[34]=A):A=t[34],t[35]===Symbol.for("react.memo_cache_sentinel")?(q=y.jsx(Tt,{className:g(Hr,"cursor-move","h-4 w-4 opacity-60 hover:opacity-100")}),t[35]=q):q=t[35],t[36]!==r?(B=y.jsx(T,{className:"h-4 w-4 opacity-60 hover:opacity-100",onClick:()=>r()}),t[36]=r,t[37]=B):B=t[37],t[38]!==C||t[39]!==A||t[40]!==B||t[41]!==m?(G=y.jsxs("div",{className:m,children:[C,A,q,B]}),t[38]=C,t[39]=A,t[40]=B,t[41]=m,t[42]=G):G=t[42],G},Gr={left:Nt,right:kt};function Fr(e){return e.i}function Ur(e){return e.i}function Vr(){window.dispatchEvent(new Event("resize"))}const Yr={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=w.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:e=>{const t=h.c(63),{layout:n,setLayout:r,cells:o,mode:a}=e,i="read"===a,s=new Set(n.cells.map(Fr)),[l,c]=f.useState(null),[u,d]=f.useState(!1);let p,m;t[0]!==n.columns?(m={lg:n.columns},t[0]=n.columns,t[1]=m):m=t[1],p=m;const b=p;let x,S;t[2]!==n.bordered?(x=()=>{const e=document.getElementById("App");return n.bordered?null==e||e.classList.add("grid-bordered"):null==e||e.classList.remove("grid-bordered"),()=>{null==e||e.classList.remove("grid-bordered")}},S=[n.bordered],t[2]=n.bordered,t[3]=x,t[4]=S):(x=t[3],S=t[4]),f.useEffect(x,S);const _=function(){const e=h.c(9),[t,n]=f.useState(!1);let r;e[0]===Symbol.for("react.memo_cache_sentinel")?(r={x:0,y:0},e[0]=r):r=e[0];const[o,a]=v.useState(r),[i,s]=v.useState(!1);let l;e[1]===Symbol.for("react.memo_cache_sentinel")?(l=e=>{n(!0),a({x:e.clientX,y:e.clientY})},e[1]=l):l=e[1];const c=l;let u;e[2]!==o||e[3]!==t?(u=e=>{if(t){const t=e.clientX-o.x,n=e.clientY-o.y;s(Math.hypot(t,n)>10)}},e[2]=o,e[3]=t,e[4]=u):u=e[4];const d=u;let p;e[5]===Symbol.for("react.memo_cache_sentinel")?(p=()=>{n(!1),s(!1)},e[5]=p):p=e[5];const m=p,g=t&&i;let y;return e[6]!==d||e[7]!==g?(y={isDragging:g,onDragStart:c,onDragMove:d,onDragStop:m},e[6]=d,e[7]=g,e[8]=y):y=e[8],y}();let O,j;t[5]!==_?(({isDragging:j,...O}=_),t[5]=_,t[6]=O,t[7]=j):(O=t[6],j=t[7]);const D=!i&&!u,E=w.keyBy(n.cells,Ur);let C;t[8]!==n||t[9]!==r?(C=e=>t=>{const o=new Set(n.scrollableCells);t?o.add(e):o.delete(e),r({...n,scrollableCells:o})},t[8]=n,t[9]=r,t[10]=C):C=t[10];const k=C;let R;t[11]!==n||t[12]!==r?(R=e=>t=>{const o=new Map(n.cellSide);t===o.get(e)?o.delete(e):o.set(e,t),r({...n,cellSide:o})},t[11]=n,t[12]=r,t[13]=R):R=t[13];const N=R;let P,M;t[14]!==D||t[15]!==n.columns||t[16]!==n.maxWidth||t[17]!==n.rowHeight?(P={},n.maxWidth&&(P.maxWidth=`${n.maxWidth}px`),D&&(P.backgroundImage="repeating-linear-gradient(var(--gray-4) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--gray-4) 0 1px, transparent 1px 100%)",P.backgroundSize=`calc((100% / ${n.columns})) ${n.rowHeight}px`),t[14]=D,t[15]=n.columns,t[16]=n.maxWidth,t[17]=n.rowHeight,t[18]=P):P=t[18],t[19]!==n.cells?(M={lg:n.cells},t[19]=n.cells,t[20]=M):M=t[20];const T=D&&"bg-[var(--slate-2)] border-r",z=i&&"disable-animation",L=!n.maxWidth&&"min-w-[800px]";let I,H,W,A,q,B,G,F;t[21]!==z||t[22]!==L||t[23]!==T?(I=g("w-full mx-auto bg-background flex-1 min-h-full",T,z,L),t[21]=z,t[22]=L,t[23]=T,t[24]=I):I=t[24],t[25]!==i?(H=i?[20,20]:void 0,t[25]=i,t[26]=H):H=t[26],t[27]!==n||t[28]!==r?(W=e=>r({...n,cells:e}),t[27]=n,t[28]=r,t[29]=W):W=t[29],t[30]!==l?(A=l?{i:l.i,w:l.w||2,h:l.h||2}:void 0,t[30]=l,t[31]=A):A=t[31],t[32]!==O||t[33]!==n||t[34]!==r?(q=(e,t,o)=>{O.onDragStop(),t&&r({...n,cells:[...e,t]})},t[32]=O,t[33]=n,t[34]=r,t[35]=q):q=t[35],t[36]!==O?(B=(e,t,n,r,o)=>{O.onDragStart(o)},G=(e,t,n,r,o)=>{O.onDragMove(o)},F=()=>{O.onDragStop()},t[36]=O,t[37]=B,t[38]=G,t[39]=F):(B=t[37],G=t[38],F=t[39]);let U=y.jsx(Lr,{breakpoint:"lg",layouts:M,style:P,cols:b,allowOverlap:!1,className:I,containerPadding:H,margin:Ir,isBounded:!1,compactType:null,preventCollision:!0,rowHeight:n.rowHeight,onLayoutChange:W,droppingItem:A,onDrop:q,onDragStart:B,onDrag:G,onDragStop:F,onResizeStop:Vr,isDraggable:D,isDroppable:D,isResizable:D,draggableHandle:D?`.${Hr}`:"noop",children:o.filter((e=>s.has(e.id))).map((e=>{const t=E.get(e.id),o=n.scrollableCells.has(e.id)??!1,i=n.cellSide.get(e.id),s=y.jsx(Wr,{code:e.code,mode:a,cellId:e.id,output:e.output,status:e.status,isScrollable:o,side:i,hidden:e.errored||e.interrupted||e.stopped});return D?y.jsx(qr,{id:e.id,isDragging:j,side:i,setSide:N(e.id),isScrollable:o,setIsScrollable:k(e.id),display:0===(null==t?void 0:t.y)?"bottom":"top",onDelete:()=>{r({...n,cells:n.cells.filter((t=>t.i!==e.id))})},children:s},e.id):y.jsx("div",{children:s},e.id)}))});if(i)return n.bordered&&(U=y.jsx("div",{className:"flex flex-1 flex-col items-center",children:y.jsx("div",{style:P,className:"bg-background flex-1 border-t border-x rounded-t shadow-sm w-full overflow-hidden",children:U})})),U;const V=o.filter((e=>!s.has(e.id)));let Y,$,X,K;n.bordered&&(U=y.jsx("div",{style:P,className:"bg-background border-t border-x rounded-t shadow-sm w-full mx-auto mt-4 h-[calc(100%-1rem)] overflow-hidden",children:y.jsx("div",{className:"h-full overflow-auto",children:U})})),t[40]!==u||t[41]!==n||t[42]!==r?(Y=y.jsx(Ar,{layout:n,setLayout:r,isLocked:u,setIsLocked:d}),t[40]=u,t[41]=n,t[42]=r,t[43]=Y):Y=t[43],t[44]===Symbol.for("react.memo_cache_sentinel")?($=g("relative flex z-10 flex-1 overflow-hidden"),X=g("flex-grow overflow-auto transparent-when-disconnected"),t[44]=$,t[45]=X):($=t[44],X=t[45]),t[46]!==U?(K=y.jsx("div",{className:X,children:U}),t[46]=U,t[47]=K):K=t[47];let Q,J;t[48]===Symbol.for("react.memo_cache_sentinel")?(Q=y.jsx("div",{className:"text font-bold text-[var(--slate-20)] flex-shrink-0",children:"Outputs"}),t[48]=Q):Q=t[48],t[49]!==n.columns||t[50]!==n.rowHeight||t[51]!==a?(J=e=>y.jsx("div",{draggable:!0,unselectable:"on","data-cell-id":e.id,onDragStart:t=>{const r=t.currentTarget.offsetHeight;c({i:e.id,w:n.columns/4,h:Math.ceil(r/n.rowHeight)||1}),t.dataTransfer.setData("text/plain","")},className:g(Hr,"droppable-element bg-background border-border border overflow-hidden p-2 rounded flex-shrink-0"),children:y.jsx(Wr,{code:e.code,className:"select-none pointer-events-none",mode:a,cellId:e.id,output:e.output,isScrollable:!1,status:e.status,hidden:!1})},e.id),t[49]=n.columns,t[50]=n.rowHeight,t[51]=a,t[52]=J):J=t[52];const Z=V.map(J);let ee,te,ne;return t[53]!==Q||t[54]!==Z?(ee=y.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:[Q,Z]}),t[53]=Q,t[54]=Z,t[55]=ee):ee=t[55],t[56]!==$||t[57]!==K||t[58]!==ee?(te=y.jsxs("div",{className:$,children:[K,ee]}),t[56]=$,t[57]=K,t[58]=ee,t[59]=te):te=t[59],t[60]!==Y||t[61]!==te?(ne=y.jsxs(y.Fragment,{children:[Y,te]}),t[60]=Y,t[61]=te,t[62]=ne):ne=t[62],ne},getInitialLayout:()=>({columns:24,rowHeight:20,maxWidth:1400,bordered:!0,scrollableCells:new Set,cellSide:new Map,cells:[]})},$r=e=>{const t=h.c(15),{invisible:n,appConfig:r,className:o,children:a,innerClassName:i}=e;let s;t[0]!==o?(s=g("px-1 sm:px-16 md:px-20 xl:px-24 print:px-0 print:pb-0",o),t[0]=o,t[1]=s):s=t[1];const l="compact"===r.width&&"max-w-contentWidth min-w-[400px]",c="medium"===r.width&&"max-w-contentWidthMedium min-w-[400px]",u="columns"===r.width&&"w-fit",d="full"===r.width&&"max-w-full",p=n&&"invisible";let f,m,b;return t[2]!==i||t[3]!==l||t[4]!==c||t[5]!==u||t[6]!==d||t[7]!==p?(f=g("m-auto pb-24 sm:pb-12",l,c,u,d,p,i),t[2]=i,t[3]=l,t[4]=c,t[5]=u,t[6]=d,t[7]=p,t[8]=f):f=t[8],t[9]!==a||t[10]!==f?(m=y.jsx("div",{className:f,children:a}),t[9]=a,t[10]=f,t[11]=m):m=t[11],t[12]!==s||t[13]!==m?(b=y.jsx("div",{className:s,children:m}),t[12]=s,t[13]=m,t[14]=b):b=t[14],b};function Xr(e,t){const[n,r]=f.useState(!0);return f.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}=L();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 Kr=e=>{const t=h.c(13);let n,r,o,a;t[0]!==e?(({value:a,onChange:n,placeholder:r,...o}=e),t[0]=e,t[1]=n,t[2]=r,t[3]=o,t[4]=a):(n=t[1],r=t[2],o=t[3],a=t[4]);const i=f.useRef(null),s=Jr(a,n);let l;t[5]!==s.onBlur?(l=()=>{const e=s.onBlur,t=i.current;if(t)return t.addEventListener("blur",e),()=>{t.removeEventListener("blur",e)}},t[5]=s.onBlur,t[6]=l):l=t[6],W(l);const c=s.value,u=s.onChange;let d,p;return t[7]===Symbol.for("react.memo_cache_sentinel")?(d=q.onEnter(q.stopPropagation()),t[7]=d):d=t[7],t[8]!==s.onChange||t[9]!==s.value||t[10]!==r||t[11]!==o?(p=y.jsx(A,{"data-testid":"cell-name-input",value:c,onChange:u,ref:i,placeholder:r,className:"shadow-none! hover:shadow-none focus:shadow-none focus-visible:shadow-none",onKeyDown:d,...o}),t[8]=s.onChange,t[9]=s.value,t[10]=r,t[11]=o,t[12]=p):p=t[12],p},Qr=e=>{const t=h.c(11),{value:n,cellId:r,className:o}=e,{updateCellName:a}=I();let i;t[0]!==r||t[1]!==a?(i=e=>a({cellId:r,name:e}),t[0]=r,t[1]=a,t[2]=i):i=t[2];const s=Jr(n,i);if(H(n))return null;let l;t[3]!==o?(l=g("outline-none border hover:border-cyan-500/40 focus:border-cyan-500/40",o),t[3]=o,t[4]=l):l=t[4];const c=s.onChange,u=s.onBlur;let d,p;return t[5]===Symbol.for("react.memo_cache_sentinel")?(d=q.onEnter(Zr),t[5]=d):d=t[5],t[6]!==s.onBlur||t[7]!==s.onChange||t[8]!==l||t[9]!==n?(p=y.jsx(B,{content:"Click to rename",children:y.jsx("span",{className:l,contentEditable:!0,suppressContentEditableWarning:!0,onChange:c,onBlur:u,onKeyDown:d,children:n})}),t[6]=s.onBlur,t[7]=s.onChange,t[8]=l,t[9]=n,t[10]=p):p=t[10],p};function Jr(e,t){const n=h.c(11),[r,o]=f.useState(e);let a;n[0]!==t||n[1]!==e?(a=n=>{if(n===e)return;if(!n||H(n))return void t(n);const r=G(n,F());t(r)},n[0]=t,n[1]=e,n[2]=a):a=n[2];const i=a;let s,l,c,u;return n[3]!==r?(s=H(r)?"":r,n[3]=r,n[4]=s):s=n[4],n[5]===Symbol.for("react.memo_cache_sentinel")?(l=e=>{const t=e.target.value,n=U(t);o(n)},n[5]=l):l=n[5],n[6]!==i?(c=e=>{if(e.target instanceof HTMLInputElement){const t=e.target.value;i(U(t))}else if(e.target instanceof HTMLSpanElement){const t=e.target.innerText.trim();i(U(t))}},n[6]=i,n[7]=c):c=n[7],n[8]!==s||n[9]!==c?(u={value:s,onChange:l,onBlur:c},n[8]=s,n[9]=c,n[10]=u):u=n[10],u}function Zr(e){e.target instanceof HTMLElement&&e.target.blur()}const eo=new V,to=e=>{const t=h.c(32),n=v.useRef(null),{consoleOutputs:r,stale:o,cellName:a,cellId:i,onSubmitDebugger:s,onRefactorWithAI:l,className:c}=e,u=r.length>0;let d,p,m,b,w,x,S,_;if(t[0]===Symbol.for("react.memo_cache_sentinel")?(d=()=>{const e=n.current;if(!e)return;const t=e.scrollHeight-e.clientHeight;t-e.scrollTop<120&&(e.scrollTop=t)},t[0]=d):d=t[0],f.useLayoutEffect(d),!u&&H(a))return null;if(t[1]!==i||t[2]!==c||t[3]!==r||t[4]!==u||t[5]!==l||t[6]!==s||t[7]!==o){const e=[...r].reverse();p=o?"This console output is stale":void 0,m="console-output-area",b=n;const a=o&&"marimo-output-stale",d=u?"p-5":"p-3";let f;t[13]!==c||t[14]!==a||t[15]!==d?(w=g("console-output-area overflow-hidden rounded-b-lg flex flex-col-reverse w-full",a,d,c),t[13]=c,t[14]=a,t[15]=d,t[16]=w):w=t[16],t[17]!==i||t[18]!==r.length||t[19]!==l||t[20]!==s?(f=(e,t)=>{if("pdb"===e.channel)return null;if("stdin"===e.channel){Y("string"==typeof e.data,"Expected data to be a string");const n=r.length-t-1;return null==e.response?y.jsx(no,{output:e.data,onSubmit:e=>s(e,n)},t):y.jsx(ro,{output:e.data,response:e.response},t)}return y.jsx(v.Fragment,{children:y.jsx($,{cellId:i,onRefactorWithAI:l,message:e})},t)},t[17]=i,t[18]=r.length,t[19]=l,t[20]=s,t[21]=f):f=t[21],x=e.map(f),t[1]=i,t[2]=c,t[3]=r,t[4]=u,t[5]=l,t[6]=s,t[7]=o,t[8]=p,t[9]=m,t[10]=b,t[11]=w,t[12]=x}else p=t[8],m=t[9],b=t[10],w=t[11],x=t[12];return t[22]!==i||t[23]!==a?(S=y.jsx(Qr,{value:a,cellId:i,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"}),t[22]=i,t[23]=a,t[24]=S):S=t[24],t[25]!==p||t[26]!==m||t[27]!==b||t[28]!==w||t[29]!==x||t[30]!==S?(_=y.jsxs("div",{title:p,"data-testid":m,ref:b,className:w,children:[x,S]}),t[25]=p,t[26]=m,t[27]=b,t[28]=w,t[29]=x,t[30]=S,t[31]=_):_=t[31],_},no=e=>{const t=h.c(7);let n,r,o;return t[0]!==e.output?(n=oo(e.output),t[0]=e.output,t[1]=n):n=t[1],t[2]!==e?(r=y.jsx(A,{"data-testid":"console-input",type:"text",autoComplete:"off",autoFocus:!0,className:"m-0",placeholder:"stdin",onKeyDown:t=>{"Enter"!==t.key||t.shiftKey||e.onSubmit(t.currentTarget.value)}}),t[2]=e,t[3]=r):r=t[3],t[4]!==n||t[5]!==r?(o=y.jsxs("div",{className:"flex gap-2 items-center",children:[n,r]}),t[4]=n,t[5]=r,t[6]=o):o=t[6],o},ro=e=>{const t=h.c(7);let n,r,o;return t[0]!==e.output?(n=oo(e.output),t[0]=e.output,t[1]=n):n=t[1],t[2]!==e.response?(r=y.jsx("span",{className:"text-[var(--sky-11)]",children:e.response}),t[2]=e.response,t[3]=r):r=t[3],t[4]!==n||t[5]!==r?(o=y.jsxs("div",{className:"flex gap-2 items-center",children:[n,r]}),t[4]=n,t[5]=r,t[6]=o):o=t[6],o},oo=e=>y.jsx("span",{dangerouslySetInnerHTML:{__html:eo.ansi_to_html(e)}}),ao=/\/@file\/([^\s/]+)\.([\dA-Za-z]+)/g;class io{static get INSTANCE(){const e="_marimo_private_VirtualFileTracker";return window[e]||(window[e]=new io),window[e]}constructor(){this.virtualFiles=new Map}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(ao);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 so(e){const{filename:t,includeCode:n}=e,r=await X({download:!0,includeCode:n,files:io.INSTANCE.filenames()}),o=K.basename(t)??"notebook.py";Q(new Blob([r],{type:"text/html"}),J.toHTML(o))}function lo(e){const t=h.c(5),[n,r]=f.useState(void 0),o=f.useRef(null),a=f.useRef(null);let i,s,l;return t[0]!==e?(i=()=>{if(0===e.length)return;return o.current=new IntersectionObserver((e=>{let t;if(t=!1,e.forEach((e=>{const n=e.target;e.isIntersecting?(!a.current||n.getBoundingClientRect().top<a.current.getBoundingClientRect().top)&&(a.current=n,t=!0):n===a.current&&(a.current=null,t=!0)})),t&&a.current){const e=Z(a.current),t="id"in e?e.id:e.path;r(t)}}),{root:"edit"===ee?document.getElementById("App"):void 0,rootMargin:"0px",threshold:0}),e.forEach((e=>{var t;e&&(null==(t=o.current)||t.observe(e[0]))})),()=>{o.current&&o.current.disconnect(),a.current=null}},s=[e],t[0]=e,t[1]=i,t[2]=s):(i=t[1],s=t[2]),f.useEffect(i,s),t[3]!==n?(l={activeHeaderId:n},t[3]=n,t[4]=l):l=t[4],l}function co(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=po(e,r);return o?[o,n]:null})).filter(Boolean)}function uo(e,t){const n=po(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 po(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 fo=()=>{const e=h.c(17),{items:t}=te(ne);let n;e[0]!==t?(n=co(t),e[0]=t,e[1]=n):n=e[1];const{activeHeaderId:r}=lo(n),[o,a]=v.useState(!1);if(t.length<2)return null;let i,s,l;e[2]===Symbol.for("react.memo_cache_sentinel")?(i=()=>a(!0),s=()=>a(!1),l=g("fixed top-[25vh] right-8 z-[10000]","hidden md:block"),e[2]=i,e[3]=s,e[4]=l):(i=e[2],s=e[3],l=e[4]);const c=o?"-left-[280px] opacity-100":"left-[300px] opacity-0";let u,d,p,f;return e[5]!==c?(u=g("-top-4 max-h-[70vh] bg-background rounded-lg shadow-lg absolute overflow-auto transition-all duration-300 w-[300px] border",c),e[5]=c,e[6]=u):u=e[6],e[7]!==r||e[8]!==t||e[9]!==u?(d=y.jsx(mo,{className:u,items:t,activeHeaderId:r}),e[7]=r,e[8]=t,e[9]=u,e[10]=d):d=e[10],e[11]!==r||e[12]!==t?(p=y.jsx(ho,{items:t,activeHeaderId:r}),e[11]=r,e[12]=t,e[13]=p):p=e[13],e[14]!==d||e[15]!==p?(f=y.jsxs("div",{onMouseEnter:i,onMouseLeave:s,className:l,children:[d,p]}),e[14]=d,e[15]=p,e[16]=f):f=e[16],f},ho=e=>{const t=h.c(7),{items:n,activeHeaderId:r}=e;let o,a,i;if(t[0]!==r||t[1]!==n){const e=new Map;o="flex flex-col gap-4 items-end max-h-[70vh] overflow-hidden",a=n.map(((t,n)=>{const o="id"in t.by?t.by.id:t.by.path,a=e.get(o)??0;return e.set(o,a+1),y.jsx("div",{className:g("h-[2px] bg-muted-foreground/60",1===t.level&&"w-5",2===t.level&&"w-4",3===t.level&&"w-3",4===t.level&&"w-2",r===o&&"bg-foreground"),onClick:()=>uo(t,a)},`${o}-${n}`)})),t[0]=r,t[1]=n,t[2]=o,t[3]=a}else o=t[2],a=t[3];return t[4]!==o||t[5]!==a?(i=y.jsx("div",{className:o,children:a}),t[4]=o,t[5]=a,t[6]=i):i=t[6],i},mo=e=>{const t=h.c(10),{items:n,activeHeaderId:r,className:o}=e;let a,i,s;if(t[0]!==r||t[1]!==o||t[2]!==n){const e=new Map;t[5]!==o?(a=g("flex flex-col overflow-auto py-4 pl-2",o),t[5]=o,t[6]=a):a=t[6],i=n.map(((t,n)=>{const o="id"in t.by?t.by.id:t.by.path,a=e.get(o)??0;return e.set(o,a+1),y.jsx("div",{className:g("px-2 py-1 cursor-pointer hover:bg-accent/50 hover:text-accent-foreground rounded-l",1===t.level&&"font-semibold",2===t.level&&"ml-3",3===t.level&&"ml-6",4===t.level&&"ml-9",r===o&&"text-accent-foreground"),onClick:()=>uo(t,a),children:t.name},`${o}-${n}`)})),t[0]=r,t[1]=o,t[2]=n,t[3]=a,t[4]=i}else a=t[3],i=t[4];return t[7]!==a||t[8]!==i?(s=y.jsx("div",{className:a,children:i}),t[7]=a,t[8]=i,t[9]=s):s=t[9],s},go=e=>{const t=h.c(10),{canShowCode:n,showCode:r,onToggleShowCode:o}=e,a=xo,i=So;let s,l,c,u,d,p;return t[0]===Symbol.for("react.memo_cache_sentinel")?(s=g("right-0 top-0 z-50 m-4 no-print flex gap-2 print:hidden",se()?"absolute":"fixed"),t[0]=s):s=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(l=y.jsx(N,{asChild:!0,children:y.jsx(he,{variant:"secondary",size:"xs",children:y.jsx(Pt,{className:"w-4 h-4"})})}),t[1]=l):l=t[1],t[2]!==n||t[3]!==o||t[4]!==r?(c=n&&y.jsxs(y.Fragment,{children:[y.jsxs(j,{onSelect:o,id:"notebook-action-show-code",children:[y.jsx(me,{className:"mr-2",size:14,strokeWidth:1.5}),y.jsx("span",{className:"flex-1",children:"Show code"}),r&&y.jsx(E,{className:"h-4 w-4"})]}),y.jsx(ge,{})]}),t[2]=n,t[3]=o,t[4]=r,t[5]=c):c=t[5],t[6]===Symbol.for("react.memo_cache_sentinel")?(u=y.jsxs(j,{onSelect:i,id:"notebook-action-download-html",children:[y.jsx(Mt,{className:"mr-2",size:14,strokeWidth:1.5}),"Download as HTML"]}),t[6]=u):u=t[6],t[7]===Symbol.for("react.memo_cache_sentinel")?(d=y.jsxs(j,{onSelect:a,id:"notebook-action-download-png",children:[y.jsx(Lt,{className:"mr-2",size:14,strokeWidth:1.5}),"Download as PNG"]}),t[7]=d):d=t[7],t[8]!==c?(p=y.jsx("div",{id:"notebook-actions-dropdown",className:s,children:y.jsxs(M,{modal:!1,children:[l,y.jsxs(P,{align:"end",className:"no-print w-[220px]",children:[c,u,d]})]})}),t[8]=c,t[9]=p):p=t[9],p},yo=f.memo((e=>{const t=h.c(51),{output:n,consoleOutputs:r,cellOutputArea:o,cellId:a,status:i,stopped:s,errored:l,config:c,interrupted:u,staleInputs:d,runStartTimestamp:p,code:m,showCode:b,mode:v,name:w,kiosk:S}=e,_=f.useRef(null);let O;t[0]!==u||t[1]!==n||t[2]!==p||t[3]!==d||t[4]!==i?(O=ce({status:i,output:n,interrupted:u,runStartTimestamp:p,staleInputs:d},!1),t[0]=u,t[1]=n,t[2]=p,t[3]=d,t[4]=i,t[5]=O):O=t[5];const j=O,D=S&&"present"!==v;let E,C;if(t[6]!==m||t[7]!==l||t[8]!==D||t[9]!==v||t[10]!==b||t[11]!==s){E=(new ue).isSupported(m);const e=!b&&!D;C=g("Cell","hover-actions-parent empty:invisible",{published:e,interactive:"edit"===v,"has-error":l,stopped:s,borderless:E&&!e}),t[6]=m,t[7]=l,t[8]=D,t[9]=v,t[10]=b,t[11]=s,t[12]=E,t[13]=C}else E=t[12],C=t[13];const k=C;let R;t[14]!==a?(R=de.create(a),t[14]=a,t[15]=R):R=t[15];const N=R;if("read"===v&&b||D){let e;t[16]!==a||t[17]!==n||t[18]!==j?(e=y.jsx(x,{allowExpand:!0,output:n,className:"output-area",cellId:a,stale:j}),t[16]=a,t[17]=n,t[18]=j,t[19]=e):e=t[19];const i=e,s=""===m.trim(),l="above"===o&&i;let u;t[20]!==m||t[21]!==c||t[22]!==s||t[23]!==E||t[24]!==S?(u=!E&&!s&&y.jsx("div",{className:"tray",children:y.jsx(pe,{initiallyHideCode:c.hide_code||S,code:m})}),t[20]=m,t[21]=c,t[22]=s,t[23]=E,t[24]=S,t[25]=u):u=t[25];const d="below"===o&&i;let p,f;return t[26]!==a||t[27]!==r||t[28]!==w||t[29]!==j?(p=y.jsx(to,{consoleOutputs:r,stale:j,cellName:w,onSubmitDebugger:_o,cellId:a,debuggerActive:!1}),t[26]=a,t[27]=r,t[28]=w,t[29]=j,t[30]=p):p=t[30],t[31]!==N||t[32]!==a||t[33]!==k||t[34]!==w||t[35]!==l||t[36]!==u||t[37]!==d||t[38]!==p?(f=y.jsxs("div",{tabIndex:-1,id:N,ref:_,className:k,"data-cell-id":a,"data-cell-name":w,children:[l,u,d,p]}),t[31]=N,t[32]=a,t[33]=k,t[34]=w,t[35]=l,t[36]=u,t[37]=d,t[38]=p,t[39]=f):f=t[39],f}const P=fe(null==n?void 0:n.mimetype);if(l||u||s||P)return null;const M="edit"===v;let T,z;return t[40]!==a||t[41]!==n||t[42]!==j||t[43]!==M?(T=y.jsx(x,{allowExpand:M,output:n,className:"output-area",cellId:a,stale:j}),t[40]=a,t[41]=n,t[42]=j,t[43]=M,t[44]=T):T=t[44],t[45]!==N||t[46]!==a||t[47]!==k||t[48]!==w||t[49]!==T?(z=y.jsx("div",{tabIndex:-1,id:N,ref:_,className:k,"data-cell-id":a,"data-cell-name":w,children:T}),t[45]=N,t[46]=a,t[47]=k,t[48]=w,t[49]=T,t[50]=z):z=t[50],z}));yo.displayName="VerticalCell";const bo={type:"vertical",name:"Vertical",validator:z.any(),Component:e=>{const t=h.c(33),{cells:n,appConfig:r,mode:o}=e,{invisible:a}=Xr(n.length,o),i=te(re),[s]=oe();let l;t[0]===Symbol.for("react.memo_cache_sentinel")?(l=new URLSearchParams(window.location.search),t[0]=l):l=t[0];const c=l;let u;t[1]!==i?(u=()=>{if(!ae())return!1;const e=c.get(ie.showCode);return null===e?se()||le()||i:"true"===e},t[1]=i,t[2]=u):u=t[2];const[d,p]=f.useState(u);let m;t[3]!==n||t[4]!==i||t[5]!==o?(m=()=>{const e=n.some(vo);if(i)return!0;const t=c.get(ie.includeCode);return"read"===o&&"false"!==t&&e},t[3]=n,t[4]=i,t[5]=o,t[6]=m):m=t[6];const g=m;let b;t[7]!==g?(b=g(),t[7]=g,t[8]=b):b=t[8];const v=b;let w;t[9]!==v||t[10]!==i||t[11]!==o||t[12]!==d||t[13]!==s.display.cell_output?(w=e=>y.jsx(yo,{cellId:e.id,output:e.output,consoleOutputs:e.consoleOutputs,status:e.status,code:e.code,config:e.config,cellOutputArea:s.display.cell_output,stopped:e.stopped,showCode:d&&v,errored:e.errored,mode:o,runStartTimestamp:e.runStartTimestamp,interrupted:e.interrupted,staleInputs:e.staleInputs,name:e.name,kiosk:i},e.id),t[9]=v,t[10]=i,t[11]=o,t[12]=d,t[13]=s.display.cell_output,t[14]=w):w=t[14];const x=w;let S;t[15]!==r.width||t[16]!==n||t[17]!==x?(S=()=>{if("columns"===r.width){const e=function(e){const t=new Map;let n=0;return e.forEach((e=>{var r;const o=e.config.column??n;n=o,t.has(o)||t.set(o,[]),null==(r=t.get(o))||r.push(e)})),[...t.entries()].sort((([e],[t])=>e-t))}(n);return y.jsx("div",{className:"flex flex-row gap-8 w-full",children:e.map((e=>{const[t,n]=e;return y.jsx("div",{className:"flex-1 flex flex-col gap-2 w-contentWidth",children:n.map(x)},t)}))})}return y.jsx(y.Fragment,{children:n.map(x)})},t[15]=r.width,t[16]=n,t[17]=x,t[18]=S):S=t[18];const _=S;let O,j,D,E;return t[19]!==v||t[20]!==_||t[21]!==d?(O=d&&v?y.jsxs("div",{className:"flex flex-col gap-5",children:[" ",_()]}):_(),t[19]=v,t[20]=_,t[21]=d,t[22]=O):O=t[22],t[23]!==v||t[24]!==o||t[25]!==d?(j="read"===o&&y.jsx(go,{canShowCode:v,showCode:d,onToggleShowCode:()=>p(wo)}),t[23]=v,t[24]=o,t[25]=d,t[26]=j):j=t[26],t[27]===Symbol.for("react.memo_cache_sentinel")?(D=y.jsx(fo,{}),t[27]=D):D=t[27],t[28]!==r||t[29]!==a||t[30]!==O||t[31]!==j?(E=y.jsxs($r,{invisible:a,appConfig:r,children:[O,j,D]}),t[28]=r,t[29]=a,t[30]=O,t[31]=j,t[32]=E):E=t[32],E},deserializeLayout:e=>e,serializeLayout:e=>e,getInitialLayout:()=>null};function vo(e){return Boolean(e.code)}function wo(e){return!e}async function xo(){const e=document.getElementById("App");e&&await ye(e,document.title)}async function So(){document.getElementById("App")&&await so({filename:document.title,includeCode:!0})}function _o(){return null}const Oo=v.lazy((()=>be((()=>import("./slides-component-B7pJItlo.js")),__vite__mapDeps([0,1,2,3]),import.meta.url))),jo=f.memo((e=>{const t=h.c(4),{output:n,cellId:r,status:o}=e,a="running"===o||"queued"===o;let i;return t[0]!==r||t[1]!==a||t[2]!==n?(i=y.jsx(x,{className:"contents",allowExpand:!1,output:n,cellId:r,stale:a}),t[0]=r,t[1]=a,t[2]=n,t[3]=i):i=t[3],i}));jo.displayName="Slide";const Do=[Yr,{type:"slides",name:"Slides",validator:z.object({}),deserializeLayout:(e,t)=>({}),serializeLayout:(e,t)=>({}),Component:e=>{const t=h.c(11),{cells:n,mode:r}=e,o="read"===r;let a,i;if(t[0]!==n||t[1]!==r){let e;t[3]!==r?(e=e=>null==e.output||""===e.output.data?null:y.jsx(jo,{cellId:e.id,code:e.code,status:e.status,output:e.output,mode:r},e.id),t[3]=r,t[4]=e):e=t[4],a=n.map(e),t[0]=n,t[1]=r,t[2]=a}else a=t[2];t[5]!==a?(i=y.jsx(Oo,{forceKeyboardNavigation:!0,children:a}),t[5]=a,t[6]=i):i=t[6];const s=i;if(o){let e;return t[7]!==s?(e=y.jsx("div",{className:"p-4",children:s}),t[7]=s,t[8]=e):e=t[8],e}let l;return t[9]!==s?(l=y.jsx("div",{className:"pr-9",children:s}),t[9]=s,t[10]=l):l=t[10],l},getInitialLayout:()=>({})},bo];function Eo(){return{selectedLayout:"vertical",layoutData:{}}}const{valueAtom:Co,useActions:ko}=ve(Eo,{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}})}),Ro=()=>te(Co),No=()=>ko();function Po(){const e=L(),{layoutData:t,selectedLayout:n}=we.get(Co);if("vertical"===n)return;if(void 0===t)return;const r=t[n],o=Do.find((e=>e.type===n));if(void 0!==o)return{type:n,data:o.serializeLayout(r,xe(e))};a.error(`Unknown layout type: ${n}`)}const Mo=["vertical","grid","slides"],To=["slides"],zo=f.memo((e=>{const t=h.c(8),{appConfig:n,mode:r,children:o}=e,{selectedLayout:a,layoutData:i}=Ro(),s=te(re);if("edit"===r&&!s)return o;let l;l=a;const c=new URLSearchParams(window.location.search);if("read"===r&&c.has(ie.viewAs)){const e=c.get(ie.viewAs);To.includes(e)&&(l=e)}let u;t[0]!==l?(u=Do.find((e=>e.type===l)),t[0]=l,t[1]=u):u=t[1];const d=u;if(!d)return o;let p;return t[2]!==n||t[3]!==l||t[4]!==i||t[5]!==r||t[6]!==d?(p=y.jsx(Lo,{appConfig:n,mode:r,plugin:d,layoutData:i,finalLayout:l}),t[2]=n,t[3]=l,t[4]=i,t[5]=r,t[6]=d,t[7]=p):p=t[7],p}));zo.displayName="CellsRenderer";const Lo=e=>{const t=h.c(18),{appConfig:n,mode:r,plugin:o,layoutData:a,finalLayout:i}=e,s=Se(),{setCurrentLayoutData:l}=No();let c,u,d,p,f,m;if(t[0]!==n||t[1]!==i||t[2]!==a||t[3]!==r||t[4]!==s||t[5]!==o){const e=_e(s);c=o.Component,u=n,d=r,p=e,f=a[i]||o.getInitialLayout(e),t[0]=n,t[1]=i,t[2]=a,t[3]=r,t[4]=s,t[5]=o,t[6]=c,t[7]=u,t[8]=d,t[9]=p,t[10]=f}else c=t[6],u=t[7],d=t[8],p=t[9],f=t[10];t[11]!==c||t[12]!==l||t[13]!==u||t[14]!==d||t[15]!==p||t[16]!==f?(m=y.jsx(c,{appConfig:u,mode:d,cells:p,layout:f,setLayout:l}),t[11]=c,t[12]=l,t[13]=u,t[14]=d,t[15]=p,t[16]=f,t[17]=m):m=t[17];return m};function Io(){const{cellRuntime:e}=we.get(Oe),t=O.entries(e).find((([e,t])=>"running"===t.status));t&&je(t[0],"focus")}const Ho=e=>{const t=h.c(17),{connection:n,isRunning:r}=e;let o,a,i,s,l;return t[0]!==n.state||t[1]!==r?(o=n.state===De.OPEN&&r&&y.jsx(Bo,{}),t[0]=n.state,t[1]=r,t[2]=o):o=t[2],t[3]!==n.canTakeover||t[4]!==n.state?(a=n.state===De.CLOSED&&!n.canTakeover&&y.jsx(Go,{}),t[3]=n.canTakeover,t[4]=n.state,t[5]=a):a=t[5],t[6]!==n.canTakeover||t[7]!==n.state?(i=n.state===De.CLOSED&&!n.canTakeover&&y.jsx(Ao,{}),t[6]=n.canTakeover,t[7]=n.state,t[8]=i):i=t[8],t[9]!==n.canTakeover||t[10]!==n.state?(s=n.state===De.CLOSED&&n.canTakeover&&y.jsx(qo,{}),t[9]=n.canTakeover,t[10]=n.state,t[11]=s):s=t[11],t[12]!==o||t[13]!==a||t[14]!==i||t[15]!==s?(l=y.jsxs(y.Fragment,{children:[o,a,i,s]}),t[12]=o,t[13]=a,t[14]=i,t[15]=s,t[16]=l):l=t[16],l},Wo="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",Ao=()=>y.jsx(B,{content:"App disconnected",children:y.jsx("div",{className:Wo,children:y.jsx(At,{className:"w-[25px] h-[25px] text-[var(--red-11)]"})})}),qo=()=>y.jsx(B,{content:"Notebook locked",children:y.jsx("div",{className:Wo,children:y.jsx(R,{className:"w-[25px] h-[25px] text-[var(--blue-11)]"})})}),Bo=()=>y.jsx(B,{content:"Jump to running cell",side:"right",children:y.jsx("div",{className:Wo,"data-testid":"loading-indicator",onClick:Io,children:y.jsx(zt,{className:"running-app-icon",size:30,strokeWidth:1})})}),Go=()=>y.jsxs(y.Fragment,{children:[y.jsx("div",{className:"noise"}),y.jsx("div",{className:"disconnected-gradient"})]}),Fo=He,Uo=Ie,Vo=Ee(Ce),Yo=v.forwardRef(((e,t)=>{const n=h.c(9);let r,o,a,i;return n[0]!==e?(({className:r,...o}=e),n[0]=e,n[1]=r,n[2]=o):(r=n[1],o=n[2]),n[3]!==r?(a=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",r),n[3]=r,n[4]=a):a=n[4],n[5]!==o||n[6]!==t||n[7]!==a?(i=y.jsx(ke,{className:a,...o,ref:t}),n[5]=o,n[6]=t,n[7]=a,n[8]=i):i=n[8],i}));Yo.displayName=ke.displayName;const $o=Re("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"}}),Xo=v.forwardRef(((e,t)=>{const n=h.c(15);let r,o,a,i;n[0]!==e?(({side:i,className:o,children:r,...a}=e),n[0]=e,n[1]=r,n[2]=o,n[3]=a,n[4]=i):(r=n[1],o=n[2],a=n[3],i=n[4]);const s=void 0===i?"right":i;let l,c,u,d;return n[5]===Symbol.for("react.memo_cache_sentinel")?(l=y.jsx(Yo,{}),n[5]=l):l=n[5],n[6]!==o||n[7]!==s?(c=g($o({side:s}),o),n[6]=o,n[7]=s,n[8]=c):c=n[8],n[9]===Symbol.for("react.memo_cache_sentinel")?(u=y.jsxs(ze,{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:[y.jsx(Le,{className:"h-4 w-4"}),y.jsx("span",{className:"sr-only",children:"Close"})]}),n[9]=u):u=n[9],n[10]!==r||n[11]!==a||n[12]!==t||n[13]!==c?(d=y.jsx(Vo,{children:y.jsxs(Ne,{children:[l,y.jsxs(Pe,{ref:t,className:c,...a,children:[r,u]})]})}),n[10]=r,n[11]=a,n[12]=t,n[13]=c,n[14]=d):d=n[14],d}));Xo.displayName=Pe.displayName;v.forwardRef(((e,t)=>{const n=h.c(9);let r,o,a,i;return n[0]!==e?(({className:r,...o}=e),n[0]=e,n[1]=r,n[2]=o):(r=n[1],o=n[2]),n[3]!==r?(a=g("text-lg font-semibold text-foreground",r),n[3]=r,n[4]=a):a=n[4],n[5]!==o||n[6]!==t||n[7]!==a?(i=y.jsx(Me,{ref:t,className:a,...o}),n[5]=o,n[6]=t,n[7]=a,n[8]=i):i=n[8],i})).displayName=Me.displayName;v.forwardRef(((e,t)=>{const n=h.c(9);let r,o,a,i;return n[0]!==e?(({className:r,...o}=e),n[0]=e,n[1]=r,n[2]=o):(r=n[1],o=n[2]),n[3]!==r?(a=g("text-sm text-muted-foreground",r),n[3]=r,n[4]=a):a=n[4],n[5]!==o||n[6]!==t||n[7]!==a?(i=y.jsx(Te,{ref:t,className:a,...o}),n[5]=o,n[6]=t,n[7]=a,n[8]=i):i=n[8],i})).displayName=Te.displayName;const Ko=f.memo((()=>{const e=h.c(1);let t;return e[0]===Symbol.for("react.memo_cache_sentinel")?(t=y.jsx(We,{name:Ae.SIDEBAR}),e[0]=t):t=e[0],t}));Ko.displayName="SidebarSlot";const Qo=e=>{const t=h.c(6),{openWidth:n}=e;let r,o,a,i;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=y.jsx(Uo,{className:"lg:hidden",asChild:!0,children:y.jsx(he,{variant:"ghost",className:"bg-background",children:y.jsx(It,{className:"w-5 h-5"})})}),t[0]=r):r=t[0],t[1]!==n?(o={maxWidth:n},t[1]=n,t[2]=o):o=t[2],t[3]===Symbol.for("react.memo_cache_sentinel")?(a=y.jsx(Ko,{}),t[3]=a):a=t[3],t[4]!==o?(i=y.jsxs(Fo,{children:[r,y.jsx(Xo,{className:"w-full px-3 h-full flex flex-col overflow-y-auto",style:o,side:"left",children:a})]}),t[4]=o,t[5]=i):i=t[5],i},Jo=e=>{const t=h.c(7),{isOpen:n,toggle:r}=e,o=n?"rotate-0":"rotate-180";let a,i,s;return t[0]!==o?(a=g("h-5 w-5 transition-transform ease-in-out duration-700",o),t[0]=o,t[1]=a):a=t[1],t[2]!==a?(i=y.jsx(qe,{className:a}),t[2]=a,t[3]=i):i=t[3],t[4]!==i||t[5]!==r?(s=y.jsx("div",{className:"invisible lg:visible absolute top-[12px] right-[16px] z-20",children:y.jsx(he,{onClick:r,className:"w-10 h-8",variant:"ghost",size:"icon",children:i})}),t[4]=i,t[5]=r,t[6]=s):s=t[6],s},Zo=e=>{const t=h.c(11),{isOpen:n,toggle:r,width:o}=e,a=n?o:Be;let i,s,l,c,u;return t[0]!==a?(i={width:a},t[0]=a,t[1]=i):i=t[1],t[2]===Symbol.for("react.memo_cache_sentinel")?(s=g("app-sidebar auto-collapse-nav","top-0 left-0 z-20 h-full hidden lg:block relative transition-[width] ease-in-out duration-300"),t[2]=s):s=t[2],t[3]!==n||t[4]!==r?(l=y.jsx(Jo,{isOpen:n,toggle:r}),t[3]=n,t[4]=r,t[5]=l):l=t[5],t[6]===Symbol.for("react.memo_cache_sentinel")?(c=y.jsx("div",{className:"relative h-full flex flex-col px-3 pb-16 pt-14 overflow-y-auto shadow-sm border-l",children:y.jsx(Ko,{})}),t[6]=c):c=t[6],t[7]!==n||t[8]!==i||t[9]!==l?(u=y.jsxs("aside",{"data-expanded":n,style:i,className:s,children:[l,c]}),t[7]=n,t[8]=i,t[9]=l,t[10]=u):u=t[10],u},ea=e=>{const t=h.c(15),{children:n}=e,[r,o]=Ge(Fe),{isOpen:a,width:i}=r;if(0===Ue(Ae.SIDEBAR).length)return n;let s;t[0]!==i?(s=Ve(i),t[0]=i,t[1]=s):s=t[1];const l=s;let c,u,d,p;return t[2]!==o||t[3]!==a?(c=()=>o({type:"toggle",isOpen:!a}),t[2]=o,t[3]=a,t[4]=c):c=t[4],t[5]!==a||t[6]!==l||t[7]!==c?(u=y.jsx(Zo,{isOpen:a,width:l,toggle:c}),t[5]=a,t[6]=l,t[7]=c,t[8]=u):u=t[8],t[9]!==l?(d=y.jsx("div",{className:"absolute top-3 left-4 flex items-center z-50",children:y.jsx(Qo,{openWidth:l})}),t[9]=l,t[10]=d):d=t[10],t[11]!==n||t[12]!==u||t[13]!==d?(p=y.jsxs("div",{className:"inset-0 absolute flex",children:[u,d,n]}),t[11]=n,t[12]=u,t[13]=d,t[14]=p):p=t[14],p},ta=e=>{const t=h.c(10),{title:n}=e,[r,o]=f.useState(n),[a,i]=f.useState(!0);let s,l,c;t[0]!==r||t[1]!==n?(s=()=>{if(n!==r){i(!1);const e=setTimeout((()=>{o(n),i(!0)}),300);return()=>clearTimeout(e)}},l=[n,r],t[0]=r,t[1]=n,t[2]=s,t[3]=l):(s=t[2],l=t[3]),f.useEffect(s,l),t[4]===Symbol.for("react.memo_cache_sentinel")?(c=y.jsx(Ye,{className:"size-20 animate-spin text-primary","data-testid":"large-spinner",strokeWidth:1}),t[4]=c):c=t[4];const u=a?"opacity-100":"opacity-0";let d,p;return t[5]!==u?(d=g("mt-2 text-muted-foreground font-semibold text-lg transition-opacity duration-300",u),t[5]=u,t[6]=d):d=t[6],t[7]!==r||t[8]!==d?(p=y.jsxs("div",{className:"flex flex-col h-full flex-1 items-center justify-center p-4",children:[c,y.jsx("div",{className:d,children:r})]}),t[7]=r,t[8]=d,t[9]=p):p=t[9],p},na=e=>{const t=h.c(2),{children:n}=e;if(!le())return n;let r;return t[0]!==n?(r=y.jsx(ra,{children:n}),t[0]=n,t[1]=r):r=t[1],r},ra=e=>{const t=h.c(3),{children:n}=e;let r;t[0]===Symbol.for("react.memo_cache_sentinel")?(r=[],t[0]=r):r=t[0];const{loading:o,error:a}=$e(aa,r),i=te(Xe);if(o){let e;return t[1]===Symbol.for("react.memo_cache_sentinel")?(e=y.jsx(oa,{}),t[1]=e):e=t[1],e}if(!i&&"read"===ee&&Ke(ie.showCode,"false")){let e;return t[2]===Symbol.for("react.memo_cache_sentinel")?(e=y.jsx(oa,{}),t[2]=e):e=t[2],e}if(a)throw a;return n},oa=e=>{const t=h.c(2),n=te(Je);let r;return t[0]!==n?(r=y.jsx(ta,{title:n}),t[0]=n,t[1]=r):r=t[1],r};async function aa(){return await Qe.INSTANCE.initialized.promise,!0}const ia={idle:"./favicon.ico",success:"./circle-check.ico",running:"./circle-play.ico",error:"./circle-x.ico"},sa=new Map;async function la(e){const t=sa.get(e);if(t)return t;const n=await fetch(ia[e]),r=await n.blob(),o=URL.createObjectURL(r);return sa.set(e,o),o}const ca=e=>{const t=h.c(6),{isRunning:n}=e,r=Ze();let o,a;o=document.querySelector("link[rel~='icon']"),o||(o=document.createElement("link"),o.rel="icon",document.getElementsByTagName("head")[0].append(o)),t[0]===Symbol.for("react.memo_cache_sentinel")?(a=[],t[0]=a):a=t[0],f.useEffect(pa,a),f.useEffect((()=>{if(!n&&o.href.includes("favicon"))return;(async()=>{let e;if(e=n?"running":0===r.length?"success":"error",o.href=await la(e),!document.hasFocus())return;const t=setTimeout((async()=>{o.href=await la("idle")}),3e3)})()}),[n,r,o]);const i=et(n)??n;let s,l;return t[1]!==r||t[2]!==n||t[3]!==i?(s=()=>{i&&!n&&function(e){if("visible"===document.visibilityState)return;const t=async()=>{0===e?new Notification("Execution completed",{body:"Your notebook run completed successfully.",icon:await la("success")}):new Notification("Execution failed",{body:`Your notebook run encountered ${e} error(s).`,icon:await la("error")})};"Notification"in window&&"denied"!==Notification.permission&&("granted"===Notification.permission?t():"default"===Notification.permission&&Notification.requestPermission().then((e=>{"granted"===e&&t()})))}(r.length)},l=[r,i,n],t[1]=r,t[2]=n,t[3]=i,t[4]=s,t[5]=l):(s=t[4],l=t[5]),f.useEffect(s,l),tt(window,"focus",(async e=>{n||(o.href=await la("idle"))})),null};function ua(e){return URL.revokeObjectURL(e)}function da(){sa.forEach(ua)}function pa(){return da}const fa=e=>{const t=h.c(18),{width:n,connection:r,isRunning:o,children:a}=e,i=r.state;let s,l;t[0]!==o?(s=y.jsx(ca,{isRunning:o}),t[0]=o,t[1]=s):s=t[1],t[2]!==r||t[3]!==o?(l=y.jsx(Ho,{connection:r,isRunning:o}),t[2]=r,t[3]=o,t[4]=l):l=t[4];const c=i===De.CLOSED&&"disconnected",u="full"===n&&"config-width-full",d="columns"===n?"overflow-x-auto":"overflow-x-hidden";let p,f,m;return t[5]!==c||t[6]!==u||t[7]!==d?(p=g(c,"bg-background w-full h-full text-textColor","flex flex-col overflow-y-auto",u,d,"print:height-fit"),t[5]=c,t[6]=u,t[7]=d,t[8]=p):p=t[8],t[9]!==a||t[10]!==i||t[11]!==p||t[12]!==n?(f=y.jsx(na,{children:y.jsx(ea,{children:y.jsx("div",{id:"App","data-config-width":n,"data-connection-state":i,className:p,children:a})})}),t[9]=a,t[10]=i,t[11]=p,t[12]=n,t[13]=f):f=t[13],t[14]!==s||t[15]!==l||t[16]!==f?(m=y.jsxs(y.Fragment,{children:[s,l,f]}),t[14]=s,t[15]=l,t[16]=f,t[17]=m):m=t[17],m},ha=e=>{const t=h.c(10),{reason:n,canTakeover:r}=e,o=void 0!==r&&r,a=ma;if(o){let e,r,i,s;return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=y.jsx("div",{className:"flex justify-between",children:y.jsx("span",{className:"font-bold text-xl flex items-center mb-2",children:"Notebook already connected"})}),t[0]=e):e=t[0],t[1]!==n?(r=y.jsx("span",{children:n}),t[1]=n,t[2]=r):r=t[2],t[3]!==o?(i=o&&y.jsxs(he,{onClick:a,variant:"outline","data-testid":"takeover-button",className:"flex-shrink-0",children:[y.jsx(Wt,{className:"w-4 h-4 mr-2"}),"Take over session"]}),t[3]=o,t[4]=i):i=t[4],t[5]!==r||t[6]!==i?(s=y.jsx("div",{className:"flex justify-center",children:y.jsxs(nt,{kind:"info",className:"mt-10 flex flex-col rounded p-3 max-w-[800px] mx-4",children:[e,y.jsxs("div",{className:"flex justify-between items-end text-base gap-20",children:[r,i]})]})}),t[5]=r,t[6]=i,t[7]=s):s=t[7],s}let i;return t[8]!==n?(i=y.jsx("div",{className:"font-mono text-center text-base text-[var(--red-11)]",children:y.jsx("p",{children:n})}),t[8]=n,t[9]=i):i=t[9],i};async function ma(){try{const e=new URL(window.location.href).searchParams;await rt.post(`/kernel/takeover?${e.toString()}`,{}),ot()}catch(e){at({title:"Failed to take over session",description:it(e),variant:"danger"})}}const ga=e=>{const t=h.c(8),{connection:n,className:r,children:o}=e;let a,i;return t[0]!==n.canTakeover||t[1]!==n.reason||t[2]!==n.state?(a=n.state===De.CLOSED&&y.jsx(ha,{reason:n.reason,canTakeover:n.canTakeover}),t[0]=n.canTakeover,t[1]=n.reason,t[2]=n.state,t[3]=a):a=t[3],t[4]!==o||t[5]!==r||t[6]!==a?(i=y.jsxs("div",{className:r,children:[o,a]}),t[4]=o,t[5]=r,t[6]=a,t[7]=i):i=t[7],i};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 ya=class extends Event{constructor(e,t){super("error",t),n(this,"message"),n(this,"error"),this.message=e.message,this.error=e}},ba=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}},va=(Event,ya),wa=ba;var xa="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 ba(e.code||1999,e.reason||"unknown reason",e)}if("error"in e){return new ya(e.error,e)}return new Event(e.type,e)}:function(e){return new e.constructor(e.type,e)},Sa={maxReconnectionDelay:1e4,minReconnectionDelay:1e3+4e3*Math.random(),minUptime:5e3,reconnectionDelayGrowFactor:1.3,connectionTimeout:4e3,maxRetries:1/0,maxEnqueuedMessages:1/0},_a=!1,Oa=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=Sa.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(xa(e))})),n(this,"_handleMessage",(e=>{this._debug("message event"),this.onmessage&&this.onmessage(e),this.dispatchEvent(xa(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(xa(e)),this._connect()})),n(this,"_handleClose",(e=>{this._debug("close event"),this._clearTimeouts(),this._shouldReconnect&&this._connect(),this.onclose&&this.onclose(e),this.dispatchEvent(xa(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=Sa.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=Sa.reconnectionDelayGrowFactor,minReconnectionDelay:t=Sa.minReconnectionDelay,maxReconnectionDelay:n=Sa.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=Sa.maxRetries,connectionTimeout:t=Sa.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||_a||(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"),_a=!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 va(Error(e.message),this))})))}_handleTimeout(){this._debug("timeout event"),this._handleError(new va(Error("TIMEOUT"),this))}_disconnect(e=1e3,t){if(this._clearTimeouts(),this._ws){this._removeListeners();try{this._ws.readyState===this.OPEN&&this._ws.close(e,t),this._handleClose(new wa(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 <[email protected]>
 * https://github.com/pladaria/reconnecting-websocket
 * License MIT
 */
class ja{constructor(){this.CONNECTING=WebSocket.CONNECTING,this.OPEN=WebSocket.OPEN,this.CLOSING=WebSocket.CLOSING,this.CLOSED=WebSocket.CLOSED,this.binaryType="blob",this.bufferedAmount=0,this.extensions="",this.protocol="",this.url="",this.onclose=null,this.onerror=null,this.onmessage=null,this.onopen=null,this.readyState=WebSocket.OPEN,this.retryCount=0,this.shouldReconnect=!1}addEventListener(e,t,n){}removeEventListener(e,t,n){}dispatchEvent(e){return!1}reconnect(e,t){}send(e){}close(){}}const{valueAtom:Da,useActions:Ea}=ve((()=>({banners:[]})),{addBanner:(e,t)=>({...e,banners:[...e.banners,{...t,id:lt()}]}),removeBanner:(e,t)=>({...e,banners:e.banners.filter((e=>e.id!==t))}),clearBanners:e=>({...e,banners:[]})}),Ca=()=>te(Da);function ka(){return Ea()}function Ra(e){return"missing"===e.kind}function Na(e){return"installing"===e.kind}const{valueAtom:Pa,useActions:Ma}=ve((()=>({packageAlert:null})),{addPackageAlert:(e,t)=>({...e,packageAlert:{id:lt(),...t}}),clearPackageAlert:(e,t)=>null!==e.packageAlert&&e.packageAlert.id===t?{...e,packageAlert:null}:e}),Ta=()=>te(Pa);function za(){return Ma()}function La(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 n=m[t];let r=!1;const o=w[n];return o&&(r=o!==e),ct({id:n,code:e,edited:r,name:u[t],lastCodeRun:w[n]??null,lastExecutionTime:x[n]??null,config:p[t]})})),_={selectedLayout:"vertical",layoutData:{}};if(d){const e=d.type,t=function(e,t,n){const r=Do.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);_.selectedLayout=e,_.layoutData[e]=t,a({layoutView:e,data:t})}r(S,_);const j=ut.safeParse(b);if(j.success&&s(j.data),l({...v,sql:v.sql||le()}),f){for(const[e,t]of O.entries(h||{}))o.set(e,t);return}const D=[],E=[];o.entries.forEach(((e,t)=>{D.push(t),E.push(e.value)})),dt({objectIds:D,values:E,autoRun:n}).catch((e=>{i(new Error("Failed to instantiate",{cause:e}))}))}const Ia=e=>{const t=new URL(window.location.href);t.searchParams.append(e.key,e.value),window.history.pushState({},"",`${t.pathname}${t.search}`)},Ha=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}`)},Wa=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}`)},Aa=()=>{const e=new URL(window.location.href);e.search="",window.history.pushState({},"",`${e.pathname}${e.search}`)};const{valueAtom:qa,useActions:Ba}=ve((function(){return{runIds:[],runMap:new Map}}),{addCellOperation:(e,t)=>{const{cellOperation:n,code:r}=t,o=n.run_id;if(!o)return e;const a=e.runMap.get(o);if(!a&&function(e){return e.startsWith("mo.md(")&&Ga.test(e)}(r))return e;const i=n.output&&("marimo-error"===n.output.channel||"stderr"===n.output.channel);let s=i?"error":"queued"===n.status?"queued":"running"===n.status?"running":"success";if(!a){const t={runId:o,cellRuns:new Map([[n.cell_id,{cellId:n.cell_id,code:r.slice(0,200),elapsedTime:0,status:s,startTime:n.timestamp}]]),runStartTime:n.timestamp},a=[o,...e.runIds],i=new Map(e.runMap);if(a.length>50){const e=a.pop();e&&i.delete(e)}return i.set(o,t),{runIds:a,runMap:i}}const l=new Map(a.cellRuns),c=l.get(n.cell_id);if(c&&!i&&"queued"===n.status)return e;if(c){s="error"===c.status||i?"error":s;const e="running"===n.status?n.timestamp:c.startTime,t="success"===s||"error"===s?n.timestamp-c.startTime:void 0;l.set(n.cell_id,{...c,startTime:e,elapsedTime:t,status:s})}else l.set(n.cell_id,{cellId:n.cell_id,code:r.slice(0,200),elapsedTime:0,status:s,startTime:n.timestamp});const u=new Map(e.runMap);return u.set(o,{...a,cellRuns:l}),{...e,runMap:u}},clearRuns:e=>({...e,runIds:[],runMap:new Map}),removeRun:(e,t)=>{const n=e.runIds.filter((e=>e!==t)),r=new Map(e.runMap);return r.delete(t),{...e,runIds:n,runMap:r}}}),Ga=/mo\.md\(\s*r?('''|""")/;function Fa(e){const t=h.c(25),n=f.useRef(!0),{autoInstantiate:r,sessionId:i,setCells:s}=e,{showBoundary:l}=pt(),{handleCellMessage:c,setCellCodes:u,setCellIds:d}=I(),{addCellOperation:p}=Ba(),m=ft(),{setVariables:g,setMetadata:y}=ht(),{addColumnPreview:b}=mt(),{addDatasets:v,filterDatasetsFromVariables:w}=mt(),{addDataSourceConnection:x,filterDataSourcesFromVariables:S}=gt(),{setLayoutData:_}=No(),[O,j]=Ge(yt),{addBanner:D}=ka(),{addPackageAlert:E}=za(),C=bt(re),k=bt(vt);let R;t[0]!==D||t[1]!==p||t[2]!==b||t[3]!==x||t[4]!==v||t[5]!==E||t[6]!==r||t[7]!==S||t[8]!==w||t[9]!==c||t[10]!==m||t[11]!==k||t[12]!==u||t[13]!==d||t[14]!==s||t[15]!==C||t[16]!==_||t[17]!==y||t[18]!==g||t[19]!==l?(R=e=>{const t=wt(e.data);switch(t.op){case"reload":return void ot();case"kernel-ready":return La(t.data,{autoInstantiate:r,setCells:s,setLayoutData:_,setAppConfig:m,setCapabilities:k,onError:l}),void C(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),io.INSTANCE.removeForCellId(t)}(t.data);case"completion-result":return void Dt.resolve(t.data.completion_id,t.data);case"function-call-result":return void jt.resolve(t.data.function_call_id,t.data);case"cell-op":{!function(e,t){t(e),io.INSTANCE.track(e)}(t.data,c);const e=L().cellData[t.data.cell_id];if(!e)return;return void p({cellOperation:t.data,code:e.code})}case"variables":return g(t.data.variables.map($a)),w(t.data.variables.map(Ya)),void S(t.data.variables.map(Va));case"variable-values":return void y(t.data.variables.map(Ua));case"alert":return void at({title:t.data.title,description:Ot({html:t.data.description}),variant:t.data.variant});case"banner":return void D(t.data);case"missing-package-alert":return void E({...t.data,kind:"missing"});case"installing-package-alert":return void E({...t.data,kind:"installing"});case"query-params-append":return void Ia(t.data);case"query-params-set":return void Ha(t.data);case"query-params-delete":return void Wa(t.data);case"query-params-clear":return void Aa();case"datasets":return void v(t.data);case"data-column-preview":return void b(t.data);case"sql-table-preview":return void _t.resolve(t.data.request_id,t.data);case"data-source-connections":return void x(t.data);case"focus-cell":return void St(t.data.cell_id);case"update-cell-codes":return void u({codes:t.data.codes,ids:t.data.cell_ids,codeIsStale:t.data.code_is_stale});case"update-cell-ids":return void d({cellIds:t.data.cell_ids});default:xt(t)}},t[0]=D,t[1]=p,t[2]=b,t[3]=x,t[4]=v,t[5]=E,t[6]=r,t[7]=S,t[8]=w,t[9]=c,t[10]=m,t[11]=k,t[12]=u,t[13]=d,t[14]=s,t[15]=C,t[16]=_,t[17]=y,t[18]=g,t[19]=l,t[20]=R):R=t[20];const N=R,P=(e,t)=>{n.current&&(n.current=!1,T.reconnect(e,t))};let M;t[21]!==N?(M=e=>{try{N(e)}catch(t){const e=t;a.error("Failed to handle message",e),at({title:"Failed to handle message",description:it(e),variant:"danger"})}},t[21]=N,t[22]=M):M=t[22];const T=function(e){const{onOpen:t,onMessage:n,onClose:r,onError:o,...i}=e,[s]=f.useState((()=>{const a=le()?new st(Qe.INSTANCE):e.static?new ja:new Oa(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 f.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:se(),url:Ct(i),onOpen:()=>{n.current=!0,j({state:De.OPEN})},onMessage:M,onClose:e=>{switch(a.warn("WebSocket closed",e.code,e.reason),e.reason){case"MARIMO_ALREADY_CONNECTED":return j({state:De.CLOSED,code:Et.ALREADY_RUNNING,reason:"another browser tab is already connected to the kernel",canTakeover:!0}),void T.close();case"MARIMO_WRONG_KERNEL_ID":case"MARIMO_NO_FILE_KEY":case"MARIMO_NO_SESSION_ID":case"MARIMO_NO_SESSION":case"MARIMO_SHUTDOWN":return j({state:De.CLOSED,code:Et.KERNEL_DISCONNECTED,reason:"kernel not found"}),void T.close();case"MARIMO_MALFORMED_QUERY":return void j({state:De.CLOSED,code:Et.MALFORMED_QUERY,reason:"the kernel did not recognize a request; please file a bug with marimo"});default:j({state:De.CONNECTING}),P(e.code,e.reason)}},onError:e=>{a.warn("WebSocket error",e),j({state:De.CLOSED,code:Et.KERNEL_DISCONNECTED,reason:"kernel not found"}),P()}});let z;return t[23]!==O?(z={connection:O},t[23]=O,t[24]=z):z=t[24],z}function Ua(e){return{name:e.name,dataType:e.datatype,value:e.value}}function Va(e){return e.name}function Ya(e){return e.name}function $a(e){return{name:e.name,declaredBy:e.declared_by,usedBy:e.used_by}}export{fa as A,zo as C,Pt as E,Mt as F,Lt as I,Mo as L,It as M,Kr as N,mo as O,qt as R,zr as T,io as V,ga as a,Ro as b,No as c,so as d,to as e,Ca as f,Po as g,ka as h,Ta as i,za as j,Ra as k,Co as l,Na as m,Xr as n,$r as o,fo as p,co as q,lo as r,qa as s,Ba as t,Fa as u};