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;nnull==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;rn&&(n=t);return n}function o(e){const t=Array(e.length);for(let n=0,r=e.length;n=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;le.i)).indexOf(t.i)+1;at.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;rt.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;nl(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;ot.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;t0&&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: 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 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=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=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;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n, 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;tMath.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=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=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"):ne.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{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;ee[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;tObject.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__;n0},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);n0},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{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{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",...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 * 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};