diff --git a/README.md b/README.md
index 3eaeb275e..d62b01967 100644
--- a/README.md
+++ b/README.md
@@ -35,6 +35,7 @@ React-Cherry-Picked-Content | [Christophe Humbert](https://github.com/PathToShar
 
 Version|Date|Comments
 -------|----|--------
+0.3.0|March 9, 2022|4 samples added
 0.2.0|March 6, 2022|Refactoring
 0.1.0|February 21, 2022|Initial draft
 
@@ -61,8 +62,8 @@ This Web Part illustrates the following concepts:
 - Cascading dropdown and conditional display in the Property Pane
 - Use of SPHttpClient and the SharePoint REST API to query SharePoint content
 - React function component with useState and useEffect hooks
-- React Portal in combination with iframe
-- Various examples of client-side code in the samples: Microsoft Graph Toolkit (people, email, agenda), charts, widgets (map, stock, countdown, clock, video).
+- React Portal in combination with an iframe
+- Various examples of client-side code in the samples: Microsoft Graph (teams), Microsoft Graph Toolkit (people, email, agenda), charts (Chart.js, Chartist), widgets (map, stock, countdown, clock, video, game), SharePoint SOAP and REST APIs.
 
 ## References
 
@@ -72,4 +73,26 @@ This Web Part illustrates the following concepts:
 - [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
 - [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
 
+
+## Help
+
+We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for  community members to volunteer their time and help resolve issues.
+
+If you're having issues building the solution, please run [spfx doctor](https://pnp.github.io/cli-microsoft365/cmd/spfx/spfx-doctor/) from within the solution folder to diagnose incompatibility issues with your environment.
+
+You can try looking at [issues related to this sample](https://github.com/pnp/sp-dev-fx-webparts/issues?q=label%3A%22sample%3A%20react-ppw-html%22) to see if anybody else is having the same issues.
+
+You can also try looking at [discussions related to this sample](https://github.com/pnp/sp-dev-fx-webparts/discussions?discussions_q=react-ppw-html) and see what the community is saying.
+
+If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected%2Csample%3A%20react-ppw-html&template=bug-report.yml&sample=react-ppw-html&authors=@PathToSharePoint&title=react-ppw-html%20-%20).
+
+For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aquestion%2Csample%3A%20react-ppw-html&template=question.yml&sample=react-ppw-html&authors=@PathToSharePoint&title=react-ppw-html%20-%20).
+
+Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-ppw-html&template=suggestion.yml&sample=react-ppw-html&authors=@PathToSharePoint&title=react-ppw-html%20-%20).
+
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
 <img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-cherry-picked-content" />
\ No newline at end of file
diff --git a/package.json b/package.json
index 8a513f5a6..22c412627 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-cherry-picked-content",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": true,
   "main": "lib/index.js",
   "scripts": {
diff --git a/samples/Isolated-Game.html b/samples/Isolated-Game.html
new file mode 100644
index 000000000..28a8695d7
--- /dev/null
+++ b/samples/Isolated-Game.html
@@ -0,0 +1,5 @@
+<div style="background-color: CadetBlue; padding: 20px;">
+<h3>Stolen Sword - Game</h3>
+<p>Isolated mode: &#9888; mandatory. A one finger action game in 13kb. Source: https://github.com/chiaogu/stolen-sword.</p>
+<canvas></canvas><script>(()=>{let t=0;const e=()=>t++,n=e(),l=e(),o=e(),a=e(),i=e(),s=e(),r=e(),h=e(),y=e(),p=e(),c=e(),$=e(),x=e(),f=e(),u=e(),d=e(),g=e(),M=(e(),e()),v=e(),b=e(),m=e(),w=e(),P=e(),S=e(),E=e(),I=e(),G=e(),A=e(),D=e(),L=e(),k=e(),O=e(),T=e(),C=e(),R=e(),W=e(),B=e(),j=e(),F=e(),J=e(),q=16,N=[.109,.021,.08,-.13,.119,.051,0,.148,-.968],K=[.08,0,-.056,-.068,-.073,-.002,.231,.091,.078],U=[0,0,0,0,0,0,0,0,-1.025],H=[.025,0,-.109,-.085,.027,-.027,.107,-.073,-1.062],X=[.069,.025,.068,-.235,-.172,-.514,.066,.089,.424],Y=[-.072,-.089,-.138,-.148,-.225,-.144,-.054,.043,-1.186],z=[-.234,-.275,-.237,-.235,-.218,-.18,-.154,-.183,-1.462],Q=[.107,.01,.114,.119,-.26,-.247,.104,.215,-.057],Z=(t,e,n)=>{n=Math.abs(n);const l=Math.abs(t-e);return l>n?t-n*((t-e)/(l||1)):e},_=t=>180*t/Math.PI,V=(t,e)=>({x:t,y:e}),tt=(t,e)=>Math.atan2(e.y-t.y,e.x-t.x),et=(t,e,n={})=>(n.x=t(...e.map(({x:t})=>t)),n.y=t(...e.map(({y:t})=>t)),n),nt=(t,e)=>Math.hypot(t.x-e.x,t.y-e.y),lt=t=>nt(t,V(0,0)),ot=(t,e,n,l)=>{const o=((l.x-n.x)*(t.y-n.y)-(l.y-n.y)*(t.x-n.x))/((l.y-n.y)*(e.x-t.x)-(l.x-n.x)*(e.y-t.y)),a=((e.x-t.x)*(t.y-n.y)-(e.y-t.y)*(t.x-n.x))/((l.y-n.y)*(e.x-t.x)-(l.x-n.x)*(e.y-t.y));if(o>=0&&o<=1&&a>=0&&a<=1)return V(t.x+o*(e.x-t.x),t.y+o*(e.y-t.y))},at=(t,e,n,l,o=0,a=0)=>({p:V(t,e),s:V(n,l),v:V(o,a),[b]:0,[m]:V(t,e)}),it=({p:t,s:e})=>({l:t.x-e.x/2,t:t.y+e.y/2,r:t.x+e.x/2,b:t.y-e.y/2}),st=[["l","t","r","t"],["r","t","r","b"],["r","b","l","b"],["l","b","l","t"]],rt=(t,e,n=1)=>(n?t%Math.round(e/q):t)/Math.round(e/q),ht=t=>2*Math.abs(t-.5),yt=(t,e,n={})=>l=>{let o=l[b];n[E]&&(o-=n[E](l)||o),o>0&&e(l,rt(o,t))},pt=(t,n,l={})=>{const o=G+e();return e=>{if(0!=l[I]||!e[o]){const a=Math.round(n/q);let i=e[b];l[E]&&(i-=l[E](e)||i),i=Math.round(i),(l[A]||i>0)&&i!==e[o]&&i%a==0&&(t(e),e[o]=Math.round(e[b]))}}};function ct(t,e=0,n=0,l=1){let o=0,a=0,i=0,s=0,r=0,h=0;const y=[];return t.split("").map(t=>{let e=t.charCodeAt(),n=.39*-(e>>3)+4.72,l=4*(7&e)+4;o+=l*Math.cos(n),a-=l*Math.sin(n),i=Math.min(o,i),s=Math.min(a,s),r=Math.max(o,r),h=Math.max(a,h),y.push(V(o,a))}),y.forEach(t=>{t.x-=(r-i)/2+e,t.y-=(h-s)/2+n,t.x*=l,t.y*=l}),{p:y.splice(1,y.length),w:r-i,h:h-s}}const $t=(t,e,n)=>t+(e-t)*n,xt=(t,e,n)=>{const l=Math.cos(2*n*Math.PI),o=Math.sin(2*n*Math.PI);return V(l*(e.x-t.x)+o*(e.y-t.y)+t.x,l*(e.y-t.y)-o*(e.x-t.x)+t.y)},ft=t=>t*t,ut=t=>t*(2-t),dt=t=>t<.5?2*t*t:(4-2*t)*t-1,gt=t=>t*t*t*t*t,Mt=t=>1+--t*t*t*t*t,vt=t=>t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t,bt=t=>Math.sqrt(1-Math.pow(t-1,2));let mt=(t=1,e=.05,n=220,l=0,o=0,a=.1,i=0,s=1,r=0,h=0,y=0,p=0,c=0,$=0,x=0,f=0,u=0,d=1,g=0,M=0)=>{let v,b,m=2*Math.PI,w=r*=500*m/Pt**2,P=(0<x?1:-1)*m/4,S=n*=(1+2*e*Math.random()-e)*m/Pt,E=[],I=0,G=0,A=0,D=1,L=0,k=0,O=0;for(h*=500*m/Pt**3,x*=m/Pt,y*=m/Pt,p*=Pt,c=Pt*c|0,b=(l=99+Pt*l)+(g*=Pt)+(o*=Pt)+(a*=Pt)+(u*=Pt)|0;A<b;E[A++]=O)++k%(100*f|0)||(O=i?1<i?2<i?3<i?Math.sin((I%m)**3):Math.max(Math.min(Math.tan(I),1),-1):1-(2*I/m%2+2)%2:1-4*Math.abs(Math.round(I/m)-I/m):Math.sin(I),O=(c?1-M+M*Math.sin(2*Math.PI*A/c):1)*(0<O?1:-1)*Math.abs(O)**s*t*.3*(A<l?A/l:A<l+g?1-(A-l)/g*(1-d):A<l+g+o?d:A<b-u?(b-A-u)/a*d:0),O=u?O/2+(u>A?0:(A<b-u?1:(b-A)/u)*E[A-u|0]/2):O),v=(n+=r+=h)*Math.sin(G*x-P),I+=v-v*$*(1-1e9*(Math.sin(A)+1)%2),G+=v-v*$*(1-1e9*(Math.sin(A)**2+1)%2),D&&++D>p&&(n+=y,S+=y,D=0),!c||++L%c||(n=S,r=w,D=D||1);return(t=wt.createBuffer(1,b,Pt)).getChannelData(0).set(E),(n=wt.createBufferSource()).buffer=t,n.connect(wt.destination),n.start(),n},wt=new(window.AudioContext||webkitAudioContext),Pt=22050;const St=[[,0,1e3,.01,.08,.09,4,,-20.1,8.4,,,,1,,,,.51,.02],[1.5,.5,90,,,1,1,1.91,,,,,,5,50,3],[,,1313,,.08,.16,3,.04,,,-23,.09,,.4,,.05,,.21,.13,.05],[,,1774,.03,,.06,4,.01,,,-697,.03,,5,6,,.13,.18,.01,.5],[,0,260,,,1,,.6]],Et=[],It=(t,e=200)=>{const n=Date.now();(!Et[t]||n-Et[t]>e)&&(mt(...St[t]),Et[t]=n)};const Gt=t=>new Proxy({0:t},{get:t=>t[0],set:(t,e,n)=>(t[0]=n,1)}),At=at(0,0,20,50),Dt=Gt(2),Lt=Gt(2),kt=(Gt(0),Gt(.5)),Ot=Gt(14),Tt=Gt({}),Ct=Gt();function Rt(){const t=V((Ht.x-Ut.x)/10,(Ut.y-Ht.y)/10),e=lt(t);return e>Ot.$&&et(t=>t*Ot.$/e,[t],t),t}function Wt(){const t=[et(t=>t,[At.p])],e=Rt();let n=0;for(;n<200;){const l=t[t.length-1],o=et((t,e)=>t+e,[l,e]);n+=nt(l,o),e.y-=kt.$,t.push(o)}return t}function Bt(){Nt()||(Dt.$>0&&(At.v=V(-1*At.v.x/Math.abs(At.v.x||1),5)),Dt.$>1&&(It(1),At[L]=At[b],Ft(Math.max(Lt.$,1))),Dt.$=Math.max(0,Dt.$-1))}function jt(){Ft(2)}function Ft(t){Kt.$&&Lt.$!==t&&re(),Lt.$=t}function Jt(){return Lt.$>0&&!At[k]&&Me.$&&-1!==ue.$&&!Me.$[x]&&!me()}function qt(){return lt(Rt())>=2}function Nt(){return At[L]&&At[b]-At[L]<=1e3/q}const Kt=Gt(0),Ut=V(0,0),Ht=V(0,0),Xt=Gt(),Yt=V(0,0),zt=V(window.innerWidth,window.innerHeight),Qt=Gt(1),Zt=t=>{if(void 0!==Ie.$&&t.p.y>Ie.$){const[e,n]=function(t,e,n=1){const l=zt.y/667;return[zt.x/2-(Yt.x-t.x)*Qt.$*l*n,zt.y/2+(Yt.y+t.y-e)*Qt.$*l*n]}(t.p,Ie.$);return{x:e-4*Math.random()*ne.$,y:n,d:ft(Math.min(1,(t.p.y-Ie.$)/t.s.y*2))}}},_t=t=>Ge.$&&it(t).b<=Ie.$;function Vt(t,e=1){const n=zt.y/667;return"number"==typeof t?t*Qt.$*n*e:[zt.x/2-(Yt.x-t.x)*Qt.$*n*e,zt.y/2+(Yt.y-t.y)*Qt.$*n*e]}function te(t){const e=Vt(t.p);return e[0]<0||e[1]<0||e[0]>zt.x||e[1]>zt.y}const ee=(t,e)=>{if((e[S]||!te(e))&&(((t,e,n)=>{const l=it(t),o=it(e);return l.l+t.v.x*n<o.r+e.v.x*n&&l.r+t.v.x*n>o.l+e.v.x*n&&l.t+t.v.y*n>o.b+e.v.y*n&&l.b+t.v.y*n<o.t+e.v.y*n})(t,e,ne.$)||((t,e,n)=>{const l=et((t,e)=>t+e*n,[t.p,t.v]),o=it(e);for(let[e,n,a,i]of st)if(ot(t.p,l,V(o[e],o[n]),V(o[a],o[i])))return 1;return 0})(t,e,ne.$)))return((t,e)=>{const n=_(tt(e.p,t.p)),l=it(e),o=_(tt(e.p,V(l.l,l.t))),a=180-o;return n>a&&n<o?"t":n>o||n<-o?"l":n<-a&&n>-o?"b":n>-a||n<-a?"r":void 0})(t,e)},ne=Gt(1),le=[];let oe,ae=0;function ie(t){const e=le.findIndex(([e])=>e===t);-1!==e&&le.splice(e,1)}function se(t,e=1,n=(t=>t)){let l=0;return function(t,e){const n=ae++;return le.push([n,t,e]),()=>ie(n)}(()=>t(n(Math.min(Math.max(l++*q/e,0),1))),()=>l*q>e)}function re(t=.05){oe||(oe=se(e=>{ne.$=1-(1-t)*Mt(e)},3e3,Mt))}function he(){oe&&(oe(),oe=void 0),ne.$=1}const ye=Gt(0),pe=[],ce=[],$e=[],xe=[],fe=[],ue=Gt(-1),de=Gt(-1),ge=Gt(-1),Me=Gt(),ve=Gt(0),be=Gt(),me=()=>Me.$&&(ue.$===Me.$[c].length||void 0!==Me.$[x]);Gt(0);let we={};const Pe=(t,e)=>we[t]=e,Se=[],Ee=(t,e)=>Se[t]?Se[t].push(e):Se[t]=[e],Ie=Gt(),Ge=Gt(),Ae=document.createElement("canvas").getContext("2d"),De=(t,e,n,l,o)=>{const a=Ae.createLinearGradient(...Vt(V(0,t),l),...Vt(V(0,t-e),o?l:void 0));return n.forEach(t=>a.addColorStop(...t)),a},Le=Gt(),ke=Gt(),Oe=Gt(0),Te=(...t)=>window.localStorage.setItem(...t),Ce=(...t)=>window.localStorage.getItem(...t),Re=1!=Ce(j),We=Gt(),Be=t=>t?()=>t/q:void 0,je=(t,e,n,l,o,a=1)=>V(t+n*Math.cos(2*o*Math.PI)*a,e+l*Math.sin(2*o*Math.PI)*a),Fe=(t,e,n,l=0,a=(t=>t))=>{let i=0;return yt(t,(t,l)=>{t[o]||(i=Math.max(l,i),et(t=>t,[je(t[m].x,t[m].y,e,n,a(l),i)],t.p))},{[E]:Be(l)})},Je=(t,e,n,l=Mt)=>yt(t,(a,i)=>{!a[o]&&i>0&&a[b]<t/q&&et((t,e)=>e+(t-e)*l(i),[a[m],V(e,n)],a.p)}),qe=(t,e,n)=>l=>{!l[o]&&l[b]>n/q&&(l.p.y=t.p.y+e.y,l.p.x=t.p.x+e.x)},Ne=(t,e)=>{const n=Math.max(...e),l=[];let a=0;return t[v].push(t=>{t[b]>0&&a!==Math.floor(t[b])&&(l.unshift(V(t.p.x,t.p.y)),l.length>n/q&&l.pop(),a=Math.floor(t[b]))}),e.map(t=>e=>{if(!e[o]){const n=l[Math.floor(t/q)-1],o=l[Math.floor(t/q)-2];n&&o&&(e.p.x=Z(e.p.x,n.x,(n.x-o.x)*ne.$),e.p.y=Z(e.p.y,n.y,(n.y-o.y)*ne.$))}})},Ke=(t,e,n,l=[])=>({...at(t,e,0,0),[v]:[t=>t[b]>0&&n(t),...l]}),Ue=(t,e,n,l)=>Ke(t,e,t=>{const e=rt(t[b],n,0);e>=1&&(t[B]=1),t[B]||l(e,t)}),He=()=>Ue(0,0,2400,t=>{Ee(61,e=>{const n=zt.x-zt.x*Math.min(1,ft(t/.3)),l=t<.7?zt.x+10:zt.x*Math.max(0,1-ut((t-.7)/.3));e.fillStyle="#000",e.fillRect(n,0,l,zt.y)})}),Xe=(t,e,n)=>Ue(t,e,3e3,(t,e)=>{e.p.x-=ve.$*ne.$;const l=Vt(n)*t,o=(t=0)=>`rgba(70,90,110,${t})`,a=(n,o,...a)=>{const i=n.createRadialGradient(...Vt(e.p),l*t,...Vt(e.p),l);o.forEach(t=>i.addColorStop(...t)),n.fillStyle=i,n.lineWidth=Vt(10)*gt(1-t),n.save(),n.translate(0,.7*Vt(e.p)[1]),n.scale(1,.3),n.beginPath(),n.ellipse(...Vt(e.p),l,l,0,...a),n.fill(),n.restore()};Ee(10,e=>a(e,[[.1,o()],[.6,o(gt(1-t))],[.61,o()]],Math.PI,2*Math.PI)),Ee(52,e=>a(e,[[.6,o()],[.61,o(gt(1-t))],[1,o()]],2*Math.PI,Math.PI))}),Ye=t=>e=>{if(e[b]>0&&void 0!==Ie.$){const n=e.p.y-e.s.y/2<=0;t!==n&&(void 0!==t&&fe.length<10&&fe.push(Xe(e.p.x,Ie.$,5*lt(e.v)+100)),t=n)}},ze=(t,e)=>Array(3).fill().map((n,l)=>Ke(458.5625*l-458.5625,0,n=>{n.p.x<-687.84375?n.p.x=687.84375:n.p.x-=e*ne.$*ve.$,t(n.p.x-229.28125,l)})),Qe=(t,e,n,l,o,a=10)=>{const i=Array(3).fill().map(()=>((t,e,n,l,o,a,i)=>{const s=Array(l).fill().map(()=>Math.random()),r=s.map(()=>Math.random()),h=r.map(t=>40*t+o/1.5*120),y=180+60*(o>1?-.3:ut(1-o)),p=`rgb(${.82*y}, ${y}, ${.96*y})`;return y=>Ee(a,a=>{a.strokeStyle=p;for(let p=0;p<l;p++){const c=r[p];s[p]=s[p]>=1?0:s[p]+(5e-4+.001*c)*ne.$,a.lineWidth=Vt(2+10*o*(.4+.6*c),o),a.setLineDash([Vt(h[p]),Vt(1.5)]),a.beginPath();const $=t+y+458.5625/l*p+70*c,x=e-20*c;a.moveTo(...Vt(V($,x),o)),a.quadraticCurveTo(...Vt(je($,x+n/2,0,n/8,s[p]),o),...Vt(je($,x+.8*n+n*c*.2,i/2+i/2*c,0,s[p]),o)),a.globalAlpha=o>1?.6:.8,a.stroke(),a.globalAlpha=1}a.setLineDash([])})})(t,e,n,l,o,a,100));return ze((t,e)=>{(o<1||1!==e)&&i[e](t)},(o>1?3:2)*o)},Ze=(t,e,n,l,o,a)=>Ke(0,0,()=>Ee(n,n=>{const i=De(t,e,o,l,a);n.fillStyle=i,n.fillRect(0,Vt(V(0,t),l)[1],2*zt.x,Vt(e,a?l:void 0))})),_e=ct("\t‹‡‡‡‡qaK^LWZMGGOWGOGGO");_e.p[0].y=_e.p[_e.p.length-1].y;const Ve=(t,e,n=1)=>`rgba(${t*(.64+.3*(1-e/.3))}, ${t*(.8+.1*(1-e/.3))}, ${t}, ${n})`,tn=(t,e,n,l=1,o,a=1)=>{let i=157+70*(1-o/.4);Ee(n,n=>{n.fillStyle=a?De(e+400*(1-o/.4),-_e.h,[[0,Ve(.9*i,o)],[.1,Ve(i,o)]],o):Ve(i,o),n.beginPath(),_e.p.forEach(a=>{n.lineTo(...Vt(V((t+a.x)*l,(e+a.y+_e.h/2)*l),o))}),n.fill(),null!=Ie.$&&(n.fillStyle=De(e+500*(1-o/.35),_e.h,[[0,Ve(.8*i,o)],[.1,Ve(.9*i,o)],[1,Ve(.9*i,o,.3)]],o),n.beginPath(),_e.p.forEach(a=>{n.lineTo(...Vt(V((t+a.x)*l,(e-a.y-_e.h/2+56)*l),o))}),n.fill())})},en=(t,e,n,l,o)=>Ke(t,e,()=>tn(t,e,n,o,l,0)),nn=(t,e,n,l=1,o=1)=>ze((a,i)=>{tn(t+a+100*i,e,n,o,l)},ve.$),ln=()=>{const t=Vt(83),e=e=>Ee(61,n=>{n.fillStyle="#000",n.fillRect(0,e.p.y,zt.x+5,t)});return[Ke(0,0,e,[Je(3e3,0,-t)]),Ke(0,zt.y-t,e,[Je(3e3,0,zt.y)])]},on=t=>Ee(62,e=>{e.setLineDash([]),e.lineWidth=Vt(.7),e.fillStyle="#eec918",e.strokeStyle="rgba(0,0,0,0.75)",e.font=Vt(22)+"px serif";const n=[t,zt.x/2,zt.y-Vt(120)];e.fillText(...n),e.strokeText(...n)}),an=(t,e,n)=>()=>{const l=bn();Le.$=[Ke(t,e,t=>Ee(n,e=>{l.p(Le.$[2]),l.d(e,t.p,["#8a302c","#DB6157","#e8e8e8","#a4413d","#c57777"],Le.$[1],Le.$[3])}),[Ye()]),1,K,1],xe.push(Le.$[0])},sn=(t,e,n=1,l=K,o=1)=>{Le.$[0].p.x=t,Le.$[0].p.y=e,Le.$[1]=n,Le.$[2]=l,Le.$[3]=o};function rn(t,e,n,l,o,a,i,s="fill"){t[s+"Style"]=n,t.beginPath(),e.p.forEach(e=>{t.lineTo(...Vt(xt(l,V(e.x*a+l.x,e.y*i+l.y),o)))}),t[s]()}const hn=ct("4…#+};K1BLild",-105,-35,.108),yn=ct("F[is‡'4N",-43,-30,.141),pn=ct("ge_G?>GOE4/'~",-35,-170,.109),cn=ct("reks‡…„&<?;GGK",-20,70,.108),$n=ct("p'>GDJGG;OJgeƒ~‡",-50,-115,.1),xn=ct(",te{‡%=DODOEJ",-63,55,.1),fn=ct("+—;Lcgk\f}r+5G;MGO",-57,60,.1),un=ct(" )nN/",-15,-20,.102),dn=ct("WLjKl\f&G>=",-27,13,.108),gn=ct(',.+Eek"',-70,-45,.1145),Mn=ct("+??=OO`Od‡ƒ#",-37,-90,.103),vn=ct("\f‚aAeA%B!‚%''''cggggc",-113,10,.216);function bn(){const t=[[V(0,11.9),0],[V(0,12.7),0],[V(-2.3,-6.7),0],[V(1.9,-7),0],[V(-5.2,5.1),0],[V(5.6,5.8),0],[V(2.9,-12),0],[V(-.8,-11.9),0],[V(3.9,-14),-1.124]],e=[[dn,0,[t[0],t[5]]],[vn,1,[t[0],t[5],t[8]]],[un,2,[t[0],t[5],[V(3,-13.7),0,t[5]]]],[pn,3,[t[0]]],[yn,2,[t[0],t[1]]],[hn,3,[t[0],t[1],[V(.2,3),0,t[1]]]],[fn,3,[t[0],t[3],t[6]]],[xn,3,[t[0],t[3]]],[$n,3,[t[0],t[2],t[7]]],[cn,3,[t[0],t[2]]],[Mn,4,[t[0],t[4]]],[gn,2,[t[0],t[4],[V(.4,-16.3),0,t[4]]]]];return{j:t,d:(t,n,l,o=1,a=1)=>e.forEach(([e,i,s])=>{const r=o/Math.abs(o)*(a/Math.abs(a));let h=V(n.x,n.y);s.forEach(([t],e)=>{const n=V(h.x,h.y);h.x+=t.x*o,h.y+=t.y*a,e>0&&(h=xt(n,h,s[e-1][1]*r))});const y=s[s.length-1][2]?s[s.length-1][2][1]:s[s.length-1][1];rn(t,e,l[i],h,y*r,o,a)}),p:e=>e.forEach((e,n)=>t[n][1]=e)}}function mn(t,e,n,l,o=.2){Ee(61,a=>{const i=a.createLinearGradient(t,e,n,l);i.addColorStop(0,`rgba(255,255,255,${o})`),i.addColorStop(.75,"rgba(255,255,255,0)"),a.strokeStyle=i,a.lineCap="round",a.lineWidth=30,a.beginPath(),a.moveTo(t,e),a.lineTo(n,l),a.stroke(),a.lineCap="butt"})}const wn=[ct("4DUME<#",-10,0,.6),ct("\t ‡'fe%",-70,85,.6),ct('r\f":<FDOJa',-150,88,.6),ct("#",-230,97,.6),ct("%c#c",-275,90,.6),ct("GOOM‡",-290,90,.6),ct("4DUME<#",-340,0,.6),ct("GGGE|GFNL‡‡‡…",-380,5,.6),ct('r\f":<FDOJa',-500,88,.6),ct("‡‡[BD3OML",-545,95,.6),ct("‡[UFF?,",-580,90,.6)];function Pn({clientX:t,clientY:e}){Ut.x=t-Oe.$,Ut.y=e}function Sn({clientX:t,clientY:e}){Ut.x=t-Oe.$,Ut.y=e,Ht.x=t-Oe.$,Ht.y=e,Kt.$=1,Object.keys(we).forEach(t=>we[t]()),we={},Jt()&&re(),wt.resume(),At[C]=At[b]}function En(){Kt.$=0,function(){if(Jt()&&qt()){const t=Rt();At.v.x=t.x,At.v.y=t.y,Lt.$--,It(3,0)}}(),he()}window.addEventListener("mousemove",Pn),window.addEventListener("mousedown",Sn),window.addEventListener("mouseup",En),window.addEventListener("touchstart",({touches:t})=>Sn(t[0])),window.addEventListener("touchmove",({touches:t})=>Pn(t[0])),window.addEventListener("touchend",({touches:t})=>En(t[0]));function In(t,e){let n;if(t[w]){const e=it(t);n=ee(At,t),t[P]=!!n,t[w](t,e,n)}return t[v]&&t[v].forEach(n=>n(t,e)),t[b]+=1*ne.$,n}const Gn=(t,e)=>({...at(t.p.x,t.p.y,10,10,e.x,e.y),[W]:t,[w]:(t,e,n)=>{n&&(Bt(),t[R]=1)},[v]:[t=>{et((t,e)=>t+e*ne.$,[t.p,t.v],t.p),Ee(35,e=>{e.fillStyle="#ec5751";const{l:n,t:l}=it(t);e.fillRect(...Vt(V(n,l)),Vt(t.s.x),Vt(t.s.y)),_t(t)&&(e.fillStyle=Ge.$,e.fillRect(...Vt(V(n,l)),Vt(t.s.x),Vt(t.s.y)));const o=Zt(t);o&&(e.fillStyle="#ec5751",e.globalAlpha=.2,e.fillRect(o.x-Vt(t.s.x)/2,o.y,Vt(t.s.x),Vt(t.s.y)),e.globalAlpha=1)})},Ye()]}),An=t=>t[P]&&Math.round(t[b])%4>1?`rgba(200,200,200,${.9*Dn(t)})`:t[l]?"#ec5751":"#464646",Dn=t=>{let e=1-rt(t[b]-t[o],1e3,0);return e=isNaN(e)?1:e,Math.max(0,e)},Ln=(t,e,l)=>{const o=tt(e.p,At.p)/Math.PI/2;e[n]&&(t.setLineDash([Vt(30),Vt(60*(1-(e[i]-1)/2))]),t.lineWidth=Vt(l),t.lineCap="round",t.beginPath(),t.ellipse(...Vt(e.p),Vt(24),Vt(24),.45*-Math.PI-2*Math.PI*o,0,.9*Math.PI),t.stroke())};function kn(t){0!==t[b]&&(Ee(t[D],e=>{const n=An(t);e.globalAlpha=ft(Dn(t))*(!t[l]&&t[h]?.3:1),e.fillStyle=n,e.strokeStyle="rgba(0,0,0,0.2)",e.font=`bold ${Vt(36)}px sans-serif`,e.fillText(t[r],...Vt(t.p)),Ln(e,t,4),e.globalAlpha=1;const o=tt(t.p,At.p)/Math.PI/2,a=V(t.p.x+0,t.p.y+10),i=je(a.x,a.y,1.6,1.6,o);e.beginPath(),e.fillStyle="#eee",e.ellipse(...Vt(a),Vt(4),Vt(4),0,0,2*Math.PI),e.fill(),e.beginPath(),e.fillStyle="#ec5751",e.ellipse(...Vt(i),Vt(2.4),Vt(2.4),0,0,2*Math.PI),e.fill(),_t(t)&&(e.globalAlpha=1,e.fillStyle=Ge.$,e.strokeStyle=Ge.$,e.fillRect(...Vt(V(t.p.x-18,t.p.y+18)),Vt(36),Vt(36)),Ln(e,t,6))}),Ee(t[D]+1,e=>{const n=Zt(t);if(n){e.fillStyle=An(t),e.globalAlpha=.3*n.d;let l=t[r];"士"==l?l="干":"干"==l?l="士":"由"==l&&(l="甲"),e.fillText(l,n.x,n.y),e.globalAlpha=1}}))}const On=(t,e,r,y,p={})=>({...at(t,e,r,y),[w](t,e,a){if(a&&!t[o])if(t[l])Bt();else{if(At[O]=At[b],t[n])"t"===a||"b"===a?(Ft(1),At.v.y*=-.5,At.p.y=e[a]+At.s.y/2*("t"===a?1:-1)):"l"!==a&&"r"!==a||(Ft(1),At.v.x*=-.5,At.p.x=e[a]+At.s.x/2*("r"===a?1:-1)),It(2);else if(t[h])It(0,500);else{It(0,q);const e=V(t.p.x,t.p.y),n=lt(At.v),l=V(At.v.x/n,At.v.y/n);fe.push(Ue(0,0,300,t=>{t=bt(t),Ee(61,n=>{n.lineWidth=10*(1-t),n.strokeStyle=`rgba(0,0,0,${1-t})`,n.beginPath(),n.moveTo(...Vt(et((e,n)=>e-200*n*t,[e,l]))),n.lineTo(...Vt(et((e,n)=>e+200*n*t,[e,l]))),n.stroke()})}))}Ft(1),t[b]-t[s]>20&&(t[i]--,t[s]=t[b],0===t[i]&&(t[o]=t[b],et(t=>.3*t,[At.v],t.v)))}},[s]:-1,[D]:15,...p,[i]:p[i]||1,[v]:[...p[v]||[],kn,t=>{t[o]&&(t.v.y-=kt.$/2*ne.$,t.v.x-=.1*ve.$*ne.$,t.p.x+=t.v.x*ne.$,t.p.y+=t.v.y*ne.$)},pt(t=>{t[a]=1},1e3,{[I]:0,[E]:t=>t[o]}),Ye()]}),Tn=(t,...e)=>(t[v].push(n=>{e.forEach(e=>{e[h]=t,e[i]=Math.max(2,e[i]),n[o]&&!e[o]&&(e[o]=e[b])})}),[t,...e]),Cn=(t,e,n,l,o)=>{let a=[t,...Ne(t,Array(e).fill().map((t,e)=>(e+1)*n)).map((e,n)=>{const l=o(n,t);return l[v].push(e),l})];return a=Tn(...a.splice(l,1),...a),a.splice(l,0,a.splice(0,1)[0]),a},Rn=(t,e,n,o,a)=>On(e,n,30,30,{[v]:o,[r]:t,[l]:a}),Wn=(t,e,l,o)=>On(e,l,40,40,{[v]:[t=>t[n]=t[i]>1,...o],[r]:t,[i]:3}),Bn=(t,e,n=0,l=0)=>pt(e=>{if(!e[o]){const n=2;for(let o=0;o<t;o++){const a=2*(o/t-l)*Math.PI;ce.push(Gn(e,V(n*Math.cos(a),n*Math.sin(a))))}}},e,{[A]:1,[E]:()=>n/q});function jn(t){t.p.y=At.p.y}function Fn(t,e,n){const l=it(At);"t"===n&&jt(),("b"===n||"t"===n)&&l.l<e.r-1&&l.r>e.l+1?(At.v.y=t.v.y,At.p.y=e[n]+At.s.y/2*("t"===n?1:-1),At.v.x=Z(At.v.x,t.v.x,.2*(t.v.x-At.v.x)*ne.$)):"l"!==n&&"r"!==n||(jt(),At.v.x=t.v.x,At.p.x=e[n]+(At.s.x/2-1)*("r"===n?1:-1),At.v.y=Z(At.v.y,t.v.y,.3*(t.v.y-At.v.y)*ne.$))}function Jn(t,e,n){"b"===n||"t"===n?(At.v.y=t.v.y,At.p.y=e[n]+At.s.y/2*("t"===n?1:-1)):"l"!==n&&"r"!==n||(At.v.x=t.v.x,At.p.x=e[n]+At.s.x/2*("r"===n?1:-1))}const qn=(t,e,n,l,o,a=Fn,i)=>({...at(t,e,n,l),[w]:a,[v]:o,[S]:i}),Nn=(...t)=>qn(...t,[],(t,e,n)=>{n&&(At.v.y<0&&jt(),At.p.x-=ve.$*ne.$,At.v.x=Z(At.v.x,0,.1*At.v.x*ne.$),At.v.y=Z(At.v.y,0,At.v.y*(At.v.y>0?.1:.6)*ne.$))}),Kn=(t,e,n,l,o,a)=>qn(t,e,n,l,[t=>{0!==t[b]&&Ee(a,e=>{const n=it(t),l=1-rt(t[b],300);e.fillStyle=t.s.x>t.s.y?"rgba(255,255,255,0.6)":De(t.p.y+t.s.y/2+l*t.s.y/10,t.s.y,Array(20).fill().map((t,e)=>[.05*e,`rgba(255,255,255,${e%2==0?.8:.6})`]),1),e.fillRect(...Vt(V(n.l,n.t)),Vt(t.s.x),Vt(t.s.y))})}],(t,e,n)=>{n&&et((t,e)=>t+e*ne.$,[At.v,o],At.v)},1),Un=(t=-At.s.y/2)=>[qn(0,t,917.125,0),qn(229.28125,0,0,10*At.s.y,[jn],Jn,1),qn(-229.28125,0,0,10*At.s.y,[jn],Jn,1)];let Hn;const Xn=()=>pe.filter(t=>!t[o]);var Yn={[y](){We.$=380,be.$="#ddeaf0",At.p.x=-260,Yt.y=At.p.y+200,Xt.$=()=>{Yt.y=Math.min(At.p.y-At.s.y/2+200,Math.max(At.p.y+At.s.y/2-200,Yt.y))},ve.$=1,$e.push(...Un()),xe.push(Ze(200,400,0,.5,[[0,"#ddeaf0"],[.9,"rgba(104,158,131,0.6)"]]),...Qe(0,-40,1250,1,1.5,51),...Qe(50,-50,1250,1,1.1,51),...Qe(0,30,1250,5,.9),...Qe(50,30,1250,5,.75,8),...Qe(20,30,1250,5,.6,8))},[c]:[()=>(Re&&(Hn=Me.$[b],xe.push(Ke(0,0,()=>Ee(61,()=>{if(!Kt.$){const t=rt(Me.$[b]-Hn,1500*ne.$);mn(...Vt(V(123,16)),...Vt(V($t(120,99,vt(t)),$t(-5,-154,vt(t)))),.5*ut(t))}0===Xn().length&&xe.pop()})))),[Rn("大",50,150,[Je(2e3,250,200),Fe(3e3,10,5,2e3)])]),()=>{if(Re){let t,e=0;xe.push(Ke(0,0,()=>Ee(61,()=>{const n=Xn();if(0===n.length)return xe.pop();if(e){if(!Kt.$){const t=rt(Me.$[b]-Hn,1500*ne.$);mn(...Vt(V(120,-5)),...Vt(V($t(120,120+(At.p.x-n[0].p.x)/3,vt(t)),$t(-5,(At.p.y-n[0].p.y)/3-154,vt(t)))),.5*ut(t))}At.p.y<=120&&(e=0,Kt.$||he()),t!=n.length&&1==n.length&&(re(.01),t=n.length)}else At.p.y>160&&Math.abs(At.v.y)<1&&(e=1,re(.01),Hn=Me.$[b])})))}return[Rn("不",-100,300,[Je(2e3,250,350),Fe(5e3,10,5,2e3)]),Rn("丕",75,350,[Je(2e3,250,450),Fe(3e3,10,5,2e3)])]},()=>Tn(Rn("父",0,450,[Je(2e3,250,330),Fe(5e3,10,0,2e3)]),Rn("子",0,300,[Je(1e3,250,300),Fe(6e3,100,50,1e3)])),()=>[Rn("火",0,350,[Je(1500,250,400),Bn(1,2e3,1e3,.25),Fe(1e4,100,10,1500)])],()=>Tn(Rn("凸",0,300,[Bn(1,2e3,1e3,.25),Je(2e3,250,300),Fe(6e3,150,10,2e3)]),Rn("凹",0,220,[Je(1e3,250,220),Fe(5e3,100,10,1e3)],1)),()=>[Rn("林",0,380,[Je(3e3,250,350)]),...Array(6).fill().map((t,e)=>Rn("木",20*e-50,200+e%2*100,[Bn(1,3e3,1e3+e%2*1e3,.25),Je(2e3+e%2*1e3,250,200+e%2*100),Fe(8e3,150,10*Math.random()*5,2e3+e%2*3e3)]))],()=>Tn(Rn("丼",0,300,[Je(6e3,120,500),Fe(1e4,5,5,6e3)]),...Cn(Rn("井",0,300,[Je(2e3,250,450),Fe(3e3,100,100,2e3)],1),12,200,0,t=>Rn("井",250,450,[],1)))],[p]:()=>0===pe.length&&Math.round(At.p.y)<=0,[$](t){const e=1-dt(ht(t));ve.$=1+3*e,Qt.$=1+.1*e,0==t?ke.$=V(At.p.x,At.p.y):At.p.x=ke.$.x*dt(1-t)},[f]:[[()=>{ke.$=V(At.p.x,At.p.y),xe.push(...ln())}],[t=>{ve.$=1+2*ut(t),At.p.x=ke.$.x+(-100-ke.$.x)*dt(t)},2e3],[()=>on("Can't find the theft. I think I lost him."),500,1],[an(-260,100,9)],[t=>sn(200*t-250,200*ut(1-ht(.8*t))),1e3],[t=>sn(100*t-50,160+100*ut(1-ht(.8*t)),1,N),500],[t=>sn(50+140*t,240+100*ut(1-ht(.8*t))),500],[t=>sn(190+120*t,320+300*ut(1-ht(.8*t))),1e3],[t=>{At.p.x=390*ft(t)-100,ve.$=4+2*ut(t)},1e3],[()=>{fe.push(He()),Te(j,1)}],[()=>{},1e3]]},zn={[y](){We.$=300,kt.$=.3,Ot.$=12,Yt.y=At.p.y+100,Ie.$=0,ve.$=.5,be.$="#D8DBE6",At.p.x=-458.5625,Xt.$=()=>{Yt.y=Math.max(At.p.y-At.s.y/2-100,Math.min(100,Yt.y)),Ge.$=De(0,300,[[0,"rgba(0,0,0,0)"],[.01,"rgb(117,137,160, 0.9)"],[.9,"#2b435b"]])},xe.push(Ze(1100,1350,10,.1,[[0,"rgba(216,219,230,0)"],[.1,"rgba(109,130,152, 0)"],[.5,"rgb(109,130,152, 0.9)"],[1,"#2b435b"]]),...nn(177,0,9,.3,2.8),...nn(0,40,8,.2,3.6),...nn(-37,60,8,.15,4)),$e.push(Nn(0,-200,917.125,400),...Un(-230))},[c]:[()=>[Wn("亞",75,50,[Je(2500,270,-40),Fe(7e3,0,90,2500)])],()=>[Rn("工",10,300,[Bn(1,4e3,1e3,.25),Je(3500,0,550),Fe(8e3,100,30,3500)]),Wn("干",-120,100,[Je(2500,-150,-250),Fe(5e3,10,15,2500)]),Wn("士",120,150,[Je(3500,150,-250),Fe(6e3,10,15,3500)])],()=>{const t=Rn("十",0,300,[Je(2300,0,550),Fe(1e4,160,288,2300,t=>dt(ht(t))/-2),t=>{t[o]||e.filter(t=>t[a]).length!==e.length||(t[o]=t[b])}],1),e=[["巛",V(-50,0)],["三",V(0,-50)],["川",V(50,0)],["二",V(0,50)]].map(([e,n],l)=>Wn(e,n.x,t.p.y+n.y,[Je(2e3+100*l,250*(l>1?1:-1),l%2==1?400:550),qe(t,n,2300)]));return[t,...e]},()=>Cn(Wn("十",0,200,[Je(4e3,250,450),Bn(10,6e3,1e3),Fe(1e4,200,210,5e3)]),9,250,0,t=>Rn(0===t?"米":"乂",250,450,[],0===t)),()=>Cn(Rn("回",0,300,[Je(5e3,270,-200),Bn(10,6e3,2e3),Fe(2e4,190,488,4e3,t=>dt(ht(t))/-2)],1),9,250,1,t=>(0===t?Wn:Rn)(0===t?"由":t%2==1?"口":"回",270,-200,[],8===t))],[p]:()=>0===pe.length&&At.p.y<=At.s.y/2,[$](t){const e=1-dt(ht(t));Qt.$=1-.1*e,ve.$=1+3*e,At.v.y=0,At.p.y=200*(1-ft(ht(t)))+At.s.y/2,0==t?ke.$=V(At.p.x,At.p.y):At.p.x=ke.$.x*dt(1-t)},[f]:[[()=>{kt.$=0,At.v.y=0,xe.push(...ln()),ke.$=V(At.p.x,At.p.y),Ct.$=1;const t=At[b];At[v].push(yt(2e3,(t,e)=>{t.p.y=t.s.y/4+140*ut(1-ht(e)),t.p.x=ke.$.x+(-100-ke.$.x)*dt(e),-100===Math.round(t.p.x)&&(ke.$=V(t.p.x,t.p.y))},{[E]:()=>t}))}],[t=>{ve.$=1+2*ut(t)},2e3],[()=>on("Still not found the theft."),500,1],[an(-300,0,11)],[t=>sn(100*t-300,200-200*ft(t),1,H),1e3],[t=>sn(100*t-200,100*ut(1-ht(t))),800],[t=>sn(200*t-100,100*ut(1-ht(t)),1,t>.5?H:K),800],[t=>sn(100+300*t,300*ut(1-ht(t))),1200],[()=>{At[v].pop(),ke.$=V(At.p.x,At.p.y)}],[t=>{At.p.y=ke.$.y+100*ut(1-ht(2*t)),At.p.x=500*ut(t)-100,ve.$=4+5*ut(t)},1800],[()=>{fe.push(He()),Ct.$=void 0}],[()=>{},1e3]]};const Qn=[[-51,-50,"l",1.81,ct("¢gge‡„\v…|l\t…o‡odo~‡''$†#\v\f'$'")],[316,613,"r",1.93,ct("'¦%#\v‚‡\fnm‡‡\t$'eeggt‡~\veg")],[289,1229,"r",1.93,ct(".™‡‡{\v‡‡‡\f‡‡}'..#†ggggggg"),[20,23]],[-6,1513,"l",1.93,ct("Q…i{tl'3G;D=GOGE"),[13]],[326,1851,"r",1.8,ct("8m''''/'6GF…\f„‡w‡‡r~‡gog~yogi")],[-34,2775,"l",2.08,ct("\v6g‡‡rgo„\v''''/")]],Zn=([t,e,n,l,o,a=[]],i)=>{const s=n=>V((t+n.x)*l,(e+n.y+o.h/2)*l);xe.push(Ke(t,e,t=>Ee(11,e=>{e.fillStyle="#415061",e.beginPath(),o.p.forEach(n=>{e.lineTo(...Vt((e=>V((t.p.x+e.x)*l,(t.p.y+e.y+o.h/2)*l))(n)))}),e.fill()}))),a=a.slice(),o.p.slice(1,o.p.length).forEach((t,e)=>{a[0]===e&&(a.shift(),n="r"===n?"l":"r");const l=s(t),i=s(o.p[e]),r=i.x-l.x,h=l.y-i.y,y=Math.abs(r),p=Math.abs(h);y>At.s.x/2&&$e.push(qn((r>0?l.x:i.x)+y/2,"l"==n?r<0?l.y:i.y:r<0?i.y:l.y,y-2,1)),p>At.s.y/2&&$e.push(qn("l"==n?r>0?l.x:i.x:r>0?i.x:l.x,(h>0?l.y:i.y)-p/2,1,p))})},_n=()=>[Fe(1e3*Math.random()+2e3,10*Math.random(),10*Math.random())];let Vn;const tl=en(205,2750,7,1,2);var el=[Yn,zn,{[y](){We.$=580,be.$="#D8DBE6",Ie.$=0,At.p.x=-250,At.p.y=400,kt.$=0,Yt.y=At.p.y+200,Xt.$=()=>{Ge.$=De(0,300,[[0,"rgba(0,0,0,0)"],[.01,"rgb(117,137,160, 0.9)"],[.9,"#2b435b"]]),Yt.y=Math.max(At.p.y-At.s.y/2,Math.min(200,Yt.y))},Qn.forEach(Zn),$e.push(...Un(-12),Nn(0,-24,917.125,50),Kn(-55,1592.5,40,1235,V(0,-.5),30),Kn(90,2225,270,30,V(-.2,0),10));const t=[[0,"rgba(255,255,255,0)"],[.5,"rgba(255,255,255,0.9)"],[1,"rgba(255,255,255,0)"]];xe.push(Ze(1100,1350,10,.1,[[0,"rgba(216,219,230,0)"],[.1,"rgba(109,130,152, 0)"],[.5,"rgb(109,130,152, 0.9)"],[1,"#2b435b"]]),Ze(3e3,14e3,9,.03,[[0,"rgba(216,219,230,0)"],[1,"rgba(216,219,230,1)"]],1),Ze(1200,6550,1,.06,[[0,"rgba(216,219,230,1)"],[1,"rgba(43,67,91,0)"]],1),Ke(0,0,()=>Ee(10,t=>{t.fillStyle="#000",t.fillRect(...Vt(V(-232,2)),Vt(76),Vt(140))}),[pt(()=>{Math.random()>.5&&fe.push(Xe(-190,0,300))},1e3)]),Ke(0,0,()=>Ee(10,t=>{t.fillStyle="rgba(255,255,255,0.6)",t.beginPath(),t.moveTo(...Vt(V(-45,2210))),t.arc(...Vt(V(-45,2210)),Vt(30),Math.PI,-Math.PI/2),t.fill()})),Ze(5421,250,51,1.5,t,1),Ze(5421,250,8,.5,t,1),Ze(5421,250,8,.3,t,1),en(177,0,7,.5,3),en(-50,40,7,.2,3.6),en(-266,40,7,.15,5),en(226,100,7,.12,5),en(-406,110,7,.075,4),en(16,110,7,.06,4))},[c]:[()=>[...Tn(Rn("巾",-160,3790,[Fe(2500,40,5)],1),...[["亓",0,4340],["冂",-130,4516],["兀",-61,4694],["ㄢ",4,4850],["只",40,5032],["天",124,5194],["云",-49,5319],["皿",49,5444],["弓",27,5611],["六",-76,5740],["廾",-141,1596],["爪",-119,2127],["孓",-173,2927]].map(([t,e,n])=>Rn(t,e,n,_n()))),Wn("卞\b\b",-179,3409,[Fe(3e3,20,5)]),Rn("卝",143,750,_n()),Rn("从",80,1509,_n(),1),...Cn(Rn("公",-300,2767,[yt(5e3,(t,e)=>{e=dt(ht(e)),t.p.y=t[m].y+452*e,t.p.x=t[m].x+400*Math.sin(bt(e)*Math.PI/2)})],1),10,300,8,(t,e)=>(7===t?Wn:Rn)("ㄙ",e.p.x,e.p.y,[],1))]],[p](){const t=at(-131,6226,200,80),e=ee(At,t);return-1===ue.$||e&&0===Math.round(lt(At.v))},[$](t){kt.$=.5,At.v.y=0,At.p.y=400*(1-ft(t)),At.p.x=-1600*ft(1-t)},[f]:[[()=>{Ct.$=1,Xt.$=void 0,ke.$=V(At.p.x,At.p.y),Vn=V(Yt.x,Yt.y),xe.push(...ln(),tl)}],[t=>{Yt.y=$t(Vn.y,At.p.y-30,dt(t))},1e3],[()=>{an(310,6310,11)(),sn(310,6310,-1,U)}],[()=>on("Still can't find him."),500,1],[t=>{Yt.x=$t(Vn.x,130,dt(t)),At.p.x=$t(ke.$.x,-60,dt(t))},2e3],[()=>{},1e3],[t=>sn($t(305,450,Mt(t)),$t(6310,6410,Mt(t)),1,K),1e3],[t=>{kt.$=0,Ee(0,e=>e.canvas.style.filter=`saturate(${1-t})`),At.p.x=$t(-60,134,Mt(t)),At.p.y=$t(ke.$.y,6360,Mt(t))},1e3],[()=>on("(To be continued)"),500,1],[()=>{fe.push(He())}],[()=>{},1e3],[()=>{Ct.$=void 0,Ee(0,t=>t.canvas.style.filter="")}]]}];let nl=+Ce(J)||0;function ll(t){de.$=t,Me.$[x]=Me.$[b],Me.$[$]&&Me.$[$](0)}function ol(t){delete Me.$[x],pe.splice(0,pe.length),ue.$=t,-1!==t&&t!==Me.$[c].length&&Te(J,t),Me.$[c][t]&&pe.push(...Me.$[c][t]())}function al(t,e){var n;if(et(()=>0,[],At.p),et(()=>0,[],At.v),et(()=>0,[],Yt),Dt.$=2,At[k]=void 0,kt.$=.5,Ot.$=14,Ie.$=void 0,ve.$=0,be.$=void 0,Ge.$=void 0,pe.splice(0,pe.length),$e.splice(0,$e.length),ce.splice(0,ce.length),xe.splice(0,xe.length),t<el.length&&(ge.$=t,de.$=-1,Me.$=(n=el[t],{...at(),...n,[v]:[t=>{if(-1===ue.$&&de.$!==nl)ye.$&&ll(nl);else if(ue.$===t[c].length){const[e,n=q,l]=t[f][t[d]],o=t[b]-t[u];if(o>=Math.round(n/q)){t[u]=t[b];const e=()=>{if(t[d]<t[f].length-1)t[u]=t[b],t[d]++,t[f][t[d]][0](0);else{Te(J,void 0),nl=0;const t=(ge.$+1)%el.length;0===t&&(ye.$=0),al(t)}};l?Pe(`${g}${ge.$}${t[d]}`,e):e()}else e(rt(o,n))}else if(void 0!==t[x]){const e=rt(t[b]-t[x],2e3,0);t[$]&&t[$](Math.max(0,Math.min(1,e)))}else!At[k]&&t[p]&&t[p]()&&(ue.$===t[c].length-1?ol:ll)(ue.$+1)},pt(()=>ol(de.$),2e3,{[E]:t=>t[void 0===t[x]?b:x]-1,[A]:1})],[d]:0,[u]:0,[f]:[[()=>{},0],...n[f]||[]]}),e?ll(e):ue.$=-1,Me.$[y](),Te(F,t)),!ye.$){let t;const e=Ke(0,0,()=>{let n;if(null!=t){const l=rt(Me.$[b]-t,1e3,0);if(l>=1)return xe.splice(xe.indexOf(e),1);n=1-l}else{const e=Math.min(1,rt(Me.$[b],2e3,0));e>=1&&Pe(M,()=>{(()=>{const t=Date.now();(!Et[4]||t-Et[4]>200)&&(Et[4]=t,[130.8,164.8,220,261.6,329.6,440].forEach(t=>{St[4][2]=t,mt(...St[4])}))})(),ye.$=1,t=Me.$[b]}),n=e}!function(t){Ee(61,e=>{e.lineJoin="bevel",e.lineWidth=ft(t)*Vt(3),e.setLineDash([50*vt(t),Vt(100)*dt(1-t)]),wn.forEach(t=>rn(e,t,"#fff",V(-160,We.$),0,1,1,"stroke")),e.lineJoin="miter"})}(n)});xe.push(e)}}al(+Ce(F)||0);const il=["#666","#111","#c4c4c4","#333","#888"];let sl=1;const rl=bn();function hl(t,e){rl.j[t][1]=e}function yl(t,e,n,l,o,a=1){const i=rt(At[b]-At[t],e,0);i>1||!At[t]?(rl.p(l),a&&(At[t]=void 0)):rl.p(n.map((t,e)=>$t(t,l[e],o(i))))}At[v]=[pt(()=>al(ge.$,ue.$),1e3,{[E]:t=>t[k]}),()=>{At[k]||0!==Dt.$||(It(1),At[k]=At[b],fe.push(He())),At.v.y-=kt.$*ne.$,et((t,e)=>t+e*ne.$,[At.p,At.v],At.p),Xt.$&&Xt.$();const t=At.v.x/Math.abs(At.v.x)||1;if(Ct.$)sl=Ct.$;else if(Kt.$){const{x:t}=Rt();sl=t/Math.abs(t)||1}else sl=At[k]||At[C]<At[L]?-t:Tt.$.r?1:Tt.$.l?-1:t;if(rl.j[0][0].y=9,At[k])rl.j[0][0].y=-25,yl(k,1e3,Y,z,Mt,0);else if(At[O])yl(O,300,X,K,gt);else if(At.p.y<Ie.$){rl.p(Q);const t=rt(At[b],600),e=dt(ht(t));hl(2,$t(Q[2],.032,e)),hl(3,$t(Q[3],.2,e)),hl(6,$t(Q[6],.246,ht(ft(t)))),hl(7,$t(Q[7],.134,ht(ft(t))))}else if(Tt.$.t)if(lt(At.v)<=.6)if(ve.$>0){if(At[T])yl(T,200,H,N,gt);else{Kt.$?rl.p(K):rl.p(N);const t=rt(At[b],600),e=dt(ht(t));rl.j[0][0].y=8+2*ht(e),hl(2,$t(N[2],-.16,e)),hl(3,$t(N[3],.172,e)),hl(6,$t(N[6],.2,ht(ft(t)))),hl(7,$t(.2,0,ht(ft(t))))}sl=1}else rl.j[0][0].y=11.9,yl(T,200,H,U,Mt);else At[T]=At[b],rl.p(H);else At[C]<At[L]&&Nt()?rl.p(Y):rl.p(K);il[2]=2==Dt.$?"#c4c4c4":"#ec5751"},()=>{Ee(25,t=>{if(Kt.$&&Jt()){t.lineCap="round",t.strokeStyle=`rgba(0,0,0,${qt()?.1:0})`;const e=10;for(let n=0;n<e;n++){t.lineWidth=Vt(3*Math.random()+1),t.beginPath(),t.moveTo(...Vt(At.p));const l=Wt();for(let o=0;o<Math.random()*l.length/2+l.length/2;o++){const a=Vt(50);t.setLineDash([Math.random()*a*2+a,Math.random()*a]),t.lineTo(...Vt(V(l[o].x+n/1*Math.cos(n/e*2*Math.PI),l[o].y+n/1*Math.sin(n/e*2*Math.PI+10))))}t.stroke()}t.lineCap="butt",t.setLineDash([])}Nt()&&(t.globalAlpha=Math.round(At[b])%8>3?.1:1),rl.d(t,At.p,il,sl),t.globalAlpha=1,_t(At)&&rl.d(t,At.p,il.map(()=>Ge.$),sl),void 0!==Ie.$&&(t.globalAlpha=.3*ft(Math.max(0,Math.min(1,At.p.y/At.s.y*2))),rl.d(t,V(At.p.x-4*Math.random()*ne.$,-At.p.y),il,sl,-1),t.globalAlpha=1)})},Ye()];var pl=[t=>{t.fillStyle=be.$||"#000",t.fillRect(0,0,zt.x+1,zt.y),Se.forEach(e=>{for(;e.length>0;)e.shift()(t)})},t=>{for(let t=le.length-1;t>=0;t--){const[e,n,l]=le[t];n(),l()&&ie(e)}},t=>{for(let e=pe.length-1;e>=0;e--)pe[e][a]?pe.splice(e,1):In(pe[e],t);Tt.$={};for(let e=$e.length-1;e>=0;e--){const n=In($e[e],t);n&&(Tt.$[n]=1)}for(let e=ce.length-1;e>=0;e--)te(ce[e])||ce[e][W]&&ce[e][W][a]||ce[e][R]||ce[e].p.y<=-ce[e].s.y?ce.splice(e,1):In(ce[e],t);Me.$&&In(Me.$,t),In(At,t);for(let e=xe.length-1;e>=0;e--)xe[e][B]?xe.splice(e,1):In(xe[e],t);for(let e=fe.length-1;e>=0;e--)fe[e][B]?fe.splice(e,1):In(fe[e],t)},()=>{Kt.$&&mn(Ht.x,Ht.y,Ut.x,Ut.y)}];const cl=document.querySelector("canvas"),$l=cl.getContext("2d");let xl,fl;function ul(){xl=window.devicePixelRatio;let t=window.innerWidth,e=window.innerHeight;t<e/1.4545454545454546&&(e=1.4545454545454546*t),e<1.4545454545454546*t&&(t=e/1.4545454545454546),cl.style.width=Math.floor(t),cl.style.height=Math.floor(e),cl.width=Math.floor(t*xl),cl.height=Math.floor(e*xl),$l.textBaseline="middle",$l.textAlign="center",$l.scale(xl,xl),Oe.$=cl.getBoundingClientRect().left,zt.x=Math.floor(cl.width/xl),zt.y=Math.floor(cl.height/xl)}window.addEventListener("resize",()=>setTimeout(ul,q)),ul(),function t(){xl!=window.devicePixelRatio&&ul(),(!fl||Date.now()-fl>=q/2)&&(pl.map(t=>t($l)),fl=Date.now()),requestAnimationFrame(t)}()})();</script>
+</div>
\ No newline at end of file
diff --git a/samples/Isolated-MyTeams.html b/samples/Isolated-MyTeams.html
new file mode 100644
index 000000000..1958805c1
--- /dev/null
+++ b/samples/Isolated-MyTeams.html
@@ -0,0 +1,23 @@
+<div style="background-color: CadetBlue; padding: 20px;">
+<h3>My Teams - MS Graph Client</h3>
+<p>Isolated mode: &#9888; mandatory. This sample leverages the SPFx built-in Microsoft Graph client.</p>
+<script>
+	var logoURL = "https://static2.sharepointonline.com/files/fabric-cdn-prod_20200430.002/assets/brand-icons/product/svg/teams_48x1.svg";
+    var currentScript = document.currentScript;
+    props.context.msGraphClientFactory
+        .getClient()
+        .then((client) => {
+            client
+                .api("me/joinedTeams")
+                .version("v1.0")
+                .get((err, res) => {
+                    if (res) {
+                        let items = res.value.map(team => `<li><img src="${logoURL}" style="width:24px;"/> ${team.displayName}</li>`);
+                        const newDiv = document.createElement('div');
+                        newDiv.innerHTML = `<div>You are a member of ${items.length} teams:</div><ul style="list-style-type: none; columns: 3;">${items.join("")}</ul>`;
+                        currentScript.insertAdjacentElement('afterend', newDiv);
+                    }
+                });
+        });
+</script>
+</div>
\ No newline at end of file
diff --git a/samples/Isolated-SharePoint-REST-API.html b/samples/Isolated-SharePoint-REST-API.html
new file mode 100644
index 000000000..4c31bb831
--- /dev/null
+++ b/samples/Isolated-SharePoint-REST-API.html
@@ -0,0 +1,16 @@
+<div style="background-color: CadetBlue; padding: 20px;">
+<h3>Site Lists - SharePoint REST API</h3>
+<p>Isolated mode: &#9888; mandatory. This sample uses the JavaScript fetch method to query the SharePoint REST API.</p>
+<script>
+    var currentScript = document.currentScript;
+	fetch(props.context.pageContext.web.absoluteUrl + "/_api/web/lists?$select=Title,ImageUrl", {headers: {'Accept': 'application/json'}})
+    .then(response => response.json())
+    .then(result => result.value)
+    .then(lists => lists.map(list => `<li><img src="${list.ImageUrl}"/> ${list.Title}</li>`))
+    .then(items => {
+        const newDiv = document.createElement('div');
+        newDiv.innerHTML = `<div>${items.length} lists found on this site:</div><ul style="list-style-type: none; columns: 2;">${items.join("")}</ul>`;
+        currentScript.insertAdjacentElement('afterend', newDiv);
+    });
+</script>
+</div>
\ No newline at end of file
diff --git a/samples/Isolated-pocketSOAP.html b/samples/Isolated-pocketSOAP.html
new file mode 100644
index 000000000..bf790a552
--- /dev/null
+++ b/samples/Isolated-pocketSOAP.html
@@ -0,0 +1,92 @@
+<div style="background-color: CadetBlue; padding: 20px;">
+<h3>Site Lists - pocketSOAP</h3>
+<p>Isolated mode: &#9888; mandatory. Just for fun, a minimal implementation of the deprecated SharePoint SOAP API. Do not use in production!</p>
+<script type="text/javascript">
+
+    /********************************************************************************
+    
+        pocketSOAP
+    	
+        Copyright (c) 2009-2022 Christophe Humbert
+    
+    ********************************************************************************/
+
+    pS = {};
+
+    pS.cleanSpaces = function (string) { return string.replace(/^\s+|\s+$/g, "").replace(/\s+/g, " "); };
+    pS.cleanBreaks = function (string) { return string.replace(/[\r\n\t]/g, ""); };
+    pS.trim = function (string) { return string.replace(/^\s+|\s+$/g, ""); };
+    pS.htmlUnescape = function (str) {
+        return String(str)
+            .replace(/&quot;/g, '"')
+            .replace(/&#39;/g, '\'')
+            .replace(/&lt;/g, '<')
+            .replace(/&gt;/g, '>')
+            .replace(/&amp;/g, '&');
+    };
+
+    pS.getWSProperties = function (site, service, operation) {
+        return fetch(site + "/" + '_vti_bin/' + service + '.asmx' + '?op=' + operation + '&_ts=' + new Date().getTime())
+            .then(result => result.text())
+            .then(text => {
+                var regexp = /Content-Type:([\s\S]*?)Content-Length:[\s\S]*?SOAPAction:\s*"(\S*?)"([\s\S]*?)\<\/pre\>/;
+                var results = regexp.exec(text);
+
+                let dv = document.createElement("div");
+
+                var spWS = {};
+
+                spWS.headers = {};
+                spWS.headers['Content-Type'] = pS.trim(results[1]).replace(/[\r\n]/g, "");
+                spWS.headers.SOAPAction = pS.trim(results[2]).replace(/[\r\n]/g, "");
+
+                spWS.soapEnvelope = results[3].replace(/&lt;xsd:schema&gt;[\s\S]+?&lt;\/xsd:schema&gt;/g, "");
+                spWS.soapEnvelope = spWS.soapEnvelope.replace(/&lt;([\S]+)&gt;[^;]+&lt;\/\1&gt;/g, '<$1/>');
+                spWS.soapEnvelope = pS.htmlUnescape(spWS.soapEnvelope);
+                // Trim and remove line breaks (\n,\r), tabs (\t), etc.
+                spWS.soapEnvelope = pS.trim(spWS.soapEnvelope).replace(/>\s+?</g, "><");
+
+                return spWS;
+            }); // end then
+    };
+
+    pS.soap = function (options) {
+        return pS.getWSProperties(options.site, options.service, options.operation)
+            .then(function (wsProperties) {
+                var wsURL = options.site + '/_vti_bin/' + options.service + '.asmx';
+
+                var wsData = wsProperties.soapEnvelope.replace(/<([\S]+?)\/>/g, function (m, key) {
+                    if (options[key]) { return ('<' + key + '>' + options[key] + '</' + key + '>') }
+                    else { return ""; }
+                });
+
+                options.method = 'POST'; // always POST for Web services
+                options.headers = wsProperties.headers;
+                options.body = wsData;
+
+                return fetch(wsURL, options);
+            }); // end then
+    }; // end pS.soap
+
+</script>
+
+<script type="text/javascript">
+    var currentScript = document.currentScript;
+    pS.soap({
+        // Service info
+        site: props.context.pageContext.web.absoluteUrl,
+        service: "Lists",
+        operation: "GetListCollection",
+        // Service parameters
+        viewFields: "<ViewFields><FieldRef Name='Title' /><FieldRef Name='ImageURL' /></ViewFields>"
+    })
+        .then(response => response.text())
+        .then(data => new DOMParser().parseFromString(data, "application/xml"))
+        .then(xml => {
+            const newDiv = document.createElement('div');
+            const items = [...xml.getElementsByTagName("List")].map(child => `<li><img src="${child.getAttribute("ImageUrl")}"/> ${child.getAttribute("Title")}</li>`);
+            newDiv.innerHTML = `<div>${items.length} lists found on this site:</div><ul style="list-style-type: none; columns: 2;">${items.join("")}</ul>`;
+            currentScript.insertAdjacentElement('afterend', newDiv);
+        });
+</script>
+</div>
\ No newline at end of file
diff --git a/samples/AnalogClock.html b/samples/Sample-AnalogClock.html
similarity index 100%
rename from samples/AnalogClock.html
rename to samples/Sample-AnalogClock.html
diff --git a/samples/BannerSample.html b/samples/Sample-Banner.html
similarity index 100%
rename from samples/BannerSample.html
rename to samples/Sample-Banner.html
diff --git a/samples/CountdownSample.html b/samples/Sample-Countdown.html
similarity index 100%
rename from samples/CountdownSample.html
rename to samples/Sample-Countdown.html
diff --git a/samples/HTMLSample.html b/samples/Sample-HTML.html
similarity index 100%
rename from samples/HTMLSample.html
rename to samples/Sample-HTML.html
diff --git a/samples/OfficeLocation.html b/samples/Sample-OfficeLocation.html
similarity index 100%
rename from samples/OfficeLocation.html
rename to samples/Sample-OfficeLocation.html
diff --git a/samples/VideoSample.html b/samples/Sample-Video.html
similarity index 100%
rename from samples/VideoSample.html
rename to samples/Sample-Video.html