`,l=/
/i;if(l.test(e))return e.replace(l,`${o}`);const n=//i;if(n.test(e))return e.replace(n,`${o}`);const a=//i;return a.test(e)?e.replace(a,`${o}`):`${o}${e}`};return oe(()=>{u(l.value,e.baseHref)}),ne(()=>{i.value.src="about:blank"}),(e,t)=>(a(),f("div",{class:te(["iframe-container",{split:e.split,vertical:e.vertical}])},[s.value?K("",!0):(a(),f("div",Pt,[T(Ve)])),A(g("iframe",{ref_key:"iframe",ref:i,class:te({split:e.split,loaded:r.value,vertical:e.vertical}),name:"playground",onload:c},null,2),[[W,s.value]])],2))}}),At=L(Ut,[["__scopeId","data-v-a69760a5"]]),Dt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Wt(e,t){return a(),f("svg",Dt,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"m4.114 12.006l4.24 4.24q.14.14.15.345q.01.203-.15.363t-.354.16t-.354-.16l-4.388-4.389q-.131-.13-.184-.267q-.053-.136-.053-.298t.053-.298t.184-.267l3.375-3.376l-3.539-3.538q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.384 16.384q.146.147.156.345t-.156.363t-.357.166q-.19 0-.356-.166L7.346 8.773zm13.592 2.883q-.165-.166-.165-.357t.165-.357l2.18-2.18l-4.24-4.241q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l4.388 4.389q.131.13.184.267t.053.298t-.053.298t-.184.268l-2.328 2.328q-.147.147-.345.153t-.363-.158"},null,-1)]))}const Nt=E({name:"material-symbols-light-code-off-rounded",render:Wt}),Ft={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Gt(e,t){return a(),f("svg",Ft,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"m4.114 12.006l4.24 4.24q.14.14.15.345q.01.203-.15.363t-.354.16t-.354-.16l-4.388-4.389q-.131-.13-.184-.267q-.053-.136-.053-.298t.053-.298t.184-.267l4.388-4.389q.146-.146.347-.156t.366.156t.166.357t-.165.357zm15.773-.012l-4.24-4.24q-.141-.14-.15-.344t.15-.364t.353-.16t.354.16l4.388 4.389q.131.13.184.267t.053.298t-.053.298t-.184.268l-4.388 4.388q-.146.146-.344.153q-.198.006-.364-.159t-.165-.357q0-.191.165-.357z"},null,-1)]))}const Kt=E({name:"material-symbols-light-code-rounded",render:Gt}),Qt=["title"],Zt=M({__name:"Code",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"76e555ed":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(Kt),{key:0})):(a(),H(p(Nt),{key:1}))],8,Qt))}}),Jt=L(Zt,[["__scopeId","data-v-899bab95"]]),Yt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Xt(e,t){return a(),f("svg",Yt,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"m12 15.577l-3.539-3.538l.708-.72L11.5 13.65V5h1v8.65l2.33-2.33l.709.719zM6.616 19q-.691 0-1.153-.462T5 17.384v-2.423h1v2.423q0 .231.192.424t.423.192h10.77q.23 0 .423-.192t.192-.424v-2.423h1v2.423q0 .691-.462 1.153T17.384 19z"},null,-1)]))}const eo=E({name:"material-symbols-light-download",render:Xt}),to=["title"],oo=M({__name:"Download",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"039ba319":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[T(p(eo))],8,to))}}),no=L(oo,[["__scopeId","data-v-45b45841"]]),lo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function so(e,t){return a(),f("svg",lo,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M9 19.23q-.508 0-.87-.36T7.77 18t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36t-.36-.87t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36T7.77 12t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36t-.36-.87t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36m-6-6q-.508 0-.87-.36T7.77 6t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36m6 0q-.508 0-.87-.36T13.77 6t.36-.87t.87-.36t.87.36t.36.87t-.36.87t-.87.36"},null,-1)]))}const io=E({name:"material-symbols-light-drag-indicator",render:so}),ao=["title"],ro=M({__name:"Drag",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"79ce2c02":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[T(p(io))],8,ao))}}),co=L(ro,[["__scopeId","data-v-48d0ede2"]]),uo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function fo(e,t){return a(),f("svg",uo,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zM4 11.5h4.673V6H4.616q-.27 0-.443.173T4 6.616zm5.673 0h4.654V6H9.673zm5.654 0H20V6.616q0-.27-.173-.443T19.385 6h-4.058zM8.673 18v-5.5H4v4.885q0 .269.173.442t.443.173zm1 0h4.654v-5.5H9.673zm5.654 0h4.058q.269 0 .442-.173t.173-.442V12.5h-4.673z"},null,-1)]))}const mo=E({name:"material-symbols-light-calendar-view-month-outline",render:fo}),po=["title"],ho=M({__name:"Examples",props:$({title:{},fontSize:{default:"20px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({ea44de6a:e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[T(p(mo))],8,po))}}),vo=L(ho,[["__scopeId","data-v-ffc625a0"]]),go={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function _o(e,t){return a(),f("svg",go,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"},null,-1)]))}const wo=E({name:"mdi-github",render:_o}),qo=["title"],yo=M({__name:"Github",props:$({title:{},fontSize:{default:"20px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"5014b5bb":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[T(p(wo))],8,qo))}}),bo=L(yo,[["__scopeId","data-v-c9e6a483"]]),$o={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function xo(e,t){return a(),f("svg",$o,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M4.616 19q-.667 0-1.141-.475T3 17.386V6.615q0-.666.475-1.14T4.615 5H5v1.427L2.235 3.662q-.146-.146-.153-.347t.159-.367t.356-.165q.192 0 .357.165l18.51 18.516q.146.146.155.344t-.155.363t-.357.165t-.357-.165L17.573 19zm0-1h11.957l-10-10H4v9.385q0 .269.173.442t.443.173M21 6.616V17.23q0 .25-.155.375t-.341.125t-.345-.13t-.159-.376V8h-8.517q-.332 0-.632-.13t-.518-.349L9.185 6.373q-.186-.208-.227-.437q-.04-.228.046-.445q.087-.218.283-.354Q9.483 5 9.756 5h9.629q.666 0 1.14.475T21 6.615m-3.308 4.5v2.697q0 .225-.14.33q-.139.106-.3.106t-.303-.113t-.141-.323v-2.62h-2.62q-.21 0-.323-.14q-.113-.139-.113-.3t.105-.303t.331-.141h2.696q.344 0 .576.232t.232.576"},null,-1)]))}const Vo=E({name:"material-symbols-light-iframe-off-outline-rounded",render:xo}),ko={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function To(e,t){return a(),f("svg",ko,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M11.192 13.808h5.616v-2.616h-5.616zm-.076.884q-.349 0-.578-.23t-.23-.578v-2.768q0-.349.23-.578t.577-.23h5.77q.348 0 .577.23t.23.578v2.769q0 .348-.23.578t-.578.23zM4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zm0-1h14.769q.23 0 .423-.192t.192-.424V8H4v9.385q0 .23.192.423t.423.192"},null,-1)]))}const zo=E({name:"material-symbols-light-iframe-outline-rounded",render:To}),Co=["title"],Mo=M({__name:"Iframe",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"59abd4e1":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(zo),{key:0})):(a(),H(p(Vo),{key:1}))],8,Co))}}),So=L(Mo,[["__scopeId","data-v-8a515490"]]),Eo={};function Lo(e,t){return a(),f("div")}const ue=L(Eo,[["render",Lo],["__scopeId","data-v-c80a6ba8"]]),Io={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Bo(e,t){return a(),f("svg",Io,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"m12.823 18.258l-7.12-7.12Q5.226 10.66 5.226 10t.479-1.138l3.158-3.158Q9.34 5.225 10 5.225t1.139.479l7.119 7.119q.479.479.479 1.139t-.48 1.138L15.1 18.258q-.479.478-1.138.478q-.66 0-1.139-.478M12.456 2.04l3.098 3.098q.14.14.15.344t-.15.363t-.354.16t-.354-.16l-4.019-4.019q-.204-.204-.114-.46t.38-.311q.234-.031.453-.044T12 1q2.283 0 4.278.86q1.995.861 3.498 2.364t2.364 3.498T23 12q0 .214-.143.357t-.357.143t-.357-.143T22 12q0-2.006-.744-3.784q-.745-1.78-2.028-3.118Q17.944 3.76 16.2 2.943t-3.744-.902m-.912 19.919l-3.098-3.098q-.14-.14-.15-.345q-.01-.203.15-.363t.354-.16t.354.16l4.019 4.019q.204.204.115.463q-.09.258-.38.308q-.235.031-.454.044T12 23q-2.263 0-4.268-.86q-2.005-.861-3.508-2.364t-2.363-3.508T1 12q0-.213.143-.357T1.5 11.5t.357.143T2 12q0 2.006.744 3.785q.744 1.778 2.028 3.117T7.8 21.057t3.744.903"},null,-1)]))}const Oo=E({name:"material-symbols-light-screen-rotation-rounded",render:Bo}),Ho={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function jo(e,t){return a(),f("svg",Ho,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"m12.823 18.258l-7.12-7.12Q5.226 10.66 5.226 10t.479-1.138l3.158-3.158Q9.34 5.225 10 5.225t1.139.479l7.119 7.119q.479.479.479 1.139t-.48 1.138L15.1 18.258q-.479.478-1.138.478q-.66 0-1.139-.478m.696-.72q.173.173.442.173t.443-.173l3.134-3.134q.173-.173.173-.443t-.173-.442l-7.096-7.096Q10.27 6.25 10 6.25t-.442.173L6.423 9.558Q6.25 9.73 6.25 10t.173.442zM12 23q-2.263 0-4.268-.86q-2.005-.861-3.508-2.364t-2.363-3.508T1 12h1q0 2.006.744 3.785q.744 1.778 2.028 3.117T7.8 21.057t3.744.903l-3.452-3.452l.708-.708l5.016 5.016q-.458.073-.906.128Q12.465 23 12 23m10-11q0-2.006-.744-3.784q-.745-1.78-2.028-3.118Q17.944 3.76 16.2 2.943t-3.744-.902l3.452 3.451l-.708.708l-5.015-5.015q.438-.093.895-.139T12 1q2.283 0 4.278.86q1.995.861 3.498 2.364t2.364 3.498T23 12zm-10.02-.02"},null,-1)]))}const Ro=E({name:"material-symbols-light-screen-rotation-outline",render:jo}),Po=["title"],Uo=M({__name:"Rotation",props:$({title:{},fontSize:{default:"20px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({f89c029e:e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(Oo),{key:0})):(a(),H(p(Ro),{key:1}))],8,Po))}}),Ao=L(Uo,[["__scopeId","data-v-59e41c39"]]),Do={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Wo(e,t){return a(),f("svg",Do,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M12.5 2.75a.75.75 0 0 0-1.5 0v18.5a.75.75 0 0 0 1.5 0zM2 6.25A2.25 2.25 0 0 1 4.25 4H10v16H4.25A2.25 2.25 0 0 1 2 17.75zM19.25 20H13.5V4h5.75a2.25 2.25 0 0 1 2.25 2.25v11.5A2.25 2.25 0 0 1 19.25 20"},null,-1)]))}const No=E({name:"fluent-split-vertical-24-filled",render:Wo}),Fo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Go(e,t){return a(),f("svg",Fo,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M12.5 2.75a.75.75 0 0 0-1.5 0v18.5a.75.75 0 0 0 1.5 0zM4.25 4A2.25 2.25 0 0 0 2 6.25v11.5A2.25 2.25 0 0 0 4.25 20H10v-1.5H4.25a.75.75 0 0 1-.75-.75V6.25a.75.75 0 0 1 .75-.75H10V4zm15 14.5H13.5V20h5.75a2.25 2.25 0 0 0 2.25-2.25V6.25A2.25 2.25 0 0 0 19.25 4H13.5v1.5h5.75a.75.75 0 0 1 .75.75v11.5a.75.75 0 0 1-.75.75"},null,-1)]))}const Ko=E({name:"fluent-split-vertical-24-regular",render:Go}),Qo=["title"],Zo=M({__name:"Split",props:$({title:{},fontSize:{default:"20px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"3bf691ab":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(No),{key:0})):(a(),H(p(Ko),{key:1}))],8,Qo))}}),Jo=L(Zo,[["__scopeId","data-v-3ed7e0c8"]]),Yo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Xo(e,t){return a(),f("svg",Yo,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M5.5 12.089q0 1.27.501 2.432t1.403 2.064l1.019 1.019v-2.527q0-.213.143-.357t.357-.143t.357.143t.143.357v3.462q0 .348-.23.577q-.23.23-.577.23H5.154q-.213 0-.357-.143q-.143-.143-.143-.357q0-.213.143-.356q.144-.144.357-.144H7.75l-1.054-1.042q-1.048-1.048-1.622-2.392T4.5 12.089q0-1.12.323-2.186t.956-2.016L2.83 4.939q-.146-.147-.153-.348t.159-.366t.356-.165t.357.165l16.225 16.23q.146.147.156.345t-.156.364q-.165.165-.357.165t-.356-.166l-2.949-2.942q-.275.195-.55.348t-.569.298q-.183.073-.382-.008t-.266-.276t.033-.388t.288-.278q.294-.125.577-.294t.552-.339l-.188.431l-9.104-9.104q-.506.78-.755 1.663q-.249.884-.249 1.814m12.752 3.995l-.73-.731q.486-.773.732-1.644q.246-.872.246-1.797q0-1.27-.501-2.432t-1.403-2.064l-1.019-1.019v2.527q0 .213-.143.357t-.357.143t-.357-.143t-.143-.357V5.462q0-.348.23-.578t.578-.23h3.461q.214 0 .357.143q.143.144.143.357t-.143.357q-.143.143-.357.143H16.25l1.054 1.042q1.048 1.048 1.622 2.393t.574 2.823q0 1.113-.323 2.167t-.925 2.004M8.629 6.46l-.712-.712q.275-.188.545-.34q.269-.15.563-.275q.189-.073.375.008t.254.276q.062.189-.045.385t-.29.28q-.179.084-.355.18q-.175.096-.335.198"},null,-1)]))}const en=E({name:"material-symbols-light-sync-disabled-rounded",render:Xo}),tn={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function on(e,t){return a(),f("svg",tn,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M5.5 12.089q0 1.218.462 2.37q.463 1.15 1.442 2.126l1.019 1.019v-2.527q0-.212.144-.356t.357-.144t.356.144t.143.356v3.462q0 .343-.232.575t-.576.232H5.154q-.213 0-.356-.144t-.144-.356t.144-.356t.356-.144H7.75l-1.054-1.042q-1.165-1.131-1.68-2.485q-.516-1.354-.516-2.73q0-2.177 1.123-3.984t3.014-2.793q.196-.104.41-.045q.215.06.282.262q.067.188-.011.389q-.078.2-.277.307q-1.624.858-2.582 2.42Q5.5 10.208 5.5 12.09m13-.177q0-1.22-.462-2.37q-.463-1.151-1.442-2.126l-1.019-1.02v2.527q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356V5.462q0-.344.232-.576t.576-.232h3.461q.213 0 .357.144t.143.357t-.143.356t-.357.143H16.25l1.054 1.042q1.145 1.145 1.67 2.488q.526 1.343.526 2.73q0 2.175-1.113 3.972q-1.114 1.797-3.004 2.783q-.196.104-.411.054t-.281-.251q-.068-.19.012-.391q.08-.202.257-.306q1.623-.858 2.581-2.42q.959-1.563.959-3.443"},null,-1)]))}const nn=E({name:"material-symbols-light-sync-rounded",render:on}),ln=["title"],sn=M({__name:"Sync",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!1},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"083ef486":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(nn),{key:0})):(a(),H(p(en),{key:1}))],8,ln))}}),an=L(sn,[["__scopeId","data-v-fffab5d6"]]),rn={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function cn(e,t){return a(),f("svg",rn,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M8.404 14.202q0 .275.252.38t.449-.09l1.932-1.933q.236-.236.236-.559t-.242-.565L9.104 9.508q-.196-.196-.448-.095t-.252.383zM5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h12.77q.666 0 1.14.475T20 5.615v12.77q0 .666-.475 1.14t-1.14.475zM15 19V5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192z"},null,-1)]))}const un=E({name:"material-symbols-light-right-panel-close-rounded",render:cn}),dn={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function fn(e,t){return a(),f("svg",dn,t[0]||(t[0]=[g("path",{fill:"currentColor",d:"M11.596 14.204V9.799q0-.276-.252-.382t-.449.092L8.964 11.44q-.237.236-.237.559t.242.566l1.927 1.926q.196.197.448.096t.252-.384M5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h12.77q.666 0 1.14.475T20 5.615v12.77q0 .666-.475 1.14t-1.14.475zM15 19V5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192z"},null,-1)]))}const mn=E({name:"material-symbols-light-right-panel-open-rounded",render:fn}),pn=["title"],hn=M({__name:"Toolbar",props:$({title:{},fontSize:{default:"24px"}},{modelValue:{default:!0},modelModifiers:{}}),emits:$(["click"],["update:modelValue"]),setup(e,{emit:t}){U(e=>({"66846fe5":e.fontSize}));const o=t,l=C(e,"modelValue");function n(){const e=!l.value;l.value=e,o("click",e)}return(e,t)=>(a(),f("a",{title:e.title,onClick:n},[l.value?(a(),H(p(un),{key:0})):(a(),H(p(mn),{key:1}))],8,pn))}}),vn=L(hn,[["__scopeId","data-v-021538c7"]]),gn={key:0,class:"mask"},_n={class:"hidden"},wn={class:"icons"},qn={class:"icons"},yn=M({__name:"Toolbar",props:$({showExamples:{type:Boolean,default:!1}},{code:{default:!0},codeModifiers:{},iframe:{default:!0},iframeModifiers:{},split:{default:!0},splitModifiers:{},vertical:{default:!1},verticalModifiers:{},sync:{default:!0},syncModifiers:{},examples:{default:!1},examplesModifiers:{},show:{default:!0},showModifiers:{}}),emits:$(["download"],["update:code","update:iframe","update:split","update:vertical","update:sync","update:examples","update:show"]),setup(e,{emit:t}){const o=t,l=Le(ae),n=P(!1),i=P(ae.build.github),s=Z("toolbar"),r=Z("handle"),{isDragging:c,style:u,position:d}=Te(s,{handle:r}),m=C(e,"code"),v=C(e,"iframe"),h=C(e,"split"),q=C(e,"vertical"),w=C(e,"sync"),y=C(e,"examples"),b=C(e,"show"),x=P(ve()),V=de(()=>(x.value?20:24)+"px"),k=de(()=>(x.value?16:20)+"px");function _(){$()}function M(e){!1===e&&(v.value=!0)}function z(e){!1===e&&(m.value=!0)}function L(e){!0===e&&(m.value=!0,v.value=!0),$()}async function $(){await $e();let e=0,t=0;const o=s.value;if(!o)return;const l=o.offsetWidth+15,n=o.offsetHeight+15;e=window.innerWidth-l,t=window.innerHeight-n,d.value.x=e,d.value.y=t}return se(()=>e.showExamples,()=>$()),oe(()=>{function e(){const e=ve();(e||window.innerWidth<768)&&(q.value=!0),x.value=e,$()}e();const t=ze(()=>e(),250),o=[Ce(window,"resize",t)];ne(()=>o.forEach(e=>e()))}),(e,t)=>(a(),f(ie,null,[p(c)||n.value?(a(),f("div",gn,[g("span",_n,ee(l.value),1)])):K("",!0),g("div",{ref_key:"toolbar",ref:s,class:"toolbar",style:Ie(p(u))},[A(g("div",wn,[T(co,{ref_key:"handle",ref:r,title:e.$t("toolbar.drag"),"font-size":V.value},null,8,["title","font-size"]),T(ue),A(T(Jt,{modelValue:m.value,"onUpdate:modelValue":t[0]||(t[0]=e=>m.value=e),title:e.$t("toolbar.editor"),"font-size":V.value,onClick:M},null,8,["modelValue","title","font-size"]),[[W,!1===h.value]]),A(T(So,{modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=e=>v.value=e),title:e.$t("toolbar.preview"),"font-size":V.value,onClick:z},null,8,["modelValue","title","font-size"]),[[W,!1===h.value]]),!1===x.value?A((a(),H(Ao,{key:0,modelValue:q.value,"onUpdate:modelValue":t[2]||(t[2]=e=>q.value=e),title:e.$t("toolbar.rotation"),"font-size":k.value},null,8,["modelValue","title","font-size"])),[[W,!0===h.value]]):K("",!0),T(Jo,{modelValue:h.value,"onUpdate:modelValue":t[3]||(t[3]=e=>h.value=e),title:e.$t("toolbar.split"),"font-size":k.value,onClick:L},null,8,["modelValue","title","font-size"]),T(an,{modelValue:w.value,"onUpdate:modelValue":t[4]||(t[4]=e=>w.value=e),title:e.$t("toolbar.sync"),"font-size":V.value},null,8,["modelValue","title","font-size"]),T(ue),A(T(vo,{modelValue:y.value,"onUpdate:modelValue":t[5]||(t[5]=e=>y.value=e),title:e.$t("toolbar.examples"),"font-size":V.value},null,8,["modelValue","title","font-size"]),[[W,e.showExamples]]),T(no,{onClick:t[6]||(t[6]=e=>o("download")),title:e.$t("toolbar.download"),"font-size":V.value},null,8,["title","font-size"]),T(ue),T(bo,{href:i.value,title:i.value,target:"_blank","font-size":k.value},null,8,["href","title","font-size"])],512),[[W,b.value]]),g("div",qn,[T(vn,{modelValue:b.value,"onUpdate:modelValue":t[7]||(t[7]=e=>b.value=e),onClick:_,title:e.$t(b.value?"toolbar.close":"toolbar.open"),"font-size":V.value},null,8,["modelValue","title","font-size"])])],4)],64))}}),bn=L(yn,[["__scopeId","data-v-654cfb5f"]]),$n=M({__name:"HtmlEditor",setup(e){const t=ae.api,o=ae.build,l={default:""},n=Z("editor"),i=j(R+"config.view.example.three.path",t.three),s=j(R+"config.view.iframe.basehref",t.examples),r=j(R+"config.view.example.screenshots.path",t.screenshots),c=j(R+"config.view.editor.code",""),u=P(c.value),d=j(R+"config.view.split",!0),m=j(R+"config.view.vertical",!1),v=j(R+"config.view.editor.sync",!0),h=j(R+"config.view.editor.show",!0),g=j(R+"config.view.iframe.show",!0),q=j(R+"config.view.example.show",!1),w=j(R+"config.view.toolbar.show",!0),y=P(!1);function b(e){q.value=!1;const t=`${s.value}${e}.html`;fetch(t).then(e=>e.text()).then(e=>{u.value=e,c.value=e,n.value?.setValue(e)})}function x(e="default"){q.value=!1;const t=l[e]||"";u.value=t,c.value=t,n.value?.setValue(t)}function V(e){u.value=e}function k(){if(!n.value)return;!function(e,t="index.html"){const o=new Blob([e],{type:"text/html"}),l=URL.createObjectURL(o),n=document.createElement("a");n.href=l,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(l)}(n.value.getValue())}return fetch(t.three,{mode:"no-cors"}).then(function(){y.value=!0}).catch(()=>{}),oe(()=>{""===c.value&&b("webgl_animation_keyframes");const e=[le("Escape",()=>q.value=!1),le(e=>e.ctrlKey&&e.shiftKey&&"~"===e.key,()=>{q.value=!q.value}),le("`",()=>{n.value?.hasTextFocus()||(q.value=!q.value)})];ne(()=>e.forEach(e=>e())),console.log(`three.js playground by ${o.github}`),console.log(`${he}`);const t=document.getElementById("app");t&&(t.dataset.deploy=he,t.dataset.github=o.github)}),(e,t)=>(a(),f(ie,null,[A(T(At,{modelValue:u.value,"onUpdate:modelValue":t[0]||(t[0]=e=>u.value=e),baseHref:p(s),sync:p(v),split:p(d),vertical:p(m)},null,8,["modelValue","baseHref","sync","split","vertical"]),[[W,!p(q)&&p(g)]]),A(T(qt,{ref_key:"editor",ref:n,modelValue:p(c),"onUpdate:modelValue":t[1]||(t[1]=e=>F(c)?c.value=e:null),split:p(d),vertical:p(m),onChange:V},null,8,["modelValue","split","vertical"]),[[W,!p(q)&&p(h)]]),y.value?A((a(),H(Rt,{key:0,three:p(i),screenshot:p(r),onClickExample:b,onClickTemplate:x},null,8,["three","screenshot"])),[[W,p(q)]]):K("",!0),T(bn,{show:p(w),"onUpdate:show":t[2]||(t[2]=e=>F(w)?w.value=e:null),code:p(h),"onUpdate:code":t[3]||(t[3]=e=>F(h)?h.value=e:null),iframe:p(g),"onUpdate:iframe":t[4]||(t[4]=e=>F(g)?g.value=e:null),split:p(d),"onUpdate:split":t[5]||(t[5]=e=>F(d)?d.value=e:null),vertical:p(m),"onUpdate:vertical":t[6]||(t[6]=e=>F(m)?m.value=e:null),sync:p(v),"onUpdate:sync":t[7]||(t[7]=e=>F(v)?v.value=e:null),examples:p(q),"onUpdate:examples":t[8]||(t[8]=e=>F(q)?q.value=e:null),showExamples:y.value,onDownload:k},null,8,["show","code","iframe","split","vertical","sync","examples","showExamples"])],64))}}),be=Object.freeze(Object.defineProperty({__proto__:null,default:$n},Symbol.toStringTag,{value:"Module"})),xn={ref:"source",class:"source"},Vn={ref:"result",class:"result"},kn="/*\n * Perlin noise\n * https://gist.github.com/patriciogonzalezvivo/670c22f3966e662d2f83\n */\n\nconst float PI = 3.141592653589793;\n\nfloat rand(vec2 c){\n\treturn fract(sin(dot(c.xy ,vec2(12.9898,78.233))) * 43758.5453);\n}\n\nfloat noise(vec2 p, float freq ){\n\tfloat unit = 1./freq;\n\tvec2 ij = floor(p/unit);\n\tvec2 xy = mod(p,unit)/unit;\n\t//xy = 3.*xy*xy-2.*xy*xy*xy;\n\txy = .5*(1.-cos(PI*xy));\n\tfloat a = rand((ij+vec2(0.,0.)));\n\tfloat b = rand((ij+vec2(1.,0.)));\n\tfloat c = rand((ij+vec2(0.,1.)));\n\tfloat d = rand((ij+vec2(1.,1.)));\n\tfloat x1 = mix(a, b, xy.x);\n\tfloat x2 = mix(c, d, xy.x);\n\treturn mix(x1, x2, xy.y);\n}\n\nfloat pNoise(vec2 p, int res){\n\tfloat persistance = .5;\n\tfloat n = 0.;\n\tfloat normK = 0.;\n\tfloat f = 4.;\n\tfloat amp = 1.;\n\tint iCount = 0;\n\tfor (int i = 0; i<50; i++){\n\t\tn+=amp*noise(p, f);\n\t\tf*=2.;\n\t\tnormK+=amp;\n\t\tamp*=persistance;\n\t\tif (iCount == res) break;\n\t\tiCount++;\n\t}\n\tfloat nf = n/normK;\n\treturn nf*nf*nf*nf;\n}\n",Tn=M({__name:"Transpiler",setup(e){const t=Z("source"),o=Z("result");function l(){const e={decoder:"GLSL",encoder:"TSL"},l={TSL:"javascript",WGSL:"wgsl"};let n=null;const a=t.value,i=o.value,s=window.monaco.editor.create(a,{value:kn,language:"c",theme:"vs-dark",wordWrap:"on",automaticLayout:!0,minimap:{enabled:!1}}),r=window.monaco.editor.create(i,{value:"",language:"javascript",theme:"vs-dark",wordWrap:"on",automaticLayout:!0,minimap:{enabled:!1},readOnly:!0});function c(e){if(!1===e.hasTextFocus())return;const t="on"===e.getOption(window.monaco.editor.EditorOption.wordWrap)?"off":"on";e.updateOptions({wordWrap:t})}const u=le(e=>e.altKey&&"z"===e.key,()=>{s.hasTextFocus()&&c(s),r.hasTextFocus()&&c(r)}),d=()=>{try{let t;if("TSL"===e.encoder)t=new Ae;else{if("WGSL"!==e.encoder)throw new Error("Unknown encoder: "+e.encoder);t=new De}const o=s.getValue(),l=new Pe;(e=>{r.setValue(e),r.revealLine(1)})(new Ue(l,t).parse(o))}catch(e){r.setValue("Error: "+e.message)}};d(),s.getModel().onDidChangeContent(()=>{n&&clearTimeout(n),n=setTimeout(d,1e3)});const m=new Re;return m.add(e,"decoder",["GLSL"]),m.add(e,"encoder",["TSL","WGSL"]).onChange(e=>{const t=l[e];window.monaco.editor.setModelLanguage(r.getModel(),t),d()}),()=>{n&&clearTimeout(n),n=null,s.dispose(),r.dispose(),m.destroy(),u()}}const n=fe.init();let i=null;return oe(()=>{n.then(()=>{i=l()})}),ne(()=>{i&&i()}),(e,t)=>(a(),f("div",null,[g("div",xn,null,512),g("div",Vn,null,512)]))}}),zn=L(Tn,[["__scopeId","data-v-01817e8c"]]),Cn=Object.freeze(Object.defineProperty({__proto__:null,default:zn},Symbol.toStringTag,{value:"Module"}))