var Component=(()=>{var es=Object.create;var Ue=Object.defineProperty;var ts=Object.getOwnPropertyDescriptor;var ns=Object.getOwnPropertyNames;var rs=Object.getPrototypeOf,os=Object.prototype.hasOwnProperty;var hn=e=>Ue(e,"__esModule",{value:!0});var Xe=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ss=(e,t)=>{hn(e);for(var n in t)Ue(e,n,{get:t[n],enumerable:!0})},is=(e,t,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ns(t))!os.call(e,r)&&r!=="default"&&Ue(e,r,{get:()=>t[r],enumerable:!(n=ts(t,r))||n.enumerable});return e},mn=e=>is(hn(Ue(e!=null?es(rs(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e);var bn=Xe((dl,vn)=>{vn.exports=_jsx_runtime});var En=Xe((fl,yn)=>{yn.exports=React});var xn=Xe((pl,wn)=>{wn.exports=ReactDOM});var Lr=Xe(R=>{"use strict";Object.defineProperty(R,"__esModule",{value:!0});var we=En(),as=xn();function ls(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var a=ls(we);function I(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),us=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),ds=e=>parseInt(e.repeat(2/e.length),16);function fs(e,t){return typeof e!="undefined"?e/255:typeof t!="number"||t<0||t>1?1:t}function ps(e){if(!e)return;if(!cs(e))throw new Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),n=us(e.slice(1),t),[r,o,s,i]=n.map(ds);return{r,g:o,b:s,a:fs(i,1)}}function gs(e){if(!e)return;let{r:t,g:n,b:r,a:o}=e,s=Math.round(o*255);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${s.toString(16).padStart(2,"0")}`}function Ie(e,t){if(!e)return e;let{r:n,g:r,b:o,a:s}=ps(e);return gs({r:n,g:r,b:o,a:s*t})}function D(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function Cn(e,t){return{prev:(e==null?void 0:e.prev)===void 0?t:e.prev,next:(e==null?void 0:e.next)===void 0?t:e.next}}function mt(e,t,n){return D(Cn(e,t),n)}function hs(e,t){return t(e.prev)||t(e.next)}function kn(e){return e.lines.map(t=>t.tokens.map(n=>n.content).join("")).join(` `)}function ms(e,t){return vt(e?Sn(e).map(On):[...t.keys()].map(n=>({[n+1]:!0})))}function Sn(e){return e.split(/,(?![^\[]*\])/g)}function vt(e){return e.reduce((t,n)=>Object.assign(t,n),{})}function vs(e){return!!e.match(/(\d+)\[(.+)\]/)}function On(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,o=r.split(",").map(Fn);return{[Number(n)]:o}}else return vt(bt(e).map(n=>({[n]:!0})))}function Fn(e){let[t,n]=e.split(":");if(!Ke(t))throw new Ne(t);let r=Number(t);if(r<1)throw new yt;if(n){if(!Ke(n))throw new Ne(n);return{start:r,end:+n}}else return{start:r,end:r}}function bs(e,t){if(e){let n=Tn(e),r=Object.keys(n).map(o=>parseInt(o,10));return[Math.min(...r),Math.max(...r)]}else return[0,t.length-1]}function ys(e,t){if(e){let n=Tn(e);return Object.keys(n).map(o=>parseInt(o,10))}else return[...t.keys()]}function Tn(e){if(!e)throw new Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(Es);return ws(t.flat())}catch(t){throw t}}function Es(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,o=r.split(",").map(bt),s=Number(n)-1,i=o.flat().map(l=>l-1);return[[s,i]]}else return bt(e).map(n=>[n-1,!0])}function bt(e){let[t,n]=e.split(":");if(!Ke(t))throw new Ne(t);let r=Number(t);if(r<1)throw new yt;if(n){if(!Ke(n))throw new Ne(n);let o=[];for(let s=r;s<=+n;s++)o.push(s);return o}else return[r]}function Ke(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}var yt=class extends Error{constructor(){super("Invalid line or column number in focus string");Object.setPrototypeOf(this,new.target.prototype)}},Ne=class extends Error{constructor(t){super(`Invalid number "${t}" in focus string`);this.number=t,Object.setPrototypeOf(this,new.target.prototype)}};function ws(e){let t={},n=-1,r=e==null?0:e.length;for(;++n!r.name&&!r.scope):void 0;return n==null?void 0:n.settings}var Nn=typeof window!="undefined"?a.default.useLayoutEffect:a.default.useEffect;function Cs(e,t){let n=a.default.useRef(e);a.default.useEffect(()=>{n.current=e},[e]),a.default.useEffect(()=>{if(!t&&t!==0)return;let r=setInterval(()=>n.current(),t);return()=>clearInterval(r)},[t])}function Et(e,t,n){return Math.min(Math.max(e,t),n)}var Ye=200;function ks(e,t,n,r,o,s){let[i,l]=a.default.useState(null),u=Fs(),d=a.default.useRef(null),{prevLongestLine:f,nextLongestLine:g,element:v}=a.default.useMemo(()=>{let w=_n(e.prev,t.prev),y=_n(e.next,t.next),x=(e.prev||e.next).trimEnd().split(Ln),T=x.length;if(o){let k=o==="focus"?Ts(t,x):o,B=x.length;for(;Bk;)x.pop(),B--;w&&!x.includes(w)&&(x[x.length-1]=w)}let O=!1,C=a.default.createElement("code",{className:"ch-code-scroll-parent"},a.default.createElement("br",null),x.map((k,B)=>{let j=!O&&k===w?d:void 0;return O=O||j!=null,a.default.createElement("div",{ref:j,key:B},r?a.default.createElement("span",{className:"ch-code-line-number"},"_",T):void 0,a.default.createElement("div",{style:{display:"inline-block",marginLeft:16}},a.default.createElement("span",null,k)))}),a.default.createElement("br",null));return{prevLongestLine:w,nextLongestLine:y,element:C}},[e]),h=[...s,u,f,g,n];return Nn(()=>{var w;if(d.current){let y=d.current,x=y==null?void 0:y.parentElement,T=x.parentElement,O=y==null?void 0:y.querySelector(":scope > div"),C=y==null?void 0:y.querySelector(":scope > span"),k=C?Ss(C):0,B=wt(O),j=B/f.length||1,z=g.length*j,ce=(w=xt(O))!==null&&w!==void 0?w:20,ue={containerWidth:wt(T.parentElement),containerHeight:xt(T.parentElement),contentWidth:wt(x.parentElement),contentHeight:xt(x.parentElement),lineWidths:[B||z||Ye,z||B||Ye],lineWidth:[Math.max(B||z||Ye,j*n),Math.max(z||B||Ye,j*n)],lineHeight:ce,colWidth:j,lineNumberWidth:k,deps:h};l(ue)}},h),!i||Os(i.deps,h)?{element:v,dimensions:null}:{element:v,dimensions:i}}var Ln=/\r\n|\r|\n/;function _n(e,t){let n=e?e.split(Ln):[""],r=ys(t,n),o="";return n.forEach((s,i)=>{r.includes(i)&&s.length>o.length&&(o=s)}),o}function wt(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function Ss(e){let t=getComputedStyle(e);return parseFloat(t.width)}function xt(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function Os(e,t){for(let n=0;n{function n(){t(window.innerWidth)}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),e}function Ts(e,t){let[n,r]=bs(e.prev,t);return r-n+1}function ie(){}ie.prototype={diff:function(t,n){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},o=r.callback;typeof r=="function"&&(o=r,r={}),this.options=r;var s=this;function i(y){return o?(setTimeout(function(){o(void 0,y)},0),!0):y}t=this.castInput(t),n=this.castInput(n),t=this.removeEmpty(this.tokenize(t)),n=this.removeEmpty(this.tokenize(n));var l=n.length,u=t.length,d=1,f=l+u,g=[{newPos:-1,components:[]}],v=this.extractCommon(g[0],n,t,0);if(g[0].newPos+1>=l&&v+1>=u)return i([{value:this.join(n),count:n.length}]);function h(){for(var y=-1*d;y<=d;y+=2){var x=void 0,T=g[y-1],O=g[y+1],C=(O?O.newPos:0)-y;T&&(g[y-1]=void 0);var k=T&&T.newPos+1=l&&C+1>=u)return i(js(s,x.components,n,t,s.useLongestToken));g[y]=x}d++}if(o)(function y(){setTimeout(function(){if(d>f)return o();h()||y()},0)})();else for(;d<=f;){var w=h();if(w)return w}},pushComponent:function(t,n,r){var o=t[t.length-1];o&&o.added===n&&o.removed===r?t[t.length-1]={count:o.count+1,added:n,removed:r}:t.push({count:1,added:n,removed:r})},extractCommon:function(t,n,r,o){for(var s=n.length,i=r.length,l=t.newPos,u=l-o,d=0;l+1h.length?y:h}),d.value=e.join(f)}else d.value=e.join(n.slice(l,l+d.count));l+=d.count,d.added||(u+=d.count)}}var v=t[i-1];return i>1&&typeof v.value=="string"&&(v.added||v.removed)&&e.equals("",v.value)&&(t[i-2].value+=v.value,t.pop()),t}function Bs(e){return{newPos:e.newPos,components:e.components.slice(0)}}var An=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,Pn=/\S/,Hn=new ie;Hn.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!Pn.test(e)&&!Pn.test(t)};Hn.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),n=0;ni.next===void 0?Object.assign(Object.assign({},t.prev[i.prev]),{lineNumber:{prev:i.prev+1},move:"exit",enterIndex:null,exitIndex:r++}):i.prev===void 0?Object.assign(Object.assign({},t.next[i.next]),{lineNumber:{next:i.next+1},move:"enter",enterIndex:n++,exitIndex:null}):Object.assign(Object.assign({},t.prev[i.prev]),{lineNumber:{prev:i.prev+1,next:i.next+1},move:"stay",enterIndex:null,exitIndex:null})),enterCount:n,exitCount:r}}function Ps(e){let t=Is(e.prev,e.next),n=[],r=0,o=0;return t.forEach(s=>{if(s.added)for(let i=0;ims(f,r)),i=r.map(f=>{let{tokens:g}=f,v=I(f,["tokens"]),h={prev:f.lineNumber.prev?s.prev[f.lineNumber.prev]:!1,next:f.lineNumber.next?s.next[f.lineNumber.next]:!1},w={prev:f.lineNumber.prev?n.prev[f.lineNumber.prev]||[]:[],next:f.lineNumber.next?n.next[f.lineNumber.next]||[]:[]};return Object.assign({focused:D(h,y=>!!y),groups:Ms(g,h,w)},v)}),l=D(s,f=>Object.keys(f).map(g=>Number(g))),u=D(l,f=>Math.min(...f)),d=D(l,f=>Math.max(...f));return Object.assign({lines:i,firstFocusedLineNumber:u,lastFocusedLineNumber:d},o)}function Ms(e,t,n){let r=D(t,f=>Array.isArray(f)?f:[]),o=D(n,f=>f.map(({columnNumbers:g})=>g)),s=[...r.prev,...r.next,...o.prev,...o.next],i=$s(e,s),l=0,u=null,d=[];return i.forEach(f=>{let g=Mn(l,t.prev),v=Mn(l,t.next),h=Dn(l,n.prev),w=Dn(l,n.next);(!u||u.focused.prev!==g||u.focused.next!==v||u.annotation.prev!==h||u.annotation.next!==w)&&(u={focused:{prev:g,next:v},tokens:[],annotation:{prev:h,next:w}},d.push(u)),u==null||u.tokens.push(f),l+=f.content.length}),d.map(f=>({focused:f.focused,tokens:f.tokens,element:Ds(f)}))}function Ds(e){return a.default.createElement(a.default.Fragment,null,e.tokens.map(({content:t,props:n},r)=>a.default.createElement("span",Object.assign({},n,{key:r+1}),t)))}function $s(e,t){let n=[...t.map(o=>o.start-1),...t.map(o=>o.end)],r=e;return n.forEach(o=>{let s=[],i=0;r.forEach(l=>{let u=i,d=i+l.content.length;if(un-1<=e&&en.start-1<=e&&er)return s;let i=(t-n)/(r-n),l=e.ease||Ae.linear;return o+l(i)*(s-o)}}function $n([e,t],n,r){if(r<=1)return[e,t];let o=t-e,s=o/Math.pow(r,1/8),i=(o-s)/(r-1),l=e+i*n,u=l+s;return[l,u]}var Ae={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function Rs(e,t,n,r){let[o,s]=t;return e.map(i=>{let l=D(i.lineNumber,v=>v&&v-1),{enterIndex:u,exitIndex:d}=i,f=i.move==="exit"?{fixed:!0,value:l.prev}:i.move==="enter"?{fixed:!0,value:l.next}:{fixed:!1,extremes:[l.prev,l.next],interval:[o,s],ease:Ae.easeInOutCubic},g=i.move==="exit"?{fixed:!1,extremes:[0,-1],ease:Ae.easeInQuad,interval:$n([0,o],d,r)}:i.move==="enter"?{fixed:!1,extremes:[1,0],ease:Ae.easeOutQuad,interval:$n([s,1],u,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},i),{tweenX:g,tweenY:f})})}function zs(e,t){let n=mt(e,[],s=>s.flatMap(i=>Sn(i.focus).map(l=>Object.assign(Object.assign({},i),{focus:l})))),r=mt(n,[],s=>s.filter(Rn)),o=mt(n,[],s=>s.filter(i=>!Rn(i)));return{inlineAnnotations:D(r,s=>Ws(s,t)),multilineAnnotations:D(o,s=>qs(s,t))}}function Rn(e){return vs(e.focus)}function Ws(e,t){let n={};return e.forEach(r=>{let o=On(r.focus),s=+Object.keys(o)[0],i=o[s],l=n[s]||[];l.push({columnNumbers:i[0],data:r.data,theme:t,Component:r.Component||Gs()}),n[s]=l}),n}function Gs(e,t){return({children:n})=>a.default.createElement("span",{style:{outline:"red 1px solid"}},n)}function qs(e,t){return e.map(n=>({lineNumbers:Fn(n.focus),data:n.data,theme:t,Component:n.Component||Us(n,t)}))}function Us(e,t){let n=t.colors["editor.lineHighlightBackground"]||t.colors["editor.selectionHighlightBackground"];return({children:r,style:o})=>a.default.createElement("div",{style:Object.assign(Object.assign({},o),{background:n,cursor:"pointer"}),onClick:s=>alert("clicked"),className:"ch-code-bg-annotation"},a.default.createElement("span",{className:"ch-code-bg-annotation-border",style:{background:"#00a2d3",width:"3px",height:"100%",position:"absolute",left:0}}),r)}function Xs(e,t){return{prev:zn(e,t.prev,n=>n.lineNumber.prev),next:zn(e,t.next,n=>n.lineNumber.next)}}function zn(e,t,n){let r=[...t];r.sort((i,l)=>i.lineNumbers.start-l.lineNumbers.start);let o=0,s=[];for(;oi.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(i&&n(l)===i.lineNumbers.start){let u={lines:[],annotation:i};for(;l&&(!n(l)||n(l)<=i.lineNumbers.end);)u.lines.push(l),l=e[++o];s.push(u),r.shift()}else if(!i)s.push({lines:e.slice(o)}),o=e.length;else{let u={lines:[]};for(;l&&(!n(l)||n(l){var{groups:r}=n,o=I(n,["groups"]);let{lineNumber:s}=o,i={prev:s.prev?t.prev[s.prev]||[]:[],next:s.next?t.next[s.next]||[]:[]};return Object.assign(Object.assign({},o),{annotatedGroups:Js(r,i)})})}function Js(e,t){let n=[...e],r=[...e],o=[...t.prev],s=[...t.next],i=[],l=1,u=1;for(;n.length>0||r.length>0;){let d=o[0],f=s[0],g=d&&d.columnNumbers.start===l,v=f&&f.columnNumbers.start===u;if(lu)if(v){let h=f.columnNumbers.end+1;i.push({next:{annotation:f,groups:Y(r,u,h)}}),u=h,s.shift()}else{let h=Math.min(l,(f==null?void 0:f.columnNumbers.start)||l);i.push({next:{groups:Y(r,u,h)}}),u=h}else if(l==u)if(g&&v&&d.columnNumbers.end===f.columnNumbers.end){let h=f.columnNumbers.end+1;i.push({prev:{annotation:d,groups:Y(n,l,h)},next:{annotation:f,groups:Y(r,u,h)}}),l=h,u=h,o.shift(),s.shift()}else if(g){let h=d.columnNumbers.end+1;i.push({prev:{annotation:d,groups:Y(n,l,h)}}),l=h,o.shift()}else if(v){let h=f.columnNumbers.end+1;i.push({next:{annotation:f,groups:Y(r,u,h)}}),u=h,s.shift()}else if(!d&&!f)i.push({prev:{groups:n},next:{groups:r}}),n=[],r=[];else{let h=Math.min((d==null?void 0:d.columnNumbers.start)||Number.MAX_VALUE,(f==null?void 0:f.columnNumbers.start)||Number.MAX_VALUE);i.push({prev:{groups:Y(n,l,h)},next:{groups:Y(r,u,h)}}),l=h,u=h}}return i}function Y(e,t,n){let r=[],o=t;for(;o0;){let s=e.shift();r.push(s),o+=s.tokens.reduce((l,u)=>l+u.content.length,0)}return r}function Ys(e){let{highlightedLines:t,theme:n,focus:r}=e;return a.default.useMemo(()=>Qs(e),[t.prev,t.next,r.prev,r.next,n])}function Qs({theme:e,focus:t,annotations:n,highlightedLines:r,lang:o}){let s=Zs(r),i=Vs(s,r),{inlineAnnotations:l,multilineAnnotations:u}=ei(n,e),d=ti(i,Cn(t,null),l),f=ni(d,l,u);return ri(f,s,o)}function Zs(e){return D(e,t=>t.map(n=>n.tokens.map(r=>r.content).join("")).join(` `).trimEnd().concat(` `))}function Vs(e,t){return As(e,t)}function ei(e,t){return zs(e,t)}function ti(e,t,n){return Hs(e,t,n)}function ni(e,t,n){var{lines:r}=e,o=I(e,["lines"]);let s=Ks(r,t),i=Xs(s,n);return Object.assign(Object.assign({},o),{lineGroups:i,lineCount:{prev:r.filter(l=>l.lineNumber.prev!=null).length,next:r.filter(l=>l.lineNumber.next!=null).length}})}function ri(e,t,n){let r=oi(e.enterCount,e.exitCount),o=D(e.lineGroups,s=>s.map(i=>Object.assign(Object.assign({},i),{lines:Rs(i.lines,r,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:o,verticalInterval:r,code:t,lang:n})}function oi(e,t){return e<=0&&t<=0?[0,1]:e<=0&&t>=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function si({dimensions:e,codeStep:t,children:n,minZoom:r=0,maxZoom:o=1.2,center:s=!1,progress:i}){let{prev:l,next:u}=li({codeStep:t,dimensions:e,minZoom:r,maxZoom:o,horizontalCenter:s}),d=Pe(l.zoom,u.zoom,i),f=Pe(l.dx,u.dx,i),g=Pe(l.dy,u.dy,i,t.verticalInterval),v=Pe(l.focusHeight,u.focusHeight,i),h=Pe(l.focusWidth,u.focusWidth,i),y=((e==null?void 0:e.lineNumberWidth)||0)*d||16,x=Math.max(h+y,e.contentWidth),T=y/d;return a.default.createElement(ii,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},a.default.createElement(ai,{dx:f,dy:g,scale:d,height:Math.max(v,e.contentHeight),width:x},n(h,T)))}function ii({width:e,height:t,children:n,lang:r}){return a.default.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":r})}function ai({dx:e,dy:t,scale:n,height:r,width:o,children:s}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:o,height:r,overflow:"hidden"},className:"ch-code-scroll-content"},a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:o/n,height:(r-2*t)/n},children:s}))}function li(e){var{codeStep:t}=e,n=I(e,["codeStep"]);let{lineHeight:r,lineWidth:o}=n.dimensions,s={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}};return D(s,({extremes:i,originalContentHeight:l,lineWidth:u})=>ci(Object.assign({extremes:i,originalContentHeight:l,lineWidth:u},n)))}function ci({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:s,horizontalCenter:i}){let{lineHeight:l}=e,u=e==null?void 0:e.contentHeight,d=e==null?void 0:e.contentWidth,f=(o[1]-o[0]+3)*l,g=(e==null?void 0:e.lineNumberWidth)||16,v=16,h=Math.max(Math.min((d-g-v)/t,u/f,r),n),w=s*h,y=(o[0]-1)*l*h,x=(o[1]+2)*l*h,T=(x+y)/2,O=x-y,C=u>w?(u-w)/2:ui(u/2-T,Math.max(u-w,-y),0),k=i?Math.max(d/2-t*h/2,0):0;return{zoom:h,dx:k,dy:C,focusHeight:O,focusWidth:t*h}}function ui(e,t,n){return e<=t?t:e>=n?n:e}function Pe(e,t,n,r=[0,1]){return _e({fixed:!1,interval:r,extremes:[e,t],ease:Ae.easeInOutCubic},n)}function di(e){return a.default.createElement(si,Object.assign({},e),(t,n)=>a.default.createElement(fi,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,theme:e.theme,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function fi({codeStep:e,progress:t,focusWidth:n,lineHeight:r,startX:o,theme:s,lineNumberWidth:i}){let l=t<.5?e.groups.prev:e.groups.next;return a.default.createElement(a.default.Fragment,null,l.map((u,d)=>{if(!u.annotation)return a.default.createElement(Wn,{lines:u.lines,t,focusWidth:n,lineHeight:r,startX:o,key:d,theme:s,lineNumberWidth:i});let f=_e(u.lines[0].tweenY,t),g=u.annotation.lineNumbers.end-u.annotation.lineNumbers.start+1,v=u.annotation.Component;return a.default.createElement(v,{style:{position:"absolute",height:g*r,width:"100%",transform:`translateY(${f*r}px)`},key:d,data:u.annotation.data,theme:u.annotation.theme,isInline:!1},a.default.createElement(Wn,{lines:u.lines,t,focusWidth:n,lineHeight:r,startY:f,startX:o,theme:s,lineNumberWidth:i}))}))}function Wn({lines:e,focusWidth:t,lineHeight:n,t:r,startX:o,startY:s=0,theme:i,lineNumberWidth:l}){return a.default.createElement(a.default.Fragment,null,e.map((u,d)=>{let{tweenX:f,tweenY:g,focused:v}=u,h=_e(f,r),w=_e(g,r),y=qn(v,r,h);return a.default.createElement(a.default.Fragment,{key:d},l?a.default.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(w-s)*n}px)`,width:l,opacity:y,color:S(i,b.LineNumberForeground)}},r<.5?u.lineNumber.prev:u.lineNumber.next):void 0,a.default.createElement(hi,{dx:o+h*t,dy:(w-s)*n,width:t,opacity:y},a.default.createElement(pi,{line:u,progress:r,dx:h})))}))}function pi({line:e,progress:t,dx:n}){return a.default.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((r,o)=>a.default.createElement(gi,{annotatedGroup:r,progress:t,dx:n,key:o})),a.default.createElement("br",null))}function gi({annotatedGroup:e,progress:t,dx:n}){var r,o,s;let i=t<.5?e.prev:e.next,l=(i==null?void 0:i.groups)||[],u=(r=i==null?void 0:i.annotation)===null||r===void 0?void 0:r.Component,d=l.map((f,g)=>{let v=qn(f.focused,t,n);return a.default.createElement("span",{style:{opacity:v},key:g+1},f.element)});return u?a.default.createElement(u,{children:d,data:(o=i==null?void 0:i.annotation)===null||o===void 0?void 0:o.data,theme:(s=i==null?void 0:i.annotation)===null||s===void 0?void 0:s.theme,isInline:!0}):a.default.createElement(a.default.Fragment,null,d)}function hi({children:e,dx:t,dy:n,opacity:r,width:o}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:o,display:r<=0?"none":void 0}},e)}var Gn=.33;function qn(e,t,n){return _e({fixed:!1,extremes:[e.prev?.99:Gn,e.next?.99:Gn],interval:[0,1]},t)-Math.abs(n)*1}function Ze({content:e,style:t,className:n}){let[r,o]=a.default.useState(!1);return a.default.createElement("svg",{style:t,onClick:()=>{mi(e),o(!0),setTimeout(()=>{o(!1)},1200)},fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:n},a.default.createElement("title",null,"Copy"),r?a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"}))}function mi(e){if(!navigator.clipboard){vi(e);return}navigator.clipboard.writeText(e)}function vi(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{var n=document.execCommand("copy")}catch{}document.body.removeChild(t)}function bi({tween:e,theme:t}){return Ys({highlightedLines:D(e,n=>n.code.lines),theme:t,focus:D(e,n=>n.focus),annotations:D(e,n=>n.annotations),lang:hs(e,n=>{var r;return(r=n==null?void 0:n.code)===null||r===void 0?void 0:r.lang})})}var yi=10;function Un(e){var{tween:t,progress:n,config:r}=e,o=I(e,["tween","progress","config"]);let s=bi({tween:t,theme:r.theme}),{element:i,dimensions:l}=ks(s.code,D(t,u=>u.focus),r.minColumns||yi,r.lineNumbers||!1,r.rows,[r.parentHeight]);return!l||r.debug?a.default.createElement(Ei,{element:i,htmlProps:o,debug:r.debug}):a.default.createElement(wi,{dimensions:l,stepInfo:s,config:r,progress:n,htmlProps:o})}function Ei({element:e,htmlProps:t,debug:n}){return a.default.createElement(Xn,{htmlProps:t,style:{opacity:n?.9:0,overflow:"auto"}},e)}function wi({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1,theme:r},dimensions:o,stepInfo:s,progress:i,htmlProps:l,config:u}){var d;let{bg:f,fg:g}=xs(r);return a.default.createElement(Xn,{htmlProps:l,style:{opacity:1,backgroundColor:f,color:g,colorScheme:jn(r),["--ch-selection-background"]:S(r,b.SelectionBackground)}},a.default.createElement(di,{codeStep:s,progress:i,dimensions:o,minZoom:e,maxZoom:t,center:n,theme:r}),u.showCopyButton?a.default.createElement(Ze,{className:"ch-code-button",content:(d=s==null?void 0:s.code)===null||d===void 0?void 0:d.prev}):void 0)}function Xn({htmlProps:e,style:t,children:n}){return a.default.createElement("div",Object.assign({},e,{style:Object.assign(Object.assign({margin:0,padding:0,position:"relative",whiteSpace:"pre"},t),e==null?void 0:e.style),children:n}))}function Ot(){return typeof window!="undefined"?performance.now():0}function xi(e,t){var n=a.default.useRef(null);return n.current==null&&(n.current={config:Kn(e,t),state:Ci(e,t)}),n.current}function Kn(e,t){var n=t.stiffness,r=t.damping,o=t.mass,s=t.decimals,i=t.teleport;return{X:e,k:n??170,c:r??26,m:o??1,teleport:i??!1,decimals:s??2}}function Ci(e,t){var n=t.from,r=t.initialSpeed;return{x0:n??e,v0:r??0,t0:Ot(),raf:null}}var Ft=Math.sqrt,ae=Math.exp,Jn=Math.sin,Yn=Math.cos;function Tt(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,s=e.k,i=e.c,l=e.m,u=e.X,d=t-u,f=(o-r)/1e3,g=i*i-4*s*l;if(g>0){var v=(-i+Ft(g))/(2*l),h=(-i-Ft(g))/(2*l),w=(d*v-n)/(v-h),y=(n-d*h)/(v-h);return{x:u+w*ae(h*f)+y*ae(v*f),v:w*h*ae(h*f)+y*v*ae(v*f)}}else if(g<0){var x=-i/(2*l),T=Ft(-g)/(2*l),O=d,C=(n-x*d)/T;return{x:u+ae(x*f)*(O*Yn(T*f)+C*Jn(T*f)),v:ae(x*f)*((C*T+O*x)*Yn(T*f)-(O*T-C*x)*Jn(T*f))}}else{var k=-i/(2*l),B=d,j=n-k*d;return{x:u+(B+j*f)*ae(k*f),v:(j+B*k+j*k*f)*ae(k*f)}}}var Ve=[],jt=null;function Qn(e){var t=Ve.push(e);return t===1&&(jt=requestAnimationFrame(ki)),[jt,t-1]}function Zn(e){var t=e[0],n=e[1];t===jt&&delete Ve[n]}function ki(){var e=Ot(),t=Ve;Ve=[],as.unstable_batchedUpdates(function(){return t.forEach(function(n){return n&&n(e)})})}var et=typeof window!="undefined"?a.default.useLayoutEffect:a.default.useEffect;function Bt(e,t){t===void 0&&(t={});var n=a.default.useState(),r=n[1],o=Kn(e,t),s=xi(e,t),i=s.state,l=s.config,u=Ot(),d=i.x0,f=i.v0,g=i.t0,v=l.k,h=l.c,w=l.m,y=l.X,x=o.teleport?{x:y,v:0}:Tt({x0:d,v0:f,t0:g,t:u,k:v,c:h,m:w,X:y}),T=x.x,O=x.v,C=Si(T,O,u,o);return et(function(){Object.assign(l,o)},[o.X,o.k,o.c,o.m,o.teleport]),et(function(){i.x0=T,i.v0=O,i.t0=u},[T,O,u]),et(function(){var k=function B(j){var z=i.x0,ce=i.v0,ue=i.t0,ne=l.k,de=l.c,H=l.m,G=l.X,He=l.decimals,it=Tt({x0:z,v0:ce,t0:ue,t:j,k:ne,c:de,m:H,X:G}),at=it.x;ve(at,He)!==ve(z,He)?(i.raf=null,r(j)):i.raf=Qn(B)};C&&i.raf==null?i.raf=Qn(k):!C&&i.raf!=null&&(Zn(i.raf),i.raf=null)}),et(function(){return function(){i.raf!=null&&Zn(i.raf)}},[]),[ve(T,o.decimals),C]}function Si(e,t,n,r){var o=r.decimals,s=r.X,i=r.k,l=r.c,u=r.m;if(ve(e,o)!==ve(s,o))return!0;var d=n+.016,f=Tt({x0:e,v0:t,t0:n,t:d,k:i,c:l,m:u,X:s}),g=f.x;return ve(g,o)!==ve(s,o)}function ve(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}var Oi={stiffness:120,damping:24,mass:.2,decimals:3};function Fi(e){var{step:t,config:n}=e,r=I(e,["step","config"]);let{tween:o,t:s}=Ti(t,n.spring);return a.default.createElement(Un,Object.assign({tween:o,progress:s,config:n},r))}function Ti(e,t=Oi){let[{target:n,steps:r,index:o},s]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&s(f=>ji(f,e,i))},[e]);let[i]=Bt(n,t),l=i-o;return l<=1?{tween:{prev:r[0],next:r[1]},t:l}:{tween:{prev:r[1],next:r[2]},t:l-1}}function ji(e,t,n){let{steps:r,target:o,index:s}=e,i=r.slice();return n-s<1?(i[2]=t,Object.assign(Object.assign({},e),{steps:i})):(i[0]=r[1],i[1]=r[2],i[2]=t,Object.assign(Object.assign({},e),{steps:i,target:o+1,index:s+1}))}var It=we.createContext({});function Vn({classes:e,children:t}){let n=we.useContext(It),r=er(n,e);return a.default.createElement(It.Provider,{value:r,children:t})}function ee(e,t){let n=we.useContext(It),r=er(n,t);return we.useCallback(Bi(e,r),[e,r])}function Bi(e,t){return function(...r){let o=r.map(i=>e+(e&&i?"-":"")+i),s=o.slice();return o.forEach(i=>{i in t&&s.push(t[i])}),s.join(" ")}}function er(e,t){return we.useMemo(()=>Object.assign(Object.assign({},e),t),[e,t])}var Ii=a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,classes:s,theme:i,zoom:l=1,overflow:u}=e,d=I(e,["title","children","titleBar","classes","theme","zoom","overflow"]);let f=ee("ch-frame",s),g=o||a.default.createElement(tr,{title:n}),v={"--ch-frame-zoom":l,overflow:u};return a.default.createElement(Vn,{classes:s},a.default.createElement("div",Object.assign({},d,{ref:t}),a.default.createElement("div",{className:f("")},a.default.createElement("div",{className:f("title-bar"),style:{background:S(i,b.EditorGroupHeaderBackground)}},g),a.default.createElement("div",{className:f("content")},a.default.createElement("div",{className:f("zoom"),style:v},r)))))});a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,classes:s,overflow:i}=e,l=I(e,["title","children","titleBar","classes","overflow"]);let u=ee("ch",s),d=o||a.default.createElement(tr,{title:n});return a.default.createElement(Vn,{classes:s},a.default.createElement("div",Object.assign({},l,{ref:t}),a.default.createElement("div",{className:u("simple-frame")},a.default.createElement("div",{className:u("frame-title-bar")},d),r)))});function tr({title:e}){let t=ee("ch-frame");return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:t("left-bar")},a.default.createElement(Nt,null)),a.default.createElement("div",{className:t("middle-bar")},e),a.default.createElement("div",{className:t("right-bar")}))}function Nt(){let e=ee("ch-frame");return a.default.createElement("div",{className:e("buttons")},a.default.createElement("div",{className:e("button","button-left")}),a.default.createElement("div",{className:e("button-space")}),a.default.createElement("div",{className:e("button","button-middle")}),a.default.createElement("div",{className:e("button-space")}),a.default.createElement("div",{className:e("button","button-right")}))}var Ni=a.default.forwardRef(function(t,n){var r,{northPanel:o,southPanel:s,terminalPanel:i,style:l,height:u,northButton:d,southButton:f,theme:g,className:v,onTabClick:h}=t,w=I(t,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","theme","className","onTabClick"]);return a.default.createElement("div",Object.assign({ref:n},w,{className:"ch-editor-frame",style:Object.assign({background:S(g,b.EditorBackground)},l)}),a.default.createElement("div",{className:"ch-frame-title-bar",style:{color:S(g,b.IconForeground),background:S(g,b.EditorGroupHeaderBackground)}},a.default.createElement(nr,{tabs:o.tabs,showFrameButtons:!0,button:d,panel:"north",theme:g,onTabClick:h})),a.default.createElement("div",{"data-ch-panel":"north",style:o.style,children:o.children}),s&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:"ch-frame-title-bar",style:{transform:(r=s.style)===null||r===void 0?void 0:r.transform,color:S(g,b.IconForeground),background:S(g,b.EditorGroupHeaderBackground)}},a.default.createElement(nr,{tabs:s.tabs,showFrameButtons:!1,button:f,topBorder:!0,panel:"south",theme:g,onTabClick:h})),a.default.createElement("div",{"data-ch-panel":"south",children:s.children,style:s.style})))});function nr({tabs:e,button:t,showFrameButtons:n,topBorder:r,panel:o,theme:s,onTabClick:i}){let l=ee("ch-editor-tab");return a.default.createElement(a.default.Fragment,null,r&&a.default.createElement("div",{style:{position:"absolute",height:"1px",background:S(s,b.EditorGroupBorder),width:"100%",top:0,zIndex:1}}),n?a.default.createElement(Nt,null):a.default.createElement("div",null),e.map(({title:u,active:d,style:f})=>a.default.createElement("div",{key:u,title:u,"data-ch-tab":o,className:l("",d?"active":"inactive"),style:Object.assign(Object.assign({},f),{background:S(s,d?b.ActiveTabBackground:b.InactiveTabBackground),color:S(s,d?b.ActiveTabForeground:b.InactiveTabForeground),borderRightColor:S(s,b.TabBorder),borderBottomColor:S(s,d?b.ActiveTabBottomBorder:b.InactiveTabBackground)}),onClick:i&&(()=>i(u))},a.default.createElement(Li,{title:u}))),a.default.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Li({title:e}){if(!e)return a.default.createElement("div",null);let t=e.lastIndexOf("/")+1,n=e.substring(t),r=e.substring(0,t);return a.default.createElement("div",null,a.default.createElement("span",{style:{opacity:.5}},r),n)}function _i(e){let[,...t]=e.split(/^\$\s*/gm),n=t.map(i=>{let[l,...u]=i.split(/\r?\n/);return{run:l,output:u.length>0?u.join(` `):null}}),r=n[n.length-1],o=n.length>0&&r.output!=null;return{title:o?r.run.split(/(\s+)/)[0]:"bash",isRunning:o,commands:n}}var Ai=a.default.createElement("span",{className:"ch-terminal-prompt"},"$");function rr({text:e,progress:t=1,style:n}){let r=Pi(e,t);return a.default.createElement("pre",{style:n,className:"ch-terminal-content"},r.map(({run:o,output:s},i)=>a.default.createElement(a.default.Fragment,{key:i},a.default.createElement("div",null,Ai," ",a.default.createElement("span",null,o)),s&&a.default.createElement("div",{className:"ch-terminal-output"},s))))}function Pi(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:r}=_i(e.slice(0,n));return r}function Hi({prev:e="",prevKey:t,next:n="",nextKey:r,progress:o}){return a.default.createElement("div",{className:"ch-terminal"},a.default.createElement("div",{style:{position:"relative",transform:`translateY(-${o*100}%)`}},a.default.createElement(rr,{text:e,progress:1,key:t}),a.default.createElement(rr,{style:{position:"absolute"},text:n,progress:o,key:r})))}function Mi({steps:e,progress:t}){let n=e.map(i=>i.text),r=t%1,o=Di(Math.floor(t),0,e.length-1),s=o+1;return a.default.createElement(Hi,{prev:n[o],prevKey:o,next:n[s]||"",nextKey:s,progress:r})}function Di(e,t,n){return Math.min(Math.max(e,t),n)}function $i({prev:e,next:t,t:n,backward:r}){let o=Ri({prev:e,next:t,t:n,backward:r});return o?a.default.createElement("div",{className:"ch-editor-terminal",style:{height:o}},a.default.createElement("div",{className:"ch-editor-terminal-tab"},a.default.createElement("span",null,"Terminal")),a.default.createElement("div",{className:"ch-editor-terminal-content"},a.default.createElement(Mi,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}function Ri({prev:e,next:t,t:n,backward:r}){return!e&&!t?0:!e&&t?Lt*Math.min(n*4,1):e&&!t?Lt*Math.max(1-n*4,0):Lt}var Lt=150;function zi(e,t,n,r,o,s){let{prevSnapshot:i,nextSnapshot:l}=Ui(e,t,n);if(!i)return Wi(t,n,s);if(!l||r===1)return or(t,n,s);let u=t.southPanel||n.southPanel,{prevNorthFile:d,prevSouthFile:f,nextNorthFile:g,nextSouthFile:v}=_t(t,n,r==0||o),{northStyle:h,southStyle:w}=Gi(i,l,r),{northTabs:y,southTabs:x}=qi(i,l,d.name,f==null?void 0:f.name,r);return{northContent:Ce(g),northPanel:{tabs:y,style:h,children:a.default.createElement(xe,{codeConfig:s,prevFile:d,nextFile:g,t:r,parentHeight:h.height||h.minHeight})},southContent:Ce(v),southPanel:u&&{tabs:x,style:w,children:a.default.createElement(xe,{codeConfig:s,prevFile:f,nextFile:v,t:r,parentHeight:(w==null?void 0:w.height)||(w==null?void 0:w.minHeight)})}}}function Wi(e,t,n){let r=e.northPanel,o=e.southPanel,{prevNorthFile:s,prevSouthFile:i,nextNorthFile:l,nextSouthFile:u}=_t(e,t,!0);return{northContent:Ce(s),northPanel:{tabs:r.tabs.map(d=>({title:d,active:d===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(xe,{codeConfig:n,prevFile:s,nextFile:s,t:0,parentHeight:"0"})},southContent:Ce(i),southPanel:o&&{tabs:o.tabs.map(d=>({title:d,active:d===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(xe,{codeConfig:n,prevFile:i,nextFile:i,t:0,parentHeight:"0"})}}}function or(e,t,n){var r;let o=t.northPanel,s=t.southPanel,{prevNorthFile:i,prevSouthFile:l,nextNorthFile:u,nextSouthFile:d}=_t(e,t,!1);return!s&&o.active===((r=e==null?void 0:e.southPanel)===null||r===void 0?void 0:r.active)&&(u=d),{northContent:Ce(u),northPanel:{tabs:o.tabs.map(g=>({title:g,active:g===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(xe,{codeConfig:n,prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:Ce(d),southPanel:s&&{tabs:s.tabs.map(g=>({title:g,active:g===s.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(xe,{codeConfig:n,prevFile:d,nextFile:d,t:1,parentHeight:"1"})}}}function xe({prevFile:e,nextFile:t,t:n,codeConfig:r,parentHeight:o}){var s;let i=Object.assign(Object.assign({},r==null?void 0:r.htmlProps),{style:Object.assign({height:"100%"},(s=r==null?void 0:r.htmlProps)===null||s===void 0?void 0:s.style)});return a.default.createElement(Un,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},r),{parentHeight:o})},i))}function Ce(e){return e?kn(e.code):""}function _t(e,t,n){var r,o;let s=e.northPanel.active,i=t.northPanel.active,l=(r=e.southPanel)===null||r===void 0?void 0:r.active,u=(o=t.southPanel)===null||o===void 0?void 0:o.active,d=e.files.find(C=>C.name===s),f=t.files.find(C=>C.name===i),g=l?e.files.find(C=>C.name===l):null,v=u?t.files.find(C=>C.name===u):null;return!l&&s===u?{prevNorthFile:f,nextNorthFile:f,prevSouthFile:d,nextSouthFile:v}:!u&&i===l?{prevNorthFile:d,nextNorthFile:d,prevSouthFile:g,nextSouthFile:f}:{prevNorthFile:s===i||n?d:f,nextNorthFile:s===i?f:n?d:f,prevSouthFile:l===u?g:n?g||v:v||g,nextSouthFile:l===u?v:n?g||v:v||g}}function Gi(e,t,n){return e.southHeight===null&&t.southHeight===null?{northStyle:{minHeight:e.northHeight}}:e.southHeight!==null&&t.southHeight===null&&t.northKey!==e.southKey?{northStyle:{minHeight:le(e.northHeight,t.northHeight,n)},southStyle:{minHeight:e.southHeight}}:e.southHeight!==null&&t.southHeight===null&&e.southKey===t.northKey?{northStyle:{minHeight:e.northHeight},southStyle:{position:"relative",minHeight:le(e.southHeight,t.northHeight,n),transform:`translateY(${le(0,-(e.northHeight+e.titleBarHeight),n)}px)`}}:e.southHeight===null&&t.southHeight!==null&&e.northKey!==t.southKey?{northStyle:{minHeight:le(e.northHeight,t.northHeight,n)},southStyle:{position:"relative",minHeight:t.southHeight}}:e.southHeight===null&&t.southHeight!==null&&e.northKey===t.southKey?{northStyle:{minHeight:t.northHeight},southStyle:{position:"relative",minHeight:le(e.northHeight,t.southHeight,n),transform:`translateY(${le(-(t.northHeight+t.titleBarHeight),0,n)}px)`}}:{northStyle:{minHeight:le(e.northHeight,t.northHeight,n)},southStyle:{minHeight:le(e.southHeight,t.southHeight,n)}}}function le(e,t,n){return e+(t-e)*n}function qi(e,t,n,r,o){return!e.southTabs&&Se(r,e.northTabs)?{northTabs:ke(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,o),southTabs:ke(t.southTabs,t.northTabs,e.northTabs,e.southTabs,r,o)}:!t.southTabs&&Se(r,t.northTabs)?{northTabs:ke(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,o),southTabs:ke(t.northTabs,t.southTabs,e.southTabs,e.northTabs,r,o)}:{northTabs:ke(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,o),southTabs:ke(t.southTabs,t.northTabs,e.southTabs,e.northTabs,r,o)}}function ke(e,t,n,r,o,s){let i=e?Object.keys(e).filter(d=>Se(d,n)||!n).map(d=>{let f=n&&n[d],g=e[d],v=f?f.left+(g.left-f.left)*s:g.left,h=f?f.width+(g.width-f.width)*s:g.width;return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${v}px)`,width:h}}}):[],l=e?Object.keys(e).filter(d=>n&&!Se(d,n)).map(d=>{let f=e[d];return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${f.left}px)`,opacity:s,width:f.width}}}):[];e&&Object.keys(e).filter(d=>Se(d,r)).map(d=>{let f=r[d],v=e[d].left-f.left;return{active:d===o,title:d,style:{position:"absolute",transform:`translateX(${v}px)`}}});let u=n?Object.keys(n).filter(d=>!Se(d,e)).map(d=>{let f=n[d];return{active:d===o,title:d,style:{position:"absolute",opacity:1-s,transform:`translateX(${f.left}px)`,width:f.width}}}):[];return[...l,...i,...u]}function Se(e,t){return t&&e&&e in t}var sr=typeof window!="undefined"?a.default.useLayoutEffect:a.default.useEffect;function Ui(e,t,n){let[{prevSnapshot:r,nextSnapshot:o},s]=a.default.useState({prevSnapshot:null,nextSnapshot:null});return sr(()=>{(r||o)&&s({prevSnapshot:null,nextSnapshot:null})},[t,n]),sr(()=>{if(r){if(!o){let i=e.current;s(l=>Object.assign(Object.assign({},l),{nextSnapshot:Object.assign(Object.assign({},ir(i,n)),ar(i,n))}))}}else{let i=e.current;s(l=>Object.assign(Object.assign({},l),{prevSnapshot:Object.assign(Object.assign({},ir(i,t)),ar(i,t))}))}}),{prevSnapshot:r,nextSnapshot:o}}function ir(e,t){var n;let r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:(o==null?void 0:o.getBoundingClientRect().height)||null,southKey:(n=t.southPanel)===null||n===void 0?void 0:n.active}}function ar(e,t){var n;let r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:lr(r,t.northPanel.active),southTabs:lr(o,(n=t.southPanel)===null||n===void 0?void 0:n.active)}}function lr(e,t){if(!e[0])return null;let r=e[0].parentElement.getBoundingClientRect().left,o={};return e.forEach(s=>{let i=s.getAttribute("title"),l=s.getBoundingClientRect();o[i]={left:l.left-r,width:l.width,active:i===t}}),o}function Xi({files:e,theme:t,startingFileName:n}){let[r,o]=a.default.useState(()=>e.find(s=>s.name===n));return a.default.createElement("div",{className:"ch-code-browser",style:{color:S(t,b.EditorForeground)}},a.default.createElement(Ki,{files:e,theme:t,activeFile:r,setActiveFile:o}),a.default.createElement(Yi,{file:r,theme:t}))}function Ki({theme:e,files:t,activeFile:n,setActiveFile:r}){let o=a.default.useMemo(()=>Qi(t),[t]);return a.default.createElement("div",{className:"ch-code-browser-sidebar",style:{borderColor:S(e,b.SideBarBorder),background:S(e,b.SideBarBackground),color:S(e,b.SideBarForeground),["--ch-list-selection-background"]:S(e,b.ListActiveSelectionBackground),["--ch-list-selection-foreground"]:S(e,b.ListActiveSelectionForeground),["--ch-hover-background"]:S(e,b.ListHoverBackground),["--ch-hover-foreground"]:S(e,b.ListHoverForeground)}},a.default.createElement(cr,{tree:o,activeFile:n,setActiveFile:r}))}function cr({tree:e,activeFile:t,setActiveFile:n,level:r=0}){return a.default.createElement(a.default.Fragment,null,e.map(o=>a.default.createElement(Ji,{key:o.name,node:o,activeFile:t,setActiveFile:n,level:r})))}function Ji({node:e,activeFile:t,setActiveFile:n,level:r}){let o=e.children&&e.children.length>0,s=e.codeFile===t;return o?a.default.createElement("div",null,a.default.createElement("div",{className:"ch-code-browser-sidebar-folder"},a.default.createElement("div",{style:{paddingLeft:r*1.5+"ch"}},e.name)),a.default.createElement(cr,{tree:e.children,activeFile:t,setActiveFile:n,level:r+1})):a.default.createElement("div",null,a.default.createElement("div",{className:"ch-code-browser-sidebar-file",onClick:()=>n(e.codeFile),style:s?{color:"var(--ch-list-selection-foreground)",background:"var(--ch-list-selection-background)"}:{}},a.default.createElement("div",{style:{paddingLeft:r*1.5+"ch"}},e.name)))}function Yi({file:e,theme:t}){return a.default.createElement("div",{className:"ch-code-browser-content",style:{background:S(t,b.CodeBackground),color:S(t,b.CodeForeground),["--ch-selection-background"]:S(t,b.SelectionBackground),colorScheme:jn(t)}},a.default.createElement(Ze,{className:"ch-code-browser-button",content:kn(e.code)}),e.code.lines.map((n,r)=>a.default.createElement("div",{key:r},n.tokens.length===0?a.default.createElement("br",null):n.tokens.map((o,s)=>a.default.createElement("span",Object.assign({key:s},o.props),o.content)))))}function Qi(e){let t=[];for(let n of e){let r=n.name.split("/"),o=t;for(let s=0;sd.name===i);if(u===-1){let d={name:i,children:[],codeFile:void 0};l&&(d.codeFile=n),o.push(d),o=d.children}else o=o[u].children}}return t=ur(t),t}function ur(e){for(let t of e)t.children=ur(t.children);return e.sort((t,n)=>{let r=t.children&&t.children.length>0,o=n.children&&n.children.length>0;return r&&o||!r&&!o?t.name.localeCompare(n.name):r?-1:1})}function Zi({style:e,step:t,theme:n,className:r}){let[o,s]=a.default.useState(!1),[i,l]=a.default.useState(!0),u=a.default.useRef(null),d=t.files;return a.default.useEffect(()=>{u.current&&!u.current.showModal&&l(!1)},[]),i?a.default.createElement(a.default.Fragment,null,a.default.createElement(Vi,{className:r,style:e,onClick:()=>{u.current.showModal(),document.body.classList.add("ch-no-scroll"),s(!0)}}),a.default.createElement("dialog",{ref:u,className:"ch-expand-dialog",onClose:()=>{s(!1)},onClick:f=>{f.currentTarget===f.target&&(u.current.close(),document.body.classList.remove("ch-no-scroll"))}},a.default.createElement(ea,{onClick:()=>{u.current.close(),document.body.classList.remove("ch-no-scroll")}}),o?a.default.createElement("div",{className:"ch-expand-dialog-content",style:{borderColor:S(n,b.SideBarBorder)}},a.default.createElement(Xi,{files:d,theme:n,startingFileName:t.northPanel.active})):void 0)):null}function Vi({onClick:e,style:t,className:n}){return a.default.createElement("svg",{style:t,onClick:e,className:n,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"button"},a.default.createElement("title",null,"Expand"),a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"}))}function ea({onClick:e}){return a.default.createElement("svg",{onClick:e,className:"ch-expand-close",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"button"},a.default.createElement("title",null,"Close"),a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}))}var ta={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function na(e){var{prev:t=ta,next:n,t:r,backward:o,codeConfig:s,frameProps:i={}}=e,l=I(e,["prev","next","t","backward","codeConfig","frameProps"]);let u=a.default.createRef(),{showCopyButton:d,showExpandButton:f}=s,g=I(s,["showCopyButton","showExpandButton"]),{northPanel:v,southPanel:h,northContent:w,southContent:y}=zi(u,t,n||t,r,o,g),[x,T]=a.default.useState(void 0);Nn(()=>{var j;let z=(j=u.current)===null||j===void 0?void 0:j.getBoundingClientRect().height;T(z)},[]);let O=Object.assign(Object.assign(Object.assign({},i),l),{style:Object.assign(Object.assign({},i==null?void 0:i.style),l==null?void 0:l.style)});x&&(O.style.height=x,O.style.maxHeight=x);let C=a.default.createElement(a.default.Fragment,null,d?a.default.createElement(Ze,{className:"ch-editor-button",content:w}):void 0,f?a.default.createElement(Zi,{className:"ch-editor-button",step:n||t,theme:s.theme}):void 0),k=d?a.default.createElement(Ze,{className:"ch-editor-button",content:y}):void 0,B=a.default.createElement($i,{prev:t.terminal,next:(n||t).terminal,t:r,backward:o});return a.default.createElement(Ni,Object.assign({ref:u},O,{northPanel:v,southPanel:h,terminalPanel:B,theme:s.theme,northButton:C,southButton:k}))}var ra={stiffness:120,damping:24,mass:.2,decimals:3};function dr(e){var{northPanel:t,southPanel:n,files:r,terminal:o,springConfig:s}=e,i=I(e,["northPanel","southPanel","files","terminal","springConfig"]);let l=a.default.useMemo(()=>({northPanel:t,southPanel:n,files:r,terminal:o}),[t,n,r,o]),{prev:u,next:d,t:f}=oa(l,s);return a.default.createElement(na,Object.assign({t:f,backward:!1,prev:u,next:d},i))}function oa(e,t=ra){let[{target:n,steps:r,index:o},s]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&s(f=>sa(f,e,i))},[e]);let[i]=Bt(n,t),l=i-o;return l<=1?{prev:r[0],next:r[1],t:l}:{prev:r[1],next:r[2],t:l-1}}function sa(e,t,n){let{steps:r,target:o,index:s}=e,i=r.slice();return n-s<1?(i[2]=t,Object.assign(Object.assign({},e),{steps:i})):(i[0]=r[1],i[1]=r[2],i[2]=t,Object.assign(Object.assign({},e),{steps:i,target:o+1,index:s+1}))}function fr(e){let[t,n]=a.default.useState(e);function r(o){let s=be(t,o,null);n(Object.assign(Object.assign({},t),s))}return a.default.createElement(Oe,Object.assign({},t,{onTabClick:r}))}function ia(e){var t,n,r,o,s,i,l,u,d;let{lineNumbers:f,showCopyButton:g,showExpandButton:v,minZoom:h,maxZoom:w}=e,y=I(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),x=Object.assign(Object.assign({},e.codeConfig),{maxZoom:w??((t=e.codeConfig)===null||t===void 0?void 0:t.maxZoom),minZoom:h??((n=e.codeConfig)===null||n===void 0?void 0:n.minZoom),horizontalCenter:(o=(r=e.codeConfig)===null||r===void 0?void 0:r.horizontalCenter)!==null&&o!==void 0?o:e.horizontalCenter,lineNumbers:f??((s=e.codeConfig)===null||s===void 0?void 0:s.lineNumbers),showCopyButton:g??((i=e.codeConfig)===null||i===void 0?void 0:i.showCopyButton),showExpandButton:v??((l=e.codeConfig)===null||l===void 0?void 0:l.showExpandButton),rows:e.rows,debug:(u=e.debug)!==null&&u!==void 0?u:(d=e.codeConfig)===null||d===void 0?void 0:d.debug});return Object.assign(Object.assign({},y),{codeConfig:x})}function Oe(e){var{onTabClick:t}=e,n=I(e,["onTabClick"]);let r=ia(n),{className:o,style:s,codeConfig:i}=r,l=I(r,["className","style","codeConfig"]);if(!n.southPanel&&n.files.length===1&&!n.files[0].name)return a.default.createElement("div",{className:`ch-codeblock not-prose ${o||""}`,style:s},a.default.createElement(Fi,{className:"ch-code",config:i,step:l.files[0]}));{let u=Object.assign(Object.assign({},l==null?void 0:l.frameProps),{onTabClick:t});return a.default.createElement("div",{className:`ch-codegroup not-prose ${o||""}`,style:s},a.default.createElement(dr,Object.assign({},l,{frameProps:u,codeConfig:i})))}}function be(e,t,n){let r=t||e.northPanel.active,o=e.files.map(l=>l.name===r?Object.assign(Object.assign({},l),{focus:n===null?l.focus:n}):l),s=Object.assign({},e.northPanel),i=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?s.active=r:i&&(i.active=r),{files:o,northPanel:s,southPanel:i}}var pr=a.default.createContext({props:null,setFocus:()=>{}});function gr(e){var{children:t,className:n,style:r}=e,o=I(e,["children","className","style"]);let[s,i]=a.default.useState(o),l=()=>i(o),u=({fileName:f,focus:g,id:v})=>{let h=be(s,f,g);i(Object.assign(Object.assign(Object.assign({},s),h),{selectedId:v}))},d=I(s,["selectedId"]);return a.default.createElement("section",{className:`ch-section ${n||""}`,style:r},a.default.createElement(pr.Provider,{value:{props:d,setFocus:u}},a.default.createElement(At,{onActivation:u,onReset:l},t)))}function hr(e){let{props:t,setFocus:n}=a.default.useContext(pr),r=o=>{n({fileName:o,focus:null,id:""})};return a.default.createElement(Oe,Object.assign({},e,t,{onTabClick:r}))}function mr({focus:e,file:t,children:n,id:r}){let{activate:o,reset:s,activatedId:i}=a.default.useContext(vr),l=i===r;return a.default.createElement("span",{className:"ch-section-link","data-active":l,children:n,onMouseOver:()=>o({fileName:t,focus:e,id:r}),onMouseOut:s})}var vr=a.default.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function At({onActivation:e,onReset:t,children:n}){let[r,o]=a.default.useState(void 0),s=a.default.useCallback(l=>{o(l.id),e(l)},[e]),i=a.default.useCallback(()=>{o(void 0),t()},[t]);return a.default.createElement(vr.Provider,{value:{activate:s,reset:i,activatedId:r}},n)}function aa(){let e=ee("ch-browser");return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:e("button","back-button")},a.default.createElement("g",null,a.default.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function la(){let e=ee("ch-browser");return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:e("button","forward-button")},a.default.createElement("g",null,a.default.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function ca({href:e,style:t}){let n=ee("ch-browser");return a.default.createElement("a",{className:n("button","open-button"),title:"Open in new tab",href:e,style:t,target:"_blank",rel:"noopener noreferrer"},a.default.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:n("open-icon"),xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function ua({url:e,linkUrl:t,theme:n}){let r=S(n,b.InputBorder);return a.default.createElement(a.default.Fragment,null,a.default.createElement(Nt,null),a.default.createElement(aa,null),a.default.createElement(la,null),a.default.createElement("input",{value:e||"",readOnly:!0,style:{background:S(n,b.InputBackground),color:S(n,b.InputForeground),border:r?`1px solid ${r}`:void 0}}),a.default.createElement(ca,{href:t,style:{color:S(n,b.EditorForeground)}}))}function da(e){return a.default.useMemo(()=>e?e.map(t=>{let{displayUrl:n,loadUrl:r}=fa(t.url,t.loadUrl,t.prependOrigin);return{zoom:t.zoom||1,displayUrl:n,loadUrl:r,children:t.children}}):[{zoom:1}],[e])}function fa(e,t,n){let r=typeof window!="undefined"?window.origin:"",o=e&&n===!0?r+e:e;return{displayUrl:o,loadUrl:t||o}}var pa=a.default.forwardRef(ga);function ga(e,t){var{progress:n=0,backward:r=!1,steps:o,transition:s="none",classes:i,theme:l}=e,u=I(e,["progress","backward","steps","transition","classes","theme"]);let d=ee("ch-mini-browser",i),f=da(o),g=Math.round(n),{zoom:v,displayUrl:h,loadUrl:w,children:y}=f[g];return a.default.createElement(Ii,Object.assign({},u,{zoom:v,className:`${d("")} ${u.className||""}`,style:Object.assign(Object.assign({},ha({progress:n,transition:s})),u.style),classes:i,titleBar:a.default.createElement(ua,{url:h,linkUrl:w,theme:l}),theme:l}),y||a.default.createElement("iframe",{ref:t,src:w}))}function ha({progress:e,transition:t}){if(t==="slide"){let n=50,r=e-Math.floor(e),o=r<=.5?-n*r:n-n*r,s=Math.abs(r-.5)*2;return{transform:`translateX(${o}px)`,opacity:s*s}}return{}}function br(e){var{url:t,loadUrl:n,prependOrigin:r,children:o,zoom:s}=e,i=I(e,["url","loadUrl","prependOrigin","children","zoom"]);let[l,u]=ma({url:t,loadUrl:n,prependOrigin:r,children:o,zoom:s});return a.default.createElement(pa,Object.assign({},i,{steps:l,progress:u}))}function ma({url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}){let[s,i]=a.default.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}]});a.default.useEffect(()=>{let u=s.steps[s.steps.length-1];(u.url!==e||u.loadUrl!==t||u.prependOrigin!==n||u.children!==r)&&i(d=>({target:d.target+1,steps:[...d.steps,{url:e,loadUrl:t,prependOrigin:n,children:r,zoom:o}]}))},[e,t,n,r,o]);let[l]=Bt(s.target,{stiffness:100,decimals:3});return[s.steps,l]}var tt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},Pt={};Object.defineProperty(Pt,"__esModule",{value:!0});function va(e){return e==="vue-cli"?"src/main.js":e==="angular-cli"?"src/main.ts":e==="create-react-app-typescript"?"src/index.tsx":e==="parcel"?"index.html":e==="gatsby"?"src/pages/index.js":e==="nuxt"||e==="next"||e==="apollo"||e==="reason"||e==="sapper"?"package.json":e==="nest"?"src/main.ts":e==="static"?"index.html":"src/index.js"}Pt.getMainFile=va;var yr="sandbox.config.json";function ba(e,t){var n=t[yr]||t["/"+yr];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch{}var o=e.dependencies,s=o===void 0?{}:o,i=e.devDependencies,l=i===void 0?{}:i,u=Object.keys(s).concat(Object.keys(l)),d=["nuxt","nuxt-edge"];if(u.some(function(h){return d.indexOf(h)>-1}))return"nuxt";if(u.indexOf("next")>-1)return"next";var f=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(u.some(function(h){return f.indexOf(h)>-1}))return"apollo";if(u.indexOf("ember-cli")>-1)return"ember";if(u.indexOf("sapper")>-1)return"sapper";var g=Object.keys(t);if(g.some(function(h){return h.endsWith(".vue")}))return"vue-cli";if(g.some(function(h){return h.endsWith(".re")}))return"reason";if(u.indexOf("gatsby")>-1)return"gatsby";if(u.indexOf("parcel-bundler")>-1)return"parcel";if(u.indexOf("react-scripts")>-1)return"create-react-app";if(u.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(u.indexOf("@angular/core")>-1)return"angular-cli";if(u.indexOf("preact-cli")>-1)return"preact-cli";if(u.indexOf("svelte")>-1)return"svelte";if(u.indexOf("vue")>-1)return"vue-cli";var v=["@dojo/core","@dojo/framework"];if(u.some(function(h){return v.indexOf(h)>-1}))return"@dojo/cli-create-app";if(u.indexOf("cx")>-1)return"cxjs";if(u.indexOf("@nestjs/core")>-1||u.indexOf("@nestjs/common")>-1)return"nest"}var ya=Pt.getTemplate=ba,Ht={exports:{}};(function(e,t){var n=200,r="__lodash_hash_undefined__",o=1,s=2,i=9007199254740991,l="[object Arguments]",u="[object Array]",d="[object AsyncFunction]",f="[object Boolean]",g="[object Date]",v="[object Error]",h="[object Function]",w="[object GeneratorFunction]",y="[object Map]",x="[object Number]",T="[object Null]",O="[object Object]",C="[object Promise]",k="[object Proxy]",B="[object RegExp]",j="[object Set]",z="[object String]",ce="[object Symbol]",ue="[object Undefined]",ne="[object WeakMap]",de="[object ArrayBuffer]",H="[object DataView]",G="[object Float32Array]",He="[object Float64Array]",it="[object Int8Array]",at="[object Int16Array]",_r="[object Int32Array]",Ar="[object Uint8Array]",Pr="[object Uint8ClampedArray]",Hr="[object Uint16Array]",Mr="[object Uint32Array]",Dr=/[\\^$.*+?()[\]{}|]/g,$r=/^\[object .+?Constructor\]$/,Rr=/^(?:0|[1-9]\d*)$/,N={};N[G]=N[He]=N[it]=N[at]=N[_r]=N[Ar]=N[Pr]=N[Hr]=N[Mr]=!0,N[l]=N[u]=N[de]=N[f]=N[H]=N[g]=N[v]=N[h]=N[y]=N[x]=N[O]=N[B]=N[j]=N[z]=N[ne]=!1;var Gt=typeof tt=="object"&&tt&&tt.Object===Object&&tt,zr=typeof self=="object"&&self&&self.Object===Object&&self,Q=Gt||zr||Function("return this")(),qt=t&&!t.nodeType&&t,Ut=qt&&!0&&e&&!e.nodeType&&e,Xt=Ut&&Ut.exports===qt,lt=Xt&&Gt.process,Kt=function(){try{return lt&<.binding&<.binding("util")}catch{}}(),Jt=Kt&&Kt.isTypedArray;function Wr(c,p){for(var m=-1,E=c==null?0:c.length,L=0,F=[];++m-1}function Eo(c,p){var m=this.__data__,E=Re(m,c);return E<0?(++this.size,m.push([c,p])):m[E][1]=p,this}Z.prototype.clear=mo,Z.prototype.delete=vo,Z.prototype.get=bo,Z.prototype.has=yo,Z.prototype.set=Eo;function ge(c){var p=-1,m=c==null?0:c.length;for(this.clear();++pM))return!1;var _=F.get(c);if(_&&F.get(p))return _==p;var q=-1,K=!0,W=m&s?new $e:void 0;for(F.set(c,p),F.set(p,c);++q-1&&c%1==0&&c-1&&c%1==0&&c<=i}function fn(c){var p=typeof c;return c!=null&&(p=="object"||p=="function")}function Be(c){return c!=null&&typeof c=="object"}var pn=Jt?Xr(Jt):Ho;function Qo(c){return Jo(c)?Lo(c):Mo(c)}function Zo(){return[]}function Vo(){return!1}e.exports=Yo})(Ht,Ht.exports);var Ea=Ht.exports,Er=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),wa=e=>{try{return e.constructor.name}catch{return""}},xa=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async r=>{var o;let{data:s}=r;if(s.$type!==this.getTypeId()||this.outgoingMessages.has(s.$id))return;let i={$originId:this.internalId,$type:this.getTypeId(),$id:s.$id};try{let l=await this.handleMessage(s.$data);i.$data=l}catch(l){l.message||console.error(l),i.$error={message:(o=l.message)!=null?o:"Unknown error"}}r.source?r.source.postMessage(i,"*"):this._postMessage(i)},this.createConnection(),this.internalId=Er(),this.isWorker=wa(n)==="Worker"}getTypeId(){return`p-${this.type}`}createConnection(){self.addEventListener("message",this._messageListener)}dispose(){self.removeEventListener("message",this._messageListener)}sendMessage(e){return new Promise(t=>{let n=Er(),r={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);let o=s=>{let{data:i}=s;i.$type===this.getTypeId()&&i.$id===n&&i.$originId!==this.internalId&&(t(i.$data),self.removeEventListener("message",o))};self.addEventListener("message",o),this._postMessage(r)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope!="undefined"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},Ca=class{constructor(e,t){this.globalListeners={},this.globalListenersCount=0,this.channelListeners={},this.channelListenersCount=0,this.channelId=Math.floor(Math.random()*1e6),this.frameWindow=e.contentWindow,this.origin=t,this.globalListeners=[],this.channelListeners=[],this.eventListener=this.eventListener.bind(this),typeof window!="undefined"&&window.addEventListener("message",this.eventListener)}cleanup(){window.removeEventListener("message",this.eventListener),this.globalListeners={},this.channelListeners={},this.globalListenersCount=0,this.channelListenersCount=0}register(){!this.frameWindow||this.frameWindow.postMessage({type:"register-frame",origin:document.location.origin,id:this.channelId},this.origin)}dispatch(e){!this.frameWindow||this.frameWindow.postMessage({$id:this.channelId,codesandbox:!0,...e},this.origin)}globalListen(e){if(typeof e!="function")return()=>{};let t=this.globalListenersCount;return this.globalListeners[t]=e,this.globalListenersCount++,()=>{delete this.globalListeners[t]}}channelListen(e){if(typeof e!="function")return()=>{};let t=this.channelListenersCount;return this.channelListeners[t]=e,this.channelListenersCount++,()=>{delete this.channelListeners[t]}}eventListener(e){if(e.source!==this.frameWindow)return;let t=e.data;!t.codesandbox||(Object.values(this.globalListeners).forEach(n=>n(t)),t.$id===this.channelId&&Object.values(this.channelListeners).forEach(n=>n(t)))}};function wr(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function ka(e,t,n,r){let o={...e};if(!o["/package.json"]){if(!t)throw new Error("No dependencies specified, please specify either a package.json or dependencies.");if(!r)throw new Error("Missing 'entry' parameter. Either specify an entry point, or pass in a package.json with the 'main' field set.");o["/package.json"]={code:wr(t,n,r)}}return o}function Sa(e){if(e.title==="SyntaxError"){let{title:s,path:i,message:l,line:u,column:d}=e;return{title:s,path:i,message:l,line:u,column:d}}let t=Oa(e.payload.frames);if(!t)return{message:e.message};let n=Ta(t),r=Fa(t);return{message:ja(t._originalFileName,e.message,r,n),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function Oa(e){if(!!e)return e.find(t=>!!t._originalFileName)}function Fa(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function Ta(e){let n=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,r=2,o=3,s=r+n+o+e._originalColumnNumber;return e._originalScriptCode.reduce((i,l)=>{let u=l.highlight?">":" ",d=l.lineNumber.toString().length===n?`${l.lineNumber}`:` ${l.lineNumber}`,f=l.highlight?` `+" ".repeat(s)+"^":"";return i+` `+u+" "+d+" | "+l.content+f},"")}function ja(e,t,n,r){return`${e}: ${t}${n} ${r}`}var Ba=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,Ia=class{constructor(e,t,n={}){this.getTranspilerContext=()=>new Promise(s=>{let i=this.listen(l=>{l.type==="transpiler-context"&&(s(l.data),i())});this.dispatch({type:"get-transpiler-context"})});var r;if(this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||Ba,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let s=document.querySelector(e);if(!s)throw new Error(`No element found for selector '${e}'`);this.element=s,this.iframe=document.createElement("iframe"),this.initializeElement()}else this.element=e,this.iframe=e;this.iframe.getAttribute("sandbox")||this.iframe.setAttribute("sandbox","allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts");let o=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;(r=this.iframe.contentWindow)==null||r.location.replace(o),this.iframeProtocol=new Ca(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(s=>{s.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new xa("file-resolver",async i=>i.m==="isFile"?this.options.fileResolver.isFile(i.p):this.options.fileResolver.readFile(i.p),this.iframe.contentWindow)),this.updatePreview(this.sandboxInfo,!0))}),this.unsubscribeChannelListener=this.iframeProtocol.channelListen(s=>{switch(s.type){case"start":{this.errors=[];break}case"status":{this.status=s.status;break}case"action":{s.action==="show-error"&&(this.errors=[...this.errors,Sa(s)]);break}case"state":{this.bundlerState=s.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){Ea(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,r,o,s;this.sandboxInfo={...this.sandboxInfo,...e};let i=this.getFiles(),l=Object.keys(i).reduce((f,g)=>({...f,[g]:{code:i[g].code,path:g}}),{}),u=JSON.parse(wr(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{u=JSON.parse(i["/package.json"].code)}catch(f){console.error("Could not parse package.json file: "+f.message)}let d=Object.keys(i).reduce((f,g)=>({...f,[g]:{content:i[g].code,path:g}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:l,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:Boolean(this.options.fileResolver),disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||ya(u,d),showOpenInCodeSandbox:(n=this.options.showOpenInCodeSandbox)!=null?n:!0,showErrorScreen:(r=this.options.showErrorScreen)!=null?r:!0,showLoadingScreen:(o=this.options.showLoadingScreen)!=null?o:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:(s=this.options.logLevel)!=null?s:Mt.Info})}dispatch(e){this.iframeProtocol.dispatch(e)}listen(e){return this.iframeProtocol.channelListen(e)}getCodeSandboxURL(){let e=this.getFiles(),t=Object.keys(e).reduce((n,r)=>({...n,[r.replace("/","")]:{content:e[r].code,isBinary:!1}}),{});return fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1",{method:"POST",body:JSON.stringify({files:t}),headers:{Accept:"application/json","Content-Type":"application/json"}}).then(n=>n.json()).then(n=>({sandboxId:n.sandbox_id,editorUrl:`https://codesandbox.io/s/${n.sandbox_id}`,embedUrl:`https://codesandbox.io/embed/${n.sandbox_id}`}))}getFiles(){let{sandboxInfo:e}=this;return e.files["/package.json"]===void 0?ka(e.files,e.dependencies,e.devDependencies,e.entry):this.sandboxInfo.files}initializeElement(){if(this.iframe.style.border="0",this.iframe.style.width=this.options.width||"100%",this.iframe.style.height=this.options.height||"100%",this.iframe.style.overflow="hidden",!this.element.parentNode)throw new Error("Given element does not have a parent.");this.element.parentNode.replaceChild(this.iframe,this.element)}},Mt;(function(e){e[e.None=0]="None",e[e.Error=10]="Error",e[e.Warning=20]="Warning",e[e.Info=30]="Info",e[e.Debug=40]="Debug"})(Mt||(Mt={}));function te(e){var{className:t,files:n,presetConfig:r,show:o,children:s,codeConfig:i,style:l,frameless:u}=e,d=I(e,["className","files","presetConfig","show","children","codeConfig","style","frameless"]);let f=r?a.default.createElement(Na,{files:n,presetConfig:r}):s;return a.default.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:l},u?f:a.default.createElement(br,Object.assign({loadUrl:o,theme:i.theme},d,{children:f})))}function Na({files:e,presetConfig:t}){let n=a.default.useRef(null),r=a.default.useRef(null);return a.default.useEffect(()=>{r.current=new Ia(n.current,Object.assign(Object.assign({},t),{files:xr(t.files,e)}),{showOpenInCodeSandbox:!1})},[]),a.default.useEffect(()=>{r.current&&r.current.updatePreview(Object.assign(Object.assign({},t),{files:xr(t.files,e)}))},[e]),a.default.createElement("iframe",{ref:n})}function xr(e,t){let n=Object.assign({},e);return t.forEach(r=>{n["/"+r.name]={code:r.code.lines.map(o=>o.tokens.map(s=>s.content).join("")).join(` `)}}),n}function nt(e,t){let n=a.default.Children.toArray(e),r=t?n.slice(0,n.length/2):n,o=t?n.slice(n.length/2):void 0;return{stepsChildren:r,previewChildren:o}}function Cr(e){var t,{children:n,editorSteps:r,codeConfig:o,start:s=0,presetConfig:i,className:l,style:u,hasPreviewSteps:d}=e,f=I(e,["children","editorSteps","codeConfig","start","presetConfig","className","style","hasPreviewSteps"]);let{stepsChildren:g,previewChildren:v}=nt(n,d),h=i||d,[w,y]=a.default.useState({stepIndex:s,step:r[s]}),x=w.step;function T(C){let k=be(w.step,C,null);y(Object.assign(Object.assign({},w),{step:k}))}let O=g[0];return a.default.createElement("section",{className:`ch-spotlight ${h?"ch-spotlight-with-preview":""} ${l||""}`,style:u},a.default.createElement("div",{className:"ch-spotlight-tabs"},((t=O==null?void 0:O.props)===null||t===void 0?void 0:t.children)?a.default.createElement("div",null,g[0]):null,g.map((C,k)=>k===0?null:a.default.createElement("div",{key:k,onClick:()=>y({stepIndex:k,step:r[k]}),className:"ch-spotlight-tab","data-selected":k===w.stepIndex?"true":void 0},C))),a.default.createElement("div",{className:"ch-spotlight-sticker"},a.default.createElement(Oe,Object.assign({},f,x,{codeConfig:o,onTabClick:T})),i?a.default.createElement(te,{className:"ch-spotlight-preview",files:x.files,presetConfig:i,codeConfig:o}):d?a.default.createElement(te,Object.assign({className:"ch-spotlight-preview"},v[w.stepIndex].props)):null))}function La(e){e.forEach(_a)}function _a(e){var t;let n=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;Dt(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${rt.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),Dt(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?rt.enterColor:rt.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),Dt(e.intersectionRect,{backgroundColor:rt.interColor,zIndex:2})}function Dt(e,t={}){let{width:n,left:r,height:o,top:s}=e,i=document.createElement("div");return i.style.position="fixed",i.style.width=n+"px",i.style.left=r+"px",i.style.top=s+"px",i.style.height=o+"px",i.style.pointerEvents="none",i.style.transition="opacity 2s ease-in",Object.assign(i.style,t),requestAnimationFrame(()=>requestAnimationFrame(()=>{i.style.opacity="0"})),i.addEventListener("transitionend",()=>{document.body.removeChild(i)}),document.body.appendChild(i),i}var rt={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},Aa=typeof window!="undefined"?a.default.useLayoutEffect:a.default.useEffect;function Pa(){let e=typeof window=="object";function t(){return e?document.documentElement.clientHeight:void 0}let[n,r]=a.default.useState(t);return a.default.useEffect(()=>{function o(){r(t())}return window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[]),Aa(()=>{r(t())},[]),n}var kr=a.default.createContext(void 0),$t=typeof window!="undefined"?a.default.useLayoutEffect:a.default.useEffect;function Ha({onStepChange:e,children:t,getRootMargin:n=$a,debug:r=!1}){let[o,s]=a.default.useState(),i=Pa();return $t(()=>{let d=Da(f=>{(r||window.chDebugScroller)&&La(f),f.forEach(g=>{if(g.intersectionRatio>0){let v=g.target;e(+v.stepIndex)}})},n(i||0));return s(d),()=>d.disconnect()},[i]),a.default.createElement(kr.Provider,{value:o},t)}function Ma(e){var{as:t="section",index:n}=e,r=I(e,["as","index"]);let o=a.default.useRef(null),s=a.default.useContext(kr);return $t(()=>(s&&s.observe(o.current),()=>s&&s.unobserve(o.current)),[s]),$t(()=>{let i=o.current;i.stepIndex=n},[n]),a.default.createElement(t,Object.assign(Object.assign({},r),{ref:o}))}function Da(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function $a(e){return`-${e/2-2}px 0px`}var Ra=0;function za({match:e}){let t=e.map(([s])=>s),{isServer:n,matchedIndex:r}=qa(t),o=n?"ssmq-"+Ra++:"";return n?a.default.createElement(a.default.Fragment,null,a.default.createElement("style",{className:o,dangerouslySetInnerHTML:{__html:Wa(t,o)}}),e.map(([s,i])=>a.default.createElement("div",{key:s,className:`${o} ${ot(s)}`},i)),a.default.createElement("script",{className:o,dangerouslySetInnerHTML:{__html:Ga(e,o)}})):a.default.createElement(a.default.Fragment,null,a.default.createElement("div",null,e[r][1]))}function Wa(e,t){return e.slice().reverse().map(o=>{let s=`.${t}.${ot(o)}{display:block}`,i=`.${t}:not(.${ot(o)}){display: none;}`;return o==="default"?`${s}${i}`:`@media ${o}{${s}${i}}`}).join(` `)}function Ga(e,t){let n=e.map(([o])=>o),r=n.map(ot);return`(function() { var qs = ${JSON.stringify(n)}; var clss = ${JSON.stringify(r)}; var mainCls = "${t}"; var scrEls = document.getElementsByTagName("script"); var scrEl = scrEls[scrEls.length - 1]; var parent = scrEl.parentNode; var el = null; for (var i = 0; i < qs.length - 1; i++) { if (window.matchMedia(qs[i]).matches) { el = parent.querySelector(":scope > ." + mainCls + "." + clss[i]); break; } } if (!el) { var defaultClass = clss.pop(); el = parent.querySelector(":scope > ." + mainCls + "." + defaultClass); } el.removeAttribute("class"); parent.querySelectorAll(":scope > ." + mainCls).forEach(function (e) { parent.removeChild(e); }); })();`}function ot(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function qa(e){let t=typeof window=="undefined",n=e.slice(0,-1);e[e.length-1]!=="default"&&console.warn("last media query should be 'default'");let[,r]=a.default.useState(0),o=t?[]:n.map(i=>window.matchMedia(i));a.default.useEffect(()=>{let i=()=>r(l=>l+1);return o.forEach(l=>l.addListener(i)),()=>o.forEach(l=>l.removeListener(i))},[]);let s=o.findIndex(i=>i.matches);return{isServer:t,matchedIndex:s<0?e.length-1:s}}function Sr(){let e=a.default.useContext(Rt);return e?a.default.createElement(Ua,Object.assign({},e)):null}function Ua({editorStep:e,setFocus:t}){let n=o=>{t({fileName:o,focus:null,id:""})},r=I(e,["preset","presetConfig"]);return a.default.createElement(Oe,Object.assign({},r,{onTabClick:n}))}function Or(){let e=a.default.useContext(Rt);return e?a.default.createElement(Xa,Object.assign({},e)):null}function Xa({previewStep:e,allProps:t,editorStep:n}){let r=I(t,["preset"]);return a.default.createElement(te,Object.assign({className:"ch-scrollycoding-preview"},r,e==null?void 0:e.props,{files:n.files}))}var Rt=a.default.createContext(null);function Fr(e){return a.default.createElement(za,{match:[[e.codeConfig.staticMediaQuery,a.default.createElement(Ka,Object.assign({},e))],["default",a.default.createElement(Ya,Object.assign({},e))]]})}function Ka(e){var{children:t,hasPreviewSteps:n,editorSteps:r}=e,o=I(e,["children","hasPreviewSteps","editorSteps"]);let{stepsChildren:s,previewChildren:i}=nt(t,n);return a.default.createElement("section",{className:"ch-scrollycoding-static"},s.map((l,u)=>a.default.createElement(Ja,{key:u,editorStep:r[u],previewStep:i&&i[u],allProps:o},l)))}function Ja({editorStep:e,previewStep:t,allProps:n,children:r}){let[o,s]=a.default.useState(Object.assign(Object.assign({},e),n)),i=()=>s(Object.assign(Object.assign({},e),n)),l=({fileName:u,focus:d,id:f})=>{let g=be(o,u,d);s(Object.assign(Object.assign(Object.assign({},o),g),{selectedId:f}))};return a.default.createElement(Rt.Provider,{value:{editorStep:o,previewStep:t,allProps:n,setFocus:l}},a.default.createElement(At,{onActivation:l,onReset:i},r))}function Ya(e){var{children:t,editorSteps:n,codeConfig:r,presetConfig:o,start:s=0,className:i,style:l,hasPreviewSteps:u}=e,d=I(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);let{stepsChildren:f,previewChildren:g}=nt(t,u),v=o||u,[h,w]=a.default.useState({stepIndex:s,step:n[s]}),y=h.step;function x(C){w({stepIndex:C,step:n[C]})}function T(C){let k=be(h.step,C,null);w(Object.assign(Object.assign({},h),{step:k}))}function O(C,k,B){let j=be(n[C],k,B);w(Object.assign(Object.assign({},h),{stepIndex:C,step:j}))}return a.default.createElement("section",{className:`ch-scrollycoding ${v?"ch-scrollycoding-with-preview":""} ${i||""}`,style:l},a.default.createElement("div",{className:"ch-scrollycoding-content"},a.default.createElement(Ha,{onStepChange:x},f.map((C,k)=>a.default.createElement(Ma,{as:"div",key:k,index:k,onClick:()=>x(k),className:"ch-scrollycoding-step-content","data-selected":k===h.stepIndex?"true":void 0},a.default.createElement(At,{onActivation:({fileName:B,focus:j})=>{O(k,B,j)},onReset:()=>{x(k)}},C))))),a.default.createElement("div",{className:"ch-scrollycoding-sticker"},a.default.createElement(Oe,Object.assign({showExpandButton:!0},d,y,{codeConfig:r,onTabClick:T})),o?a.default.createElement(te,{className:"ch-scrollycoding-preview",files:y.files,presetConfig:o,codeConfig:r}):u?a.default.createElement(te,Object.assign({className:"ch-scrollycoding-preview"},g[h.stepIndex].props)):null))}function Tr(e){var{children:t,className:n,code:r,codeConfig:o,editorSteps:s,autoFocus:i,hasPreviewSteps:l,start:u=0,onChange:d=()=>{},presetConfig:f,style:g,autoPlay:v,loop:h=!1}=e,w=I(e,["children","className","code","codeConfig","editorSteps","autoFocus","hasPreviewSteps","start","onChange","presetConfig","style","autoPlay","loop"]);let{stepsChildren:y,previewChildren:x}=nt(t,l),T=f||l,O=y.some(H=>{var G;return(G=H.props)===null||G===void 0?void 0:G.children}),C=s.length-1,[k,B]=a.default.useState(()=>{let H=Et(u,0,C);return{stepIndex:H,step:s[H]}}),{stepIndex:j,step:z}=k,ce=j===C;a.default.useEffect(()=>{d({index:j})},[j]);function ue(H){let G=be(z,H,null);B(Object.assign(Object.assign({},k),{step:G}))}function ne(H){let G=Et(H,0,C);B({stepIndex:G,step:s[G]})}function de(){B(H=>{let G=h?(H.stepIndex+1)%(C+1):Et(H.stepIndex+1,0,C);return{stepIndex:G,step:s[G]}})}return Cs(de,v),a.default.createElement("div",{className:`ch-slideshow ${T?"ch-slideshow-with-preview":""} ${n||""}`,style:g},a.default.createElement("div",{className:"ch-slideshow-slide"},a.default.createElement(Oe,Object.assign({},w,z,{codeConfig:Object.assign(Object.assign({},o),r),onTabClick:ue})),f?a.default.createElement(te,{className:"ch-slideshow-preview",files:z.files,presetConfig:f,codeConfig:o}):l?a.default.createElement(te,Object.assign({className:"ch-slideshow-preview"},x[j].props)):null),a.default.createElement("div",{className:"ch-slideshow-notes"},a.default.createElement("div",{className:"ch-slideshow-range"},a.default.createElement("button",{onClick:()=>ne(j-1),disabled:j===0},"Prev"),a.default.createElement("input",{max:C,min:0,step:1,type:"range",value:j,onChange:H=>ne(+H.target.value),ref:Qa(i),autoFocus:i}),a.default.createElement("button",{onClick:de,disabled:ce},"Next")),O&&a.default.createElement("div",{className:"ch-slideshow-note"},y[j])))}function Qa(e){let t=a.default.useRef(null);return a.default.useEffect(()=>{e&&t.current.focus()},[]),t}function jr(){return a.default.createElement("div",null,`"error: code hike remark plugin not running or annotation isn't at the right place"`)}var Br={box:tl,bg:Ir,label:rl,link:ol,mark:Za,withClass:nl};function Za(e){return e.isInline?a.default.createElement(Va,Object.assign({},e)):a.default.createElement(Ir,Object.assign({},e))}function Ir({children:e,data:t,style:n,theme:r}){let o="ch-code-multiline-mark "+(t??""),s=S(r,b.RangeHighlightBackground),i=S(r,b.EditorInfoForeground);return a.default.createElement("div",{style:Object.assign(Object.assign({},n),{background:s}),className:o},a.default.createElement("span",{className:"ch-code-multiline-mark-border",style:{background:i}}),e)}function Va({children:e,data:t,theme:n}){let r=el(e)||Ie(S(n,b.CodeForeground),.2),o="ch-code-inline-mark "+(t??"");return a.default.createElement("span",{className:o,style:{background:r}},e)}function el(e){var t,n,r;let o=a.default.Children.toArray(e)[0],s=a.default.Children.toArray(((t=o==null?void 0:o.props)===null||t===void 0?void 0:t.children)||[])[0],i=a.default.Children.toArray(((n=s==null?void 0:s.props)===null||n===void 0?void 0:n.children)||[])[0],{color:l}=((r=i==null?void 0:i.props)===null||r===void 0?void 0:r.style)||{};if(l)return Ie(l,.2)}function tl({children:e,data:t,theme:n}){var r,o;let s=typeof t=="string"?t:((o=(r=n.tokenColors.find(i=>{var l;return(l=i.scope)===null||l===void 0?void 0:l.includes("string")}))===null||r===void 0?void 0:r.settings)===null||o===void 0?void 0:o.foreground)||"yellow";return a.default.createElement("span",{className:"ch-code-box-annotation",style:{outline:`2px solid ${s}`}},e)}function nl({children:e,data:t,style:n,theme:r}){let o=t;return a.default.createElement("span",{style:n,className:o},e)}function rl({children:e,data:t,style:n,theme:r}){let o=r.colors["editor.lineHighlightBackground"]||r.colors["editor.selectionHighlightBackground"],[s,i]=a.default.useState(!1);return a.default.createElement("div",{style:Object.assign(Object.assign({},n),{background:s?o:void 0}),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1)},e,a.default.createElement("div",{style:{position:"absolute",right:0,paddingRight:16,display:s?"block":"none",opacity:.7}},(t==null?void 0:t.children)||t))}function ol({children:e,isInline:t,style:n,data:r}){let o=(r==null?void 0:r.url)||r,s=r==null?void 0:r.title;return a.default.createElement("a",{href:o,title:s,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)}function Nr(e){var{className:t,codeConfig:n,children:r,code:o}=e,s=I(e,["className","codeConfig","children","code"]);let{theme:i}=n,{lines:l}=o,u=l.flatMap(f=>f.tokens),d=S(i,b.CodeForeground);return a.default.createElement("span",Object.assign({className:"ch-inline-code not-prose"+(t?" "+t:"")},s),a.default.createElement("code",{style:{["--ch-code-foreground"]:d,background:Ie(S(i,b.CodeBackground),.9),color:d}},u.map((f,g)=>a.default.createElement("span",Object.assign({key:g},f.props),f.content))))}var sl={Code:fr,Section:gr,SectionLink:mr,SectionCode:hr,Spotlight:Cr,Scrollycoding:Fr,Preview:te,annotations:Br,Annotation:jr,Slideshow:Tr,InlineCode:Nr,CodeSlot:Sr,PreviewSlot:Or},il={MiniBrowser:br,EditorSpring:dr};R.Annotation=jr;R.CH=sl;R.Code=fr;R.CodeSlot=Sr;R.InlineCode=Nr;R.Preview=te;R.PreviewSlot=Or;R.Scrollycoding=Fr;R.Section=gr;R.SectionCode=hr;R.SectionLink=mr;R.Slideshow=Tr;R.Spotlight=Cr;R.annotations=Br;R.internal=il});var cl={};ss(cl,{CH:()=>zt,chCodeConfig:()=>Wt,default:()=>ll});var ye=mn(bn()),st=mn(Lr()),zt={annotations:st.annotations,Code:st.Code},Wt={staticMediaQuery:"not screen, (max-width: 768px)",theme:{$schema:"vscode://schemas/color-theme",name:"dark-plus",tokenColors:[{settings:{foreground:"#D4D4D4"}},{scope:["meta.embedded","source.groovy.embedded"],settings:{foreground:"#D4D4D4"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{scope:"header",settings:{foreground:"#000080"}},{scope:"comment",settings:{foreground:"#6A9955"}},{scope:"constant.language",settings:{foreground:"#569cd6"}},{scope:["constant.numeric","variable.other.enummember","keyword.operator.plus.exponent","keyword.operator.minus.exponent"],settings:{foreground:"#b5cea8"}},{scope:"constant.regexp",settings:{foreground:"#646695"}},{scope:"entity.name.tag",settings:{foreground:"#569cd6"}},{scope:"entity.name.tag.css",settings:{foreground:"#d7ba7d"}},{scope:"entity.other.attribute-name",settings:{foreground:"#9cdcfe"}},{scope:["entity.other.attribute-name.class.css","entity.other.attribute-name.class.mixin.css","entity.other.attribute-name.id.css","entity.other.attribute-name.parent-selector.css","entity.other.attribute-name.pseudo-class.css","entity.other.attribute-name.pseudo-element.css","source.css.less entity.other.attribute-name.id","entity.other.attribute-name.scss"],settings:{foreground:"#d7ba7d"}},{scope:"invalid",settings:{foreground:"#f44747"}},{scope:"markup.underline",settings:{fontStyle:"underline"}},{scope:"markup.bold",settings:{fontStyle:"bold",foreground:"#569cd6"}},{scope:"markup.heading",settings:{fontStyle:"bold",foreground:"#569cd6"}},{scope:"markup.italic",settings:{fontStyle:"italic"}},{scope:"markup.strikethrough",settings:{fontStyle:"strikethrough"}},{scope:"markup.inserted",settings:{foreground:"#b5cea8"}},{scope:"markup.deleted",settings:{foreground:"#ce9178"}},{scope:"markup.changed",settings:{foreground:"#569cd6"}},{scope:"punctuation.definition.quote.begin.markdown",settings:{foreground:"#6A9955"}},{scope:"punctuation.definition.list.begin.markdown",settings:{foreground:"#6796e6"}},{scope:"markup.inline.raw",settings:{foreground:"#ce9178"}},{name:"brackets of XML/HTML tags",scope:"punctuation.definition.tag",settings:{foreground:"#808080"}},{scope:["meta.preprocessor","entity.name.function.preprocessor"],settings:{foreground:"#569cd6"}},{scope:"meta.preprocessor.string",settings:{foreground:"#ce9178"}},{scope:"meta.preprocessor.numeric",settings:{foreground:"#b5cea8"}},{scope:"meta.structure.dictionary.key.python",settings:{foreground:"#9cdcfe"}},{scope:"meta.diff.header",settings:{foreground:"#569cd6"}},{scope:"storage",settings:{foreground:"#569cd6"}},{scope:"storage.type",settings:{foreground:"#569cd6"}},{scope:["storage.modifier","keyword.operator.noexcept"],settings:{foreground:"#569cd6"}},{scope:["string","meta.embedded.assembly"],settings:{foreground:"#ce9178"}},{scope:"string.tag",settings:{foreground:"#ce9178"}},{scope:"string.value",settings:{foreground:"#ce9178"}},{scope:"string.regexp",settings:{foreground:"#d16969"}},{name:"String interpolation",scope:["punctuation.definition.template-expression.begin","punctuation.definition.template-expression.end","punctuation.section.embedded"],settings:{foreground:"#569cd6"}},{name:"Reset JavaScript string interpolation expression",scope:["meta.template.expression"],settings:{foreground:"#d4d4d4"}},{scope:["support.type.vendored.property-name","support.type.property-name","variable.css","variable.scss","variable.other.less","source.coffee.embedded"],settings:{foreground:"#9cdcfe"}},{scope:"keyword",settings:{foreground:"#569cd6"}},{scope:"keyword.control",settings:{foreground:"#569cd6"}},{scope:"keyword.operator",settings:{foreground:"#d4d4d4"}},{scope:["keyword.operator.new","keyword.operator.expression","keyword.operator.cast","keyword.operator.sizeof","keyword.operator.alignof","keyword.operator.typeid","keyword.operator.alignas","keyword.operator.instanceof","keyword.operator.logical.python","keyword.operator.wordlike"],settings:{foreground:"#569cd6"}},{scope:"keyword.other.unit",settings:{foreground:"#b5cea8"}},{scope:["punctuation.section.embedded.begin.php","punctuation.section.embedded.end.php"],settings:{foreground:"#569cd6"}},{scope:"support.function.git-rebase",settings:{foreground:"#9cdcfe"}},{scope:"constant.sha.git-rebase",settings:{foreground:"#b5cea8"}},{name:"coloring of the Java import and package identifiers",scope:["storage.modifier.import.java","variable.language.wildcard.java","storage.modifier.package.java"],settings:{foreground:"#d4d4d4"}},{name:"this.self",scope:"variable.language",settings:{foreground:"#569cd6"}},{name:"Function declarations",scope:["entity.name.function","support.function","support.constant.handlebars","source.powershell variable.other.member","entity.name.operator.custom-literal"],settings:{foreground:"#DCDCAA"}},{name:"Types declaration and references",scope:["support.class","support.type","entity.name.type","entity.name.namespace","entity.other.attribute","entity.name.scope-resolution","entity.name.class","storage.type.numeric.go","storage.type.byte.go","storage.type.boolean.go","storage.type.string.go","storage.type.uintptr.go","storage.type.error.go","storage.type.rune.go","storage.type.cs","storage.type.generic.cs","storage.type.modifier.cs","storage.type.variable.cs","storage.type.annotation.java","storage.type.generic.java","storage.type.java","storage.type.object.array.java","storage.type.primitive.array.java","storage.type.primitive.java","storage.type.token.java","storage.type.groovy","storage.type.annotation.groovy","storage.type.parameters.groovy","storage.type.generic.groovy","storage.type.object.array.groovy","storage.type.primitive.array.groovy","storage.type.primitive.groovy"],settings:{foreground:"#4EC9B0"}},{name:"Types declaration and references, TS grammar specific",scope:["meta.type.cast.expr","meta.type.new.expr","support.constant.math","support.constant.dom","support.constant.json","entity.other.inherited-class"],settings:{foreground:"#4EC9B0"}},{name:"Control flow / Special keywords",scope:["keyword.control","source.cpp keyword.operator.new","keyword.operator.delete","keyword.other.using","keyword.other.operator","entity.name.operator"],settings:{foreground:"#C586C0"}},{name:"Variable and parameter name",scope:["variable","meta.definition.variable.name","support.variable","entity.name.variable","constant.other.placeholder"],settings:{foreground:"#9CDCFE"}},{name:"Constants and enums",scope:["variable.other.constant","variable.other.enummember"],settings:{foreground:"#4FC1FF"}},{name:"Object keys, TS grammar specific",scope:["meta.object-literal.key"],settings:{foreground:"#9CDCFE"}},{name:"CSS property value",scope:["support.constant.property-value","support.constant.font-name","support.constant.media-type","support.constant.media","constant.other.color.rgb-value","constant.other.rgb-value","support.constant.color"],settings:{foreground:"#CE9178"}},{name:"Regular expression groups",scope:["punctuation.definition.group.regexp","punctuation.definition.group.assertion.regexp","punctuation.definition.character-class.regexp","punctuation.character.set.begin.regexp","punctuation.character.set.end.regexp","keyword.operator.negation.regexp","support.other.parenthesis.regexp"],settings:{foreground:"#CE9178"}},{scope:["constant.character.character-class.regexp","constant.other.character-class.set.regexp","constant.other.character-class.regexp","constant.character.set.regexp"],settings:{foreground:"#d16969"}},{scope:["keyword.operator.or.regexp","keyword.control.anchor.regexp"],settings:{foreground:"#DCDCAA"}},{scope:"keyword.operator.quantifier.regexp",settings:{foreground:"#d7ba7d"}},{scope:"constant.character",settings:{foreground:"#569cd6"}},{scope:"constant.character.escape",settings:{foreground:"#d7ba7d"}},{scope:"entity.name.label",settings:{foreground:"#C8C8C8"}}],semanticTokenColors:{newOperator:"#C586C0",stringLiteral:"#ce9178",customLiteral:"#DCDCAA",numberLiteral:"#b5cea8"},colors:{"editor.background":"#1E1E1E","editor.foreground":"#D4D4D4","editor.inactiveSelectionBackground":"#3A3D41","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070","editor.selectionHighlightBackground":"#ADD6FF26","list.dropBackground":"#383B3D","activityBarBadge.background":"#007ACC","sideBarTitle.foreground":"#BBBBBB","input.placeholderForeground":"#A6A6A6","menu.background":"#252526","menu.foreground":"#CCCCCC","statusBarItem.remoteForeground":"#FFF","statusBarItem.remoteBackground":"#16825D","ports.iconRunningProcessForeground":"#369432","sideBarSectionHeader.background":"#0000","sideBarSectionHeader.border":"#ccc3","tab.lastPinnedBorder":"#ccc3","list.activeSelectionIconForeground":"#FFF"}},autoImport:!0,skipLanguages:[],filepath:"/vercel/path0/__mdx_bundler_fake_dir__/_mdx_bundler_entry_point-812f2ac9-e48c-485b-9987-6bab7f69fc84.mdx"};function al(e={}){let t=Object.assign({},e.components),{wrapper:n}=t,r=(0,ye.jsx)(ye.Fragment,{children:(0,ye.jsx)(zt.Code,{lineNumbers:!0,codeConfig:Wt,northPanel:{tabs:["one.py"],active:"one.py",heightRatio:1},files:[{name:"one.py",focus:"",code:{lines:[{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]},{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]},{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]}],lang:"python"},annotations:[]}],children:(0,ye.jsx)(zt.Code,{codeConfig:Wt,northPanel:{tabs:["one.py"],active:"one.py",heightRatio:1},files:[{name:"one.py",focus:"",code:{lines:[{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]},{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]},{tokens:[{content:"print",props:{style:{color:"#DCDCAA"}}},{content:"(",props:{style:{color:"#D4D4D4"}}},{content:'"Hello, world!"',props:{style:{color:"#CE9178"}}},{content:")",props:{style:{color:"#D4D4D4"}}}]}],lang:"python"},annotations:[]}]})})});return n?(0,ye.jsx)(n,Object.assign({},e,{children:r})):r}var ll=al;return cl;})(); ;return Component.default;