var Component=(()=>{var Gs=Object.create;var We=Object.defineProperty;var qs=Object.getOwnPropertyDescriptor;var Us=Object.getOwnPropertyNames;var Xs=Object.getPrototypeOf,Ks=Object.prototype.hasOwnProperty;var De=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Ys=(e,t)=>{for(var n in t)We(e,n,{get:t[n],enumerable:!0})},cn=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Us(t))!Ks.call(e,s)&&s!==n&&We(e,s,{get:()=>t[s],enumerable:!(r=qs(t,s))||r.enumerable});return e};var un=(e,t,n)=>(n=e!=null?Gs(Xs(e)):{},cn(t||!e||!e.__esModule?We(n,"default",{value:e,enumerable:!0}):n,e)),Js=e=>cn(We({},"__esModule",{value:!0}),e);var fn=De((nl,dn)=>{dn.exports=_jsx_runtime});var mn=De((rl,hn)=>{hn.exports=React});var gn=De((sl,pn)=>{pn.exports=ReactDOM});var Er=De(z=>{"use client";"use strict";Object.defineProperty(z,"__esModule",{value:!0});var Qs=mn(),Zs=gn();function Vs(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var a=Vs(Qs);function T(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 s=0,r=Object.getOwnPropertySymbols(e);s/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),to=(e,t)=>e.match(new RegExp(`.{${t}}`,"g")),no=e=>parseInt(e.repeat(2/e.length),16);function ro(e,t){return typeof e<"u"?e/255:typeof t!="number"||t<0||t>1?1:t}function so(e){if(!e)return;if(!eo(e))throw new Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),n=to(e.slice(1),t),[r,s,o,i]=n.map(no);return{r,g:s,b:o,a:ro(i,1)}}function oo(e){if(!e)return;let{r:t,g:n,b:r,a:s}=e,o=Math.round(s*255);return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${o.toString(16).padStart(2,"0")}`}function io(e,t){if(!e)return e;let{r:n,g:r,b:s,a:o}=so(e);return oo({r:n,g:r,b:s,a:o*t})}function B(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function zn(e,t){return{prev:e?.prev===void 0?t:e.prev,next:e?.next===void 0?t:e.next}}function dt(e,t,n){return B(zn(e,t),n)}function ao(e,t){return t(e.prev)||t(e.next)}function Wn(e){return e.lines.map(t=>t.tokens.map(n=>n.content).join("")).join(` `)}function lo(e,t){return bt(e?Dn(e).map(Gn):[...t.keys()].map(n=>({[n+1]:!0})))}function Dn(e){return e.split(/,(?![^\[]*\])/g)}function bt(e){return e.reduce((t,n)=>Object.assign(t,n),{})}function co(e){return!!e.match(/(\d+)\[(.+)\]/)}function Gn(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,s=r.split(",").map(qn);return{[Number(n)]:s}}else return bt(yt(e).map(n=>({[n]:!0})))}function qn(e){let[t,n]=e.split(":");if(!Ye(t))throw new xe(t);let r=Number(t);if(r<1)throw new Je;if(n){if(!Ye(n))throw new xe(n);return{start:r,end:+n}}else return{start:r,end:r}}function uo(e,t){if(e){let n=Un(e),r=Object.keys(n).map(s=>parseInt(s,10));return[Math.min(...r),Math.max(...r)]}else return[0,t.length-1]}function fo(e,t){if(e){let n=Un(e);return Object.keys(n).map(s=>parseInt(s,10))}else return[...t.keys()]}function Un(e){if(!e)throw new Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(ho);return mo(t.flat())}catch(t){throw t}}function ho(e){let t=e.match(/(\d+)\[(.+)\]/);if(t){let[,n,r]=t,s=r.split(",").map(yt),o=Number(n)-1,i=s.flat().map(l=>l-1);return[[o,i]]}else return yt(e).map(n=>[n-1,!0])}function yt(e){let[t,n]=e.split(":");if(!Ye(t))throw new xe(t);let r=Number(t);if(r<1)throw new Je;if(n){if(!Ye(n))throw new xe(n);let s=[];for(let o=r;o<=+n;o++)s.push(o);return s}else return[r]}function Ye(e){e=e.toString();var t=Math.abs(e),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}var Je=class extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}},xe=class extends Error{constructor(t){super(`Invalid number "${t}" in focus string`),this.number=t,Object.setPrototypeOf(this,new.target.prototype)}};function mo(e){let t={},n=-1,r=e==null?0:e.length;for(;++n{n.current=e},[e]),a.default.useEffect(()=>{if(!t&&t!==0)return;let r=setInterval(()=>n.current(),t);return()=>clearInterval(r)},[t])}function ft(e,t,n){return Math.min(Math.max(e,t),n)}var Ge=200;function go(e,t,n,r,s,o){let[i,l]=a.default.useState(null),[u,d]=a.default.useState(0),h=yo(),m=a.default.useRef(null),{prevLongestLine:v,nextLongestLine:p,element:E}=a.default.useMemo(()=>{let w=vn(e.prev,t.prev),N=vn(e.next,t.next),C=(e.prev||e.next).trimEnd().split(Kn),x=Math.max(C.length,10);if(s){let j=s==="focus"?xo(t,C):s,A=C.length;for(;Aj;)C.pop(),A--;w&&!C.includes(w)&&(C[C.length-1]=w)}let O=!1,I=a.default.createElement("code",{className:"ch-code-scroll-parent"},a.default.createElement("br",null),C.map((j,A)=>{let D=!O&&j===w?m:void 0;return O=O||D!=null,a.default.createElement("div",{ref:D,key:A},r?a.default.createElement("span",{className:"ch-code-line-number"},"_",x):void 0,a.default.createElement("div",{style:{display:"inline-block",marginLeft:16}},a.default.createElement("span",null,j)))}),a.default.createElement("br",null));return{prevLongestLine:w,nextLongestLine:N,element:I}},[e]),y=[...o,h,v,p,n,u];return Xn(()=>{var w;if(m.current){let N=m.current,C=N?.parentElement,x=C.parentElement,{width:O}=x.getBoundingClientRect();if(!O&&u===0){let H=new ResizeObserver(([ge])=>{let{width:Ne}=ge.contentRect;Ne&&(H.disconnect(),d(1))});return H.observe(x),()=>H.disconnect()}let I=N?.querySelector(":scope > div"),j=N?.querySelector(":scope > span"),A=j?vo(j):0,D=ht(I),Y=D/v.length||1,G=p.length*Y,Z=(w=mt(I))!==null&&w!==void 0?w:20,P={containerWidth:ht(x.parentElement),containerHeight:mt(x.parentElement),contentWidth:ht(C.parentElement),contentHeight:mt(C.parentElement),lineWidths:[D||G||Ge,G||D||Ge],lineWidth:[Math.max(D||G||Ge,Y*n),Math.max(G||D||Ge,Y*n)],lineHeight:Z,colWidth:Y,lineNumberWidth:A,deps:y};l(P)}return()=>{}},y),!i||bo(i.deps,y)?{element:E,dimensions:null}:{element:E,dimensions:i}}var Kn=/\r\n|\r|\n/;function vn(e,t){let n=e?e.split(Kn):[""],r=fo(t,n),s="";return n.forEach((o,i)=>{r.includes(i)&&o.length>s.length&&(s=o)}),s}function ht(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function vo(e){let t=getComputedStyle(e);return parseFloat(t.width)}function mt(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function bo(e,t){for(let n=0;n{function n(){t(window.innerWidth)}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),e}function xo(e,t){let[n,r]=uo(e.prev,t);return r-n+1}function le(){}le.prototype={diff:function(t,n){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},s=r.callback;typeof r=="function"&&(s=r,r={}),this.options=r;var o=this;function i(y){return s?(setTimeout(function(){s(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,h=l+u,m=[{newPos:-1,components:[]}],v=this.extractCommon(m[0],n,t,0);if(m[0].newPos+1>=l&&v+1>=u)return i([{value:this.join(n),count:n.length}]);function p(){for(var y=-1*d;y<=d;y+=2){var w=void 0,N=m[y-1],C=m[y+1],x=(C?C.newPos:0)-y;N&&(m[y-1]=void 0);var O=N&&N.newPos+1=l&&x+1>=u)return i(wo(o,w.components,n,t,o.useLongestToken));m[y]=w}d++}if(s)(function y(){setTimeout(function(){if(d>h)return s();p()||y()},0)})();else for(;d<=h;){var E=p();if(E)return E}},pushComponent:function(t,n,r){var s=t[t.length-1];s&&s.added===n&&s.removed===r?t[t.length-1]={count:s.count+1,added:n,removed:r}:t.push({count:1,added:n,removed:r})},extractCommon:function(t,n,r,s){for(var o=n.length,i=r.length,l=t.newPos,u=l-s,d=0;l+1p.length?y:p}),d.value=e.join(h)}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 Eo(e){return{newPos:e.newPos,components:e.components.slice(0)}}var bn=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,yn=/\S/,Yn=new le;Yn.equals=function(e,t){return this.options.ignoreCase&&(e=e.toLowerCase(),t=t.toLowerCase()),e===t||this.options.ignoreWhitespace&&!yn.test(e)&&!yn.test(t)};Yn.tokenize=function(e){for(var t=e.split(/(\s+|[()[\]{}'"]|\b)/),n=0;n"u"?n:i}:r;return typeof e=="string"?e:JSON.stringify(xt(e,null,null,s),s," ")};Le.equals=function(e,t){return le.prototype.equals.call(Le,e.replace(/,([\r\n])/g,"$1"),t.replace(/,([\r\n])/g,"$1"))};function xt(e,t,n,r,s){t=t||[],n=n||[],r&&(e=r(s,e));var o;for(o=0;oi.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 To(e){let t=Co(e.prev,e.next),n=[],r=0,s=0;return t.forEach(o=>{if(o.added)for(let i=0;i{let v=m==="prev"?r.filter(p=>p.move!=="enter"):r.filter(p=>p.move!=="exit");return lo(h,v)}),i=r.map(h=>{let{tokens:m}=h,v=T(h,["tokens"]),p={prev:h.lineNumber.prev?o.prev[h.lineNumber.prev]:!1,next:h.lineNumber.next?o.next[h.lineNumber.next]:!1},E={prev:h.lineNumber.prev?n.prev[h.lineNumber.prev]||[]:[],next:h.lineNumber.next?n.next[h.lineNumber.next]||[]:[]};return Object.assign({focused:B(p,y=>!!y),groups:Fo(m,p,E)},v)}),l=B(o,h=>Object.keys(h).map(m=>Number(m))),u=B(l,h=>Math.min(...h)),d=B(l,h=>Math.max(...h));return Object.assign({lines:i,firstFocusedLineNumber:u,lastFocusedLineNumber:d},s)}function Fo(e,t,n){let r=B(t,h=>Array.isArray(h)?h:[]),s=B(n,h=>h.map(({columnNumbers:m})=>m)),o=[...r.prev,...r.next,...s.prev,...s.next],i=_o(e,o),l=0,u=null,d=[];return i.forEach(h=>{let m=xn(l,t.prev),v=xn(l,t.next),p=wn(l,n.prev),E=wn(l,n.next);(!u||u.focused.prev!==m||u.focused.next!==v||u.annotation.prev!==p||u.annotation.next!==E)&&(u={focused:{prev:m,next:v},tokens:[],annotation:{prev:p,next:E}},d.push(u)),u?.tokens.push(h),l+=h.content.length}),d.map(h=>({focused:h.focused,tokens:h.tokens,element:Lo(h)}))}function Lo(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 _o(e,t){let n=[...t.map(s=>s.start-1),...t.map(s=>s.end)],r=e;return n.forEach(s=>{let o=[],i=0;r.forEach(l=>{let u=i,d=i+l.content.length;if(un-1<=e&&en.start-1<=e&&er)return o;let i=(t-n)/(r-n),l=e.ease||Fe.linear;return s+l(i)*(o-s)}}function En([e,t],n,r){if(r<=1)return[e,t];let s=t-e,o=s/Math.pow(r,1/8),i=(s-o)/(r-1),l=e+i*n,u=l+o;return[l,u]}var Fe={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 Po(e,t,n,r){let[s,o]=t;return e.map(i=>{let l=B(i.lineNumber,v=>v&&v-1),{enterIndex:u,exitIndex:d}=i,h=i.move==="exit"?{fixed:!0,value:l.prev}:i.move==="enter"?{fixed:!0,value:l.next}:{fixed:!1,extremes:[l.prev,l.next],interval:[s,o],ease:Fe.easeInOutCubic},m=i.move==="exit"?{fixed:!1,extremes:[0,-1],ease:Fe.easeInQuad,interval:En([0,s],d,r)}:i.move==="enter"?{fixed:!1,extremes:[1,0],ease:Fe.easeOutQuad,interval:En([o,1],u,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},i),{tweenX:m,tweenY:h})})}function ko(e){let t=dt(e,[],s=>s.flatMap(o=>Dn(o.focus).map(i=>Object.assign(Object.assign({},o),{focus:i})))),n=dt(t,[],s=>s.filter(Cn)),r=dt(t,[],s=>s.filter(o=>!Cn(o)));return{inlineAnnotations:B(n,s=>Mo(s)),multilineAnnotations:B(r,s=>Ao(s))}}function Cn(e){return co(e.focus)}function Mo(e){let t={};return e.forEach(n=>{let r=Gn(n.focus),s=+Object.keys(r)[0],o=r[s],i=t[s]||[];i.push({columnNumbers:o[0],data:n.data,Component:n.Component}),t[s]=i}),t}function Ao(e){return e.map(t=>({lineNumbers:qn(t.focus),data:t.data,Component:t.Component}))}function Ho(e,t){return{prev:Nn(e,t.prev,n=>n.lineNumber.prev),next:Nn(e,t.next,n=>n.lineNumber.next)}}function Nn(e,t,n){let r=[...t];r.sort((i,l)=>i.lineNumbers.start-l.lineNumbers.start);let s=0,o=[];for(;si.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[++s];o.push(u),r.shift()}else if(!i)o.push({lines:e.slice(s)}),s=e.length;else{let u={lines:[]};for(;l&&(!n(l)||n(l){var{groups:r}=n,s=T(n,["groups"]);let{lineNumber:o}=s,i={prev:o.prev?t.prev[o.prev]||[]:[],next:o.next?t.next[o.next]||[]:[]};return Object.assign(Object.assign({},s),{annotatedGroups:Bo(r,i)})})}function Bo(e,t){let n=[...e],r=[...e],s=[...t.prev],o=[...t.next],i=[],l=1,u=1;for(;n.length>0||r.length>0;){let d=s[0],h=o[0],m=d&&d.columnNumbers.start===l,v=h&&h.columnNumbers.start===u;if(lu)if(v){let p=h.columnNumbers.end+1;i.push({next:{annotation:h,groups:Q(r,u,p)}}),u=p,o.shift()}else{let p=Math.min(l,h?.columnNumbers.start||l);i.push({next:{groups:Q(r,u,p)}}),u=p}else if(l==u)if(m&&v&&d.columnNumbers.end===h.columnNumbers.end){let p=h.columnNumbers.end+1;i.push({prev:{annotation:d,groups:Q(n,l,p)},next:{annotation:h,groups:Q(r,u,p)}}),l=p,u=p,s.shift(),o.shift()}else if(m){let p=d.columnNumbers.end+1;i.push({prev:{annotation:d,groups:Q(n,l,p)}}),l=p,s.shift()}else if(v){let p=h.columnNumbers.end+1;i.push({next:{annotation:h,groups:Q(r,u,p)}}),u=p,o.shift()}else if(!d&&!h)i.push({prev:{groups:n},next:{groups:r}}),n=[],r=[];else{let p=Math.min(d?.columnNumbers.start||Number.MAX_VALUE,h?.columnNumbers.start||Number.MAX_VALUE);i.push({prev:{groups:Q(n,l,p)},next:{groups:Q(r,u,p)}}),l=p,u=p}}return i}function Q(e,t,n){let r=[],s=t;for(;s0;){let o=e.shift();r.push(o);let i=o.tokens.reduce((l,u)=>l+u.content.length,0);s+=i}return r}function Ro(e){let{highlightedLines:t,focus:n}=e;return a.default.useMemo(()=>zo(e),[t.prev,t.next,n.prev,n.next])}function zo({focus:e,annotations:t,highlightedLines:n,lang:r}){let s=Wo(n),o=Do(s,n),{inlineAnnotations:i,multilineAnnotations:l}=Go(t),u=qo(o,zn(e,null),i),d=Uo(u,i,l);return Xo(d,s,r)}function Wo(e){return B(e,t=>t.map(n=>n.tokens.map(r=>r.content).join("")).join(` `).trimEnd().concat(` `))}function Do(e,t){return jo(e,t)}function Go(e){return ko(e)}function qo(e,t,n){return Io(e,t,n)}function Uo(e,t,n){var{lines:r}=e,s=T(e,["lines"]);let o=$o(r,t),i=Ho(o,n);return Object.assign(Object.assign({},s),{lineGroups:i,lineCount:{prev:r.filter(l=>l.lineNumber.prev!=null).length,next:r.filter(l=>l.lineNumber.next!=null).length}})}function Xo(e,t,n){let r=Ko(e.enterCount,e.exitCount),s=B(e.lineGroups,o=>o.map(i=>Object.assign(Object.assign({},i),{lines:Po(i.lines,r,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:s,verticalInterval:r,code:t,lang:n})}function Ko(e,t){return e<=0&&t<=0?[0,1]:e<=0&&t>=1?[.33,1]:e>=1&&t<=0?[0,.67]:[.25,.75]}function Yo({dimensions:e,codeStep:t,children:n,minZoom:r=0,maxZoom:s=1.2,center:o=!1,progress:i}){let{prev:l,next:u}=Zo({codeStep:t,dimensions:e,minZoom:r,maxZoom:s,horizontalCenter:o}),d=Ie(l.zoom,u.zoom,i),h=Ie(l.dx,u.dx,i),m=Ie(l.dy,u.dy,i,t.verticalInterval),v=Ie(l.focusHeight,u.focusHeight,i),p=Ie(l.focusWidth,u.focusWidth,i),y=(e?.lineNumberWidth||0)*d||16,w=Math.max(p+y,e.contentWidth),N=y/d;return a.default.createElement(Jo,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},a.default.createElement(Qo,{dx:h,dy:m,scale:d,height:Math.max(v,e.contentHeight),width:w},n(p,N)))}function Jo({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 Qo({dx:e,dy:t,scale:n,height:r,width:s,children:o}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:s,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:s/n,height:(r-2*t)/n},children:o}))}function Zo(e){var{codeStep:t}=e,n=T(e,["codeStep"]);let{lineHeight:r,lineWidth:s}=n.dimensions,o={prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:s[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:s[1]}};return B(o,({extremes:i,originalContentHeight:l,lineWidth:u})=>Vo(Object.assign({extremes:i,originalContentHeight:l,lineWidth:u},n)))}function Vo({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:s,originalContentHeight:o,horizontalCenter:i}){let{lineHeight:l}=e,u=e?.contentHeight,d=e?.contentWidth,h=(s[1]-s[0]+3)*l,m=e?.lineNumberWidth||16,v=16,p=Math.max(Math.min((d-m-v)/t,u/h,r),n),E=o*p,y=(s[0]-1)*l*p,w=(s[1]+2)*l*p,N=(w+y)/2,C=w-y,x=u>E?(u-E)/2:ei(u/2-N,Math.max(u-E,-y),0),O=i?Math.max(d/2-t*p/2,0):0;return{zoom:p,dx:O,dy:x,focusHeight:C,focusWidth:t*p}}function ei(e,t,n){return e<=t?t:e>=n?n:e}function Ie(e,t,n,r=[0,1]){return _e({fixed:!1,interval:r,extremes:[e,t],ease:Fe.easeInOutCubic},n)}function ti(e){return a.default.createElement(Yo,Object.assign({},e),(t,n)=>a.default.createElement(ni,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function ni({codeStep:e,progress:t,focusWidth:n,lineHeight:r,startX:s,lineNumberWidth:o}){let i=t<.5?e.groups.prev:e.groups.next;return a.default.createElement(a.default.Fragment,null,i.map((l,u)=>{if(!l.annotation)return a.default.createElement(On,{lines:l.lines,t,focusWidth:n,lineHeight:r,startX:s,key:u,lineNumberWidth:o});let d=_e(l.lines[0].tweenY,t),h=l.annotation.lineNumbers.end-l.annotation.lineNumbers.start+1,m=l.annotation.Component;return a.default.createElement(m,{style:{position:"absolute",height:h*r,width:"100%",transform:`translateY(${d*r}px)`},key:u,data:l.annotation.data,isInline:!1,lines:l.lines},a.default.createElement(On,{lines:l.lines,t,focusWidth:n,lineHeight:r,startY:d,startX:s,lineNumberWidth:o}))}))}function On({lines:e,focusWidth:t,lineHeight:n,t:r,startX:s,startY:o=0,lineNumberWidth:i}){return a.default.createElement(a.default.Fragment,null,e.map((l,u)=>{let{tweenX:d,tweenY:h,focused:m}=l,v=_e(d,r),p=_e(h,r),E=Jn(m,r,v);return a.default.createElement(a.default.Fragment,{key:u},i?a.default.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${v*t}px, ${(p-o)*n}px)`,width:i,opacity:E}},r<.5?l.lineNumber.prev:l.lineNumber.next):void 0,a.default.createElement(oi,{dx:s+v*t,dy:(p-o)*n,width:t,opacity:E},a.default.createElement(ri,{line:l,progress:r,dx:v})))}))}function ri({line:e,progress:t,dx:n}){return a.default.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((r,s)=>a.default.createElement(si,{annotatedGroup:r,progress:t,dx:n,key:s})),a.default.createElement("br",null))}function si({annotatedGroup:e,progress:t,dx:n}){var r,s;let o=t<.5?e.prev:e.next,i=o?.groups||[],l=(r=o?.annotation)===null||r===void 0?void 0:r.Component,u=i.map((d,h)=>{let m=Jn(d.focused,t,n);return a.default.createElement("span",{style:{opacity:m},key:h+1},d.element)});return l?a.default.createElement(l,{children:u,data:(s=o?.annotation)===null||s===void 0?void 0:s.data,isInline:!0}):a.default.createElement(a.default.Fragment,null,u)}function oi({children:e,dx:t,dy:n,opacity:r,width:s}){return a.default.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:s,display:r<=0?"none":void 0}},e)}var Sn=.33;function Jn(e,t,n){return _e({fixed:!1,extremes:[e.prev?.99:Sn,e.next?.99:Sn],interval:[0,1]},t)-Math.abs(n)*1}function Pe({content:e,style:t,className:n}){let[r,s]=a.default.useState(!1);return a.default.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{ii(e),s(!0),setTimeout(()=>{s(!1)},1200)}},a.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},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 ii(e){if(!navigator.clipboard){ai(e);return}navigator.clipboard.writeText(e)}function ai(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 li({tween:e}){return Ro({highlightedLines:B(e,t=>t.code.lines),focus:B(e,t=>t.focus),annotations:B(e,t=>t.annotations),lang:ao(e,t=>{var n;return(n=t?.code)===null||n===void 0?void 0:n.lang})})}var ci=10;function Qn(e){var{tween:t,progress:n,config:r}=e,s=T(e,["tween","progress","config"]);let o=li({tween:t}),{element:i,dimensions:l}=go(o.code,B(t,u=>u.focus),r.minColumns||ci,r.lineNumbers||!1,r.rows,[r.parentHeight]);return!l||r.debug?a.default.createElement(ui,{element:i,htmlProps:s,debug:r.debug}):a.default.createElement(di,{dimensions:l,stepInfo:o,config:r,progress:n,htmlProps:s})}function ui({element:e,htmlProps:t,debug:n}){return a.default.createElement(Zn,{htmlProps:t,measured:!1},e)}function di({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:r,stepInfo:s,progress:o,htmlProps:i,config:l}){var u;return a.default.createElement(Zn,{htmlProps:i,measured:!0},a.default.createElement(ti,{codeStep:s,progress:o,dimensions:r,minZoom:e,maxZoom:t,center:n}),l.showCopyButton?a.default.createElement(Pe,{className:"ch-code-button",content:(u=s?.code)===null||u===void 0?void 0:u.prev}):void 0)}function Zn({htmlProps:e,children:t,measured:n}){return a.default.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${e?.className||""}`,"data-ch-measured":n,children:t}))}function Tt(){return typeof window<"u"?performance.now():0}function fi(e,t){var n=a.default.useRef(null);return n.current==null&&(n.current={config:Vn(e,t),state:hi(e,t)}),n.current}function Vn(e,t){var n=t.stiffness,r=t.damping,s=t.mass,o=t.decimals,i=t.teleport;return{X:e,k:n??170,c:r??26,m:s??1,teleport:i??!1,decimals:o??2}}function hi(e,t){var n=t.from,r=t.initialSpeed;return{x0:n??e,v0:r??0,t0:Tt(),raf:null}}var pt=Math.sqrt,ie=Math.exp,jn=Math.sin,Tn=Math.cos;function Et(e){var t=e.x0,n=e.v0,r=e.t0,s=e.t,o=e.k,i=e.c,l=e.m,u=e.X,d=t-u,h=(s-r)/1e3,m=i*i-4*o*l;if(m>0){var v=(-i+pt(m))/(2*l),p=(-i-pt(m))/(2*l),E=(d*v-n)/(v-p),y=(n-d*p)/(v-p);return{x:u+E*ie(p*h)+y*ie(v*h),v:E*p*ie(p*h)+y*v*ie(v*h)}}else if(m<0){var w=-i/(2*l),N=pt(-m)/(2*l),C=d,x=(n-w*d)/N;return{x:u+ie(w*h)*(C*Tn(N*h)+x*jn(N*h)),v:ie(w*h)*((x*N+C*w)*Tn(N*h)-(C*N-x*w)*jn(N*h))}}else{var O=-i/(2*l),I=d,j=n-O*d;return{x:u+(I+j*h)*ie(O*h),v:(j+I*O+j*O*h)*ie(O*h)}}}var Qe=[],Ct=null;function In(e){var t=Qe.push(e);return t===1&&(Ct=requestAnimationFrame(mi)),[Ct,t-1]}function Fn(e){var t=e[0],n=e[1];t===Ct&&delete Qe[n]}function mi(){var e=Tt(),t=Qe;Qe=[],Zs.unstable_batchedUpdates(function(){return t.forEach(function(n){return n&&n(e)})})}var qe=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function It(e,t){t===void 0&&(t={});var n=a.default.useState(),r=n[1],s=Vn(e,t),o=fi(e,t),i=o.state,l=o.config,u=Tt(),d=i.x0,h=i.v0,m=i.t0,v=l.k,p=l.c,E=l.m,y=l.X,w=s.teleport?{x:y,v:0}:Et({x0:d,v0:h,t0:m,t:u,k:v,c:p,m:E,X:y}),N=w.x,C=w.v,x=pi(N,C,u,s);return qe(function(){Object.assign(l,s)},[s.X,s.k,s.c,s.m,s.teleport]),qe(function(){i.x0=N,i.v0=C,i.t0=u},[N,C,u]),qe(function(){var O=function I(j){var A=i.x0,D=i.v0,Y=i.t0,G=l.k,Z=l.c,P=l.m,H=l.X,ge=l.decimals,Ne=Et({x0:A,v0:D,t0:Y,t:j,k:G,c:Z,m:P,X:H}),nt=Ne.x;me(nt,ge)!==me(A,ge)?(i.raf=null,r(j)):i.raf=In(I)};x&&i.raf==null?i.raf=In(O):!x&&i.raf!=null&&(Fn(i.raf),i.raf=null)}),qe(function(){return function(){i.raf!=null&&Fn(i.raf)}},[]),[me(N,s.decimals),x]}function pi(e,t,n,r){var s=r.decimals,o=r.X,i=r.k,l=r.c,u=r.m;if(me(e,s)!==me(o,s))return!0;var d=n+.016,h=Et({x0:e,v0:t,t0:n,t:d,k:i,c:l,m:u,X:o}),m=h.x;return me(m,s)!==me(o,s)}function me(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}var gi={stiffness:120,damping:24,mass:.2,decimals:3};function vi(e){var{step:t,config:n}=e,r=T(e,["step","config"]);let{tween:s,t:o}=bi(t,n.spring);return a.default.createElement(Qn,Object.assign({tween:s,progress:o,config:n},r))}function bi(e,t=gi){let[{target:n,steps:r,index:s},o]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&o(h=>yi(h,e,i))},[e]);let[i]=It(n,t),l=i-s;return l<=1?{tween:{prev:r[0],next:r[1]},t:l}:{tween:{prev:r[1],next:r[2]},t:l-1}}function yi(e,t,n){let{steps:r,target:s,index:o}=e,i=r.slice();return n-o<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:s+1,index:o+1}))}var xi=a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:s,zoom:o=1,overflow:i}=e,l=T(e,["title","children","titleBar","zoom","overflow"]);let u=s||a.default.createElement(er,{title:n}),d={"--ch-frame-zoom":o,overflow:i};return a.default.createElement("div",Object.assign({},l,{ref:t}),a.default.createElement("div",{className:"ch-frame"},a.default.createElement("div",{className:"ch-frame-title-bar"},u),a.default.createElement("div",{className:"ch-frame-content"},a.default.createElement("div",{className:"ch-frame-zoom",style:d},r))))});a.default.forwardRef(function(e,t){var{title:n,children:r,titleBar:s,overflow:o}=e,i=T(e,["title","children","titleBar","overflow"]);let l=s||a.default.createElement(er,{title:n});return a.default.createElement("div",Object.assign({},i,{ref:t}),a.default.createElement("div",{className:"ch-simple-frame"},a.default.createElement("div",{className:"ch-frame-title-bar"},l),r))});function er({title:e}){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:"ch-frame-left-bar"},a.default.createElement(Ft,null)),a.default.createElement("div",{className:"ch-frame-middle-bar"},e),a.default.createElement("div",{className:"ch-frame-right-bar"}))}function Ft(){return a.default.createElement("div",{className:"ch-frame-buttons"},a.default.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),a.default.createElement("div",{className:"ch-frame-button-space"}),a.default.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),a.default.createElement("div",{className:"ch-frame-button-space"}),a.default.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}var wi=a.default.forwardRef(function(t,n){var r,{northPanel:s,southPanel:o,terminalPanel:i,style:l,height:u,northButton:d,southButton:h,className:m,onTabClick:v}=t,p=T(t,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return a.default.createElement("div",Object.assign({ref:n},p,{className:"ch-editor-frame",style:l}),a.default.createElement("div",{className:"ch-frame-title-bar"},a.default.createElement(Ln,{tabs:s.tabs,showFrameButtons:!0,button:d,panel:"north",onTabClick:v})),a.default.createElement("div",{"data-ch-panel":"north",style:s.style,children:s.children}),o&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:"ch-frame-title-bar",style:{transform:(r=o.style)===null||r===void 0?void 0:r.transform}},a.default.createElement(Ln,{tabs:o.tabs,showFrameButtons:!1,button:h,topBorder:!0,panel:"south",onTabClick:v})),a.default.createElement("div",{"data-ch-panel":"south",children:o.children,style:o.style})))});function Ln({tabs:e,button:t,showFrameButtons:n,topBorder:r,panel:s,onTabClick:o}){return a.default.createElement(a.default.Fragment,null,r&&a.default.createElement("div",{className:"ch-editor-group-border"}),n?a.default.createElement(Ft,null):a.default.createElement("div",null),e.map(({title:i,active:l,style:u})=>a.default.createElement("div",{key:i,title:i,"data-ch-tab":s,"data-active":l,className:"ch-editor-tab",style:u,onClick:o&&(()=>o(i))},a.default.createElement(Ei,{title:i}))),a.default.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function Ei({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 Ci(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],s=n.length>0&&r.output!=null;return{title:s?r.run.split(/(\s+)/)[0]:"bash",isRunning:s,commands:n}}var Ni=a.default.createElement("span",{className:"ch-terminal-prompt"},"$");function _n({text:e,progress:t=1,style:n}){let r=Oi(e,t);return a.default.createElement("pre",{style:n,className:"ch-terminal-content"},r.map(({run:s,output:o},i)=>a.default.createElement(a.default.Fragment,{key:i},a.default.createElement("div",null,Ni," ",a.default.createElement("span",null,s)),o&&a.default.createElement("div",{className:"ch-terminal-output"},o))))}function Oi(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:r}=Ci(e.slice(0,n));return r}function Si({prev:e="",prevKey:t,next:n="",nextKey:r,progress:s}){return a.default.createElement("div",{className:"ch-terminal"},a.default.createElement("div",{style:{position:"relative",transform:`translateY(-${s*100}%)`}},a.default.createElement(_n,{text:e,progress:1,key:t}),a.default.createElement(_n,{style:{position:"absolute"},text:n,progress:s,key:r})))}function ji({steps:e,progress:t}){let n=e.map(i=>i.text),r=t%1,s=Ti(Math.floor(t),0,e.length-1),o=s+1;return a.default.createElement(Si,{prev:n[s],prevKey:s,next:n[o]||"",nextKey:o,progress:r})}function Ti(e,t,n){return Math.min(Math.max(e,t),n)}function Ii({prev:e,next:t,t:n,backward:r}){let s=Fi({prev:e,next:t,t:n,backward:r});return s?a.default.createElement("div",{className:"ch-editor-terminal",style:{height:s}},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(ji,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}function Fi({prev:e,next:t,t:n,backward:r}){return!e&&!t?0:!e&&t?gt*Math.min(n*4,1):e&&!t?gt*Math.max(1-n*4,0):gt}var gt=150;function Lt(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function _t(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function Li(e,t,n,r,s,o){let{prevSnapshot:i,nextSnapshot:l}=Mi(e,t,n);if(!i)return _i(t,n,o);if(!l||r===1)return Pn(t,n,o);let u=t.southPanel||n.southPanel,{prevNorthFile:d,prevSouthFile:h,nextNorthFile:m,nextSouthFile:v}=Pt(t,n,r==0||s),{northStyle:p,southStyle:E}=Pi(i,l,r),{northTabs:y,southTabs:w}=ki(i,l,d.name,h?.name,r);return{northContent:Ee(m),northPanel:{tabs:y,style:p,children:a.default.createElement(we,{codeConfig:Lt(o),prevFile:d,nextFile:m,t:r,parentHeight:p.height||p.minHeight})},southContent:Ee(v),southPanel:u&&{tabs:w,style:E,children:a.default.createElement(we,{codeConfig:_t(o),prevFile:h,nextFile:v,t:r,parentHeight:E?.height||E?.minHeight})}}}function _i(e,t,n){let r=e.northPanel,s=e.southPanel,{prevNorthFile:o,prevSouthFile:i,nextNorthFile:l,nextSouthFile:u}=Pt(e,t,!0);return{northContent:Ee(o),northPanel:{tabs:r.tabs.map(d=>({title:d,active:d===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(we,{codeConfig:Lt(n),prevFile:o,nextFile:o,t:0,parentHeight:"0"})},southContent:Ee(i),southPanel:s&&{tabs:s.tabs.map(d=>({title:d,active:d===s.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(we,{codeConfig:_t(n),prevFile:i,nextFile:i,t:0,parentHeight:"0"})}}}function Pn(e,t,n){var r;let s=t.northPanel,o=t.southPanel,{prevNorthFile:i,prevSouthFile:l,nextNorthFile:u,nextSouthFile:d}=Pt(e,t,!1);return!o&&s.active===((r=e?.southPanel)===null||r===void 0?void 0:r.active)&&(u=d),{northContent:Ee(u),northPanel:{tabs:s.tabs.map(m=>({title:m,active:m===s.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(we,{codeConfig:Lt(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:Ee(d),southPanel:o&&{tabs:o.tabs.map(m=>({title:m,active:m===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:a.default.createElement(we,{codeConfig:_t(n),prevFile:d,nextFile:d,t:1,parentHeight:"1"})}}}function we({prevFile:e,nextFile:t,t:n,codeConfig:r,parentHeight:s}){var o;let i=Object.assign(Object.assign({},r?.htmlProps),{style:Object.assign({height:"100%"},(o=r?.htmlProps)===null||o===void 0?void 0:o.style)});return a.default.createElement(Qn,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},r),{parentHeight:s})},i))}function Ee(e){return e?Wn(e.code):""}function Pt(e,t,n){var r,s;let o=e.northPanel.active,i=t.northPanel.active,l=(r=e.southPanel)===null||r===void 0?void 0:r.active,u=(s=t.southPanel)===null||s===void 0?void 0:s.active,d=e.files.find(x=>x.name===o),h=t.files.find(x=>x.name===i),m=l?e.files.find(x=>x.name===l):null,v=u?t.files.find(x=>x.name===u):null;return!l&&o===u?{prevNorthFile:h,nextNorthFile:h,prevSouthFile:d,nextSouthFile:v}:!u&&i===l?{prevNorthFile:d,nextNorthFile:d,prevSouthFile:m,nextSouthFile:h}:{prevNorthFile:o===i||n?d:h,nextNorthFile:o===i?h:n?d:h,prevSouthFile:l===u?m:n?m||v:v||m,nextSouthFile:l===u?v:n?m||v:v||m}}function Pi(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:ae(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:ae(e.southHeight,t.northHeight,n),transform:`translateY(${ae(0,-(e.northHeight+e.titleBarHeight),n)}px)`}}:e.southHeight===null&&t.southHeight!==null&&e.northKey!==t.southKey?{northStyle:{minHeight:ae(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:ae(e.northHeight,t.southHeight,n),transform:`translateY(${ae(-(t.northHeight+t.titleBarHeight),0,n)}px)`}}:{northStyle:{minHeight:ae(e.northHeight,t.northHeight,n)},southStyle:{minHeight:ae(e.southHeight,t.southHeight,n)}}}function ae(e,t,n){return e+(t-e)*n}function ki(e,t,n,r,s){return!e.southTabs&&ye(r,e.northTabs)?{northTabs:be(t.northTabs,t.southTabs,e.southTabs,e.northTabs,n,s),southTabs:be(t.southTabs,t.northTabs,e.northTabs,e.southTabs,r,s)}:!t.southTabs&&ye(r,t.northTabs)?{northTabs:be(t.southTabs,t.northTabs,e.northTabs,e.southTabs,n,s),southTabs:be(t.northTabs,t.southTabs,e.southTabs,e.northTabs,r,s)}:{northTabs:be(t.northTabs,t.southTabs,e.northTabs,e.southTabs,n,s),southTabs:be(t.southTabs,t.northTabs,e.southTabs,e.northTabs,r,s)}}function be(e,t,n,r,s,o){let i=e?Object.keys(e).filter(d=>ye(d,n)||!n).map(d=>{let h=n&&n[d],m=e[d],v=h?h.left+(m.left-h.left)*o:m.left,p=h?h.width+(m.width-h.width)*o:m.width;return{active:d===s,title:d,style:{position:"absolute",transform:`translateX(${v}px)`,width:p}}}):[],l=e?Object.keys(e).filter(d=>n&&!ye(d,n)).map(d=>{let h=e[d];return{active:d===s,title:d,style:{position:"absolute",transform:`translateX(${h.left}px)`,opacity:o,width:h.width}}}):[];e&&Object.keys(e).filter(d=>ye(d,r)).map(d=>{let h=r[d],v=e[d].left-h.left;return{active:d===s,title:d,style:{position:"absolute",transform:`translateX(${v}px)`}}});let u=n?Object.keys(n).filter(d=>!ye(d,e)).map(d=>{let h=n[d];return{active:d===s,title:d,style:{position:"absolute",opacity:1-o,transform:`translateX(${h.left}px)`,width:h.width}}}):[];return[...l,...i,...u]}function ye(e,t){return t&&e&&e in t}var kn=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Mi(e,t,n){let[{prevSnapshot:r,nextSnapshot:s},o]=a.default.useState({prevSnapshot:null,nextSnapshot:null});return kn(()=>{(r||s)&&o({prevSnapshot:null,nextSnapshot:null})},[t,n]),kn(()=>{if(r){if(!s){let i=e.current;o(l=>Object.assign(Object.assign({},l),{nextSnapshot:Object.assign(Object.assign({},Mn(i,n)),An(i,n))}))}}else{let i=e.current;o(l=>Object.assign(Object.assign({},l),{prevSnapshot:Object.assign(Object.assign({},Mn(i,t)),An(i,t))}))}}),{prevSnapshot:r,nextSnapshot:s}}function Mn(e,t){var n;let r=e.querySelector("[data-ch-panel='north']"),s=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:s?.getBoundingClientRect().height||null,southKey:(n=t.southPanel)===null||n===void 0?void 0:n.active}}function An(e,t){var n;let r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),s=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:Hn(r,t.northPanel.active),southTabs:Hn(s,(n=t.southPanel)===null||n===void 0?void 0:n.active)}}function Hn(e,t){if(!e[0])return null;let r=e[0].parentElement.getBoundingClientRect().left,s={};return e.forEach(o=>{let i=o.getAttribute("title"),l=o.getBoundingClientRect();s[i]={left:l.left-r,width:l.width,active:i===t}}),s}function Ai({files:e,startingFileName:t}){let[n,r]=a.default.useState(()=>e.find(s=>s.name===t));return a.default.createElement("div",{className:"ch-code-browser"},a.default.createElement(Hi,{files:e,activeFile:n,setActiveFile:r}),a.default.createElement(Bi,{file:n}))}function Hi({files:e,activeFile:t,setActiveFile:n}){let r=a.default.useMemo(()=>Ri(e),[e]);return a.default.createElement("div",{className:"ch-code-browser-sidebar"},a.default.createElement(tr,{tree:r,activeFile:t,setActiveFile:n}))}function tr({tree:e,activeFile:t,setActiveFile:n,level:r=0}){return a.default.createElement(a.default.Fragment,null,e.map(s=>a.default.createElement($i,{key:s.name,node:s,activeFile:t,setActiveFile:n,level:r})))}function $i({node:e,activeFile:t,setActiveFile:n,level:r}){let s=e.children&&e.children.length>0,o=e.codeFile===t;return s?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(tr,{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","data-selected":o,onClick:()=>n(e.codeFile)},a.default.createElement("div",{style:{paddingLeft:r*1.5+"ch"}},e.name)))}function Bi({file:e}){return a.default.createElement("div",{className:"ch-code-browser-content"},a.default.createElement(Pe,{className:"ch-code-browser-button",content:Wn(e.code)}),e.code.lines.map((t,n)=>a.default.createElement("div",{key:n},t.tokens.map((r,s)=>a.default.createElement("span",Object.assign({key:s},r.props),r.content)),a.default.createElement("br",null))))}function Ri(e){let t=[];for(let n of e){let r=n.name.split("/"),s=t;for(let o=0;od.name===i);if(u===-1){let d={name:i,children:[],codeFile:void 0};l&&(d.codeFile=n),s.push(d),s=d.children}else s=s[u].children}}return t=nr(t),t}function nr(e){for(let t of e)t.children=nr(t.children);return e.sort((t,n)=>{let r=t.children&&t.children.length>0,s=n.children&&n.children.length>0;return r&&s||!r&&!s?t.name.localeCompare(n.name):r?-1:1})}function zi({style:e,step:t,className:n}){let[r,s]=a.default.useState(!1),[o,i]=a.default.useState(!0),l=a.default.useRef(null),u=t.files;return a.default.useEffect(()=>{l.current&&!l.current.showModal&&i(!1)},[]),o?a.default.createElement(a.default.Fragment,null,a.default.createElement(Wi,{className:n,style:e,onClick:()=>{l.current.showModal(),document.body.classList.add("ch-no-scroll"),s(!0)}}),a.default.createElement("dialog",{ref:l,className:"ch-expand-dialog",onClose:()=>{s(!1)},onClick:d=>{d.currentTarget===d.target&&(l.current.close(),document.body.classList.remove("ch-no-scroll"))}},a.default.createElement(Di,{onClick:()=>{l.current.close(),document.body.classList.remove("ch-no-scroll")}}),r?a.default.createElement("div",{className:"ch-expand-dialog-content"},a.default.createElement(Ai,{files:u,startingFileName:t.northPanel.active})):void 0)):null}function Wi({onClick:e,style:t,className:n}){return a.default.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},a.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},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 Di({onClick:e}){return a.default.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},a.default.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},a.default.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}var Gi={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function qi(e){var{prev:t=Gi,next:n,t:r,backward:s,codeConfig:o,frameProps:i={}}=e,l=T(e,["prev","next","t","backward","codeConfig","frameProps"]);let u=a.default.createRef(),{showCopyButton:d,showExpandButton:h}=o,m=T(o,["showCopyButton","showExpandButton"]),{northPanel:v,southPanel:p,northContent:E,southContent:y}=Li(u,t,n||t,r,s,m),[w,N]=a.default.useState(void 0);Xn(()=>{var j;let A=(j=u.current)===null||j===void 0?void 0:j.getBoundingClientRect().height;N(A)},[]);let C=Object.assign(Object.assign(Object.assign({},i),l),{style:Object.assign(Object.assign({},i?.style),l?.style)});w&&(C.style.height=w,C.style.maxHeight=w);let x=a.default.createElement(a.default.Fragment,null,d?a.default.createElement(Pe,{className:"ch-editor-button",content:E}):void 0,h?a.default.createElement(zi,{className:"ch-editor-button",step:n||t}):void 0),O=d?a.default.createElement(Pe,{className:"ch-editor-button",content:y}):void 0,I=a.default.createElement(Ii,{prev:t.terminal,next:(n||t).terminal,t:r,backward:s});return a.default.createElement(wi,Object.assign({ref:u},C,{northPanel:v,southPanel:p,terminalPanel:I,northButton:x,southButton:O}))}var Ui={stiffness:120,damping:24,mass:.2,decimals:3};function rr(e){var{northPanel:t,southPanel:n,files:r,terminal:s,springConfig:o}=e,i=T(e,["northPanel","southPanel","files","terminal","springConfig"]);let l=a.default.useMemo(()=>({northPanel:t,southPanel:n,files:r,terminal:s}),[t,n,r,s]),{prev:u,next:d,t:h}=Xi(l,o);return a.default.createElement(qi,Object.assign({t:h,backward:!1,prev:u,next:d},i))}function Xi(e,t=Ui){let[{target:n,steps:r,index:s},o]=a.default.useState({target:2,steps:[e,e,e],index:0});a.default.useEffect(()=>{r[r.length-1]!=e&&o(h=>Ki(h,e,i))},[e]);let[i]=It(n,t),l=i-s;return l<=1?{prev:r[0],next:r[1],t:l}:{prev:r[1],next:r[2],t:l-1}}function Ki(e,t,n){let{steps:r,target:s,index:o}=e,i=r.slice();return n-o<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:s+1,index:o+1}))}function sr(e){let[t,n]=a.default.useState(e);function r(s){let o=pe(t,s,null);n(Object.assign(Object.assign({},t),o))}return a.default.createElement(Ce,Object.assign({},t,{onTabClick:r}))}function Yi(e){var t,n,r,s,o,i,l,u,d;let{lineNumbers:h,showCopyButton:m,showExpandButton:v,minZoom:p,maxZoom:E}=e,y=T(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),w=Object.assign(Object.assign({},e.codeConfig),{maxZoom:E??((t=e.codeConfig)===null||t===void 0?void 0:t.maxZoom),minZoom:p??((n=e.codeConfig)===null||n===void 0?void 0:n.minZoom),horizontalCenter:(s=(r=e.codeConfig)===null||r===void 0?void 0:r.horizontalCenter)!==null&&s!==void 0?s:e.horizontalCenter,lineNumbers:h??((o=e.codeConfig)===null||o===void 0?void 0:o.lineNumbers),showCopyButton:m??((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:w})}function Ce(e){var t,n,{onTabClick:r}=e,s=T(e,["onTabClick"]);let o=Yi(s),{className:i,style:l,codeConfig:u}=o,d=T(o,["className","style","codeConfig"]);if(!s.southPanel&&s.files.length===1&&!s.files[0].name)return a.default.createElement("div",{className:`ch-codeblock not-prose ${i||""}`,"data-ch-theme":(t=s.codeConfig)===null||t===void 0?void 0:t.themeName,style:l},a.default.createElement(vi,{className:"ch-code",config:u,step:d.files[0]}));{let h=Object.assign(Object.assign({},d?.frameProps),{onTabClick:r});return a.default.createElement("div",{className:`ch-codegroup not-prose ${i||""}`,"data-ch-theme":(n=s.codeConfig)===null||n===void 0?void 0:n.themeName,style:l},a.default.createElement(rr,Object.assign({},d,{frameProps:h,codeConfig:u})))}}function pe(e,t,n){let r=t||e.northPanel.active,s=e.files.map(l=>l.name===r?Object.assign(Object.assign({},l),{focus:n===null?l.focus:n}):l),o=Object.assign({},e.northPanel),i=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?o.active=r:i&&(i.active=r),{files:s,northPanel:o,southPanel:i}}var or=a.default.createContext({props:null,setFocus:()=>{}});function ir(e){var{children:t,className:n,style:r}=e,s=T(e,["children","className","style"]);let[o,i]=a.default.useState(s),l=()=>i(s),u=({fileName:h,focus:m,id:v})=>{let p=pe(o,h,m);i(Object.assign(Object.assign(Object.assign({},o),p),{selectedId:v}))},d=T(o,["selectedId"]);return a.default.createElement("section",{className:`ch-section ${n||""}`,style:r},a.default.createElement(or.Provider,{value:{props:d,setFocus:u}},a.default.createElement(kt,{onActivation:u,onReset:l},t)))}function ar(e){let{props:t,setFocus:n}=a.default.useContext(or),r=s=>{n({fileName:s,focus:null,id:""})};return a.default.createElement(Ce,Object.assign({},e,t,{onTabClick:r}))}function lr({focus:e,file:t,children:n,id:r}){let{activate:s,reset:o,activatedId:i}=a.default.useContext(cr),l=i===r;return a.default.createElement("span",{className:"ch-section-link","data-active":l,children:n,onMouseOver:()=>s({fileName:t,focus:e,id:r}),onMouseOut:o})}var cr=a.default.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}});function kt({onActivation:e,onReset:t,children:n}){let[r,s]=a.default.useState(void 0),o=a.default.useCallback(l=>{s(l.id),e(l)},[e]),i=a.default.useCallback(()=>{s(void 0),t()},[t]);return a.default.createElement(cr.Provider,{value:{activate:o,reset:i,activatedId:r}},n)}function Ji(){return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-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 Qi(){return a.default.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-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 Zi({href:e}){return a.default.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,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:"ch-browser-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 Vi({url:e,linkUrl:t}){return a.default.createElement(a.default.Fragment,null,a.default.createElement(Ft,null),a.default.createElement(Ji,null),a.default.createElement(Qi,null),a.default.createElement("input",{value:e||"",readOnly:!0}),a.default.createElement(Zi,{href:t}))}function ea(e){return a.default.useMemo(()=>e?e.map(t=>{let{displayUrl:n,loadUrl:r}=ta(t.url,t.loadUrl,t.prependOrigin);return{zoom:t.zoom||1,displayUrl:n,loadUrl:r,children:t.children}}):[{zoom:1}],[e])}function ta(e,t,n){let r=typeof window<"u"?window.origin:"",s=e&&n===!0?r+e:e;return{displayUrl:s,loadUrl:t||s}}var na=a.default.forwardRef(ra);function ra(e,t){var{progress:n=0,backward:r=!1,steps:s,transition:o="none"}=e,i=T(e,["progress","backward","steps","transition"]);let l=ea(s),u=Math.round(n),{zoom:d,displayUrl:h,loadUrl:m,children:v}=l[u];return a.default.createElement(xi,Object.assign({},i,{zoom:d,className:`ch-mini-browser ${i.className||""}`,style:Object.assign(Object.assign({},sa({progress:n,transition:o})),i.style),titleBar:a.default.createElement(Vi,{url:h,linkUrl:m})}),v||a.default.createElement("iframe",{ref:t,src:m}))}function sa({progress:e,transition:t}){if(t==="slide"){let r=e-Math.floor(e),s=r<=.5?-50*r:50-50*r,o=Math.abs(r-.5)*2;return{transform:`translateX(${s}px)`,opacity:o*o}}return{}}function ur(e){var{url:t,loadUrl:n,prependOrigin:r,children:s,zoom:o}=e,i=T(e,["url","loadUrl","prependOrigin","children","zoom"]);let[l,u]=oa({url:t,loadUrl:n,prependOrigin:r,children:s,zoom:o});return a.default.createElement(na,Object.assign({},i,{steps:l,progress:u}))}function oa({url:e,loadUrl:t,prependOrigin:n,children:r,zoom:s}){let[o,i]=a.default.useState({target:0,steps:[{url:e,loadUrl:t,prependOrigin:n,children:r,zoom:s}]});a.default.useEffect(()=>{let u=o.steps[o.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:s}]}))},[e,t,n,r,s]);let[l]=It(o.target,{stiffness:100,decimals:3});return[o.steps,l]}var Ue=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Mt={};Object.defineProperty(Mt,"__esModule",{value:!0});function ia(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"}Mt.getMainFile=ia;var $n="sandbox.config.json";function aa(e,t){var n=t[$n]||t["/"+$n];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch{}var s=e.dependencies,o=s===void 0?{}:s,i=e.devDependencies,l=i===void 0?{}:i,u=Object.keys(o).concat(Object.keys(l)),d=["nuxt","nuxt-edge"];if(u.some(function(p){return d.indexOf(p)>-1}))return"nuxt";if(u.indexOf("next")>-1)return"next";var h=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(u.some(function(p){return h.indexOf(p)>-1}))return"apollo";if(u.indexOf("ember-cli")>-1)return"ember";if(u.indexOf("sapper")>-1)return"sapper";var m=Object.keys(t);if(m.some(function(p){return p.endsWith(".vue")}))return"vue-cli";if(m.some(function(p){return p.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(p){return v.indexOf(p)>-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 la=Mt.getTemplate=aa,Nt={exports:{}};(function(e,t){var n=200,r="__lodash_hash_undefined__",s=1,o=2,i=9007199254740991,l="[object Arguments]",u="[object Array]",d="[object AsyncFunction]",h="[object Boolean]",m="[object Date]",v="[object Error]",p="[object Function]",E="[object GeneratorFunction]",y="[object Map]",w="[object Number]",N="[object Null]",C="[object Object]",x="[object Promise]",O="[object Proxy]",I="[object RegExp]",j="[object Set]",A="[object String]",D="[object Symbol]",Y="[object Undefined]",G="[object WeakMap]",Z="[object ArrayBuffer]",P="[object DataView]",H="[object Float32Array]",ge="[object Float64Array]",Ne="[object Int8Array]",nt="[object Int16Array]",Or="[object Int32Array]",Sr="[object Uint8Array]",jr="[object Uint8ClampedArray]",Tr="[object Uint16Array]",Ir="[object Uint32Array]",Fr=/[\\^$.*+?()[\]{}|]/g,Lr=/^\[object .+?Constructor\]$/,_r=/^(?:0|[1-9]\d*)$/,F={};F[H]=F[ge]=F[Ne]=F[nt]=F[Or]=F[Sr]=F[jr]=F[Tr]=F[Ir]=!0,F[l]=F[u]=F[Z]=F[h]=F[P]=F[m]=F[v]=F[p]=F[y]=F[w]=F[C]=F[I]=F[j]=F[A]=F[G]=!1;var $t=typeof Ue=="object"&&Ue&&Ue.Object===Object&&Ue,Pr=typeof self=="object"&&self&&self.Object===Object&&self,V=$t||Pr||Function("return this")(),Bt=t&&!t.nodeType&&t,Rt=Bt&&!0&&e&&!e.nodeType&&e,zt=Rt&&Rt.exports===Bt,rt=zt&&$t.process,Wt=function(){try{return rt&&rt.binding&&rt.binding("util")}catch{}}(),Dt=Wt&&Wt.isTypedArray;function kr(c,f){for(var g=-1,b=c==null?0:c.length,L=0,S=[];++g-1}function us(c,f){var g=this.__data__,b=He(g,c);return b<0?(++this.size,g.push([c,f])):g[b][1]=f,this}ee.prototype.clear=is,ee.prototype.delete=as,ee.prototype.get=ls,ee.prototype.has=cs,ee.prototype.set=us;function de(c){var f=-1,g=c==null?0:c.length;for(this.clear();++f$))return!1;var _=S.get(c);if(_&&S.get(f))return _==f;var q=-1,K=!0,W=g&o?new Ae:void 0;for(S.set(c,f),S.set(f,c);++q<$;){var U=c[q],X=f[q];if(b)var oe=k?b(X,U,q,f,c,S):b(U,X,q,c,f,S);if(oe!==void 0){if(oe)continue;K=!1;break}if(W){if(!Ar(f,function(te,he){if(!Br(W,he)&&(U===te||L(U,te,g,b,S)))return W.push(he)})){K=!1;break}}else if(!(U===X||L(U,X,g,b,S))){K=!1;break}}return S.delete(c),S.delete(f),K}function Is(c,f,g,b,L,S,k){switch(g){case P:if(c.byteLength!=f.byteLength||c.byteOffset!=f.byteOffset)return!1;c=c.buffer,f=f.buffer;case Z:return!(c.byteLength!=f.byteLength||!S(new Kt(c),new Kt(f)));case h:case m:case w:return nn(+c,+f);case v:return c.name==f.name&&c.message==f.message;case I:case A:return c==f+"";case y:var $=zr;case j:var R=b&s;if($||($=Dr),c.size!=f.size&&!R)return!1;var _=k.get(c);if(_)return _==f;b|=o,k.set(c,f);var q=en($(c),$(f),b,L,S,k);return k.delete(c),q;case D:if(ct)return ct.call(c)==ct.call(f)}return!1}function Fs(c,f,g,b,L,S){var k=g&s,$=tn(c),R=$.length,_=tn(f),q=_.length;if(R!=q&&!k)return!1;for(var K=R;K--;){var W=$[K];if(!(k?W in f:J.call(f,W)))return!1}var U=S.get(c);if(U&&S.get(f))return U==f;var X=!0;S.set(c,f),S.set(f,c);for(var oe=k;++K-1&&c%1==0&&c-1&&c%1==0&&c<=i}function on(c){var f=typeof c;return c!=null&&(f=="object"||f=="function")}function Te(c){return c!=null&&typeof c=="object"}var an=Dt?$r(Dt):js;function zs(c){return Bs(c)?Cs(c):Ts(c)}function Ws(){return[]}function Ds(){return!1}e.exports=Rs})(Nt,Nt.exports);var ca=Nt.exports,Bn=()=>Math.floor(Math.random()*1e6+Math.random()*1e6),ua=e=>{try{return e.constructor.name}catch{return""}},da=class{constructor(e,t,n){this.type=e,this.handleMessage=t,this.target=n,this.outgoingMessages=new Set,this._messageListener=async r=>{var s;let{data:o}=r;if(o.$type!==this.getTypeId()||this.outgoingMessages.has(o.$id))return;let i={$originId:this.internalId,$type:this.getTypeId(),$id:o.$id};try{let l=await this.handleMessage(o.$data);i.$data=l}catch(l){l.message||console.error(l),i.$error={message:(s=l.message)!=null?s:"Unknown error"}}r.source?r.source.postMessage(i,"*"):this._postMessage(i)},this.createConnection(),this.internalId=Bn(),this.isWorker=ua(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=Bn(),r={$originId:this.internalId,$type:this.getTypeId(),$data:e,$id:n};this.outgoingMessages.add(n);let s=o=>{let{data:i}=o;i.$type===this.getTypeId()&&i.$id===n&&i.$originId!==this.internalId&&(t(i.$data),self.removeEventListener("message",s))};self.addEventListener("message",s),this._postMessage(r)})}_postMessage(e){this.isWorker||typeof DedicatedWorkerGlobalScope<"u"&&this.target instanceof DedicatedWorkerGlobalScope?this.target.postMessage(e):this.target.postMessage(e,"*")}},fa=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<"u"&&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 dr(e={},t={},n="/index.js"){return JSON.stringify({name:"sandpack-project",main:n,dependencies:e,devDependencies:t},null,2)}function ha(e,t,n,r){let s={...e};if(!s["/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.");s["/package.json"]={code:dr(t,n,r)}}return s}function ma(e){if(e.title==="SyntaxError"){let{title:o,path:i,message:l,line:u,column:d}=e;return{title:o,path:i,message:l,line:u,column:d}}let t=pa(e.payload.frames);if(!t)return{message:e.message};let n=va(t),r=ga(t);return{message:ba(t._originalFileName,e.message,r,n),title:e.title,path:t._originalFileName,line:t._originalLineNumber,column:t._originalColumnNumber}}function pa(e){if(e)return e.find(t=>!!t._originalFileName)}function ga(e){return e?` (${e._originalLineNumber}:${e._originalColumnNumber})`:""}function va(e){let n=e._originalScriptCode[e._originalScriptCode.length-1].lineNumber.toString().length,r=2,s=3,o=r+n+s+e._originalColumnNumber;return e._originalScriptCode.reduce((i,l)=>{let u=l.highlight?">":" ",d=l.lineNumber.toString().length===n?`${l.lineNumber}`:` ${l.lineNumber}`,h=l.highlight?` `+" ".repeat(o)+"^":"";return i+` `+u+" "+d+" | "+l.content+h},"")}function ba(e,t,n,r){return`${e}: ${t}${n} ${r}`}var ya=`https://${"0.19.0".replace(/\./g,"-")}-sandpack.codesandbox.io/`,xa=class{constructor(e,t,n={}){this.getTranspilerContext=()=>new Promise(o=>{let i=this.listen(l=>{l.type==="transpiler-context"&&(o(l.data),i())});this.dispatch({type:"get-transpiler-context"})});var r;if(this.options=n,this.sandboxInfo=t,this.bundlerURL=n.bundlerURL||ya,this.bundlerState=void 0,this.errors=[],this.status="initializing",typeof e=="string"){this.selector=e;let o=document.querySelector(e);if(!o)throw new Error(`No element found for selector '${e}'`);this.element=o,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 s=n.startRoute?new URL(n.startRoute,this.bundlerURL).toString():this.bundlerURL;(r=this.iframe.contentWindow)==null||r.location.replace(s),this.iframeProtocol=new fa(this.iframe,this.bundlerURL),this.unsubscribeGlobalListener=this.iframeProtocol.globalListen(o=>{o.type!=="initialized"||!this.iframe.contentWindow||(this.iframeProtocol.register(),this.options.fileResolver&&(this.fileResolverProtocol=new da("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(o=>{switch(o.type){case"start":{this.errors=[];break}case"status":{this.status=o.status;break}case"action":{o.action==="show-error"&&(this.errors=[...this.errors,ma(o)]);break}case"state":{this.bundlerState=o.state;break}}})}cleanup(){this.unsubscribeChannelListener(),this.unsubscribeGlobalListener(),this.iframeProtocol.cleanup()}updateOptions(e){ca(this.options,e)||(this.options=e,this.updatePreview())}updatePreview(e=this.sandboxInfo,t){var n,r,s,o;this.sandboxInfo={...this.sandboxInfo,...e};let i=this.getFiles(),l=Object.keys(i).reduce((h,m)=>({...h,[m]:{code:i[m].code,path:m}}),{}),u=JSON.parse(dr(this.sandboxInfo.dependencies,this.sandboxInfo.devDependencies,this.sandboxInfo.entry));try{u=JSON.parse(i["/package.json"].code)}catch(h){console.error("Could not parse package.json file: "+h.message)}let d=Object.keys(i).reduce((h,m)=>({...h,[m]:{content:i[m].code,path:m}}),{});this.dispatch({type:"compile",codesandbox:!0,version:3,isInitializationCompile:t,modules:l,reactDevTools:this.options.reactDevTools,externalResources:this.options.externalResources||[],hasFileResolver:!!this.options.fileResolver,disableDependencyPreprocessing:this.sandboxInfo.disableDependencyPreprocessing,template:this.sandboxInfo.template||la(u,d),showOpenInCodeSandbox:(n=this.options.showOpenInCodeSandbox)!=null?n:!0,showErrorScreen:(r=this.options.showErrorScreen)!=null?r:!0,showLoadingScreen:(s=this.options.showLoadingScreen)!=null?s:!0,skipEval:this.options.skipEval||!1,clearConsoleDisabled:!this.options.clearConsoleOnFirstCompile,logLevel:(o=this.options.logLevel)!=null?o:Ot.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?ha(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)}},Ot;(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"})(Ot||(Ot={}));function ne(e){var{className:t,files:n,presetConfig:r,show:s,children:o,style:i,frameless:l,codeConfig:u}=e,d=T(e,["className","files","presetConfig","show","children","style","frameless","codeConfig"]);let h=r?a.default.createElement(wa,{files:n,presetConfig:r}):o;return a.default.createElement("div",{className:"ch-preview"+(t?" "+t:""),style:i,"data-ch-theme":u?.themeName},l?h:a.default.createElement(ur,Object.assign({loadUrl:s},d,{children:h})))}function wa({files:e,presetConfig:t}){let n=a.default.useRef(null),r=a.default.useRef(null);return a.default.useEffect(()=>{r.current=new xa(n.current,Object.assign(Object.assign({},t),{files:Rn(t.files,e)}),{showOpenInCodeSandbox:!1})},[]),a.default.useEffect(()=>{r.current&&r.current.updatePreview(Object.assign(Object.assign({},t),{files:Rn(t.files,e)}))},[e]),a.default.createElement("iframe",{ref:n})}function Rn(e,t){let n=Object.assign({},e);return t.forEach(r=>{n["/"+r.name]={code:r.code.lines.map(s=>s.tokens.map(o=>o.content).join("")).join(` `)}}),n}function Ve(e,t){let n=a.default.Children.toArray(e),r=t?n.slice(0,n.length/2):n,s=t?n.slice(n.length/2):void 0;return{stepsChildren:r,previewChildren:s}}function fr(e){var t,{children:n,editorSteps:r,codeConfig:s,start:o=0,presetConfig:i,className:l,style:u,hasPreviewSteps:d}=e,h=T(e,["children","editorSteps","codeConfig","start","presetConfig","className","style","hasPreviewSteps"]);let{stepsChildren:m,previewChildren:v}=Ve(n,d),p=i||d,[E,y]=a.default.useState({stepIndex:o,step:r[o]}),w=E.step;function N(x){let O=pe(E.step,x,null);y(Object.assign(Object.assign({},E),{step:O}))}let C=m[0];return a.default.createElement("section",{className:`ch-spotlight ${p?"ch-spotlight-with-preview":""} ${l||""}`,style:u,"data-ch-theme":s.themeName},a.default.createElement("div",{className:"ch-spotlight-tabs"},!((t=C?.props)===null||t===void 0)&&t.children?a.default.createElement("div",null,m[0]):null,m.map((x,O)=>O===0?null:a.default.createElement("div",{key:O,onClick:()=>y({stepIndex:O,step:r[O]}),className:"ch-spotlight-tab","data-selected":O===E.stepIndex?"true":void 0},x))),a.default.createElement("div",{className:"ch-spotlight-sticker"},a.default.createElement(Ce,Object.assign({},h,w,{codeConfig:s,onTabClick:N})),i?a.default.createElement(ne,{className:"ch-spotlight-preview",files:w.files,presetConfig:i}):d?a.default.createElement(ne,Object.assign({className:"ch-spotlight-preview"},v[E.stepIndex].props)):null))}function Ea(e){e.forEach(Ca)}function Ca(e){var t;let n=((t=e.rootBounds)===null||t===void 0?void 0:t.height)||0;vt(e.rootBounds,{border:`${Math.min(10,n/2)}px solid ${Xe.rootColor}`,overflow:"hidden",boxSizing:"border-box"}),vt(e.boundingClientRect,{border:`${Math.min(10,e.boundingClientRect.height/2)}px solid ${e.isIntersecting?Xe.enterColor:Xe.exitColor}`,overflow:"hidden",boxSizing:"border-box"}),vt(e.intersectionRect,{backgroundColor:Xe.interColor,zIndex:2})}function vt(e,t={}){let{width:n,left:r,height:s,top:o}=e,i=document.createElement("div");return i.style.position="fixed",i.style.width=n+"px",i.style.left=r+"px",i.style.top=o+"px",i.style.height=s+"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 Xe={rootColor:"#9428AB",enterColor:"#B35C00",exitColor:"#035570",interColor:"#9CAF00BB"},Na=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Oa(){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 s(){r(t())}return window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),Na(()=>{r(t())},[]),n}var hr=a.default.createContext(void 0),St=typeof window<"u"?a.default.useLayoutEffect:a.default.useEffect;function Sa({onStepChange:e,children:t,getRootMargin:n=Ia,triggerPosition:r,debug:s=!1}){let[o,i]=a.default.useState(),l=Oa();return St(()=>{let h=Ta(m=>{(s||window.chDebugScroller)&&Ea(m),m.forEach(v=>{if(v.intersectionRatio>0){let p=v.target;e(+p.stepIndex)}})},n(l||0,r));return i(h),()=>h.disconnect()},[l]),a.default.createElement(hr.Provider,{value:o},t)}function ja(e){var{as:t="section",index:n}=e,r=T(e,["as","index"]);let s=a.default.useRef(null),o=a.default.useContext(hr);return St(()=>(o&&o.observe(s.current),()=>o&&o.unobserve(s.current)),[o]),St(()=>{let i=s.current;i.stepIndex=n},[n]),a.default.createElement(t,Object.assign(Object.assign({},r),{ref:s}))}function Ta(e,t){return new IntersectionObserver(e,{rootMargin:t,threshold:1e-6,root:null})}function Ia(e,t="50%"){let n=e*.5;if(t.endsWith("%")){let r=parseFloat(t.replace("%",""));n=e*(r/100)}else t.endsWith("px")&&(n=parseFloat(t.replace("px","")));return n<0&&(n=e+n),`-${n-2}px 0px -${e-n-2}px`}var Fa=0;function La({match:e}){let t=e.map(([o])=>o),{isServer:n,matchedIndex:r}=ka(t),s=n?"ssmq-"+Fa++:"";return n?a.default.createElement(a.default.Fragment,null,a.default.createElement("style",{className:s,dangerouslySetInnerHTML:{__html:_a(t,s)}}),e.map(([o,i])=>a.default.createElement("div",{key:o,className:`${s} ${Ze(o)}`},i)),a.default.createElement("script",{className:s,dangerouslySetInnerHTML:{__html:Pa(e,s)}})):a.default.createElement(a.default.Fragment,null,a.default.createElement("div",null,e[r][1]))}function _a(e,t){return e.slice().reverse().map(s=>{let o=`.${t}.${Ze(s)}{display:block}`,i=`.${t}:not(.${Ze(s)}){display: none;}`;return s==="default"?`${o}${i}`:`@media ${s}{${o}${i}}`}).join(` `)}function Pa(e,t){let n=e.map(([s])=>s),r=n.map(Ze);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 Ze(e){return"ssmq-"+e.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~\s]/g,"").toLowerCase()}function ka(e){let t=typeof window>"u",n=e.slice(0,-1);e[e.length-1]!=="default"&&console.warn("last media query should be 'default'");let[,r]=a.default.useState(0),s=t?[]:n.map(i=>window.matchMedia(i));a.default.useEffect(()=>{let i=()=>r(l=>l+1);return s.forEach(l=>l.addListener(i)),()=>s.forEach(l=>l.removeListener(i))},[]);let o=s.findIndex(i=>i.matches);return{isServer:t,matchedIndex:o<0?e.length-1:o}}function mr(){let e=a.default.useContext(At);return e?a.default.createElement(Ma,Object.assign({},e)):null}function Ma({editorStep:e,setFocus:t}){let n=s=>{t({fileName:s,focus:null,id:""})},r=T(e,["preset","presetConfig"]);return a.default.createElement(Ce,Object.assign({},r,{onTabClick:n}))}function pr(){let e=a.default.useContext(At);return e?a.default.createElement(Aa,Object.assign({},e)):null}function Aa({previewStep:e,allProps:t,editorStep:n}){let r=T(t,["preset"]);return a.default.createElement(ne,Object.assign({className:"ch-scrollycoding-preview"},r,e?.props,{files:n.files}))}var At=a.default.createContext(null);function gr(e){return a.default.createElement(La,{match:[[e.codeConfig.staticMediaQuery,a.default.createElement(Ha,Object.assign({},e))],["default",a.default.createElement(Ba,Object.assign({},e))]]})}function Ha(e){var t,{children:n,hasPreviewSteps:r,editorSteps:s}=e,o=T(e,["children","hasPreviewSteps","editorSteps"]);let{stepsChildren:i,previewChildren:l}=Ve(n,r);return a.default.createElement("section",{className:"ch-scrollycoding-static","data-ch-theme":(t=o?.codeConfig)===null||t===void 0?void 0:t.themeName},i.map((u,d)=>a.default.createElement($a,{key:d,editorStep:s[d],previewStep:l&&l[d],allProps:o},u)))}function $a({editorStep:e,previewStep:t,allProps:n,children:r}){let[s,o]=a.default.useState(Object.assign(Object.assign({},e),n)),i=()=>o(Object.assign(Object.assign({},e),n)),l=({fileName:u,focus:d,id:h})=>{let m=pe(s,u,d);o(Object.assign(Object.assign(Object.assign({},s),m),{selectedId:h}))};return a.default.createElement(At.Provider,{value:{editorStep:s,previewStep:t,allProps:n,setFocus:l}},a.default.createElement(kt,{onActivation:l,onReset:i},r))}function Ba(e){var{children:t,editorSteps:n,codeConfig:r,presetConfig:s,start:o=0,className:i,style:l,hasPreviewSteps:u}=e,d=T(e,["children","editorSteps","codeConfig","presetConfig","start","className","style","hasPreviewSteps"]);let{stepsChildren:h,previewChildren:m}=Ve(t,u),v=s||u,[p,E]=a.default.useState({stepIndex:o,step:n[o]}),y=p.step;function w(x){E({stepIndex:x,step:n[x]})}function N(x){let O=pe(p.step,x,null);E(Object.assign(Object.assign({},p),{step:O}))}function C(x,O,I){let j=pe(n[x],O,I);E(Object.assign(Object.assign({},p),{stepIndex:x,step:j}))}return a.default.createElement("section",{className:`ch-scrollycoding ${v?"ch-scrollycoding-with-preview":""} ${i||""}`,style:l,"data-ch-theme":r?.themeName},a.default.createElement("div",{className:"ch-scrollycoding-content"},a.default.createElement(Sa,{onStepChange:w,triggerPosition:r?.triggerPosition},h.map((x,O)=>a.default.createElement(ja,{as:"div",key:O,index:O,onClick:()=>w(O),className:"ch-scrollycoding-step-content","data-selected":O===p.stepIndex?"true":void 0},a.default.createElement(kt,{onActivation:({fileName:I,focus:j})=>{C(O,I,j)},onReset:()=>{w(O)}},x))))),a.default.createElement("div",{className:"ch-scrollycoding-sticker"},a.default.createElement(Ce,Object.assign({showExpandButton:!0},d,y,{codeConfig:r,onTabClick:N})),s?a.default.createElement(ne,{className:"ch-scrollycoding-preview",files:y.files,presetConfig:s}):u?a.default.createElement(ne,Object.assign({className:"ch-scrollycoding-preview"},m[p.stepIndex].props)):null))}function vr(e){var{children:t,className:n,code:r,codeConfig:s,editorSteps:o,autoFocus:i,hasPreviewSteps:l,start:u=0,onChange:d=()=>{},presetConfig:h,style:m,autoPlay:v,loop:p=!1}=e,E=T(e,["children","className","code","codeConfig","editorSteps","autoFocus","hasPreviewSteps","start","onChange","presetConfig","style","autoPlay","loop"]);let{stepsChildren:y,previewChildren:w}=Ve(t,l),N=h||l,C=y.some(P=>{var H;return(H=P.props)===null||H===void 0?void 0:H.children}),x=o.length-1,[O,I]=a.default.useState(()=>{let P=ft(u,0,x);return{stepIndex:P,step:o[P]}}),{stepIndex:j,step:A}=O,D=j===x;a.default.useEffect(()=>{d({index:j})},[j]);function Y(P){let H=pe(A,P,null);I(Object.assign(Object.assign({},O),{step:H}))}function G(P){let H=ft(P,0,x);I({stepIndex:H,step:o[H]})}function Z(){I(P=>{let H=p?(P.stepIndex+1)%(x+1):ft(P.stepIndex+1,0,x);return{stepIndex:H,step:o[H]}})}return po(Z,v),a.default.createElement("div",{className:`ch-slideshow ${N?"ch-slideshow-with-preview":""} ${n||""}`,style:m,"data-ch-theme":s.themeName},a.default.createElement("div",{className:"ch-slideshow-slide"},a.default.createElement(Ce,Object.assign({},E,A,{codeConfig:Object.assign(Object.assign({},s),r),onTabClick:Y})),h?a.default.createElement(ne,{className:"ch-slideshow-preview",files:A.files,presetConfig:h}):l?a.default.createElement(ne,Object.assign({className:"ch-slideshow-preview"},w[j].props)):null),a.default.createElement("div",{className:"ch-slideshow-notes"},a.default.createElement("div",{className:"ch-slideshow-range"},a.default.createElement("button",{onClick:()=>G(j-1),disabled:j===0},"Prev"),a.default.createElement("input",{max:x,min:0,step:1,type:"range",value:j,onChange:P=>G(+P.target.value),ref:Ra(i),autoFocus:i}),a.default.createElement("button",{onClick:Z,disabled:D},"Next")),C&&a.default.createElement("div",{className:"ch-slideshow-note"},y[j])))}function Ra(e){let t=a.default.useRef(null);return a.default.useEffect(()=>{e&&t.current.focus()},[]),t}function br(){return a.default.createElement("div",null,`"error: code hike remark plugin not running or annotation isn't at the right place"`)}var yr={box:qa,bg:xr,label:Xa,link:Ka,mark:za,withClass:Ua};function za(e){return e.isInline?a.default.createElement(Da,Object.assign({},e)):a.default.createElement(xr,Object.assign({},e))}function xr({children:e,data:t,style:n,lines:r}){let s=Wa(r),o="ch-code-multiline-mark "+(t??"");return a.default.createElement("div",{style:n,className:o},a.default.createElement("span",{className:"ch-code-multiline-mark-border"}),e,a.default.createElement(Pe,{className:"ch-code-button",content:s}))}function Wa(e){return e.map(t=>t.annotatedGroups.flatMap(n=>{var r;return(r=n.prev)===null||r===void 0?void 0:r.groups.flatMap(s=>s.tokens.map(o=>o.content))}).join("")).join(` `)}function Da({children:e,data:t}){let n="ch-code-inline-mark "+(t??"");return a.default.createElement("span",{className:n,style:{background:Ga(e)||void 0}},e)}function Ga(e){var t,n,r;try{let s=a.default.Children.toArray(e)[0],o=a.default.Children.toArray(((t=s?.props)===null||t===void 0?void 0:t.children)||[])[0],i=a.default.Children.toArray(((n=o?.props)===null||n===void 0?void 0:n.children)||[])[0],{color:l}=((r=i?.props)===null||r===void 0?void 0:r.style)||{};return l?io(l,.2):void 0}catch{return}}function qa({children:e,data:t}){let n=typeof t=="string"?t:void 0;return a.default.createElement("span",{className:"ch-code-box-annotation",style:{outlineColor:n}},e)}function Ua({children:e,data:t,style:n}){return a.default.createElement("span",{style:n,className:t},e)}function Xa({children:e,data:t,style:n}){return a.default.createElement("div",{className:"ch-code-label-annotation",style:n},e,a.default.createElement("div",{className:"ch-code-label-annotation-text"},t?.children||t))}function Ka({children:e,isInline:t,style:n,data:r}){let s=r?.url||r,o=r?.title;return a.default.createElement("a",{href:s,title:o,className:t?"ch-code-inline-link":"ch-code-link",style:n},e)}function wr(e){var{className:t,codeConfig:n,children:r,code:s}=e,o=T(e,["className","codeConfig","children","code"]);let{lines:i}=s,l=i.flatMap(u=>u.tokens);return a.default.createElement("span",Object.assign({"data-ch-theme":n.themeName,className:"ch-inline-code not-prose"+(t?" "+t:"")},o),a.default.createElement("code",null,l.map((u,d)=>a.default.createElement("span",Object.assign({key:d},u.props),u.content))))}var Ya={Code:sr,Section:ir,SectionLink:lr,SectionCode:ar,Spotlight:fr,Scrollycoding:gr,Preview:ne,annotations:yr,Annotation:br,Slideshow:vr,InlineCode:wr,CodeSlot:mr,PreviewSlot:pr},Ja={MiniBrowser:ur,EditorSpring:rr};z.Annotation=br;z.CH=Ya;z.Code=sr;z.CodeSlot=mr;z.InlineCode=wr;z.Preview=ne;z.PreviewSlot=pr;z.Scrollycoding=gr;z.Section=ir;z.SectionCode=ar;z.SectionLink=lr;z.Slideshow=vr;z.Spotlight=fr;z.annotations=yr;z.internal=Ja});var el={};Ys(el,{CH:()=>et,chCodeConfig:()=>Nr,default:()=>Va,frontmatter:()=>Qa});var M=un(fn()),tt=un(Er()),et={annotations:tt.annotations,Code:tt.Code},Nr={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:void 0,themeName:"material-from-css"},Qa={title:"Script Help",description:"A tool to display all script commands in the package.json from the current project.",url:"https://github.com/cameronolivier/script-help",tags:["tooling","dev tools","engineering"]};function Cr(e){let t=Object.assign({h2:"h2",a:"a",span:"span",p:"p",code:"code"},e.components),{Image:n}=t;return et||Ht("CH",!1),et.Code||Ht("CH.Code",!0),n||Ht("Image",!0),(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="material-from-css"] { --ch-t-colorScheme: var(--ch-0);--ch-t-foreground: var(--ch-2);--ch-t-background: var(--ch-1);--ch-t-lighter-inlineBackground: var(--ch-26);--ch-t-editor-background: var(--ch-1);--ch-t-editor-foreground: var(--ch-2);--ch-t-editor-lineHighlightBackground: var(--ch-14);--ch-t-editor-rangeHighlightBackground: #FFFFFF0d;--ch-t-editor-infoForeground: var(--ch-15);--ch-t-editor-selectionBackground: var(--ch-16);--ch-t-focusBorder: #FFFFFF00;--ch-t-tab-activeBackground: var(--ch-1);--ch-t-tab-activeForeground: var(--ch-17);--ch-t-tab-inactiveBackground: var(--ch-1);--ch-t-tab-inactiveForeground: var(--ch-18);--ch-t-tab-border: var(--ch-1);--ch-t-tab-activeBorder: #80CBC4;--ch-t-editorGroup-border: var(--ch-19);--ch-t-editorGroupHeader-tabsBackground: var(--ch-1);--ch-t-editorLineNumber-foreground: var(--ch-20);--ch-t-input-background: var(--ch-21);--ch-t-input-foreground: var(--ch-2);--ch-t-input-border: var(--ch-22);--ch-t-icon-foreground: var(--ch-23);--ch-t-sideBar-background: var(--ch-1);--ch-t-sideBar-foreground: var(--ch-18);--ch-t-sideBar-border: var(--ch-24);--ch-t-list-activeSelectionBackground: var(--ch-1);--ch-t-list-activeSelectionForeground: #80CBC4;--ch-t-list-hoverBackground: var(--ch-1);--ch-t-list-hoverForeground: var(--ch-25); }'}}),` `,` `,(0,M.jsxs)(t.h2,{id:"installation",children:[(0,M.jsx)(t.a,{"aria-hidden":"true",tabIndex:"-1",href:"#installation",children:(0,M.jsx)(t.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,M.jsxs)(t.p,{children:["At the moment, as this is not an NPM package just yet, you need to clone it from Github and run the ",(0,M.jsx)(t.code,{children:"init"}),` command to get it setup. See the `,(0,M.jsx)(t.a,{href:"https://github.com/cameronolivier/shelp#readme",children:"Readme"})," for more."]}),` `,(0,M.jsxs)(t.h2,{id:"usage",children:[(0,M.jsx)(t.a,{"aria-hidden":"true",tabIndex:"-1",href:"#usage",children:(0,M.jsx)(t.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,M.jsxs)(t.p,{children:["In your project directory in the terminal, run ",(0,M.jsx)(t.code,{children:"script-log"})," to see all the scripts in your ",(0,M.jsx)(t.code,{children:"package.json"})," file:"]}),` `,(0,M.jsx)(et.Code,{codeConfig:Nr,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"$ ",props:{style:{color:"var(--ch-10)"}}},{content:"script-help",props:{style:{color:"var(--ch-3)"}}}]}],lang:"shell"},annotations:[]}]}),` `,(0,M.jsx)(n,{src:"/images/script-help-example.png",width:"734",height:"418",alt:"Image"})]})}function Za(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,Object.assign({},e,{children:(0,M.jsx)(Cr,e)})):Cr(e)}var Va=Za;function Ht(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return Js(el);})(); ;return Component;