diff --git a/build/public/assets/index.0aa9cc2a.js b/build/public/assets/index.0aa9cc2a.js deleted file mode 100644 index 5567da5..0000000 --- a/build/public/assets/index.0aa9cc2a.js +++ /dev/null @@ -1 +0,0 @@ -import{d as e,c as t,a as n,w as l,b as o,r as i,o as a,e as s,t as r,F as c,f as d,g as u,h as g,v as p,i as h,j as m,k as y,l as f,m as w,n as v,p as b}from"./vendor.1ad14f11.js";var x=e({name:"app",computed:{showNav(){return!["game","replay"].includes(String(this.$route.name))}}});const C={id:"app"},k={key:0,class:"nav"},A=s("Index"),T=s("New game");x.render=function(e,s,r,c,d,u){const g=i("router-link"),p=i("router-view");return a(),t("div",C,[e.showNav?(a(),t("ul",k,[n("li",null,[n(g,{class:"btn",to:{name:"index"}},{default:l((()=>[A])),_:1})]),n("li",null,[n(g,{class:"btn",to:{name:"new-game"}},{default:l((()=>[T])),_:1})])])):o("",!0),n(p)])};const S=864e5,z=e=>{const t=Math.floor(e/S);e%=S;const n=Math.floor(e/36e5);e%=36e5;const l=Math.floor(e/6e4);e%=6e4;return`${t}d ${n}h ${l}m ${Math.floor(e/1e3)}s`};var I=1e3,P=()=>{const e=new Date;return Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds())},_=(e,t)=>z(t-e),D=z,B=e({name:"game-teaser",props:{game:{type:Object,required:!0}},computed:{style(){return{"background-image":`url("${this.game.imageUrl.replace("uploads/","uploads/r/")+"-375x210.webp"}")`}}},methods:{time(e,t){const n=t?"🏁":"⏳",l=e,o=t||P();return`${n} ${_(l,o)}`}}});const E={class:"game-info-text"},O=n("br",null,null,-1),U=n("br",null,null,-1),N=n("br",null,null,-1);B.render=function(e,c,d,u,g,p){const h=i("router-link");return a(),t("div",{class:"game-teaser",style:e.style},[n(h,{class:"game-info",to:{name:"game",params:{id:e.game.id}}},{default:l((()=>[n("span",E,[s(" 🧩 "+r(e.game.tilesFinished)+"/"+r(e.game.tilesTotal),1),O,s(" πŸ‘₯ "+r(e.game.players),1),U,s(" "+r(e.time(e.game.started,e.game.finished)),1),N])])),_:1},8,["to"]),o("",!0)],4)};var M=e({components:{GameTeaser:B},data:()=>({gamesRunning:[],gamesFinished:[]}),async created(){const e=await fetch("/api/index-data"),t=await e.json();this.gamesRunning=t.gamesRunning,this.gamesFinished=t.gamesFinished}});const G=n("h1",null,"Running games",-1),$=n("h1",null,"Finished games",-1);M.render=function(e,l,o,s,r,u){const g=i("game-teaser");return a(),t("div",null,[G,(a(!0),t(c,null,d(e.gamesRunning,((e,l)=>(a(),t("div",{class:"game-teaser-wrap",key:l},[n(g,{game:e},null,8,["game"])])))),128)),$,(a(!0),t(c,null,d(e.gamesFinished,((e,l)=>(a(),t("div",{class:"game-teaser-wrap",key:l},[n(g,{game:e},null,8,["game"])])))),128))])};var R=e({name:"image-teaser",props:{image:{type:Object,required:!0}},computed:{style(){return{backgroundImage:`url("${this.image.url.replace("uploads/","uploads/r/")+"-150x100.webp"}")`}}},emits:{click:null,editClick:null},methods:{onClick(){this.$emit("click")},onEditClick(){this.$emit("editClick")}}});R.render=function(e,l,o,i,s,r){return a(),t("div",{class:"imageteaser",style:e.style,onClick:l[2]||(l[2]=(...t)=>e.onClick&&e.onClick(...t))},[n("div",{class:"btn edit",onClick:l[1]||(l[1]=u(((...t)=>e.onEditClick&&e.onEditClick(...t)),["stop"]))},"✏️")],4)};var V=e({name:"image-library",components:{ImageTeaser:R},props:{images:{type:Array,required:!0}},emits:{imageClicked:null,imageEditClicked:null},methods:{imageClicked(e){this.$emit("imageClicked",e)},imageEditClicked(e){this.$emit("imageEditClicked",e)}}});V.render=function(e,n,l,o,s,r){const u=i("image-teaser");return a(),t("div",null,[(a(!0),t(c,null,d(e.images,((n,l)=>(a(),t(u,{image:n,onClick:t=>e.imageClicked(n),onEditClick:t=>e.imageEditClicked(n),key:l},null,8,["image","onClick","onEditClick"])))),128))])};var j=e({name:"upload",props:{accept:String,label:String},methods:{async upload(e){const t=e.target;if(!t.files)return;const n=t.files[0];if(!n)return;const l=new FormData;l.append("file",n,n.name);const o=await fetch("/upload",{method:"post",body:l}),i=await o.json();this.$emit("uploaded",i)}}});const F={class:"btn"};j.render=function(e,l,o,i,s,c){return a(),t("label",null,[n("input",{type:"file",style:{display:"none"},onChange:l[1]||(l[1]=(...t)=>e.upload&&e.upload(...t)),accept:e.accept},null,40,["accept"]),n("span",F,r(e.label||"Upload File"),1)])};const W={name:"responsive-image",props:{src:String,title:{type:String,default:""},height:{type:String,default:"100%"},width:{type:String,default:"100%"}},computed:{style(){return{display:"inline-block",verticalAlign:"text-bottom",backgroundImage:`url('${this.src}')`,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",width:this.width,height:this.height}}}};W.render=function(e,n,l,o,i,s){return a(),t("div",{style:s.style,title:l.title},null,12,["title"])};var L=e({name:"new-image-dialog",components:{Upload:j,ResponsiveImage:W},emits:{bgclick:null,setupGameClick:null,postToGalleryClick:null},data:()=>({previewUrl:"",file:null,title:"",category:""}),computed:{canPostToGallery(){return!(!this.previewUrl||!this.file)},canSetupGameClick(){return!(!this.previewUrl||!this.file)}},methods:{preview(e){const t=e.target;if(!t.files)return;const n=t.files[0];if(!n)return;const l=new FileReader;l.readAsDataURL(n),l.onload=e=>{this.previewUrl=e.target.result,this.file=n}},postToGallery(){this.$emit("postToGalleryClick",{file:this.file,title:this.title,category:this.category})},setupGameClick(){this.$emit("setupGameClick",{file:this.file,title:this.title,category:this.category})}}});const H={key:0,class:"has-image"},Q={key:1},Y={class:"upload"},q={class:"btn"},Z={class:"area-settings"},K=n("td",null,[n("label",null,"Title")],-1),J=n("tr",null,[n("td",{colspan:"2"},[n("div",{class:"hint"},"Feel free to leave a credit to the artist/photographer in the title :)")])],-1),X=n("td",null,[n("label",null,"Category")],-1),ee={class:"area-buttons"},te=s("🧩 Post to gallery "),ne=n("br",null,null,-1),le=s(" + set up game");L.render=function(e,l,o,s,c,d){const h=i("responsive-image");return a(),t("div",{class:"overlay new-image-dialog",onClick:l[8]||(l[8]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[7]||(l[7]=u((()=>{}),["stop"]))},[n("div",{class:["area-image",{"has-image":!!e.previewUrl,"no-image":!e.previewUrl}]},[e.previewUrl?(a(),t("div",H,[n("span",{class:"remove btn",onClick:l[1]||(l[1]=t=>e.previewUrl="")},"X"),n(h,{src:e.previewUrl},null,8,["src"])])):(a(),t("div",Q,[n("label",Y,[n("input",{type:"file",style:{display:"none"},onChange:l[2]||(l[2]=(...t)=>e.preview&&e.preview(...t)),accept:"image/*"},null,32),n("span",q,r(e.label||"Upload File"),1)])]))],2),n("div",Z,[n("table",null,[n("tr",null,[K,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[3]||(l[3]=t=>e.title=t),placeholder:"Flower by @artist"},null,512),[[p,e.title]])])]),J,n("tr",null,[X,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[4]||(l[4]=t=>e.category=t),placeholder:"Plants"},null,512),[[p,e.category]])])])])]),n("div",ee,[n("button",{class:"btn",disabled:!e.canPostToGallery,onClick:l[5]||(l[5]=(...t)=>e.postToGallery&&e.postToGallery(...t))},"πŸ–ΌοΈ Post to gallery",8,["disabled"]),n("button",{class:"btn",disabled:!e.canSetupGameClick,onClick:l[6]||(l[6]=(...t)=>e.setupGameClick&&e.setupGameClick(...t))},[te,ne,le],8,["disabled"])])])])};var oe=e({name:"edit-image-dialog",components:{ResponsiveImage:W},props:{image:{type:Object,required:!0}},emits:{bgclick:null,saveClick:null},data:()=>({title:"",category:""}),created(){this.title=this.image.title,this.category=this.image.categories.length>0?this.image.categories[0].title:""},methods:{saveImage(){this.$emit("saveClick",{id:this.image.id,title:this.title,category:this.category})}}});const ie={class:"area-image"},ae={class:"has-image"},se={class:"area-settings"},re=n("td",null,[n("label",null,"Title")],-1),ce=n("tr",null,[n("td",{colspan:"2"},[n("div",{class:"hint"},"Feel free to leave a credit to the artist/photographer in the title :)")])],-1),de=n("td",null,[n("label",null,"Category")],-1),ue={class:"area-buttons"};function ge(e,t){const n=e.x-t.x,l=e.y-t.y;return Math.sqrt(n*n+l*l)}function pe(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}oe.render=function(e,l,o,s,r,c){const d=i("responsive-image");return a(),t("div",{class:"overlay edit-image-dialog",onClick:l[5]||(l[5]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[4]||(l[4]=u((()=>{}),["stop"]))},[n("div",ie,[n("div",ae,[n(d,{src:e.image.url,title:e.image.title},null,8,["src","title"])])]),n("div",se,[n("table",null,[n("tr",null,[re,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[1]||(l[1]=t=>e.title=t),placeholder:"Flower by @artist"},null,512),[[p,e.title]])])]),ce,n("tr",null,[de,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[2]||(l[2]=t=>e.category=t),placeholder:"Plants"},null,512),[[p,e.category]])])])])]),n("div",ue,[n("button",{class:"btn",onClick:l[3]||(l[3]=(...t)=>e.saveImage&&e.saveImage(...t))},"πŸ–ΌοΈ Save image")])])])};var he={pointSub:function(e,t){return{x:e.x-t.x,y:e.y-t.y}},pointAdd:function(e,t){return{x:e.x+t.x,y:e.y+t.y}},pointDistance:ge,pointInBounds:function(e,t){return e.x>=t.x&&e.x<=t.x+t.w&&e.y>=t.y&&e.y<=t.y+t.h},rectCenter:pe,rectMoved:function(e,t,n){return{x:e.x+t,y:e.y+n,w:e.w,h:e.h}},rectCenterDistance:function(e,t){return ge(pe(e),pe(t))},rectsOverlap:function(e,t){return!(t.x>e.x+e.w||e.x>t.x+t.w||t.y>e.y+e.h||e.y>t.y+t.h)}};var me=1,ye=4,fe=5,we=2,ve=3,be=6,xe=2,Ce=4,ke=3,Ae=9,Te=1,Se=2,ze=3,Ie=4,Pe=5,_e=6,De=7,Be=8,Ee=10,Oe=1,Ue=2,Ne=3;class Me{constructor(e){this.rand_high=e||3735929054,this.rand_low=1231121986^e}random(e,t){return this.rand_high=(this.rand_high<<16)+(this.rand_high>>16)+this.rand_low&4294967295,this.rand_low=this.rand_low+this.rand_high&4294967295,e+(this.rand_high>>>0)/4294967295*(t-e+1)|0}choice(e){return e[this.random(0,e.length-1)]}shuffle(e){const t=e.slice();for(let n=0;n<=t.length-2;n++){const e=this.random(n,t.length-1),l=t[n];t[n]=t[e],t[e]=l}return t}static serialize(e){return{rand_high:e.rand_high,rand_low:e.rand_low}}static unserialize(e){const t=new Me(0);return t.rand_high=e.rand_high,t.rand_low=e.rand_low,t}}const Ge=(e,t)=>{const n=`${e}`;return n.length>=t.length?n:t.substr(0,t.length-n.length)+n},$e=(...e)=>{const t=t=>(...n)=>{const l=new Date,o=Ge(l.getHours(),"00"),i=Ge(l.getMinutes(),"00"),a=Ge(l.getSeconds(),"00");console[t](`${o}:${i}:${a}`,...e,...n)};return{log:t("log"),error:t("error"),info:t("info")}};var Re,Ve,je,Fe,We={hash:e=>{let t=0;for(let n=0;n{let t=e.toLowerCase();return t=t.replace(/[^a-z0-9]+/g,"-"),t=t.replace(/^-|-$/,""),t},uniqId:()=>Date.now().toString(36)+Math.random().toString(36).substring(2),encodeShape:function(e){return e.top+1<<0|e.right+1<<2|e.bottom+1<<4|e.left+1<<6},decodeShape:function(e){return{top:(e>>0&3)-1,right:(e>>2&3)-1,bottom:(e>>4&3)-1,left:(e>>6&3)-1}},encodeTile:function(e){return[e.idx,e.pos.x,e.pos.y,e.z,e.owner,e.group]},decodeTile:function(e){return{idx:e[0],pos:{x:e[1],y:e[2]},z:e[3],owner:e[4],group:e[5]}},encodePlayer:function(e){return[e.id,e.x,e.y,e.d,e.name,e.color,e.bgcolor,e.points,e.ts]},decodePlayer:function(e){return{id:e[0],x:e[1],y:e[2],d:e[3],name:e[4],color:e[5],bgcolor:e[6],points:e[7],ts:e[8]}},encodeGame:function(e){return Array.isArray(e)?e:[e.id,e.rng.type,Me.serialize(e.rng.obj),e.puzzle,e.players,e.evtInfos,e.scoreMode]},decodeGame:function(e){return Array.isArray(e)?{id:e[0],rng:{type:e[1],obj:Me.unserialize(e[2])},puzzle:e[3],players:e[4],evtInfos:e[5],scoreMode:e[6]}:e},coordByTileIdx:function(e,t){const n=e.width/e.tileSize;return{x:t%n,y:Math.floor(t/n)}},asQueryArgs:function(e){const t=[];for(let n in e){const l=[n,e[n]].map(encodeURIComponent);t.push(l.join("="))}return 0===t.length?"":`?${t.join("&")}`}};(Ve=Re||(Re={}))[Ve.Flat=0]="Flat",Ve[Ve.Out=1]="Out",Ve[Ve.In=-1]="In",(Fe=je||(je={}))[Fe.FINAL=0]="FINAL",Fe[Fe.ANY=1]="ANY";const Le={};function He(e,t){return{id:e,x:0,y:0,d:0,name:null,color:null,bgcolor:null,points:0,ts:t}}function Qe(e,t){let n=0;for(let l of Le[e].players){if(We.decodePlayer(l).id===t)return n;n++}return-1}function Ye(e,t){const n=Qe(e,t);return We.decodePlayer(Le[e].players[n])}function qe(e,t,n){const l=Qe(e,t);-1===l?Le[e].players.push(We.encodePlayer(n)):Le[e].players[l]=We.encodePlayer(n)}function Ze(e,t){return-1!==Qe(e,t)}function Ke(e){return Le[e]?Le[e].players.map(We.decodePlayer):[]}function Je(e){return Le[e].puzzle.tiles.length}function Xe(e){return Le[e].scoreMode||0}function et(e){return tt(e)===Je(e)}function tt(e){let t=0;for(let n of Le[e].puzzle.tiles)-1===We.decodeTile(n).owner&&t++;return t}function nt(e,t,n){const l=Ye(e,t);for(let o of Object.keys(n))l[o]=n[o];qe(e,t,l)}function lt(e,t){for(let n of Object.keys(t))Le[e].puzzle.data[n]=t[n]}function ot(e,t,n){for(let l of Object.keys(n)){const o=We.decodeTile(Le[e].puzzle.tiles[t]);o[l]=n[l],Le[e].puzzle.tiles[t]=We.encodeTile(o)}}const it=(e,t)=>We.decodeTile(Le[e].puzzle.tiles[t]),at=(e,t)=>it(e,t).group,st=(e,t)=>{const n=Le[e].puzzle.info,l={x:(n.table.width-n.width)/2,y:(n.table.height-n.height)/2},o=function(e,t){const n=Le[e].puzzle.info,l=We.coordByTileIdx(n,t),o=l.x*n.tileSize,i=l.y*n.tileSize;return{x:o,y:i}}(e,t);return he.pointAdd(l,o)},rt=(e,t)=>it(e,t).pos,ct=e=>{const t=At(e),n=Tt(e),l=Math.round(t/4),o=Math.round(n/4);return{x:0-l,y:0-o,w:t+2*l,h:n+2*o}},dt=(e,t)=>{const n=ht(e),l=it(e,t);return{x:l.pos.x,y:l.pos.y,w:n,h:n}},ut=(e,t)=>it(e,t).z,gt=(e,t)=>{for(let n of Le[e].puzzle.tiles){const e=We.decodeTile(n);if(e.owner===t)return e.idx}return-1},pt=e=>Le[e].puzzle.info.tileDrawSize,ht=e=>Le[e].puzzle.info.tileSize,mt=e=>Le[e].puzzle.data.maxGroup,yt=e=>Le[e].puzzle.data.maxZ;function ft(e,t){const n=Le[e].puzzle.info,l=We.coordByTileIdx(n,t);return[l.y>0?t-n.tilesX:-1,l.x0?t-1:-1]}const wt=(e,t,n)=>{for(let l of t)ot(e,l,{z:n})},vt=(e,t,n)=>{const l=rt(e,t);ot(e,t,{pos:he.pointAdd(l,n)})},bt=(e,t,n)=>{const l=pt(e),o=ct(e),i=n;for(let a of t){const t=it(e,a);t.pos.x+n.xo.x+o.w&&(i.x=Math.min(o.x+o.w-t.pos.x+l,i.x)),t.pos.y+n.yo.y+o.h&&(i.y=Math.min(o.y+o.h-t.pos.y+l,i.y))}for(let a of t)vt(e,a,i)},xt=(e,t,n)=>{for(let l of t)ot(e,l,{owner:n})};function Ct(e,t){const n=Le[e].puzzle.tiles,l=We.decodeTile(n[t]),o=[];if(l.group)for(let i of n){const e=We.decodeTile(i);e.group===l.group&&o.push(e.idx)}else o.push(l.idx);return o}const kt=(e,t)=>{const n=Ye(e,t);return n?n.points:0},At=e=>Le[e].puzzle.info.table.width,Tt=e=>Le[e].puzzle.info.table.height;var St={__createPlayerObject:He,setGame:function(e,t){Le[e]=t},exists:function(e){return!!Le[e]||!1},playerExists:Ze,getActivePlayers:function(e,t){const n=t-30*I;return Ke(e).filter((e=>e.ts>=n))},getIdlePlayers:function(e,t){const n=t-30*I;return Ke(e).filter((e=>e.ts0))},addPlayer:function(e,t,n){Ze(e,t)?nt(e,t,{ts:n}):qe(e,t,He(t,n))},getFinishedTileCount:tt,getTileCount:Je,getImageUrl:function(e){return Le[e].puzzle.info.imageUrl},setImageUrl:function(e,t){Le[e].puzzle.info.imageUrl=t},get:function(e){return Le[e]},getAllGames:function(){return Object.values(Le).sort(((e,t)=>et(e.id)===et(t.id)?t.puzzle.data.started-e.puzzle.data.started:et(e.id)?1:-1))},getPlayerBgColor:(e,t)=>{const n=Ye(e,t);return n?n.bgcolor:null},getPlayerColor:(e,t)=>{const n=Ye(e,t);return n?n.color:null},getPlayerName:(e,t)=>{const n=Ye(e,t);return n?n.name:null},getPlayerIndexById:Qe,getPlayerIdByIndex:function(e,t){return Le[e].players.length>t?We.decodePlayer(Le[e].players[t]).id:null},changePlayer:nt,setPlayer:qe,setTile:function(e,t,n){Le[e].puzzle.tiles[t]=We.encodeTile(n)},setPuzzleData:function(e,t){Le[e].puzzle.data=t},getTableWidth:At,getTableHeight:Tt,getPuzzle:e=>Le[e].puzzle,getRng:e=>Le[e].rng.obj,getPuzzleWidth:e=>Le[e].puzzle.info.width,getPuzzleHeight:e=>Le[e].puzzle.info.height,getTilesSortedByZIndex:function(e){return Le[e].puzzle.tiles.map(We.decodeTile).sort(((e,t)=>e.z-t.z))},getFirstOwnedTile:(e,t)=>{const n=gt(e,t);return n<0?null:Le[e].puzzle.tiles[n]},getTileDrawOffset:e=>Le[e].puzzle.info.tileDrawOffset,getTileDrawSize:pt,getFinalTilePos:st,getStartTs:e=>Le[e].puzzle.data.started,getFinishTs:e=>Le[e].puzzle.data.finished,handleInput:function(e,t,n,l){const o=Le[e].puzzle,i=function(e,t){return t in Le[e].evtInfos?Le[e].evtInfos[t]:{_last_mouse:null,_last_mouse_down:null}}(e,t),a=[],s=()=>{a.push([Oe,o.data])},r=t=>{a.push([Ue,We.encodeTile(it(e,t))])},c=e=>{for(const t of e)r(t)},d=()=>{a.push([Ne,We.encodePlayer(Ye(e,t))])},u=n[0];if(u===_e){const o=n[1];nt(e,t,{bgcolor:o,ts:l}),d()}else if(u===De){const o=n[1];nt(e,t,{color:o,ts:l}),d()}else if(u===Be){const o=`${n[1]}`.substr(0,16);nt(e,t,{name:o,ts:l}),d()}else if(u===Te){const o={x:n[1],y:n[2]};nt(e,t,{d:1,ts:l}),d(),i._last_mouse_down=o;const a=((e,t)=>{let n=Le[e].puzzle.info,l=Le[e].puzzle.tiles,o=-1,i=-1;for(let a=0;ao)&&(o=e.z,i=a)}return i})(e,o);if(a>=0){let n=yt(e)+1;lt(e,{maxZ:n}),s();const l=Ct(e,a);wt(e,l,yt(e)),xt(e,l,t),c(l)}i._last_mouse=o}else if(u===ze){const o=n[1],a=n[2],s={x:o,y:a};if(null===i._last_mouse_down)nt(e,t,{x:o,y:a,ts:l}),d();else{let n=gt(e,t);if(n>=0){nt(e,t,{x:o,y:a,ts:l}),d();const r=Ct(e,n);let u=he.pointInBounds(s,ct(e))&&he.pointInBounds(i._last_mouse_down,ct(e));for(let t of r){const n=dt(e,t);if(he.pointInBounds(s,n)){u=!0;break}}if(u){const t=o-i._last_mouse_down.x,n=a-i._last_mouse_down.y;bt(e,r,{x:t,y:n}),c(r)}}else nt(e,t,{ts:l}),d();i._last_mouse_down=s}i._last_mouse=s}else if(u===Se){const a={x:n[1],y:n[2]},u=0;i._last_mouse_down=null;let g=gt(e,t);if(g>=0){let n=Ct(e,g);xt(e,n,0),c(n);let i=rt(e,g),a=st(e,g);if(he.pointDistance(a,i){for(let n of t)ot(e,n,{owner:-1,z:1})})(e,n),c(n);let r=kt(e,t);0===Xe(e)?r+=n.length:1===Xe(e)&&(r+=1),nt(e,t,{d:u,ts:l,points:r}),d(),tt(e)===Je(e)&&(lt(e,{finished:l}),s())}else{const n=(e,t,n,l)=>{let o=Le[e].puzzle.info;if(n<0)return!1;if(((e,t,n)=>{const l=at(e,t),o=at(e,n);return l&&l===o})(e,t,n))return!1;const i=rt(e,t),a=he.pointAdd(rt(e,n),{x:l[0]*o.tileSize,y:l[1]*o.tileSize});if(he.pointDistance(i,a){const l=Le[e].puzzle.tiles,o=at(e,t),i=at(e,n);let a;const c=[];o&&c.push(o),i&&c.push(i),o?a=o:i?a=i:(lt(e,{maxGroup:mt(e)+1}),s(),a=mt(e));if(ot(e,t,{group:a}),r(t),ot(e,n,{group:a}),r(n),c.length>0)for(const s of l){const t=We.decodeTile(s);c.includes(t.group)&&(ot(e,t.idx,{group:a}),r(t.idx))}})(e,t,n),o=Ct(e,t);const d=((e,t)=>{let n=0;for(let l of t){let t=ut(e,l);t>n&&(n=t)}return n})(e,o);return wt(e,o,d),c(o),!0}return!1};let o=!1;for(let t of Ct(e,g)){let l=ft(e,t);if(n(e,t,l[0],[0,1])||n(e,t,l[1],[-1,0])||n(e,t,l[2],[0,-1])||n(e,t,l[3],[1,0])){o=!0;break}}if(o&&1===Xe(e)){const n=kt(e,t)+1;nt(e,t,{d:u,ts:l,points:n}),d()}else nt(e,t,{d:u,ts:l}),d()}}else nt(e,t,{d:u,ts:l}),d();i._last_mouse=a}else if(u===Ie){const o=n[1],a=n[2];nt(e,t,{x:o,y:a,ts:l}),d(),i._last_mouse={x:o,y:a}}else if(u===Pe){const o=n[1],a=n[2];nt(e,t,{x:o,y:a,ts:l}),d(),i._last_mouse={x:o,y:a}}else nt(e,t,{ts:l}),d();return function(e,t,n){Le[e].evtInfos[t]=n}(e,t,i),a}},zt=e({name:"new-game-dialog",components:{ResponsiveImage:W},props:{image:{type:Object,required:!0}},emits:{newGame:null,bgclick:null},data:()=>({tiles:1e3,scoreMode:je.ANY}),methods:{onNewGameClick(){this.$emit("newGame",{tiles:this.tilesInt,image:this.image,scoreMode:this.scoreModeInt})}},computed:{canStartNewGame(){return!!(this.tilesInt&&this.image&&this.image.url&&[0,1].includes(this.scoreModeInt))},scoreModeInt(){return parseInt(`${this.scoreMode}`,10)},tilesInt(){return parseInt(`${this.tiles}`,10)}}});const It={class:"area-image"},Pt={class:"has-image"},_t={class:"area-settings"},Dt=n("td",null,[n("label",null,"Pieces")],-1),Bt=n("td",null,[n("label",null,"Scoring: ")],-1),Et=s(" Any (Score when pieces are connected to each other or on final location)"),Ot=n("br",null,null,-1),Ut=s(" Final (Score when pieces are put to their final location)"),Nt={class:"area-buttons"};zt.render=function(e,l,o,s,r,c){const d=i("responsive-image");return a(),t("div",{class:"overlay new-game-dialog",onClick:l[6]||(l[6]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[5]||(l[5]=u((()=>{}),["stop"]))},[n("div",It,[n("div",Pt,[n(d,{src:e.image.url,title:e.image.title},null,8,["src","title"])])]),n("div",_t,[n("table",null,[n("tr",null,[Dt,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[1]||(l[1]=t=>e.tiles=t)},null,512),[[p,e.tiles]])])]),n("tr",null,[Bt,n("td",null,[n("label",null,[g(n("input",{type:"radio","onUpdate:modelValue":l[2]||(l[2]=t=>e.scoreMode=t),value:"1"},null,512),[[h,e.scoreMode]]),Et]),Ot,n("label",null,[g(n("input",{type:"radio","onUpdate:modelValue":l[3]||(l[3]=t=>e.scoreMode=t),value:"0"},null,512),[[h,e.scoreMode]]),Ut])])])])]),n("div",Nt,[n("button",{class:"btn",disabled:!e.canStartNewGame,onClick:l[4]||(l[4]=(...t)=>e.onNewGameClick&&e.onNewGameClick(...t))}," 🧩 Generate Puzzle ",8,["disabled"])])])])};var Mt=e({components:{ImageLibrary:V,NewImageDialog:L,EditImageDialog:oe,NewGameDialog:zt},data:()=>({filters:{sort:"date_desc",category:""},images:[],categories:[],image:{id:0,filename:"",file:"",url:"",title:"",categories:[],created:0},dialog:""}),async created(){await this.loadImages()},methods:{async loadImages(){const e=await fetch(`/api/newgame-data${We.asQueryArgs(this.filters)}`),t=await e.json();this.images=t.images,this.categories=t.categories},async filtersChanged(){await this.loadImages()},onImageClicked(e){this.image=e,this.dialog="new-game"},onImageEditClicked(e){this.image=e,this.dialog="edit-image"},async uploadImage(e){const t=new FormData;t.append("file",e.file,e.file.name),t.append("title",e.title),t.append("category",e.category);const n=await fetch("/api/upload",{method:"post",body:t});return await n.json()},async saveImage(e){const t=await fetch("/api/save-image",{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({id:e.id,title:e.title,category:e.category})});return await t.json()},async onSaveImageClick(e){await this.saveImage(e),this.dialog="",await this.loadImages()},async postToGalleryClick(e){await this.uploadImage(e),this.dialog="",await this.loadImages()},async setupGameClick(e){const t=await this.uploadImage(e);this.loadImages(),this.image=t,this.dialog="new-game"},async onNewGame(e){const t=await fetch("/newgame",{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(e)});if(200===t.status){const e=await t.json();this.$router.push({name:"game",params:{id:e.id}})}}}});const Gt={class:"upload-image-teaser"},$t=n("div",{class:"hint"},"(The image you upload will be added to the public gallery.)",-1),Rt={key:0},Vt=s(" Category: "),jt=n("option",{value:""},"All",-1),Ft=s(" Sort by: "),Wt=n("option",{value:"date_desc"},"Newest first",-1),Lt=n("option",{value:"date_asc"},"Oldest first",-1),Ht=n("option",{value:"alpha_asc"},"A-Z",-1),Qt=n("option",{value:"alpha_desc"},"Z-A",-1);Mt.render=function(e,l,s,u,p,h){const y=i("image-library"),f=i("new-image-dialog"),w=i("edit-image-dialog"),v=i("new-game-dialog");return a(),t("div",null,[n("div",Gt,[n("div",{class:"btn btn-big",onClick:l[1]||(l[1]=t=>e.dialog="new-image")},"Upload your image"),$t]),n("div",null,[e.categories.length>0?(a(),t("label",Rt,[Vt,g(n("select",{"onUpdate:modelValue":l[2]||(l[2]=t=>e.filters.category=t),onChange:l[3]||(l[3]=(...t)=>e.filtersChanged&&e.filtersChanged(...t))},[jt,(a(!0),t(c,null,d(e.categories,((e,n)=>(a(),t("option",{key:n,value:e.slug},r(e.title),9,["value"])))),128))],544),[[m,e.filters.category]])])):o("",!0),n("label",null,[Ft,g(n("select",{"onUpdate:modelValue":l[4]||(l[4]=t=>e.filters.sort=t),onChange:l[5]||(l[5]=(...t)=>e.filtersChanged&&e.filtersChanged(...t))},[Wt,Lt,Ht,Qt],544),[[m,e.filters.sort]])])]),n(y,{images:e.images,onImageClicked:e.onImageClicked,onImageEditClicked:e.onImageEditClicked},null,8,["images","onImageClicked","onImageEditClicked"]),"new-image"===e.dialog?(a(),t(f,{key:0,onBgclick:l[6]||(l[6]=t=>e.dialog=""),onPostToGalleryClick:e.postToGalleryClick,onSetupGameClick:e.setupGameClick},null,8,["onPostToGalleryClick","onSetupGameClick"])):o("",!0),"edit-image"===e.dialog?(a(),t(w,{key:1,onBgclick:l[7]||(l[7]=t=>e.dialog=""),onSaveClick:e.onSaveImageClick,image:e.image},null,8,["onSaveClick","image"])):o("",!0),e.image&&"new-game"===e.dialog?(a(),t(v,{key:2,onBgclick:l[8]||(l[8]=t=>e.dialog=""),onNewGame:e.onNewGame,image:e.image},null,8,["onNewGame","image"])):o("",!0)])};var Yt=e({name:"scores",props:{activePlayers:{type:Array,required:!0},idlePlayers:{type:Array,required:!0}},computed:{actives(){return this.activePlayers.sort(((e,t)=>t.points-e.points)),this.activePlayers},idles(){return this.idlePlayers.sort(((e,t)=>t.points-e.points)),this.idlePlayers}}});const qt={class:"scores"},Zt=n("div",null,"Scores",-1),Kt=n("td",null,"⚑",-1),Jt=n("td",null,"πŸ’€",-1);Yt.render=function(e,l,o,i,s,u){return a(),t("div",qt,[Zt,n("table",null,[(a(!0),t(c,null,d(e.actives,((e,l)=>(a(),t("tr",{key:l,style:{color:e.color}},[Kt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128)),(a(!0),t(c,null,d(e.idles,((e,l)=>(a(),t("tr",{key:l,style:{color:e.color}},[Jt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128))])])};var Xt=e({name:"puzzle-status",props:{finished:{type:Boolean,required:!0},duration:{type:Number,required:!0},piecesDone:{type:Number,required:!0},piecesTotal:{type:Number,required:!0}},computed:{icon(){return this.finished?"🏁":"⏳"},durationStr(){return D(this.duration)}}});const en={class:"timer"};Xt.render=function(e,l,o,i,s,c){return a(),t("div",en,[n("div",null," 🧩 "+r(e.piecesDone)+"/"+r(e.piecesTotal),1),n("div",null,r(e.icon)+" "+r(e.durationStr),1),y(e.$slots,"default")])};var tn=e({name:"settings-overlay",emits:{bgclick:null,"update:modelValue":null},props:{modelValue:Object},created(){this.$watch("modelValue",(e=>{this.$emit("update:modelValue",e)}),{deep:!0})}});const nn=n("td",null,[n("label",null,"Background: ")],-1),ln=n("td",null,[n("label",null,"Color: ")],-1),on=n("td",null,[n("label",null,"Name: ")],-1);tn.render=function(e,l,o,i,s,r){return a(),t("div",{class:"overlay transparent",onClick:l[5]||(l[5]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content settings",onClick:l[4]||(l[4]=u((()=>{}),["stop"]))},[n("tr",null,[nn,n("td",null,[g(n("input",{type:"color","onUpdate:modelValue":l[1]||(l[1]=t=>e.modelValue.background=t)},null,512),[[p,e.modelValue.background]])])]),n("tr",null,[ln,n("td",null,[g(n("input",{type:"color","onUpdate:modelValue":l[2]||(l[2]=t=>e.modelValue.color=t)},null,512),[[p,e.modelValue.color]])])]),n("tr",null,[on,n("td",null,[g(n("input",{type:"text",maxLength:"16","onUpdate:modelValue":l[3]||(l[3]=t=>e.modelValue.name=t)},null,512),[[p,e.modelValue.name]])])])])])};var an=e({name:"preview-overlay",props:{img:String},emits:{bgclick:null},computed:{previewStyle(){return{backgroundImage:`url('${this.img}')`}}}});const sn={class:"preview"};an.render=function(e,l,o,i,s,r){return a(),t("div",{class:"overlay",onClick:l[1]||(l[1]=t=>e.$emit("bgclick"))},[n("div",sn,[n("div",{class:"img",style:e.previewStyle},null,4)])])};const rn=$e("Communication.js");let cn,dn=e=>{},un=e=>{};let gn=0;const pn=e=>{gn!==e&&(gn=e,un(e))};function hn(e){if(2===gn)try{cn.send(JSON.stringify(e))}catch(t){rn.info("unable to send message.. maybe because ws is invalid?")}}let mn,yn;var fn={connect:function(e,t,n){return mn=0,yn={},pn(3),new Promise((l=>{cn=new WebSocket(e,n+"|"+t),cn.onopen=e=>{pn(2),hn([ve])},cn.onmessage=e=>{const t=JSON.parse(e.data),o=t[0];if(o===ye){const e=t[1];l(e)}else{if(o!==me)throw`[ 2021-05-09 invalid connect msgType ${o} ]`;{const e=t[1],l=t[2];if(e===n&&yn[l])return void delete yn[l];dn(t)}}},cn.onerror=e=>{throw pn(1),"[ 2021-05-15 onerror ]"},cn.onclose=e=>{4e3===e.code||1001===e.code?pn(4):pn(1)}}))},connectReplay:function(e,t,n){return mn=0,yn={},pn(3),new Promise((l=>{cn=new WebSocket(e,n+"|"+t),cn.onopen=e=>{pn(2),hn([be])},cn.onmessage=e=>{const t=JSON.parse(e.data),n=t[0];if(n!==fe)throw`[ 2021-05-09 invalid connectReplay msgType ${n} ]`;{const e=t[1],n=t[2];l({game:e,log:n})}},cn.onerror=e=>{throw pn(1),"[ 2021-05-15 onerror ]"},cn.onclose=e=>{4e3===e.code||1001===e.code?pn(4):pn(1)}}))},disconnect:function(){cn&&cn.close(4e3),mn=0,yn={}},sendClientEvent:function(e){mn++,yn[mn]=e,hn([we,mn,yn[mn]])},onServerChange:function(e){dn=e},onConnectionStateChange:function(e){un=e},CODE_CUSTOM_DISCONNECT:4e3,CONN_STATE_NOT_CONNECTED:0,CONN_STATE_DISCONNECTED:1,CONN_STATE_CLOSED:4,CONN_STATE_CONNECTED:2,CONN_STATE_CONNECTING:3},wn=e({name:"connection-overlay",emits:{reconnect:null},props:{connectionState:Number},computed:{lostConnection(){return this.connectionState===fn.CONN_STATE_DISCONNECTED},connecting(){return this.connectionState===fn.CONN_STATE_CONNECTING},show(){return!(!this.lostConnection&&!this.connecting)}}});const vn={key:0,class:"overlay connection-lost"},bn={key:0,class:"overlay-content"},xn=n("div",null,"⁉️ LOST CONNECTION ⁉️",-1),Cn={key:1,class:"overlay-content"},kn=n("div",null,"Connecting...",-1);wn.render=function(e,l,i,s,r,c){return e.show?(a(),t("div",vn,[e.lostConnection?(a(),t("div",bn,[xn,n("span",{class:"btn",onClick:l[1]||(l[1]=t=>e.$emit("reconnect"))},"Reconnect")])):o("",!0),e.connecting?(a(),t("div",Cn,[kn])):o("",!0)])):o("",!0)};var An=e({name:"help-overlay",emits:{bgclick:null}});const Tn=n("tr",null,[n("td",null,"⬆️ Move up:"),n("td",null,[n("div",null,[n("kbd",null,"W"),s("/"),n("kbd",null,"↑"),s("/πŸ–±οΈ")])])],-1),Sn=n("tr",null,[n("td",null,"⬇️ Move down:"),n("td",null,[n("div",null,[n("kbd",null,"S"),s("/"),n("kbd",null,"↓"),s("/πŸ–±οΈ")])])],-1),zn=n("tr",null,[n("td",null,"⬅️ Move left:"),n("td",null,[n("div",null,[n("kbd",null,"A"),s("/"),n("kbd",null,"←"),s("/πŸ–±οΈ")])])],-1),In=n("tr",null,[n("td",null,"➑️ Move right:"),n("td",null,[n("div",null,[n("kbd",null,"D"),s("/"),n("kbd",null,"β†’"),s("/πŸ–±οΈ")])])],-1),Pn=n("tr",null,[n("td"),n("td",null,[n("div",null,[s("Move faster by holding "),n("kbd",null,"Shift")])])],-1),_n=n("tr",null,[n("td",null,"πŸ”+ Zoom in:"),n("td",null,[n("div",null,[n("kbd",null,"E"),s("/πŸ–±οΈ-Wheel")])])],-1),Dn=n("tr",null,[n("td",null,"πŸ”- Zoom out:"),n("td",null,[n("div",null,[n("kbd",null,"Q"),s("/πŸ–±οΈ-Wheel")])])],-1),Bn=n("tr",null,[n("td",null,"πŸ–ΌοΈ Toggle preview:"),n("td",null,[n("div",null,[n("kbd",null,"Space")])])],-1),En=n("tr",null,[n("td",null,"πŸ§©βœ”οΈ Toggle fixed pieces:"),n("td",null,[n("div",null,[n("kbd",null,"F")])])],-1),On=n("tr",null,[n("td",null,"πŸ§©β“ Toggle loose pieces:"),n("td",null,[n("div",null,[n("kbd",null,"G")])])],-1);An.render=function(e,l,o,i,s,r){return a(),t("div",{class:"overlay transparent",onClick:l[2]||(l[2]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content help",onClick:l[1]||(l[1]=u((()=>{}),["stop"]))},[Tn,Sn,zn,In,Pn,_n,Dn,Bn,En,On])])};var Un=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVQ4je1RywrAIAxLxP//5exixRWlVgZelpOKeTQFfnDypgy3eLIkSLLL8mxGPoHsU2hPAgDHBLvRX6hZZw/fwT0BtlLSONqCbWAmEIqMZOCDDlaDR3N03gOyDCn+y4DWmAAAAABJRU5ErkJggg=="}),Nn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARElEQVQ4jWNgGAU0Af+hmBCbgYGBgYERhwHEAEYGBgYGJtIdiApYyLAZBVDsAqoagC1ACQJyY4ERg0GCISh6KA4DigEAou8LC+LnIJoAAAAASUVORK5CYII="}),Mn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVQ4ja1TQQ7AIAgD///n7jCozA2Hbk00jbG1KIrcARszTugoBs49qioZj7r2kKACptkyAOCJsJuA+GzglwHjvMSSWFVaENWVASxh5eRLiq5fN/ASjI89VcP2K3hHpq1cEXNaMfnrL3TDZP2tDuoOA6MzCCXWr38AAAAASUVORK5CYII="}),Gn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4jWNgoAH4D8X42HDARKlt5BoAd82AuQAOGLGIYQQUPv0wF5CiCQUge4EsQ5C9QI4BjMguwBYeBAElscCIy1ZivMKIwSDBEBQ9FCckigEAU3QOD7TGvY4AAAAASUVORK5CYII="});function $n(){let e=0,t=0,n=1;const l=(l,o)=>{e+=l/n,t+=o/n},o=e=>{const t=n+.05*n*("in"===e?1:-1);return Math.min(Math.max(t,.1),6)},i=l=>({x:l.x/n-e,y:l.y/n-t}),a=l=>({x:(l.x+e)*n,y:(l.y+t)*n}),s=e=>({w:e.w*n,h:e.h*n});return{move:l,canZoom:e=>n!=o(e),zoom:(e,t)=>((e,t)=>{if(n==e)return!1;const o=1-n/e;return l(-t.x*o,-t.y*o),n=e,!0})(o(e),t),worldToViewport:e=>{const{x:t,y:n}=a(e);return{x:Math.round(t),y:Math.round(n)}},worldToViewportRaw:a,worldDimToViewport:e=>{const{w:t,h:n}=s(e);return{w:Math.round(t),h:Math.round(n)}},worldDimToViewportRaw:s,viewportToWorld:e=>{const{x:t,y:n}=i(e);return{x:Math.round(t),y:Math.round(n)}},viewportToWorldRaw:i}}function Rn(e=0,t=0){const n=document.createElement("canvas");return n.width=e,n.height=t,n}var Vn={createCanvas:Rn,loadImageToBitmap:async function(e){return new Promise((t=>{const n=new Image;n.onload=()=>{createImageBitmap(n).then(t)},n.src=e}))},resizeBitmap:async function(e,t,n){const l=Rn(t,n);return l.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,t,n),await createImageBitmap(l)},colorize:async function(e,t,n){const l=Rn(e.width,e.height),o=l.getContext("2d");return o.save(),o.drawImage(t,0,0),o.fillStyle=n,o.globalCompositeOperation="source-in",o.fillRect(0,0,t.width,t.height),o.restore(),o.save(),o.globalCompositeOperation="destination-over",o.drawImage(e,0,0),o.restore(),await createImageBitmap(l)}};const jn=$e("Debug.js");let Fn=0,Wn=0;var Ln=e=>{Fn=performance.now(),Wn=e},Hn=e=>{const t=performance.now(),n=t-Fn;n>Wn&&jn.log(e+": "+n),Fn=t};const Qn=$e("PuzzleGraphics.js");function Yn(e,t){const n=We.coordByTileIdx(e,t);return{x:n.x*e.tileSize,y:n.y*e.tileSize,w:e.tileSize,h:e.tileSize}}var qn={loadPuzzleBitmaps:async function(e){const t=await Vn.loadImageToBitmap(e.info.imageUrl),n=await Vn.resizeBitmap(t,e.info.width,e.info.height);return await async function(e,t,n){Qn.log("start createPuzzleTileBitmaps");var l=n.tileSize,o=n.tileMarginWidth,i=n.tileDrawSize,a=l/100,s=[0,0,40,15,37,5,37,5,40,0,38,-5,38,-5,20,-20,50,-20,50,-20,80,-20,62,-5,62,-5,60,0,63,5,63,5,65,15,100,0];const r=new Array(t.length),c={};function d(e){const t=`${e.top}${e.right}${e.left}${e.bottom}`;if(c[t])return c[t];const n=new Path2D,i={x:o,y:o},r=he.pointAdd(i,{x:l,y:0}),d=he.pointAdd(r,{x:0,y:l}),u=he.pointSub(d,{x:l,y:0});if(n.moveTo(i.x,i.y),0!==e.top)for(let l=0;l=0&&e&&this.explode(e),this.px+=this.vx,this.py+=this.vy}draw(e){e.beginPath(),e.arc(this.px,this.py,this.previousRadius,0,2*Math.PI,!1),this.hasExploded||(e.fillStyle=this.color,e.lineWidth=1,e.fill())}explode(e){this.hasExploded=!0;const t=3+Math.floor(3*Math.random());for(let n=0;n{this.resize()}))}setSpeedParams(){let e=0,t=0;for(;e=0;)t+=1,e+=t;Jn=t/2,Xn=t-Jn;const n=1/4*this.canvas.width/(t/2);Zn=-n,Kn=2*n}resize(){this.setSpeedParams()}init(){this.readyBombs=[],this.explodedBombs=[],this.particles=[];for(let e=0;e<1;e++)this.readyBombs.push(new el(this.rng))}update(){100*Math.random()<5&&this.readyBombs.push(new el(this.rng));const e=[];for(;this.explodedBombs.length>0;){const t=this.explodedBombs.shift();if(!t)break;t.update(),t.alive&&e.push(t)}this.explodedBombs=e;const t=[];for(;this.readyBombs.length>0;){const e=this.readyBombs.shift();if(!e)break;e.update(this.particles),e.hasExploded?this.explodedBombs.push(e):t.push(e)}this.readyBombs=t;const n=[];for(;this.particles.length>0;){const e=this.particles.shift();if(!e)break;e.update(),e.alive&&n.push(e)}this.particles=n}render(){this.ctx.beginPath(),this.ctx.fillStyle="rgba(0, 0, 0, 0.1)",this.ctx.fillRect(0,0,this.canvas.width,this.canvas.height);for(let e=0;e{const t=e.color+" "+e.d;if(!h[t]){const n=e.d?a:s;if(e.color){const l=e.d?r:c;h[t]=await Vn.colorize(n,l,e.color)}else h[t]=n}return h[t]},y=function(e,t){return t.width=window.innerWidth,t.height=window.innerHeight,e.appendChild(t),window.addEventListener("resize",(()=>{t.width=window.innerWidth,t.height=window.innerHeight,al=!0})),t}(o,Vn.createCanvas()),f={log:[],logIdx:0,speeds:[.5,1,2,5,10,20,50],speedIdx:1,paused:!1,lastRealTs:0,lastGameTs:0,gameStartTs:0};fn.onConnectionStateChange((e=>{i.setConnectionState(e)}));let w=()=>0;const v=async()=>{if("play"===l){const l=await fn.connect(n,e,t),o=We.decodeGame(l);St.setGame(o.id,o),w=()=>P()}else{if("replay"!==l)throw"[ 2020-12-22 MODE invalid, must be play|replay ]";{const l=await fn.connectReplay(n,e,t),o=We.decodeGame(l.game);St.setGame(o.id,o),f.log=l.log,f.lastRealTs=P(),f.gameStartTs=parseInt(f.log[0][f.log[0].length-2],10),f.lastGameTs=f.gameStartTs,w=()=>f.lastGameTs}}al=!0};await v();const b=St.getTileDrawOffset(e),x=St.getTileDrawSize(e),C=St.getPuzzleWidth(e),k=St.getPuzzleHeight(e),A=St.getTableWidth(e),T=St.getTableHeight(e),S={x:(A-C)/2,y:(T-k)/2},z={w:C,h:k},I={w:x,h:x},_=await qn.loadPuzzleBitmaps(St.getPuzzle(e)),D=new nl(y,St.getRng(e));D.init();const B=y.getContext("2d");y.classList.add("loaded");const E=$n();E.move(-(A-y.width)/2,-(T-y.height)/2);const O=function(e,t,n){let l=[],o=!0,i=!1,a=!1,s=!1,r=!1,c=!1,d=!1,u=!1;const g=(e,t)=>{const l=n.viewportToWorld({x:e,y:t});return[l.x,l.y]},p=e=>g(e.offsetX,e.offsetY),h=()=>g(e.width/2,e.height/2),m=(e,t)=>{o&&("Shift"===t.key?u=e:"ArrowUp"===t.key||"w"===t.key||"W"===t.key?s=e:"ArrowDown"===t.key||"s"===t.key||"S"===t.key?r=e:"ArrowLeft"===t.key||"a"===t.key||"A"===t.key?i=e:"ArrowRight"===t.key||"d"===t.key||"D"===t.key?a=e:"q"===t.key?d=e:"e"===t.key&&(c=e))};e.addEventListener("mousedown",(e=>{0===e.button&&y([Te,...p(e)])})),e.addEventListener("mouseup",(e=>{0===e.button&&y([Se,...p(e)])})),e.addEventListener("mousemove",(e=>{y([ze,...p(e)])})),e.addEventListener("wheel",(e=>{if(n.canZoom(e.deltaY<0?"in":"out")){const t=e.deltaY<0?Ie:Pe;y([t,...p(e)])}})),t.addEventListener("keydown",(e=>m(!0,e))),t.addEventListener("keyup",(e=>m(!1,e))),t.addEventListener("keypress",(e=>{o&&(" "===e.key&&y([Ee]),"F"!==e.key&&"f"!==e.key||(ol=!ol,al=!0),"G"!==e.key&&"g"!==e.key||(il=!il,al=!0))}));const y=e=>{l.push(e)};return{addEvent:y,consumeAll:()=>{if(0===l.length)return[];const e=l.slice();return l=[],e},createKeyEvents:()=>{const e=u?20:10,t=(i?e:0)-(a?e:0),l=(s?e:0)-(r?e:0);0===t&&0===l||y([Ae,t,l]),c&&d||(c?n.canZoom("in")&&y([Ie,...h()]):d&&n.canZoom("out")&&y([Pe,...h()]))},setHotkeys:e=>{o=e}}}(y,window,E),U=St.getImageUrl(e),N=()=>{const t=St.getStartTs(e),n=St.getFinishTs(e),l=w();i.setFinished(!!n),i.setDuration((n||l)-t)};N(),i.setPiecesDone(St.getFinishedTileCount(e)),i.setPiecesTotal(St.getTileCount(e));const M=w();i.setActivePlayers(St.getActivePlayers(e,M)),i.setIdlePlayers(St.getIdlePlayers(e,M));const G=!!St.getFinishTs(e);let $=G;const R=()=>$&&!G,V=()=>St.getPlayerBgColor(e,t)||localStorage.getItem("bg_color")||"#222222",j=()=>{i.setReplaySpeed&&i.setReplaySpeed(f.speeds[f.speedIdx]),i.setReplayPaused&&i.setReplayPaused(f.paused)};if("play"===l?setInterval(N,1e3):"replay"===l&&j(),"play"===l)fn.onServerChange((n=>{n[0],n[1],n[2];const l=n[3];for(const[o,i]of l)switch(o){case Ne:{const n=We.decodePlayer(i);n.id!==t&&(St.setPlayer(e,n.id,n),al=!0)}break;case Ue:{const t=We.decodeTile(i);St.setTile(e,t.idx,t),al=!0}break;case Oe:St.setPuzzleData(e,i),al=!0}$=!!St.getFinishTs(e)}));else if("replay"===l){let t=setInterval((()=>{const n=P();if(f.paused)return void(f.lastRealTs=n);const l=(n-f.lastRealTs)*f.speeds[f.speedIdx],o=f.lastGameTs+l;for(;;){if(f.paused)break;const n=f.logIdx+1;if(n>=f.log.length){clearInterval(t);break}const l=f.log[n],i=f.gameStartTs+l[l.length-1];if(i>o)break;const a=l.slice();if(a[0]===xe){const t=a[1];St.addPlayer(e,t,i),al=!0}else if(a[0]===Ce){const t=St.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (update player) ]";St.addPlayer(e,t,i),al=!0}else if(a[0]===ke){const t=St.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (handle input) ]";const n=a[2];St.handleInput(e,t,n,i),al=!0}f.logIdx=n}f.lastRealTs=n,f.lastGameTs=o,N()}),50)}let F=null;return(e=>{const t=e.fps||60,n=e.slow||1,l=e.update,o=e.render,i=window.requestAnimationFrame,a=1/t,s=n*a;let r,c=0,d=window.performance.now();const u=()=>{for(r=window.performance.now(),c+=Math.min(1,(r-d)/1e3);c>s;)c-=s,l(a);o(c/n),d=r,i(u)};i(u)})({update:()=>{O.createKeyEvents();for(const n of O.consumeAll())if("play"===l){const l=n[0];if(l===Ae){const e=n[1],t=n[2];al=!0,E.move(e,t)}else if(l===ze){if(F&&!St.getFirstOwnedTile(e,t)){const e={x:n[1],y:n[2]},t=E.worldToViewport(e),l=Math.round(t.x-F.x),o=Math.round(t.y-F.y);al=!0,E.move(l,o),F=t}}else if(l===Te){const e={x:n[1],y:n[2]};F=E.worldToViewport(e)}else if(l===Se)F=null;else if(l===Ie){const e={x:n[1],y:n[2]};al=!0,E.zoom("in",E.worldToViewport(e))}else if(l===Pe){const e={x:n[1],y:n[2]};al=!0,E.zoom("out",E.worldToViewport(e))}else l===Ee&&i.togglePreview();const o=w();St.handleInput(e,t,n,o).length>0&&(al=!0),fn.sendClientEvent(n)}else if("replay"===l){const e=n[0];if(e===Ae){const e=n[1],t=n[2];al=!0,E.move(e,t)}else if(e===ze){if(F){const e={x:n[1],y:n[2]},t=E.worldToViewport(e),l=Math.round(t.x-F.x),o=Math.round(t.y-F.y);al=!0,E.move(l,o),F=t}}else if(e===Te){const e={x:n[1],y:n[2]};F=E.worldToViewport(e)}else if(e===Se)F=null;else if(e===Ie){const e={x:n[1],y:n[2]};al=!0,E.zoom("in",E.worldToViewport(e))}else if(e===Pe){const e={x:n[1],y:n[2]};al=!0,E.zoom("out",E.worldToViewport(e))}else e===Ee&&i.togglePreview()}$=!!St.getFinishTs(e),R()&&(D.update(),al=!0)},render:async()=>{if(!al)return;const n=w();let o,a,s;window.DEBUG&&Ln(0),B.fillStyle=V(),B.fillRect(0,0,y.width,y.height),window.DEBUG&&Hn("clear done"),o=E.worldToViewportRaw(S),a=E.worldDimToViewportRaw(z),B.fillStyle="rgba(255, 255, 255, .3)",B.fillRect(o.x,o.y,a.w,a.h),window.DEBUG&&Hn("board done");const r=St.getTilesSortedByZIndex(e);window.DEBUG&&Hn("get tiles done"),a=E.worldDimToViewportRaw(I);for(const e of r)(-1===e.owner?ol:il)&&(s=_[e.idx],o=E.worldToViewportRaw({x:b+e.pos.x,y:b+e.pos.y}),B.drawImage(s,0,0,s.width,s.height,o.x,o.y,a.w,a.h));window.DEBUG&&Hn("tiles done");const c=[];for(const i of St.getActivePlayers(e,n))s=await m(i),o=E.worldToViewport(i),B.drawImage(s,o.x-u,o.y-p),d=i,("replay"===l||d.id!==t)&&c.push([`${i.name} (${i.points})`,o.x,o.y+g]);var d;B.fillStyle="white",B.textAlign="center";for(const[e,t,l]of c)B.fillText(e,t,l);window.DEBUG&&Hn("players done"),i.setActivePlayers(St.getActivePlayers(e,n)),i.setIdlePlayers(St.getIdlePlayers(e,n)),i.setPiecesDone(St.getFinishedTileCount(e)),window.DEBUG&&Hn("HUD done"),R()&&D.render(),al=!1}}),{setHotkeys:e=>{O.setHotkeys(e)},onBgChange:e=>{localStorage.setItem("bg_color",e),O.addEvent([_e,e])},onColorChange:e=>{localStorage.setItem("player_color",e),O.addEvent([De,e])},onNameChange:e=>{localStorage.setItem("player_name",e),O.addEvent([Be,e])},replayOnSpeedUp:()=>{f.speedIdx+1{f.speedIdx>=1&&(f.speedIdx--,j())},replayOnPauseToggle:()=>{f.paused=!f.paused,j()},previewImageUrl:U,player:{background:V(),color:St.getPlayerColor(e,t)||localStorage.getItem("player_color")||"#ffffff",name:St.getPlayerName(e,t)||localStorage.getItem("player_name")||"anon"},disconnect:fn.disconnect,connect:v}}var rl=e({name:"game",components:{PuzzleStatus:Xt,Scores:Yt,SettingsOverlay:tn,PreviewOverlay:an,ConnectionOverlay:wn,HelpOverlay:An},data:()=>({activePlayers:[],idlePlayers:[],finished:!1,duration:0,piecesDone:0,piecesTotal:0,overlay:"",connectionState:0,g:{player:{background:"",color:"",name:""},previewImageUrl:"",setHotkeys:e=>{},onBgChange:e=>{},onColorChange:e=>{},onNameChange:e=>{},disconnect:()=>{},connect:()=>{}}}),async mounted(){this.$route.params.id&&(this.$watch((()=>this.g.player.background),(e=>{this.g.onBgChange(e)})),this.$watch((()=>this.g.player.color),(e=>{this.g.onColorChange(e)})),this.$watch((()=>this.g.player.name),(e=>{this.g.onNameChange(e)})),this.g=await sl(`${this.$route.params.id}`,this.$clientId,this.$config.WS_ADDRESS,"play",this.$el,{setActivePlayers:e=>{this.activePlayers=e},setIdlePlayers:e=>{this.idlePlayers=e},setFinished:e=>{this.finished=e},setDuration:e=>{this.duration=e},setPiecesDone:e=>{this.piecesDone=e},setPiecesTotal:e=>{this.piecesTotal=e},setConnectionState:e=>{this.connectionState=e},togglePreview:()=>{this.toggle("preview",!1)}}))},unmounted(){this.g.disconnect()},methods:{reconnect(){this.g.connect()},toggle(e,t){""===this.overlay?(this.overlay=e,t&&this.g.setHotkeys(!1)):(this.overlay="",t&&this.g.setHotkeys(!0))}}});const cl={id:"game"},dl={class:"menu"},ul={class:"tabs"},gl=s("🧩 Puzzles");rl.render=function(e,o,s,r,c,d){const u=i("settings-overlay"),p=i("preview-overlay"),h=i("help-overlay"),m=i("connection-overlay"),y=i("puzzle-status"),w=i("router-link"),v=i("scores");return a(),t("div",cl,[g(n(u,{onBgclick:o[1]||(o[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":o[2]||(o[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[f,"settings"===e.overlay]]),g(n(p,{onBgclick:o[3]||(o[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[f,"preview"===e.overlay]]),g(n(h,{onBgclick:o[4]||(o[4]=t=>e.toggle("help",!0))},null,512),[[f,"help"===e.overlay]]),n(m,{connectionState:e.connectionState,onReconnect:e.reconnect},null,8,["connectionState","onReconnect"]),n(y,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},null,8,["finished","duration","piecesDone","piecesTotal"]),n("div",dl,[n("div",ul,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:l((()=>[gl])),_:1}),n("div",{class:"opener",onClick:o[5]||(o[5]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:o[6]||(o[6]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:o[7]||(o[7]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(v,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])};var pl=e({name:"replay",components:{PuzzleStatus:Xt,Scores:Yt,SettingsOverlay:tn,PreviewOverlay:an,HelpOverlay:An},data:()=>({activePlayers:[],idlePlayers:[],finished:!1,duration:0,piecesDone:0,piecesTotal:0,overlay:"",connectionState:0,g:{player:{background:"",color:"",name:""},previewImageUrl:"",setHotkeys:e=>{},onBgChange:e=>{},onColorChange:e=>{},onNameChange:e=>{},replayOnSpeedUp:()=>{},replayOnSpeedDown:()=>{},replayOnPauseToggle:()=>{},disconnect:()=>{}},replay:{speed:1,paused:!1}}),async mounted(){this.$route.params.id&&(this.$watch((()=>this.g.player.background),(e=>{this.g.onBgChange(e)})),this.$watch((()=>this.g.player.color),(e=>{this.g.onColorChange(e)})),this.$watch((()=>this.g.player.name),(e=>{this.g.onNameChange(e)})),this.g=await sl(`${this.$route.params.id}`,this.$clientId,this.$config.WS_ADDRESS,"replay",this.$el,{setActivePlayers:e=>{this.activePlayers=e},setIdlePlayers:e=>{this.idlePlayers=e},setFinished:e=>{this.finished=e},setDuration:e=>{this.duration=e},setPiecesDone:e=>{this.piecesDone=e},setPiecesTotal:e=>{this.piecesTotal=e},togglePreview:()=>{this.toggle("preview",!1)},setConnectionState:e=>{this.connectionState=e},setReplaySpeed:e=>{this.replay.speed=e},setReplayPaused:e=>{this.replay.paused=e}}))},unmounted(){this.g.disconnect()},methods:{toggle(e,t){""===this.overlay?(this.overlay=e,t&&this.g.setHotkeys(!1)):(this.overlay="",t&&this.g.setHotkeys(!0))}},computed:{replayText(){return"Replay-Speed: "+this.replay.speed+"x"+(this.replay.paused?" Paused":"")}}});const hl={id:"replay"},ml={class:"menu"},yl={class:"tabs"},fl=s("🧩 Puzzles");pl.render=function(e,o,s,c,d,u){const p=i("settings-overlay"),h=i("preview-overlay"),m=i("help-overlay"),y=i("puzzle-status"),w=i("router-link"),v=i("scores");return a(),t("div",hl,[g(n(p,{onBgclick:o[1]||(o[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":o[2]||(o[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[f,"settings"===e.overlay]]),g(n(h,{onBgclick:o[3]||(o[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[f,"preview"===e.overlay]]),g(n(m,{onBgclick:o[4]||(o[4]=t=>e.toggle("help",!0))},null,512),[[f,"help"===e.overlay]]),n(y,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},{default:l((()=>[n("div",null,[n("div",null,r(e.replayText),1),n("button",{class:"btn",onClick:o[5]||(o[5]=t=>e.g.replayOnSpeedUp())},"⏫"),n("button",{class:"btn",onClick:o[6]||(o[6]=t=>e.g.replayOnSpeedDown())},"⏬"),n("button",{class:"btn",onClick:o[7]||(o[7]=t=>e.g.replayOnPauseToggle())},"⏸️")])])),_:1},8,["finished","duration","piecesDone","piecesTotal"]),n("div",ml,[n("div",yl,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:l((()=>[fl])),_:1}),n("div",{class:"opener",onClick:o[8]||(o[8]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:o[9]||(o[9]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:o[10]||(o[10]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(v,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])},(async()=>{const e=await fetch("/api/conf"),t=await e.json();const n=w({history:v(),routes:[{name:"index",path:"/",component:M},{name:"new-game",path:"/new-game",component:Mt},{name:"game",path:"/g/:id",component:rl},{name:"replay",path:"/replay/:id",component:pl}]});n.beforeEach(((e,t)=>{t.name&&document.documentElement.classList.remove(`view-${String(t.name)}`),document.documentElement.classList.add(`view-${String(e.name)}`)}));const l=b(x);l.config.globalProperties.$config=t,l.config.globalProperties.$clientId=function(){let e=localStorage.getItem("ID");return e||(e=We.uniqId(),localStorage.setItem("ID",e)),e}(),l.use(n),l.mount("#app")})(); diff --git a/build/public/assets/index.3b46c827.js b/build/public/assets/index.3b46c827.js new file mode 100644 index 0000000..d965c15 --- /dev/null +++ b/build/public/assets/index.3b46c827.js @@ -0,0 +1 @@ +import{d as e,c as t,a as n,w as l,b as i,r as o,o as a,e as s,t as r,F as d,f as c,g as u,h as g,v as p,i as h,j as m,k as y,l as f,m as w,n as v,p as b,q as x,s as k}from"./vendor.b622ee49.js";var C=e({name:"app",computed:{showNav(){return!["game","replay"].includes(String(this.$route.name))}}});const A={id:"app"},T={key:0,class:"nav"},S=s("Index"),z=s("New game");C.render=function(e,s,r,d,c,u){const g=o("router-link"),p=o("router-view");return a(),t("div",A,[e.showNav?(a(),t("ul",T,[n("li",null,[n(g,{class:"btn",to:{name:"index"}},{default:l((()=>[S])),_:1})]),n("li",null,[n(g,{class:"btn",to:{name:"new-game"}},{default:l((()=>[z])),_:1})])])):i("",!0),n(p)])};const I=864e5,P=e=>{const t=Math.floor(e/I);e%=I;const n=Math.floor(e/36e5);e%=36e5;const l=Math.floor(e/6e4);e%=6e4;return`${t}d ${n}h ${l}m ${Math.floor(e/1e3)}s`};var _=1e3,D=()=>{const e=new Date;return Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds())},B=(e,t)=>P(t-e),E=P,O=e({name:"game-teaser",props:{game:{type:Object,required:!0}},computed:{style(){return{"background-image":`url("${this.game.imageUrl.replace("uploads/","uploads/r/")+"-375x210.webp"}")`}}},methods:{time(e,t){const n=t?"🏁":"⏳",l=e,i=t||D();return`${n} ${B(l,i)}`}}});const U={class:"game-info-text"},N=n("br",null,null,-1),M=n("br",null,null,-1),G=n("br",null,null,-1);O.render=function(e,d,c,u,g,p){const h=o("router-link");return a(),t("div",{class:"game-teaser",style:e.style},[n(h,{class:"game-info",to:{name:"game",params:{id:e.game.id}}},{default:l((()=>[n("span",U,[s(" 🧩 "+r(e.game.tilesFinished)+"/"+r(e.game.tilesTotal),1),N,s(" πŸ‘₯ "+r(e.game.players),1),M,s(" "+r(e.time(e.game.started,e.game.finished)),1),G])])),_:1},8,["to"]),i("",!0)],4)};var $=e({components:{GameTeaser:O},data:()=>({gamesRunning:[],gamesFinished:[]}),async created(){const e=await fetch("/api/index-data"),t=await e.json();this.gamesRunning=t.gamesRunning,this.gamesFinished=t.gamesFinished}});const R=n("h1",null,"Running games",-1),V=n("h1",null,"Finished games",-1);$.render=function(e,l,i,s,r,u){const g=o("game-teaser");return a(),t("div",null,[R,(a(!0),t(d,null,c(e.gamesRunning,((e,l)=>(a(),t("div",{class:"game-teaser-wrap",key:l},[n(g,{game:e},null,8,["game"])])))),128)),V,(a(!0),t(d,null,c(e.gamesFinished,((e,l)=>(a(),t("div",{class:"game-teaser-wrap",key:l},[n(g,{game:e},null,8,["game"])])))),128))])};var j=e({name:"image-teaser",props:{image:{type:Object,required:!0}},computed:{style(){return{backgroundImage:`url("${this.image.url.replace("uploads/","uploads/r/")+"-150x100.webp"}")`}}},emits:{click:null,editClick:null},methods:{onClick(){this.$emit("click")},onEditClick(){this.$emit("editClick")}}});j.render=function(e,l,i,o,s,r){return a(),t("div",{class:"imageteaser",style:e.style,onClick:l[2]||(l[2]=(...t)=>e.onClick&&e.onClick(...t))},[n("div",{class:"btn edit",onClick:l[1]||(l[1]=u(((...t)=>e.onEditClick&&e.onEditClick(...t)),["stop"]))},"✏️")],4)};var F=e({name:"image-library",components:{ImageTeaser:j},props:{images:{type:Array,required:!0}},emits:{imageClicked:null,imageEditClicked:null},methods:{imageClicked(e){this.$emit("imageClicked",e)},imageEditClicked(e){this.$emit("imageEditClicked",e)}}});F.render=function(e,n,l,i,s,r){const u=o("image-teaser");return a(),t("div",null,[(a(!0),t(d,null,c(e.images,((n,l)=>(a(),t(u,{image:n,onClick:t=>e.imageClicked(n),onEditClick:t=>e.imageEditClicked(n),key:l},null,8,["image","onClick","onEditClick"])))),128))])};const W={name:"responsive-image",props:{src:String,title:{type:String,default:""},height:{type:String,default:"100%"},width:{type:String,default:"100%"}},computed:{style(){return{display:"inline-block",verticalAlign:"text-bottom",backgroundImage:`url('${this.src}')`,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center",width:this.width,height:this.height}}}};W.render=function(e,n,l,i,o,s){return a(),t("div",{style:s.style,title:l.title},null,12,["title"])};var L=e({name:"tags-input",props:{modelValue:{type:Array,required:!0}},emits:{"update:modelValue":null},data:()=>({input:"",values:[]}),created(){this.values=this.modelValue},methods:{onKeyUp(e){if(","===e.key)return this.add(),e.stopPropagation(),!1},add(){const e=this.input.replace(/,/g,"").trim();e&&(this.values.includes(e)||this.values.push(e),this.input="",this.$emit("update:modelValue",this.values))},rm(e){this.values=this.values.filter((t=>t!==e)),this.$emit("update:modelValue",this.values)}}});const H=m()(((e,l,i,o,s,u)=>(a(),t("div",null,[g(n("input",{class:"input",type:"text","onUpdate:modelValue":l[1]||(l[1]=t=>e.input=t),placeholder:"Plants, People",onKeydown:l[2]||(l[2]=h(((...t)=>e.add&&e.add(...t)),["enter"])),onKeyup:l[3]||(l[3]=(...t)=>e.onKeyUp&&e.onKeyUp(...t))},null,544),[[p,e.input]]),(a(!0),t(d,null,c(e.values,((n,l)=>(a(),t("span",{key:l,class:"bit",onClick:t=>e.rm(n)},r(n)+" βœ–",9,["onClick"])))),128))]))));L.render=H,L.__scopeId="data-v-771460ae";var Q=e({name:"new-image-dialog",components:{ResponsiveImage:W,TagsInput:L},emits:{bgclick:null,setupGameClick:null,postToGalleryClick:null},data:()=>({previewUrl:"",file:null,title:"",tags:[]}),computed:{canPostToGallery(){return!(!this.previewUrl||!this.file)},canSetupGameClick(){return!(!this.previewUrl||!this.file)}},methods:{preview(e){const t=e.target;if(!t.files)return;const n=t.files[0];if(!n)return;const l=new FileReader;l.readAsDataURL(n),l.onload=e=>{this.previewUrl=e.target.result,this.file=n}},postToGallery(){this.$emit("postToGalleryClick",{file:this.file,title:this.title,tags:this.tags})},setupGameClick(){this.$emit("setupGameClick",{file:this.file,title:this.title,tags:this.tags})}}});const Y={key:0,class:"has-image"},q={key:1},K={class:"upload"},Z=n("span",{class:"btn"},"Upload File",-1),J={class:"area-settings"},X=n("td",null,[n("label",null,"Title")],-1),ee=n("tr",null,[n("td",{colspan:"2"},[n("div",{class:"hint"},"Feel free to leave a credit to the artist/photographer in the title :)")])],-1),te=n("td",null,[n("label",null,"Tags")],-1),ne={class:"area-buttons"},le=s("🧩 Post to gallery "),ie=n("br",null,null,-1),oe=s(" + set up game");Q.render=function(e,l,i,s,r,d){const c=o("responsive-image"),h=o("tags-input");return a(),t("div",{class:"overlay new-image-dialog",onClick:l[8]||(l[8]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[7]||(l[7]=u((()=>{}),["stop"]))},[n("div",{class:["area-image",{"has-image":!!e.previewUrl,"no-image":!e.previewUrl}]},[e.previewUrl?(a(),t("div",Y,[n("span",{class:"remove btn",onClick:l[1]||(l[1]=t=>e.previewUrl="")},"X"),n(c,{src:e.previewUrl},null,8,["src"])])):(a(),t("div",q,[n("label",K,[n("input",{type:"file",style:{display:"none"},onChange:l[2]||(l[2]=(...t)=>e.preview&&e.preview(...t)),accept:"image/*"},null,32),Z])]))],2),n("div",J,[n("table",null,[n("tr",null,[X,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[3]||(l[3]=t=>e.title=t),placeholder:"Flower by @artist"},null,512),[[p,e.title]])])]),ee,n("tr",null,[te,n("td",null,[n(h,{modelValue:e.tags,"onUpdate:modelValue":l[4]||(l[4]=t=>e.tags=t)},null,8,["modelValue"])])])])]),n("div",ne,[n("button",{class:"btn",disabled:!e.canPostToGallery,onClick:l[5]||(l[5]=(...t)=>e.postToGallery&&e.postToGallery(...t))},"πŸ–ΌοΈ Post to gallery",8,["disabled"]),n("button",{class:"btn",disabled:!e.canSetupGameClick,onClick:l[6]||(l[6]=(...t)=>e.setupGameClick&&e.setupGameClick(...t))},[le,ie,oe],8,["disabled"])])])])};var ae=e({name:"edit-image-dialog",components:{ResponsiveImage:W,TagsInput:L},props:{image:{type:Object,required:!0}},emits:{bgclick:null,saveClick:null},data:()=>({title:"",tags:[]}),created(){this.title=this.image.title,this.tags=this.image.tags.map((e=>e.title))},methods:{saveImage(){this.$emit("saveClick",{id:this.image.id,title:this.title,tags:this.tags})}}});const se={class:"area-image"},re={class:"has-image"},de={class:"area-settings"},ce=n("td",null,[n("label",null,"Title")],-1),ue=n("tr",null,[n("td",{colspan:"2"},[n("div",{class:"hint"},"Feel free to leave a credit to the artist/photographer in the title :)")])],-1),ge=n("td",null,[n("label",null,"Tags")],-1),pe={class:"area-buttons"};function he(e,t){const n=e.x-t.x,l=e.y-t.y;return Math.sqrt(n*n+l*l)}function me(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}ae.render=function(e,l,i,s,r,d){const c=o("responsive-image"),h=o("tags-input");return a(),t("div",{class:"overlay edit-image-dialog",onClick:l[5]||(l[5]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[4]||(l[4]=u((()=>{}),["stop"]))},[n("div",se,[n("div",re,[n(c,{src:e.image.url,title:e.image.title},null,8,["src","title"])])]),n("div",de,[n("table",null,[n("tr",null,[ce,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[1]||(l[1]=t=>e.title=t),placeholder:"Flower by @artist"},null,512),[[p,e.title]])])]),ue,n("tr",null,[ge,n("td",null,[n(h,{modelValue:e.tags,"onUpdate:modelValue":l[2]||(l[2]=t=>e.tags=t)},null,8,["modelValue"])])])])]),n("div",pe,[n("button",{class:"btn",onClick:l[3]||(l[3]=(...t)=>e.saveImage&&e.saveImage(...t))},"πŸ–ΌοΈ Save image")])])])};var ye={pointSub:function(e,t){return{x:e.x-t.x,y:e.y-t.y}},pointAdd:function(e,t){return{x:e.x+t.x,y:e.y+t.y}},pointDistance:he,pointInBounds:function(e,t){return e.x>=t.x&&e.x<=t.x+t.w&&e.y>=t.y&&e.y<=t.y+t.h},rectCenter:me,rectMoved:function(e,t,n){return{x:e.x+t,y:e.y+n,w:e.w,h:e.h}},rectCenterDistance:function(e,t){return he(me(e),me(t))},rectsOverlap:function(e,t){return!(t.x>e.x+e.w||e.x>t.x+t.w||t.y>e.y+e.h||e.y>t.y+t.h)}};var fe=1,we=4,ve=5,be=2,xe=3,ke=6,Ce=2,Ae=4,Te=3,Se=9,ze=1,Ie=2,Pe=3,_e=4,De=5,Be=6,Ee=7,Oe=8,Ue=10,Ne=1,Me=2,Ge=3;class $e{constructor(e){this.rand_high=e||3735929054,this.rand_low=1231121986^e}random(e,t){return this.rand_high=(this.rand_high<<16)+(this.rand_high>>16)+this.rand_low&4294967295,this.rand_low=this.rand_low+this.rand_high&4294967295,e+(this.rand_high>>>0)/4294967295*(t-e+1)|0}choice(e){return e[this.random(0,e.length-1)]}shuffle(e){const t=e.slice();for(let n=0;n<=t.length-2;n++){const e=this.random(n,t.length-1),l=t[n];t[n]=t[e],t[e]=l}return t}static serialize(e){return{rand_high:e.rand_high,rand_low:e.rand_low}}static unserialize(e){const t=new $e(0);return t.rand_high=e.rand_high,t.rand_low=e.rand_low,t}}const Re=(e,t)=>{const n=`${e}`;return n.length>=t.length?n:t.substr(0,t.length-n.length)+n},Ve=(...e)=>{const t=t=>(...n)=>{const l=new Date,i=Re(l.getHours(),"00"),o=Re(l.getMinutes(),"00"),a=Re(l.getSeconds(),"00");console[t](`${i}:${o}:${a}`,...e,...n)};return{log:t("log"),error:t("error"),info:t("info")}};var je,Fe,We,Le,He={hash:e=>{let t=0;for(let n=0;n{let t=e.toLowerCase();return t=t.replace(/[^a-z0-9]+/g,"-"),t=t.replace(/^-|-$/,""),t},uniqId:()=>Date.now().toString(36)+Math.random().toString(36).substring(2),encodeShape:function(e){return e.top+1<<0|e.right+1<<2|e.bottom+1<<4|e.left+1<<6},decodeShape:function(e){return{top:(e>>0&3)-1,right:(e>>2&3)-1,bottom:(e>>4&3)-1,left:(e>>6&3)-1}},encodeTile:function(e){return[e.idx,e.pos.x,e.pos.y,e.z,e.owner,e.group]},decodeTile:function(e){return{idx:e[0],pos:{x:e[1],y:e[2]},z:e[3],owner:e[4],group:e[5]}},encodePlayer:function(e){return[e.id,e.x,e.y,e.d,e.name,e.color,e.bgcolor,e.points,e.ts]},decodePlayer:function(e){return{id:e[0],x:e[1],y:e[2],d:e[3],name:e[4],color:e[5],bgcolor:e[6],points:e[7],ts:e[8]}},encodeGame:function(e){return Array.isArray(e)?e:[e.id,e.rng.type,$e.serialize(e.rng.obj),e.puzzle,e.players,e.evtInfos,e.scoreMode]},decodeGame:function(e){return Array.isArray(e)?{id:e[0],rng:{type:e[1],obj:$e.unserialize(e[2])},puzzle:e[3],players:e[4],evtInfos:e[5],scoreMode:e[6]}:e},coordByTileIdx:function(e,t){const n=e.width/e.tileSize;return{x:t%n,y:Math.floor(t/n)}},asQueryArgs:function(e){const t=[];for(let n in e){const l=[n,e[n]].map(encodeURIComponent);t.push(l.join("="))}return 0===t.length?"":`?${t.join("&")}`}};(Fe=je||(je={}))[Fe.Flat=0]="Flat",Fe[Fe.Out=1]="Out",Fe[Fe.In=-1]="In",(Le=We||(We={}))[Le.FINAL=0]="FINAL",Le[Le.ANY=1]="ANY";const Qe={};function Ye(e,t){return{id:e,x:0,y:0,d:0,name:null,color:null,bgcolor:null,points:0,ts:t}}function qe(e,t){let n=0;for(let l of Qe[e].players){if(He.decodePlayer(l).id===t)return n;n++}return-1}function Ke(e,t){const n=qe(e,t);return He.decodePlayer(Qe[e].players[n])}function Ze(e,t,n){const l=qe(e,t);-1===l?Qe[e].players.push(He.encodePlayer(n)):Qe[e].players[l]=He.encodePlayer(n)}function Je(e,t){return-1!==qe(e,t)}function Xe(e){return Qe[e]?Qe[e].players.map(He.decodePlayer):[]}function et(e){return Qe[e].puzzle.tiles.length}function tt(e){return Qe[e].scoreMode||0}function nt(e){return lt(e)===et(e)}function lt(e){let t=0;for(let n of Qe[e].puzzle.tiles)-1===He.decodeTile(n).owner&&t++;return t}function it(e,t,n){const l=Ke(e,t);for(let i of Object.keys(n))l[i]=n[i];Ze(e,t,l)}function ot(e,t){for(let n of Object.keys(t))Qe[e].puzzle.data[n]=t[n]}function at(e,t,n){for(let l of Object.keys(n)){const i=He.decodeTile(Qe[e].puzzle.tiles[t]);i[l]=n[l],Qe[e].puzzle.tiles[t]=He.encodeTile(i)}}const st=(e,t)=>He.decodeTile(Qe[e].puzzle.tiles[t]),rt=(e,t)=>st(e,t).group,dt=(e,t)=>{const n=Qe[e].puzzle.info,l={x:(n.table.width-n.width)/2,y:(n.table.height-n.height)/2},i=function(e,t){const n=Qe[e].puzzle.info,l=He.coordByTileIdx(n,t),i=l.x*n.tileSize,o=l.y*n.tileSize;return{x:i,y:o}}(e,t);return ye.pointAdd(l,i)},ct=(e,t)=>st(e,t).pos,ut=e=>{const t=St(e),n=zt(e),l=Math.round(t/4),i=Math.round(n/4);return{x:0-l,y:0-i,w:t+2*l,h:n+2*i}},gt=(e,t)=>{const n=yt(e),l=st(e,t);return{x:l.pos.x,y:l.pos.y,w:n,h:n}},pt=(e,t)=>st(e,t).z,ht=(e,t)=>{for(let n of Qe[e].puzzle.tiles){const e=He.decodeTile(n);if(e.owner===t)return e.idx}return-1},mt=e=>Qe[e].puzzle.info.tileDrawSize,yt=e=>Qe[e].puzzle.info.tileSize,ft=e=>Qe[e].puzzle.data.maxGroup,wt=e=>Qe[e].puzzle.data.maxZ;function vt(e,t){const n=Qe[e].puzzle.info,l=He.coordByTileIdx(n,t);return[l.y>0?t-n.tilesX:-1,l.x0?t-1:-1]}const bt=(e,t,n)=>{for(let l of t)at(e,l,{z:n})},xt=(e,t,n)=>{const l=ct(e,t);at(e,t,{pos:ye.pointAdd(l,n)})},kt=(e,t,n)=>{const l=mt(e),i=ut(e),o=n;for(let a of t){const t=st(e,a);t.pos.x+n.xi.x+i.w&&(o.x=Math.min(i.x+i.w-t.pos.x+l,o.x)),t.pos.y+n.yi.y+i.h&&(o.y=Math.min(i.y+i.h-t.pos.y+l,o.y))}for(let a of t)xt(e,a,o)},Ct=(e,t,n)=>{for(let l of t)at(e,l,{owner:n})};function At(e,t){const n=Qe[e].puzzle.tiles,l=He.decodeTile(n[t]),i=[];if(l.group)for(let o of n){const e=He.decodeTile(o);e.group===l.group&&i.push(e.idx)}else i.push(l.idx);return i}const Tt=(e,t)=>{const n=Ke(e,t);return n?n.points:0},St=e=>Qe[e].puzzle.info.table.width,zt=e=>Qe[e].puzzle.info.table.height;var It={__createPlayerObject:Ye,setGame:function(e,t){Qe[e]=t},exists:function(e){return!!Qe[e]||!1},playerExists:Je,getActivePlayers:function(e,t){const n=t-30*_;return Xe(e).filter((e=>e.ts>=n))},getIdlePlayers:function(e,t){const n=t-30*_;return Xe(e).filter((e=>e.ts0))},addPlayer:function(e,t,n){Je(e,t)?it(e,t,{ts:n}):Ze(e,t,Ye(t,n))},getFinishedTileCount:lt,getTileCount:et,getImageUrl:function(e){return Qe[e].puzzle.info.imageUrl},setImageUrl:function(e,t){Qe[e].puzzle.info.imageUrl=t},get:function(e){return Qe[e]},getAllGames:function(){return Object.values(Qe).sort(((e,t)=>nt(e.id)===nt(t.id)?t.puzzle.data.started-e.puzzle.data.started:nt(e.id)?1:-1))},getPlayerBgColor:(e,t)=>{const n=Ke(e,t);return n?n.bgcolor:null},getPlayerColor:(e,t)=>{const n=Ke(e,t);return n?n.color:null},getPlayerName:(e,t)=>{const n=Ke(e,t);return n?n.name:null},getPlayerIndexById:qe,getPlayerIdByIndex:function(e,t){return Qe[e].players.length>t?He.decodePlayer(Qe[e].players[t]).id:null},changePlayer:it,setPlayer:Ze,setTile:function(e,t,n){Qe[e].puzzle.tiles[t]=He.encodeTile(n)},setPuzzleData:function(e,t){Qe[e].puzzle.data=t},getTableWidth:St,getTableHeight:zt,getPuzzle:e=>Qe[e].puzzle,getRng:e=>Qe[e].rng.obj,getPuzzleWidth:e=>Qe[e].puzzle.info.width,getPuzzleHeight:e=>Qe[e].puzzle.info.height,getTilesSortedByZIndex:function(e){return Qe[e].puzzle.tiles.map(He.decodeTile).sort(((e,t)=>e.z-t.z))},getFirstOwnedTile:(e,t)=>{const n=ht(e,t);return n<0?null:Qe[e].puzzle.tiles[n]},getTileDrawOffset:e=>Qe[e].puzzle.info.tileDrawOffset,getTileDrawSize:mt,getFinalTilePos:dt,getStartTs:e=>Qe[e].puzzle.data.started,getFinishTs:e=>Qe[e].puzzle.data.finished,handleInput:function(e,t,n,l){const i=Qe[e].puzzle,o=function(e,t){return t in Qe[e].evtInfos?Qe[e].evtInfos[t]:{_last_mouse:null,_last_mouse_down:null}}(e,t),a=[],s=()=>{a.push([Ne,i.data])},r=t=>{a.push([Me,He.encodeTile(st(e,t))])},d=e=>{for(const t of e)r(t)},c=()=>{a.push([Ge,He.encodePlayer(Ke(e,t))])},u=n[0];if(u===Be){const i=n[1];it(e,t,{bgcolor:i,ts:l}),c()}else if(u===Ee){const i=n[1];it(e,t,{color:i,ts:l}),c()}else if(u===Oe){const i=`${n[1]}`.substr(0,16);it(e,t,{name:i,ts:l}),c()}else if(u===ze){const i={x:n[1],y:n[2]};it(e,t,{d:1,ts:l}),c(),o._last_mouse_down=i;const a=((e,t)=>{let n=Qe[e].puzzle.info,l=Qe[e].puzzle.tiles,i=-1,o=-1;for(let a=0;ai)&&(i=e.z,o=a)}return o})(e,i);if(a>=0){let n=wt(e)+1;ot(e,{maxZ:n}),s();const l=At(e,a);bt(e,l,wt(e)),Ct(e,l,t),d(l)}o._last_mouse=i}else if(u===Pe){const i=n[1],a=n[2],s={x:i,y:a};if(null===o._last_mouse_down)it(e,t,{x:i,y:a,ts:l}),c();else{let n=ht(e,t);if(n>=0){it(e,t,{x:i,y:a,ts:l}),c();const r=At(e,n);let u=ye.pointInBounds(s,ut(e))&&ye.pointInBounds(o._last_mouse_down,ut(e));for(let t of r){const n=gt(e,t);if(ye.pointInBounds(s,n)){u=!0;break}}if(u){const t=i-o._last_mouse_down.x,n=a-o._last_mouse_down.y;kt(e,r,{x:t,y:n}),d(r)}}else it(e,t,{ts:l}),c();o._last_mouse_down=s}o._last_mouse=s}else if(u===Ie){const a={x:n[1],y:n[2]},u=0;o._last_mouse_down=null;let g=ht(e,t);if(g>=0){let n=At(e,g);Ct(e,n,0),d(n);let o=ct(e,g),a=dt(e,g);if(ye.pointDistance(a,o){for(let n of t)at(e,n,{owner:-1,z:1})})(e,n),d(n);let r=Tt(e,t);0===tt(e)?r+=n.length:1===tt(e)&&(r+=1),it(e,t,{d:u,ts:l,points:r}),c(),lt(e)===et(e)&&(ot(e,{finished:l}),s())}else{const n=(e,t,n,l)=>{let i=Qe[e].puzzle.info;if(n<0)return!1;if(((e,t,n)=>{const l=rt(e,t),i=rt(e,n);return l&&l===i})(e,t,n))return!1;const o=ct(e,t),a=ye.pointAdd(ct(e,n),{x:l[0]*i.tileSize,y:l[1]*i.tileSize});if(ye.pointDistance(o,a){const l=Qe[e].puzzle.tiles,i=rt(e,t),o=rt(e,n);let a;const d=[];i&&d.push(i),o&&d.push(o),i?a=i:o?a=o:(ot(e,{maxGroup:ft(e)+1}),s(),a=ft(e));if(at(e,t,{group:a}),r(t),at(e,n,{group:a}),r(n),d.length>0)for(const s of l){const t=He.decodeTile(s);d.includes(t.group)&&(at(e,t.idx,{group:a}),r(t.idx))}})(e,t,n),i=At(e,t);const c=((e,t)=>{let n=0;for(let l of t){let t=pt(e,l);t>n&&(n=t)}return n})(e,i);return bt(e,i,c),d(i),!0}return!1};let i=!1;for(let t of At(e,g)){let l=vt(e,t);if(n(e,t,l[0],[0,1])||n(e,t,l[1],[-1,0])||n(e,t,l[2],[0,-1])||n(e,t,l[3],[1,0])){i=!0;break}}if(i&&1===tt(e)){const n=Tt(e,t)+1;it(e,t,{d:u,ts:l,points:n}),c()}else it(e,t,{d:u,ts:l}),c()}}else it(e,t,{d:u,ts:l}),c();o._last_mouse=a}else if(u===_e){const i=n[1],a=n[2];it(e,t,{x:i,y:a,ts:l}),c(),o._last_mouse={x:i,y:a}}else if(u===De){const i=n[1],a=n[2];it(e,t,{x:i,y:a,ts:l}),c(),o._last_mouse={x:i,y:a}}else it(e,t,{ts:l}),c();return function(e,t,n){Qe[e].evtInfos[t]=n}(e,t,o),a}},Pt=e({name:"new-game-dialog",components:{ResponsiveImage:W},props:{image:{type:Object,required:!0}},emits:{newGame:null,bgclick:null},data:()=>({tiles:1e3,scoreMode:We.ANY}),methods:{onNewGameClick(){this.$emit("newGame",{tiles:this.tilesInt,image:this.image,scoreMode:this.scoreModeInt})}},computed:{canStartNewGame(){return!!(this.tilesInt&&this.image&&this.image.url&&[0,1].includes(this.scoreModeInt))},scoreModeInt(){return parseInt(`${this.scoreMode}`,10)},tilesInt(){return parseInt(`${this.tiles}`,10)}}});const _t={class:"area-image"},Dt={class:"has-image"},Bt={class:"area-settings"},Et=n("td",null,[n("label",null,"Pieces")],-1),Ot=n("td",null,[n("label",null,"Scoring: ")],-1),Ut=s(" Any (Score when pieces are connected to each other or on final location)"),Nt=n("br",null,null,-1),Mt=s(" Final (Score when pieces are put to their final location)"),Gt={class:"area-buttons"};Pt.render=function(e,l,i,s,r,d){const c=o("responsive-image");return a(),t("div",{class:"overlay new-game-dialog",onClick:l[6]||(l[6]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:l[5]||(l[5]=u((()=>{}),["stop"]))},[n("div",_t,[n("div",Dt,[n(c,{src:e.image.url,title:e.image.title},null,8,["src","title"])])]),n("div",Bt,[n("table",null,[n("tr",null,[Et,n("td",null,[g(n("input",{type:"text","onUpdate:modelValue":l[1]||(l[1]=t=>e.tiles=t)},null,512),[[p,e.tiles]])])]),n("tr",null,[Ot,n("td",null,[n("label",null,[g(n("input",{type:"radio","onUpdate:modelValue":l[2]||(l[2]=t=>e.scoreMode=t),value:"1"},null,512),[[y,e.scoreMode]]),Ut]),Nt,n("label",null,[g(n("input",{type:"radio","onUpdate:modelValue":l[3]||(l[3]=t=>e.scoreMode=t),value:"0"},null,512),[[y,e.scoreMode]]),Mt])])])])]),n("div",Gt,[n("button",{class:"btn",disabled:!e.canStartNewGame,onClick:l[4]||(l[4]=(...t)=>e.onNewGameClick&&e.onNewGameClick(...t))}," 🧩 Generate Puzzle ",8,["disabled"])])])])};var $t=e({components:{ImageLibrary:F,NewImageDialog:Q,EditImageDialog:ae,NewGameDialog:Pt},data:()=>({filters:{sort:"date_desc",tags:[]},images:[],tags:[],image:{id:0,filename:"",file:"",url:"",title:"",tags:[],created:0},dialog:""}),async created(){await this.loadImages()},methods:{toggleTag(e){this.filters.tags.includes(e.slug)?this.filters.tags=this.filters.tags.filter((t=>t!==e.slug)):this.filters.tags.push(e.slug),this.filtersChanged()},async loadImages(){const e=await fetch(`/api/newgame-data${He.asQueryArgs(this.filters)}`),t=await e.json();this.images=t.images,this.tags=t.tags},async filtersChanged(){await this.loadImages()},onImageClicked(e){this.image=e,this.dialog="new-game"},onImageEditClicked(e){this.image=e,this.dialog="edit-image"},async uploadImage(e){const t=new FormData;t.append("file",e.file,e.file.name),t.append("title",e.title),t.append("tags",e.tags);const n=await fetch("/api/upload",{method:"post",body:t});return await n.json()},async saveImage(e){const t=await fetch("/api/save-image",{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({id:e.id,title:e.title,tags:e.tags})});return await t.json()},async onSaveImageClick(e){await this.saveImage(e),this.dialog="",await this.loadImages()},async postToGalleryClick(e){await this.uploadImage(e),this.dialog="",await this.loadImages()},async setupGameClick(e){const t=await this.uploadImage(e);this.loadImages(),this.image=t,this.dialog="new-game"},async onNewGame(e){const t=await fetch("/newgame",{method:"post",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(e)});if(200===t.status){const e=await t.json();this.$router.push({name:"game",params:{id:e.id}})}}}});const Rt={class:"upload-image-teaser"},Vt=n("div",{class:"hint"},"(The image you upload will be added to the public gallery.)",-1),jt={key:0},Ft=s(" Tags: "),Wt=s(" Sort by: "),Lt=n("option",{value:"date_desc"},"Newest first",-1),Ht=n("option",{value:"date_asc"},"Oldest first",-1),Qt=n("option",{value:"alpha_asc"},"A-Z",-1),Yt=n("option",{value:"alpha_desc"},"Z-A",-1);$t.render=function(e,l,s,u,p,h){const m=o("image-library"),y=o("new-image-dialog"),w=o("edit-image-dialog"),v=o("new-game-dialog");return a(),t("div",null,[n("div",Rt,[n("div",{class:"btn btn-big",onClick:l[1]||(l[1]=t=>e.dialog="new-image")},"Upload your image"),Vt]),n("div",null,[e.tags.length>0?(a(),t("label",jt,[Ft,(a(!0),t(d,null,c(e.tags,((n,l)=>(a(),t("span",{class:["bit",{on:e.filters.tags.includes(n.slug)}],key:l,onClick:t=>e.toggleTag(n)},r(n.title),11,["onClick"])))),128))])):i("",!0),n("label",null,[Wt,g(n("select",{"onUpdate:modelValue":l[2]||(l[2]=t=>e.filters.sort=t),onChange:l[3]||(l[3]=(...t)=>e.filtersChanged&&e.filtersChanged(...t))},[Lt,Ht,Qt,Yt],544),[[f,e.filters.sort]])])]),n(m,{images:e.images,onImageClicked:e.onImageClicked,onImageEditClicked:e.onImageEditClicked},null,8,["images","onImageClicked","onImageEditClicked"]),"new-image"===e.dialog?(a(),t(y,{key:0,onBgclick:l[4]||(l[4]=t=>e.dialog=""),onPostToGalleryClick:e.postToGalleryClick,onSetupGameClick:e.setupGameClick},null,8,["onPostToGalleryClick","onSetupGameClick"])):i("",!0),"edit-image"===e.dialog?(a(),t(w,{key:1,onBgclick:l[5]||(l[5]=t=>e.dialog=""),onSaveClick:e.onSaveImageClick,image:e.image},null,8,["onSaveClick","image"])):i("",!0),e.image&&"new-game"===e.dialog?(a(),t(v,{key:2,onBgclick:l[6]||(l[6]=t=>e.dialog=""),onNewGame:e.onNewGame,image:e.image},null,8,["onNewGame","image"])):i("",!0)])};var qt=e({name:"scores",props:{activePlayers:{type:Array,required:!0},idlePlayers:{type:Array,required:!0}},computed:{actives(){return this.activePlayers.sort(((e,t)=>t.points-e.points)),this.activePlayers},idles(){return this.idlePlayers.sort(((e,t)=>t.points-e.points)),this.idlePlayers}}});const Kt={class:"scores"},Zt=n("div",null,"Scores",-1),Jt=n("td",null,"⚑",-1),Xt=n("td",null,"πŸ’€",-1);qt.render=function(e,l,i,o,s,u){return a(),t("div",Kt,[Zt,n("table",null,[(a(!0),t(d,null,c(e.actives,((e,l)=>(a(),t("tr",{key:l,style:{color:e.color}},[Jt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128)),(a(!0),t(d,null,c(e.idles,((e,l)=>(a(),t("tr",{key:l,style:{color:e.color}},[Xt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128))])])};var en=e({name:"puzzle-status",props:{finished:{type:Boolean,required:!0},duration:{type:Number,required:!0},piecesDone:{type:Number,required:!0},piecesTotal:{type:Number,required:!0}},computed:{icon(){return this.finished?"🏁":"⏳"},durationStr(){return E(this.duration)}}});const tn={class:"timer"};en.render=function(e,l,i,o,s,d){return a(),t("div",tn,[n("div",null," 🧩 "+r(e.piecesDone)+"/"+r(e.piecesTotal),1),n("div",null,r(e.icon)+" "+r(e.durationStr),1),w(e.$slots,"default")])};var nn=e({name:"settings-overlay",emits:{bgclick:null,"update:modelValue":null},props:{modelValue:Object},created(){this.$watch("modelValue",(e=>{this.$emit("update:modelValue",e)}),{deep:!0})}});const ln=n("td",null,[n("label",null,"Background: ")],-1),on=n("td",null,[n("label",null,"Color: ")],-1),an=n("td",null,[n("label",null,"Name: ")],-1);nn.render=function(e,l,i,o,s,r){return a(),t("div",{class:"overlay transparent",onClick:l[5]||(l[5]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content settings",onClick:l[4]||(l[4]=u((()=>{}),["stop"]))},[n("tr",null,[ln,n("td",null,[g(n("input",{type:"color","onUpdate:modelValue":l[1]||(l[1]=t=>e.modelValue.background=t)},null,512),[[p,e.modelValue.background]])])]),n("tr",null,[on,n("td",null,[g(n("input",{type:"color","onUpdate:modelValue":l[2]||(l[2]=t=>e.modelValue.color=t)},null,512),[[p,e.modelValue.color]])])]),n("tr",null,[an,n("td",null,[g(n("input",{type:"text",maxLength:"16","onUpdate:modelValue":l[3]||(l[3]=t=>e.modelValue.name=t)},null,512),[[p,e.modelValue.name]])])])])])};var sn=e({name:"preview-overlay",props:{img:String},emits:{bgclick:null},computed:{previewStyle(){return{backgroundImage:`url('${this.img}')`}}}});const rn={class:"preview"};sn.render=function(e,l,i,o,s,r){return a(),t("div",{class:"overlay",onClick:l[1]||(l[1]=t=>e.$emit("bgclick"))},[n("div",rn,[n("div",{class:"img",style:e.previewStyle},null,4)])])};const dn=Ve("Communication.js");let cn,un=e=>{},gn=e=>{};let pn=0;const hn=e=>{pn!==e&&(pn=e,gn(e))};function mn(e){if(2===pn)try{cn.send(JSON.stringify(e))}catch(t){dn.info("unable to send message.. maybe because ws is invalid?")}}let yn,fn;var wn={connect:function(e,t,n){return yn=0,fn={},hn(3),new Promise((l=>{cn=new WebSocket(e,n+"|"+t),cn.onopen=e=>{hn(2),mn([xe])},cn.onmessage=e=>{const t=JSON.parse(e.data),i=t[0];if(i===we){const e=t[1];l(e)}else{if(i!==fe)throw`[ 2021-05-09 invalid connect msgType ${i} ]`;{const e=t[1],l=t[2];if(e===n&&fn[l])return void delete fn[l];un(t)}}},cn.onerror=e=>{throw hn(1),"[ 2021-05-15 onerror ]"},cn.onclose=e=>{4e3===e.code||1001===e.code?hn(4):hn(1)}}))},connectReplay:function(e,t,n){return yn=0,fn={},hn(3),new Promise((l=>{cn=new WebSocket(e,n+"|"+t),cn.onopen=e=>{hn(2),mn([ke])},cn.onmessage=e=>{const t=JSON.parse(e.data),n=t[0];if(n!==ve)throw`[ 2021-05-09 invalid connectReplay msgType ${n} ]`;{const e=t[1],n=t[2];l({game:e,log:n})}},cn.onerror=e=>{throw hn(1),"[ 2021-05-15 onerror ]"},cn.onclose=e=>{4e3===e.code||1001===e.code?hn(4):hn(1)}}))},disconnect:function(){cn&&cn.close(4e3),yn=0,fn={}},sendClientEvent:function(e){yn++,fn[yn]=e,mn([be,yn,fn[yn]])},onServerChange:function(e){un=e},onConnectionStateChange:function(e){gn=e},CODE_CUSTOM_DISCONNECT:4e3,CONN_STATE_NOT_CONNECTED:0,CONN_STATE_DISCONNECTED:1,CONN_STATE_CLOSED:4,CONN_STATE_CONNECTED:2,CONN_STATE_CONNECTING:3},vn=e({name:"connection-overlay",emits:{reconnect:null},props:{connectionState:Number},computed:{lostConnection(){return this.connectionState===wn.CONN_STATE_DISCONNECTED},connecting(){return this.connectionState===wn.CONN_STATE_CONNECTING},show(){return!(!this.lostConnection&&!this.connecting)}}});const bn={key:0,class:"overlay connection-lost"},xn={key:0,class:"overlay-content"},kn=n("div",null,"⁉️ LOST CONNECTION ⁉️",-1),Cn={key:1,class:"overlay-content"},An=n("div",null,"Connecting...",-1);vn.render=function(e,l,o,s,r,d){return e.show?(a(),t("div",bn,[e.lostConnection?(a(),t("div",xn,[kn,n("span",{class:"btn",onClick:l[1]||(l[1]=t=>e.$emit("reconnect"))},"Reconnect")])):i("",!0),e.connecting?(a(),t("div",Cn,[An])):i("",!0)])):i("",!0)};var Tn=e({name:"help-overlay",emits:{bgclick:null}});const Sn=n("tr",null,[n("td",null,"⬆️ Move up:"),n("td",null,[n("div",null,[n("kbd",null,"W"),s("/"),n("kbd",null,"↑"),s("/πŸ–±οΈ")])])],-1),zn=n("tr",null,[n("td",null,"⬇️ Move down:"),n("td",null,[n("div",null,[n("kbd",null,"S"),s("/"),n("kbd",null,"↓"),s("/πŸ–±οΈ")])])],-1),In=n("tr",null,[n("td",null,"⬅️ Move left:"),n("td",null,[n("div",null,[n("kbd",null,"A"),s("/"),n("kbd",null,"←"),s("/πŸ–±οΈ")])])],-1),Pn=n("tr",null,[n("td",null,"➑️ Move right:"),n("td",null,[n("div",null,[n("kbd",null,"D"),s("/"),n("kbd",null,"β†’"),s("/πŸ–±οΈ")])])],-1),_n=n("tr",null,[n("td"),n("td",null,[n("div",null,[s("Move faster by holding "),n("kbd",null,"Shift")])])],-1),Dn=n("tr",null,[n("td",null,"πŸ”+ Zoom in:"),n("td",null,[n("div",null,[n("kbd",null,"E"),s("/πŸ–±οΈ-Wheel")])])],-1),Bn=n("tr",null,[n("td",null,"πŸ”- Zoom out:"),n("td",null,[n("div",null,[n("kbd",null,"Q"),s("/πŸ–±οΈ-Wheel")])])],-1),En=n("tr",null,[n("td",null,"πŸ–ΌοΈ Toggle preview:"),n("td",null,[n("div",null,[n("kbd",null,"Space")])])],-1),On=n("tr",null,[n("td",null,"πŸ§©βœ”οΈ Toggle fixed pieces:"),n("td",null,[n("div",null,[n("kbd",null,"F")])])],-1),Un=n("tr",null,[n("td",null,"πŸ§©β“ Toggle loose pieces:"),n("td",null,[n("div",null,[n("kbd",null,"G")])])],-1);Tn.render=function(e,l,i,o,s,r){return a(),t("div",{class:"overlay transparent",onClick:l[2]||(l[2]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content help",onClick:l[1]||(l[1]=u((()=>{}),["stop"]))},[Sn,zn,In,Pn,_n,Dn,Bn,En,On,Un])])};var Nn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVQ4je1RywrAIAxLxP//5exixRWlVgZelpOKeTQFfnDypgy3eLIkSLLL8mxGPoHsU2hPAgDHBLvRX6hZZw/fwT0BtlLSONqCbWAmEIqMZOCDDlaDR3N03gOyDCn+y4DWmAAAAABJRU5ErkJggg=="}),Mn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARElEQVQ4jWNgGAU0Af+hmBCbgYGBgYERhwHEAEYGBgYGJtIdiApYyLAZBVDsAqoagC1ACQJyY4ERg0GCISh6KA4DigEAou8LC+LnIJoAAAAASUVORK5CYII="}),Gn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVQ4ja1TQQ7AIAgD///n7jCozA2Hbk00jbG1KIrcARszTugoBs49qioZj7r2kKACptkyAOCJsJuA+GzglwHjvMSSWFVaENWVASxh5eRLiq5fN/ASjI89VcP2K3hHpq1cEXNaMfnrL3TDZP2tDuoOA6MzCCXWr38AAAAASUVORK5CYII="}),$n=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4jWNgoAH4D8X42HDARKlt5BoAd82AuQAOGLGIYQQUPv0wF5CiCQUge4EsQ5C9QI4BjMguwBYeBAElscCIy1ZivMKIwSDBEBQ9FCckigEAU3QOD7TGvY4AAAAASUVORK5CYII="});function Rn(){let e=0,t=0,n=1;const l=(l,i)=>{e+=l/n,t+=i/n},i=e=>{const t=n+.05*n*("in"===e?1:-1);return Math.min(Math.max(t,.1),6)},o=l=>({x:l.x/n-e,y:l.y/n-t}),a=l=>({x:(l.x+e)*n,y:(l.y+t)*n}),s=e=>({w:e.w*n,h:e.h*n});return{move:l,canZoom:e=>n!=i(e),zoom:(e,t)=>((e,t)=>{if(n==e)return!1;const i=1-n/e;return l(-t.x*i,-t.y*i),n=e,!0})(i(e),t),worldToViewport:e=>{const{x:t,y:n}=a(e);return{x:Math.round(t),y:Math.round(n)}},worldToViewportRaw:a,worldDimToViewport:e=>{const{w:t,h:n}=s(e);return{w:Math.round(t),h:Math.round(n)}},worldDimToViewportRaw:s,viewportToWorld:e=>{const{x:t,y:n}=o(e);return{x:Math.round(t),y:Math.round(n)}},viewportToWorldRaw:o}}function Vn(e=0,t=0){const n=document.createElement("canvas");return n.width=e,n.height=t,n}var jn={createCanvas:Vn,loadImageToBitmap:async function(e){return new Promise((t=>{const n=new Image;n.onload=()=>{createImageBitmap(n).then(t)},n.src=e}))},resizeBitmap:async function(e,t,n){const l=Vn(t,n);return l.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,t,n),await createImageBitmap(l)},colorize:async function(e,t,n){const l=Vn(e.width,e.height),i=l.getContext("2d");return i.save(),i.drawImage(t,0,0),i.fillStyle=n,i.globalCompositeOperation="source-in",i.fillRect(0,0,t.width,t.height),i.restore(),i.save(),i.globalCompositeOperation="destination-over",i.drawImage(e,0,0),i.restore(),await createImageBitmap(l)}};const Fn=Ve("Debug.js");let Wn=0,Ln=0;var Hn=e=>{Wn=performance.now(),Ln=e},Qn=e=>{const t=performance.now(),n=t-Wn;n>Ln&&Fn.log(e+": "+n),Wn=t};const Yn=Ve("PuzzleGraphics.js");function qn(e,t){const n=He.coordByTileIdx(e,t);return{x:n.x*e.tileSize,y:n.y*e.tileSize,w:e.tileSize,h:e.tileSize}}var Kn={loadPuzzleBitmaps:async function(e){const t=await jn.loadImageToBitmap(e.info.imageUrl),n=await jn.resizeBitmap(t,e.info.width,e.info.height);return await async function(e,t,n){Yn.log("start createPuzzleTileBitmaps");var l=n.tileSize,i=n.tileMarginWidth,o=n.tileDrawSize,a=l/100,s=[0,0,40,15,37,5,37,5,40,0,38,-5,38,-5,20,-20,50,-20,50,-20,80,-20,62,-5,62,-5,60,0,63,5,63,5,65,15,100,0];const r=new Array(t.length),d={};function c(e){const t=`${e.top}${e.right}${e.left}${e.bottom}`;if(d[t])return d[t];const n=new Path2D,o={x:i,y:i},r=ye.pointAdd(o,{x:l,y:0}),c=ye.pointAdd(r,{x:0,y:l}),u=ye.pointSub(c,{x:l,y:0});if(n.moveTo(o.x,o.y),0!==e.top)for(let l=0;l=0&&e&&this.explode(e),this.px+=this.vx,this.py+=this.vy}draw(e){e.beginPath(),e.arc(this.px,this.py,this.previousRadius,0,2*Math.PI,!1),this.hasExploded||(e.fillStyle=this.color,e.lineWidth=1,e.fill())}explode(e){this.hasExploded=!0;const t=3+Math.floor(3*Math.random());for(let n=0;n{this.resize()}))}setSpeedParams(){let e=0,t=0;for(;e=0;)t+=1,e+=t;Xn=t/2,el=t-Xn;const n=1/4*this.canvas.width/(t/2);Zn=-n,Jn=2*n}resize(){this.setSpeedParams()}init(){this.readyBombs=[],this.explodedBombs=[],this.particles=[];for(let e=0;e<1;e++)this.readyBombs.push(new tl(this.rng))}update(){100*Math.random()<5&&this.readyBombs.push(new tl(this.rng));const e=[];for(;this.explodedBombs.length>0;){const t=this.explodedBombs.shift();if(!t)break;t.update(),t.alive&&e.push(t)}this.explodedBombs=e;const t=[];for(;this.readyBombs.length>0;){const e=this.readyBombs.shift();if(!e)break;e.update(this.particles),e.hasExploded?this.explodedBombs.push(e):t.push(e)}this.readyBombs=t;const n=[];for(;this.particles.length>0;){const e=this.particles.shift();if(!e)break;e.update(),e.alive&&n.push(e)}this.particles=n}render(){this.ctx.beginPath(),this.ctx.fillStyle="rgba(0, 0, 0, 0.1)",this.ctx.fillRect(0,0,this.canvas.width,this.canvas.height);for(let e=0;e{const t=e.color+" "+e.d;if(!h[t]){const n=e.d?a:s;if(e.color){const l=e.d?r:d;h[t]=await jn.colorize(n,l,e.color)}else h[t]=n}return h[t]},y=function(e,t){return t.width=window.innerWidth,t.height=window.innerHeight,e.appendChild(t),window.addEventListener("resize",(()=>{t.width=window.innerWidth,t.height=window.innerHeight,sl=!0})),t}(i,jn.createCanvas()),f={log:[],logIdx:0,speeds:[.5,1,2,5,10,20,50],speedIdx:1,paused:!1,lastRealTs:0,lastGameTs:0,gameStartTs:0};wn.onConnectionStateChange((e=>{o.setConnectionState(e)}));let w=()=>0;const v=async()=>{if("play"===l){const l=await wn.connect(n,e,t),i=He.decodeGame(l);It.setGame(i.id,i),w=()=>D()}else{if("replay"!==l)throw"[ 2020-12-22 MODE invalid, must be play|replay ]";{const l=await wn.connectReplay(n,e,t),i=He.decodeGame(l.game);It.setGame(i.id,i),f.log=l.log,f.lastRealTs=D(),f.gameStartTs=parseInt(f.log[0][f.log[0].length-2],10),f.lastGameTs=f.gameStartTs,w=()=>f.lastGameTs}}sl=!0};await v();const b=It.getTileDrawOffset(e),x=It.getTileDrawSize(e),k=It.getPuzzleWidth(e),C=It.getPuzzleHeight(e),A=It.getTableWidth(e),T=It.getTableHeight(e),S={x:(A-k)/2,y:(T-C)/2},z={w:k,h:C},I={w:x,h:x},P=await Kn.loadPuzzleBitmaps(It.getPuzzle(e)),_=new ll(y,It.getRng(e));_.init();const B=y.getContext("2d");y.classList.add("loaded");const E=Rn();E.move(-(A-y.width)/2,-(T-y.height)/2);const O=function(e,t,n){let l=[],i=!0,o=!1,a=!1,s=!1,r=!1,d=!1,c=!1,u=!1;const g=(e,t)=>{const l=n.viewportToWorld({x:e,y:t});return[l.x,l.y]},p=e=>g(e.offsetX,e.offsetY),h=()=>g(e.width/2,e.height/2),m=(e,t)=>{i&&("Shift"===t.key?u=e:"ArrowUp"===t.key||"w"===t.key||"W"===t.key?s=e:"ArrowDown"===t.key||"s"===t.key||"S"===t.key?r=e:"ArrowLeft"===t.key||"a"===t.key||"A"===t.key?o=e:"ArrowRight"===t.key||"d"===t.key||"D"===t.key?a=e:"q"===t.key?c=e:"e"===t.key&&(d=e))};e.addEventListener("mousedown",(e=>{0===e.button&&y([ze,...p(e)])})),e.addEventListener("mouseup",(e=>{0===e.button&&y([Ie,...p(e)])})),e.addEventListener("mousemove",(e=>{y([Pe,...p(e)])})),e.addEventListener("wheel",(e=>{if(n.canZoom(e.deltaY<0?"in":"out")){const t=e.deltaY<0?_e:De;y([t,...p(e)])}})),t.addEventListener("keydown",(e=>m(!0,e))),t.addEventListener("keyup",(e=>m(!1,e))),t.addEventListener("keypress",(e=>{i&&(" "===e.key&&y([Ue]),"F"!==e.key&&"f"!==e.key||(ol=!ol,sl=!0),"G"!==e.key&&"g"!==e.key||(al=!al,sl=!0))}));const y=e=>{l.push(e)};return{addEvent:y,consumeAll:()=>{if(0===l.length)return[];const e=l.slice();return l=[],e},createKeyEvents:()=>{const e=u?20:10,t=(o?e:0)-(a?e:0),l=(s?e:0)-(r?e:0);0===t&&0===l||y([Se,t,l]),d&&c||(d?n.canZoom("in")&&y([_e,...h()]):c&&n.canZoom("out")&&y([De,...h()]))},setHotkeys:e=>{i=e}}}(y,window,E),U=It.getImageUrl(e),N=()=>{const t=It.getStartTs(e),n=It.getFinishTs(e),l=w();o.setFinished(!!n),o.setDuration((n||l)-t)};N(),o.setPiecesDone(It.getFinishedTileCount(e)),o.setPiecesTotal(It.getTileCount(e));const M=w();o.setActivePlayers(It.getActivePlayers(e,M)),o.setIdlePlayers(It.getIdlePlayers(e,M));const G=!!It.getFinishTs(e);let $=G;const R=()=>$&&!G,V=()=>It.getPlayerBgColor(e,t)||localStorage.getItem("bg_color")||"#222222",j=()=>{o.setReplaySpeed&&o.setReplaySpeed(f.speeds[f.speedIdx]),o.setReplayPaused&&o.setReplayPaused(f.paused)};if("play"===l?setInterval(N,1e3):"replay"===l&&j(),"play"===l)wn.onServerChange((n=>{n[0],n[1],n[2];const l=n[3];for(const[i,o]of l)switch(i){case Ge:{const n=He.decodePlayer(o);n.id!==t&&(It.setPlayer(e,n.id,n),sl=!0)}break;case Me:{const t=He.decodeTile(o);It.setTile(e,t.idx,t),sl=!0}break;case Ne:It.setPuzzleData(e,o),sl=!0}$=!!It.getFinishTs(e)}));else if("replay"===l){let t=setInterval((()=>{const n=D();if(f.paused)return void(f.lastRealTs=n);const l=(n-f.lastRealTs)*f.speeds[f.speedIdx],i=f.lastGameTs+l;for(;;){if(f.paused)break;const n=f.logIdx+1;if(n>=f.log.length){clearInterval(t);break}const l=f.log[n],o=f.gameStartTs+l[l.length-1];if(o>i)break;const a=l.slice();if(a[0]===Ce){const t=a[1];It.addPlayer(e,t,o),sl=!0}else if(a[0]===Ae){const t=It.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (update player) ]";It.addPlayer(e,t,o),sl=!0}else if(a[0]===Te){const t=It.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (handle input) ]";const n=a[2];It.handleInput(e,t,n,o),sl=!0}f.logIdx=n}f.lastRealTs=n,f.lastGameTs=i,N()}),50)}let F=null;return(e=>{const t=e.fps||60,n=e.slow||1,l=e.update,i=e.render,o=window.requestAnimationFrame,a=1/t,s=n*a;let r,d=0,c=window.performance.now();const u=()=>{for(r=window.performance.now(),d+=Math.min(1,(r-c)/1e3);d>s;)d-=s,l(a);i(d/n),c=r,o(u)};o(u)})({update:()=>{O.createKeyEvents();for(const n of O.consumeAll())if("play"===l){const l=n[0];if(l===Se){const e=n[1],t=n[2];sl=!0,E.move(e,t)}else if(l===Pe){if(F&&!It.getFirstOwnedTile(e,t)){const e={x:n[1],y:n[2]},t=E.worldToViewport(e),l=Math.round(t.x-F.x),i=Math.round(t.y-F.y);sl=!0,E.move(l,i),F=t}}else if(l===ze){const e={x:n[1],y:n[2]};F=E.worldToViewport(e)}else if(l===Ie)F=null;else if(l===_e){const e={x:n[1],y:n[2]};sl=!0,E.zoom("in",E.worldToViewport(e))}else if(l===De){const e={x:n[1],y:n[2]};sl=!0,E.zoom("out",E.worldToViewport(e))}else l===Ue&&o.togglePreview();const i=w();It.handleInput(e,t,n,i).length>0&&(sl=!0),wn.sendClientEvent(n)}else if("replay"===l){const e=n[0];if(e===Se){const e=n[1],t=n[2];sl=!0,E.move(e,t)}else if(e===Pe){if(F){const e={x:n[1],y:n[2]},t=E.worldToViewport(e),l=Math.round(t.x-F.x),i=Math.round(t.y-F.y);sl=!0,E.move(l,i),F=t}}else if(e===ze){const e={x:n[1],y:n[2]};F=E.worldToViewport(e)}else if(e===Ie)F=null;else if(e===_e){const e={x:n[1],y:n[2]};sl=!0,E.zoom("in",E.worldToViewport(e))}else if(e===De){const e={x:n[1],y:n[2]};sl=!0,E.zoom("out",E.worldToViewport(e))}else e===Ue&&o.togglePreview()}$=!!It.getFinishTs(e),R()&&(_.update(),sl=!0)},render:async()=>{if(!sl)return;const n=w();let i,a,s;window.DEBUG&&Hn(0),B.fillStyle=V(),B.fillRect(0,0,y.width,y.height),window.DEBUG&&Qn("clear done"),i=E.worldToViewportRaw(S),a=E.worldDimToViewportRaw(z),B.fillStyle="rgba(255, 255, 255, .3)",B.fillRect(i.x,i.y,a.w,a.h),window.DEBUG&&Qn("board done");const r=It.getTilesSortedByZIndex(e);window.DEBUG&&Qn("get tiles done"),a=E.worldDimToViewportRaw(I);for(const e of r)(-1===e.owner?ol:al)&&(s=P[e.idx],i=E.worldToViewportRaw({x:b+e.pos.x,y:b+e.pos.y}),B.drawImage(s,0,0,s.width,s.height,i.x,i.y,a.w,a.h));window.DEBUG&&Qn("tiles done");const d=[];for(const o of It.getActivePlayers(e,n))s=await m(o),i=E.worldToViewport(o),B.drawImage(s,i.x-u,i.y-p),c=o,("replay"===l||c.id!==t)&&d.push([`${o.name} (${o.points})`,i.x,i.y+g]);var c;B.fillStyle="white",B.textAlign="center";for(const[e,t,l]of d)B.fillText(e,t,l);window.DEBUG&&Qn("players done"),o.setActivePlayers(It.getActivePlayers(e,n)),o.setIdlePlayers(It.getIdlePlayers(e,n)),o.setPiecesDone(It.getFinishedTileCount(e)),window.DEBUG&&Qn("HUD done"),R()&&_.render(),sl=!1}}),{setHotkeys:e=>{O.setHotkeys(e)},onBgChange:e=>{localStorage.setItem("bg_color",e),O.addEvent([Be,e])},onColorChange:e=>{localStorage.setItem("player_color",e),O.addEvent([Ee,e])},onNameChange:e=>{localStorage.setItem("player_name",e),O.addEvent([Oe,e])},replayOnSpeedUp:()=>{f.speedIdx+1{f.speedIdx>=1&&(f.speedIdx--,j())},replayOnPauseToggle:()=>{f.paused=!f.paused,j()},previewImageUrl:U,player:{background:V(),color:It.getPlayerColor(e,t)||localStorage.getItem("player_color")||"#ffffff",name:It.getPlayerName(e,t)||localStorage.getItem("player_name")||"anon"},disconnect:wn.disconnect,connect:v}}var dl=e({name:"game",components:{PuzzleStatus:en,Scores:qt,SettingsOverlay:nn,PreviewOverlay:sn,ConnectionOverlay:vn,HelpOverlay:Tn},data:()=>({activePlayers:[],idlePlayers:[],finished:!1,duration:0,piecesDone:0,piecesTotal:0,overlay:"",connectionState:0,g:{player:{background:"",color:"",name:""},previewImageUrl:"",setHotkeys:e=>{},onBgChange:e=>{},onColorChange:e=>{},onNameChange:e=>{},disconnect:()=>{},connect:()=>{}}}),async mounted(){this.$route.params.id&&(this.$watch((()=>this.g.player.background),(e=>{this.g.onBgChange(e)})),this.$watch((()=>this.g.player.color),(e=>{this.g.onColorChange(e)})),this.$watch((()=>this.g.player.name),(e=>{this.g.onNameChange(e)})),this.g=await rl(`${this.$route.params.id}`,this.$clientId,this.$config.WS_ADDRESS,"play",this.$el,{setActivePlayers:e=>{this.activePlayers=e},setIdlePlayers:e=>{this.idlePlayers=e},setFinished:e=>{this.finished=e},setDuration:e=>{this.duration=e},setPiecesDone:e=>{this.piecesDone=e},setPiecesTotal:e=>{this.piecesTotal=e},setConnectionState:e=>{this.connectionState=e},togglePreview:()=>{this.toggle("preview",!1)}}))},unmounted(){this.g.disconnect()},methods:{reconnect(){this.g.connect()},toggle(e,t){""===this.overlay?(this.overlay=e,t&&this.g.setHotkeys(!1)):(this.overlay="",t&&this.g.setHotkeys(!0))}}});const cl={id:"game"},ul={class:"menu"},gl={class:"tabs"},pl=s("🧩 Puzzles");dl.render=function(e,i,s,r,d,c){const u=o("settings-overlay"),p=o("preview-overlay"),h=o("help-overlay"),m=o("connection-overlay"),y=o("puzzle-status"),f=o("router-link"),w=o("scores");return a(),t("div",cl,[g(n(u,{onBgclick:i[1]||(i[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":i[2]||(i[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[v,"settings"===e.overlay]]),g(n(p,{onBgclick:i[3]||(i[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[v,"preview"===e.overlay]]),g(n(h,{onBgclick:i[4]||(i[4]=t=>e.toggle("help",!0))},null,512),[[v,"help"===e.overlay]]),n(m,{connectionState:e.connectionState,onReconnect:e.reconnect},null,8,["connectionState","onReconnect"]),n(y,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},null,8,["finished","duration","piecesDone","piecesTotal"]),n("div",ul,[n("div",gl,[n(f,{class:"opener",to:{name:"index"},target:"_blank"},{default:l((()=>[pl])),_:1}),n("div",{class:"opener",onClick:i[5]||(i[5]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:i[6]||(i[6]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:i[7]||(i[7]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(w,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])};var hl=e({name:"replay",components:{PuzzleStatus:en,Scores:qt,SettingsOverlay:nn,PreviewOverlay:sn,HelpOverlay:Tn},data:()=>({activePlayers:[],idlePlayers:[],finished:!1,duration:0,piecesDone:0,piecesTotal:0,overlay:"",connectionState:0,g:{player:{background:"",color:"",name:""},previewImageUrl:"",setHotkeys:e=>{},onBgChange:e=>{},onColorChange:e=>{},onNameChange:e=>{},replayOnSpeedUp:()=>{},replayOnSpeedDown:()=>{},replayOnPauseToggle:()=>{},disconnect:()=>{}},replay:{speed:1,paused:!1}}),async mounted(){this.$route.params.id&&(this.$watch((()=>this.g.player.background),(e=>{this.g.onBgChange(e)})),this.$watch((()=>this.g.player.color),(e=>{this.g.onColorChange(e)})),this.$watch((()=>this.g.player.name),(e=>{this.g.onNameChange(e)})),this.g=await rl(`${this.$route.params.id}`,this.$clientId,this.$config.WS_ADDRESS,"replay",this.$el,{setActivePlayers:e=>{this.activePlayers=e},setIdlePlayers:e=>{this.idlePlayers=e},setFinished:e=>{this.finished=e},setDuration:e=>{this.duration=e},setPiecesDone:e=>{this.piecesDone=e},setPiecesTotal:e=>{this.piecesTotal=e},togglePreview:()=>{this.toggle("preview",!1)},setConnectionState:e=>{this.connectionState=e},setReplaySpeed:e=>{this.replay.speed=e},setReplayPaused:e=>{this.replay.paused=e}}))},unmounted(){this.g.disconnect()},methods:{toggle(e,t){""===this.overlay?(this.overlay=e,t&&this.g.setHotkeys(!1)):(this.overlay="",t&&this.g.setHotkeys(!0))}},computed:{replayText(){return"Replay-Speed: "+this.replay.speed+"x"+(this.replay.paused?" Paused":"")}}});const ml={id:"replay"},yl={class:"menu"},fl={class:"tabs"},wl=s("🧩 Puzzles");hl.render=function(e,i,s,d,c,u){const p=o("settings-overlay"),h=o("preview-overlay"),m=o("help-overlay"),y=o("puzzle-status"),f=o("router-link"),w=o("scores");return a(),t("div",ml,[g(n(p,{onBgclick:i[1]||(i[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":i[2]||(i[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[v,"settings"===e.overlay]]),g(n(h,{onBgclick:i[3]||(i[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[v,"preview"===e.overlay]]),g(n(m,{onBgclick:i[4]||(i[4]=t=>e.toggle("help",!0))},null,512),[[v,"help"===e.overlay]]),n(y,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},{default:l((()=>[n("div",null,[n("div",null,r(e.replayText),1),n("button",{class:"btn",onClick:i[5]||(i[5]=t=>e.g.replayOnSpeedUp())},"⏫"),n("button",{class:"btn",onClick:i[6]||(i[6]=t=>e.g.replayOnSpeedDown())},"⏬"),n("button",{class:"btn",onClick:i[7]||(i[7]=t=>e.g.replayOnPauseToggle())},"⏸️")])])),_:1},8,["finished","duration","piecesDone","piecesTotal"]),n("div",yl,[n("div",fl,[n(f,{class:"opener",to:{name:"index"},target:"_blank"},{default:l((()=>[wl])),_:1}),n("div",{class:"opener",onClick:i[8]||(i[8]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:i[9]||(i[9]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:i[10]||(i[10]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(w,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])},(async()=>{const e=await fetch("/api/conf"),t=await e.json();const n=b({history:x(),routes:[{name:"index",path:"/",component:$},{name:"new-game",path:"/new-game",component:$t},{name:"game",path:"/g/:id",component:dl},{name:"replay",path:"/replay/:id",component:hl}]});n.beforeEach(((e,t)=>{t.name&&document.documentElement.classList.remove(`view-${String(t.name)}`),document.documentElement.classList.add(`view-${String(e.name)}`)}));const l=k(C);l.config.globalProperties.$config=t,l.config.globalProperties.$clientId=function(){let e=localStorage.getItem("ID");return e||(e=He.uniqId(),localStorage.setItem("ID",e)),e}(),l.use(n),l.mount("#app")})(); diff --git a/build/public/assets/index.dc049e4e.css b/build/public/assets/index.dc049e4e.css deleted file mode 100644 index f05f1a5..0000000 --- a/build/public/assets/index.dc049e4e.css +++ /dev/null @@ -1 +0,0 @@ -:root{--main-color:#c1b19f;--main-darker-color:#4f4e4c;--link-color:#808db0;--link-hover-color:#c5cfeb;--highlight-color:#dd7e7e;--input-bg-color:#262523;--bg-color:rgba(0,0,0,.7)}body,html{margin:0;background:#2b2b2b;color:var(--main-color);height:100%}*{font-family:monospace;font-size:15px}h1,h2,h3,h4{font-size:20px}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}td,th{vertical-align:top}.btn{display:inline-block;background:var(--input-bg-color);color:var(--link-color);border:solid 1px #000;padding:5px 10px;box-shadow:1px 1px 2px rgba(0,0,0,.5),0 0 1px rgba(150,150,150,.4) inset;border-radius:4px;user-select:none}.btn-big{font-size:1.5em;padding:10px 20px}.btn:hover{background:#2f2e2c;color:var(--link-hover-color);border:solid 1px #111;box-shadow:0 0 1px rgba(150,150,150,.4) inset;cursor:pointer}.btn:disabled{background:#2f2e2c;color:#8c4747!important;border:solid 1px #111;box-shadow:0 0 1px rgba(150,150,150,.4) inset;cursor:not-allowed}input{background:#333230;border-radius:4px;color:var(--main-color);padding:6px 10px;border:solid 1px #000;box-shadow:0 0 3px rgba(0,0,0,.3) inset}input:focus{border:solid 1px #686767;background:var(--input-bg-color)}.scores{position:absolute;right:0;top:0;background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7)}.timer{position:absolute;left:0;top:0;background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7)}.menu{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7);z-index:2}.closed{display:none}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:var(--bg-color)}.overlay.transparent{background:0 0}.overlay-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7);z-index:1}.connection-lost .overlay-content{padding:20px;text-align:center}.preview{position:absolute;top:20px;left:20px;bottom:20px;right:20px}.preview .img{height:100%;width:100%;position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain}.menu .opener{display:inline-block;margin-right:10px;color:var(--link-color)}.menu .opener:last-child{margin-right:0}.menu .opener:hover{color:var(--link-hover-color);cursor:pointer}canvas.loaded{cursor:none}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7) inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}.hint{color:var(--main-darker-color)}.upload-image-teaser{text-align:center}.upload-image-teaser .btn{margin-bottom:.5em}table label{line-height:32px}.nav{list-style:none;padding:0}.nav li{display:inline-block;margin-right:1em}.image-list{overflow:scroll}.image-list-inner{white-space:nowrap}.imageteaser{width:150px;height:100px;display:inline-block;margin:5px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#222;cursor:pointer}.game-teaser-wrap{display:inline-block;width:20%;padding:5px;box-sizing:border-box}.game-teaser{display:block;background-repeat:no-repeat;background-position:center;background-size:contain;position:relative;padding-top:56.25%;width:100%;background-color:#222}.game-info{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.game-info-text{position:absolute;top:0;background:var(--bg-color);padding:5px}.game-replay{position:absolute;top:0;right:0}html.view-game{overflow:hidden}html.view-game body{overflow:hidden}html.view-replay{overflow:hidden}html.view-replay body{overflow:hidden}html.view-replay canvas{cursor:grab}.imageteaser{position:relative}.imageteaser .edit{display:none;position:absolute}.imageteaser:hover .edit{display:inline-block}.new-image-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.new-image-dialog .area-image{grid-area:image;margin:20px}.new-image-dialog .area-image.no-image{align-content:center;display:grid;text-align:center;border:dashed 6px;position:relative}.new-image-dialog .area-image .has-image{position:relative;width:100%;height:100%}.new-image-dialog .area-image .has-image .remove{position:absolute;top:.5em;left:.5em}.new-image-dialog .area-settings{grid-area:settings}.new-image-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.new-image-dialog .area-buttons{align-self:end;grid-area:buttons}.new-image-dialog .area-buttons button{width:100%;margin-top:.5em}.new-image-dialog .upload{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.new-image-dialog .upload .btn{position:absolute;top:50%;transform:translate(-50%,-50%)}.edit-image-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.edit-image-dialog .area-image{grid-area:image;margin:20px}.edit-image-dialog .area-image.no-image{align-content:center;display:grid;text-align:center;border:dashed 6px;position:relative}.edit-image-dialog .area-image .has-image{position:relative;width:100%;height:100%}.edit-image-dialog .area-image .has-image .remove{position:absolute;top:.5em;left:.5em}.edit-image-dialog .area-settings{grid-area:settings}.edit-image-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.edit-image-dialog .area-buttons{align-self:end;grid-area:buttons}.edit-image-dialog .area-buttons button{width:100%;margin-top:.5em}.new-game-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.new-game-dialog .area-image{grid-area:image;margin:20px}.new-game-dialog .area-settings{grid-area:settings}.new-game-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.new-game-dialog .area-buttons{align-self:end;grid-area:buttons}.new-game-dialog .area-buttons button{width:100%}.new-game-dialog .has-image{position:relative;width:100%;height:100%}.new-game-dialog .has-image .remove{position:absolute;top:.5em;left:.5em} \ No newline at end of file diff --git a/build/public/assets/index.f09d7623.css b/build/public/assets/index.f09d7623.css new file mode 100644 index 0000000..b447f7f --- /dev/null +++ b/build/public/assets/index.f09d7623.css @@ -0,0 +1 @@ +:root{--main-color:#c1b19f;--main-darker-color:#4f4e4c;--link-color:#808db0;--link-hover-color:#c5cfeb;--highlight-color:#dd7e7e;--positive-color:#64a756;--input-bg-color:#262523;--bg-color:rgba(0,0,0,.7)}body,html{margin:0;background:#2b2b2b;color:var(--main-color);height:100%}*{font-family:monospace;font-size:15px}h1,h2,h3,h4{font-size:20px}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}td,th{vertical-align:top}.btn{display:inline-block;background:var(--input-bg-color);color:var(--link-color);border:solid 1px #000;padding:5px 10px;box-shadow:1px 1px 2px rgba(0,0,0,.5),0 0 1px rgba(150,150,150,.4) inset;border-radius:4px;user-select:none}.btn-big{font-size:1.5em;padding:10px 20px}.btn:hover{background:#2f2e2c;color:var(--link-hover-color);border:solid 1px #111;box-shadow:0 0 1px rgba(150,150,150,.4) inset;cursor:pointer}.btn:disabled{background:#2f2e2c;color:#8c4747!important;border:solid 1px #111;box-shadow:0 0 1px rgba(150,150,150,.4) inset;cursor:not-allowed}input{background:#333230;border-radius:4px;color:var(--main-color);padding:6px 10px;border:solid 1px #000;box-shadow:0 0 3px rgba(0,0,0,.3) inset}input:focus{border:solid 1px #686767;background:var(--input-bg-color)}.scores{position:absolute;right:0;top:0;background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7)}.timer{position:absolute;left:0;top:0;background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7)}.menu{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7);z-index:2}.closed{display:none}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:var(--bg-color)}.overlay.transparent{background:0 0}.overlay-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-color);padding:5px;border:solid 1px #000;box-shadow:0 0 10px 0 rgba(0,0,0,.7);z-index:1}.connection-lost .overlay-content{padding:20px;text-align:center}.preview{position:absolute;top:20px;left:20px;bottom:20px;right:20px}.preview .img{height:100%;width:100%;position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain}.menu .opener{display:inline-block;margin-right:10px;color:var(--link-color)}.menu .opener:last-child{margin-right:0}.menu .opener:hover{color:var(--link-hover-color);cursor:pointer}canvas.loaded{cursor:none}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7) inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}.hint{color:var(--main-darker-color)}.bit{background:#3b3737;border-radius:.5em;padding:.25em .5em;display:inline-block;margin:0 .25em .25em 0;cursor:pointer}.bit.on{color:var(--positive-color)}.upload-image-teaser{text-align:center}.upload-image-teaser .btn{margin-bottom:.5em}table label{line-height:32px}.nav{list-style:none;padding:0}.nav li{display:inline-block;margin-right:1em}.image-list{overflow:scroll}.image-list-inner{white-space:nowrap}.imageteaser{width:150px;height:100px;display:inline-block;margin:5px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#222;cursor:pointer}.game-teaser-wrap{display:inline-block;width:20%;padding:5px;box-sizing:border-box}.game-teaser{display:block;background-repeat:no-repeat;background-position:center;background-size:contain;position:relative;padding-top:56.25%;width:100%;background-color:#222}.game-info{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.game-info-text{position:absolute;top:0;background:var(--bg-color);padding:5px}.game-replay{position:absolute;top:0;right:0}html.view-game{overflow:hidden}html.view-game body{overflow:hidden}html.view-replay{overflow:hidden}html.view-replay body{overflow:hidden}html.view-replay canvas{cursor:grab}.imageteaser{position:relative}.imageteaser .edit{display:none;position:absolute}.imageteaser:hover .edit{display:inline-block}.input[data-v-771460ae]{margin-bottom:.5em}.new-image-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.new-image-dialog .area-image{grid-area:image;margin:20px}.new-image-dialog .area-image.no-image{align-content:center;display:grid;text-align:center;border:dashed 6px;position:relative}.new-image-dialog .area-image .has-image{position:relative;width:100%;height:100%}.new-image-dialog .area-image .has-image .remove{position:absolute;top:.5em;left:.5em}.new-image-dialog .area-settings{grid-area:settings}.new-image-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.new-image-dialog .area-buttons{align-self:end;grid-area:buttons}.new-image-dialog .area-buttons button{width:100%;margin-top:.5em}.new-image-dialog .upload{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.new-image-dialog .upload .btn{position:absolute;top:50%;transform:translate(-50%,-50%)}.edit-image-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.edit-image-dialog .area-image{grid-area:image;margin:20px}.edit-image-dialog .area-image.no-image{align-content:center;display:grid;text-align:center;border:dashed 6px;position:relative}.edit-image-dialog .area-image .has-image{position:relative;width:100%;height:100%}.edit-image-dialog .area-image .has-image .remove{position:absolute;top:.5em;left:.5em}.edit-image-dialog .area-settings{grid-area:settings}.edit-image-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.edit-image-dialog .area-buttons{align-self:end;grid-area:buttons}.edit-image-dialog .area-buttons button{width:100%;margin-top:.5em}.new-game-dialog .overlay-content{display:grid;grid-template-columns:auto 450px;grid-template-rows:auto;grid-template-areas:"image settings" "image buttons";height:90%;width:80%}.new-game-dialog .area-image{grid-area:image;margin:20px}.new-game-dialog .area-settings{grid-area:settings}.new-game-dialog .area-settings table input[type=text]{width:100%;box-sizing:border-box}.new-game-dialog .area-buttons{align-self:end;grid-area:buttons}.new-game-dialog .area-buttons button{width:100%}.new-game-dialog .has-image{position:relative;width:100%;height:100%}.new-game-dialog .has-image .remove{position:absolute;top:.5em;left:.5em} \ No newline at end of file diff --git a/build/public/assets/vendor.1ad14f11.js b/build/public/assets/vendor.1ad14f11.js deleted file mode 100644 index 5a8888d..0000000 --- a/build/public/assets/vendor.1ad14f11.js +++ /dev/null @@ -1,6 +0,0 @@ -function e(e,t){const n=Object.create(null),r=e.split(",");for(let o=0;o!!n[e.toLowerCase()]:e=>!!n[e]}const t=e("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),n=e("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function r(e){if(E(e)){const t={};for(let n=0;n{if(e){const n=e.split(s);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function i(e){let t="";if(R(e))t=e;else if(E(e))for(let n=0;nc(e,t)))}const u=e=>null==e?"":P(e)?JSON.stringify(e,f,2):String(e),f=(e,t)=>k(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:S(t)?{[`Set(${t.size})`]:[...t.values()]}:!P(t)||E(t)||M(t)?t:String(t),p={},d=[],h=()=>{},m=()=>!1,g=/^on[^a-z]/,v=e=>g.test(e),y=e=>e.startsWith("onUpdate:"),b=Object.assign,_=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},w=Object.prototype.hasOwnProperty,x=(e,t)=>w.call(e,t),E=Array.isArray,k=e=>"[object Map]"===$(e),S=e=>"[object Set]"===$(e),O=e=>e instanceof Date,C=e=>"function"==typeof e,R=e=>"string"==typeof e,A=e=>"symbol"==typeof e,P=e=>null!==e&&"object"==typeof e,F=e=>P(e)&&C(e.then)&&C(e.catch),j=Object.prototype.toString,$=e=>j.call(e),M=e=>"[object Object]"===$(e),I=e=>R(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,T=e(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),U=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},V=/-(\w)/g,N=U((e=>e.replace(V,((e,t)=>t?t.toUpperCase():"")))),L=/\B([A-Z])/g,B=U((e=>e.replace(L,"-$1").toLowerCase())),D=U((e=>e.charAt(0).toUpperCase()+e.slice(1))),q=U((e=>e?`on${D(e)}`:"")),z=(e,t)=>e!==t&&(e==e||t==t),W=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},G=e=>{const t=parseFloat(e);return isNaN(t)?e:t},H=new WeakMap,X=[];let J;const Q=Symbol(""),Y=Symbol("");function Z(e,t=p){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return t.scheduler?void 0:e();if(!X.includes(n)){ne(n);try{return oe.push(re),re=!0,X.push(n),J=n,e()}finally{X.pop(),le(),J=X[X.length-1]}}};return n.id=te++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n}function ee(e){e.active&&(ne(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let te=0;function ne(e){const{deps:t}=e;if(t.length){for(let n=0;n{e&&e.forEach((e=>{(e!==J||e.allowRecurse)&&i.add(e)}))};if("clear"===t)l.forEach(c);else if("length"===n&&E(e))l.forEach(((e,t)=>{("length"===t||t>=r)&&c(e)}));else switch(void 0!==n&&c(l.get(n)),t){case"add":E(e)?I(n)&&c(l.get("length")):(c(l.get(Q)),k(e)&&c(l.get(Y)));break;case"delete":E(e)||(c(l.get(Q)),k(e)&&c(l.get(Y)));break;case"set":k(e)&&c(l.get(Q))}i.forEach((e=>{e.options.scheduler?e.options.scheduler(e):e()}))}const ae=e("__proto__,__v_isRef,__isVue"),ue=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(A)),fe=ge(),pe=ge(!1,!0),de=ge(!0),he=ge(!0,!0),me={};function ge(e=!1,t=!1){return function(n,r,o){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&o===(e?t?Ke:We:t?ze:qe).get(n))return n;const s=E(n);if(!e&&s&&x(me,r))return Reflect.get(me,r,o);const l=Reflect.get(n,r,o);if(A(r)?ue.has(r):ae(r))return l;if(e||ie(n,0,r),t)return l;if(nt(l)){return!s||!I(r)?l.value:l}return P(l)?e?Xe(l):He(l):l}}["includes","indexOf","lastIndexOf"].forEach((e=>{const t=Array.prototype[e];me[e]=function(...e){const n=et(this);for(let t=0,o=this.length;t{const t=Array.prototype[e];me[e]=function(...e){se();const n=t.apply(this,e);return le(),n}}));function ve(e=!1){return function(t,n,r,o){let s=t[n];if(!e&&(r=et(r),s=et(s),!E(t)&&nt(s)&&!nt(r)))return s.value=r,!0;const l=E(t)&&I(n)?Number(n)!0,deleteProperty:(e,t)=>!0},_e=b({},ye,{get:pe,set:ve(!0)});b({},be,{get:he});const we=e=>P(e)?He(e):e,xe=e=>P(e)?Xe(e):e,Ee=e=>e,ke=e=>Reflect.getPrototypeOf(e);function Se(e,t,n=!1,r=!1){const o=et(e=e.__v_raw),s=et(t);t!==s&&!n&&ie(o,0,t),!n&&ie(o,0,s);const{has:l}=ke(o),i=r?Ee:n?xe:we;return l.call(o,t)?i(e.get(t)):l.call(o,s)?i(e.get(s)):void 0}function Oe(e,t=!1){const n=this.__v_raw,r=et(n),o=et(e);return e!==o&&!t&&ie(r,0,e),!t&&ie(r,0,o),e===o?n.has(e):n.has(e)||n.has(o)}function Ce(e,t=!1){return e=e.__v_raw,!t&&ie(et(e),0,Q),Reflect.get(e,"size",e)}function Re(e){e=et(e);const t=et(this);return ke(t).has.call(t,e)||(t.add(e),ce(t,"add",e,e)),this}function Ae(e,t){t=et(t);const n=et(this),{has:r,get:o}=ke(n);let s=r.call(n,e);s||(e=et(e),s=r.call(n,e));const l=o.call(n,e);return n.set(e,t),s?z(t,l)&&ce(n,"set",e,t):ce(n,"add",e,t),this}function Pe(e){const t=et(this),{has:n,get:r}=ke(t);let o=n.call(t,e);o||(e=et(e),o=n.call(t,e)),r&&r.call(t,e);const s=t.delete(e);return o&&ce(t,"delete",e,void 0),s}function Fe(){const e=et(this),t=0!==e.size,n=e.clear();return t&&ce(e,"clear",void 0,void 0),n}function je(e,t){return function(n,r){const o=this,s=o.__v_raw,l=et(s),i=t?Ee:e?xe:we;return!e&&ie(l,0,Q),s.forEach(((e,t)=>n.call(r,i(e),i(t),o)))}}function $e(e,t,n){return function(...r){const o=this.__v_raw,s=et(o),l=k(s),i="entries"===e||e===Symbol.iterator&&l,c="keys"===e&&l,a=o[e](...r),u=n?Ee:t?xe:we;return!t&&ie(s,0,c?Y:Q),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:i?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Me(e){return function(...t){return"delete"!==e&&this}}const Ie={get(e){return Se(this,e)},get size(){return Ce(this)},has:Oe,add:Re,set:Ae,delete:Pe,clear:Fe,forEach:je(!1,!1)},Te={get(e){return Se(this,e,!1,!0)},get size(){return Ce(this)},has:Oe,add:Re,set:Ae,delete:Pe,clear:Fe,forEach:je(!1,!0)},Ue={get(e){return Se(this,e,!0)},get size(){return Ce(this,!0)},has(e){return Oe.call(this,e,!0)},add:Me("add"),set:Me("set"),delete:Me("delete"),clear:Me("clear"),forEach:je(!0,!1)},Ve={get(e){return Se(this,e,!0,!0)},get size(){return Ce(this,!0)},has(e){return Oe.call(this,e,!0)},add:Me("add"),set:Me("set"),delete:Me("delete"),clear:Me("clear"),forEach:je(!0,!0)};function Ne(e,t){const n=t?e?Ve:Te:e?Ue:Ie;return(t,r,o)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(x(n,r)&&r in t?n:t,r,o)}["keys","values","entries",Symbol.iterator].forEach((e=>{Ie[e]=$e(e,!1,!1),Ue[e]=$e(e,!0,!1),Te[e]=$e(e,!1,!0),Ve[e]=$e(e,!0,!0)}));const Le={get:Ne(!1,!1)},Be={get:Ne(!1,!0)},De={get:Ne(!0,!1)},qe=new WeakMap,ze=new WeakMap,We=new WeakMap,Ke=new WeakMap;function Ge(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>$(e).slice(8,-1))(e))}function He(e){return e&&e.__v_isReadonly?e:Je(e,!1,ye,Le,qe)}function Xe(e){return Je(e,!0,be,De,We)}function Je(e,t,n,r,o){if(!P(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=o.get(e);if(s)return s;const l=Ge(e);if(0===l)return e;const i=new Proxy(e,2===l?r:n);return o.set(e,i),i}function Qe(e){return Ye(e)?Qe(e.__v_raw):!(!e||!e.__v_isReactive)}function Ye(e){return!(!e||!e.__v_isReadonly)}function Ze(e){return Qe(e)||Ye(e)}function et(e){return e&&et(e.__v_raw)||e}const tt=e=>P(e)?He(e):e;function nt(e){return Boolean(e&&!0===e.__v_isRef)}class rt{constructor(e,t=!1){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:tt(e)}get value(){return ie(et(this),0,"value"),this._value}set value(e){z(et(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:tt(e),ce(et(this),"set","value",e))}}function ot(e,t=!1){return nt(e)?e:new rt(e,t)}function st(e){return nt(e)?e.value:e}const lt={get:(e,t,n)=>st(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const o=e[t];return nt(o)&&!nt(n)?(o.value=n,!0):Reflect.set(e,t,n,r)}};function it(e){return Qe(e)?e:new Proxy(e,lt)}class ct{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}class at{constructor(e,t,n){this._setter=t,this._dirty=!0,this.__v_isRef=!0,this.effect=Z(e,{lazy:!0,scheduler:()=>{this._dirty||(this._dirty=!0,ce(et(this),"set","value"))}}),this.__v_isReadonly=n}get value(){const e=et(this);return e._dirty&&(e._value=this.effect(),e._dirty=!1),ie(e,0,"value"),e._value}set value(e){this._setter(e)}}function ut(e,t,n,r){let o;try{o=r?e(...r):e()}catch(s){pt(s,t,n)}return o}function ft(e,t,n,r){if(C(e)){const o=ut(e,t,n,r);return o&&F(o)&&o.catch((e=>{pt(e,t,n)})),o}const o=[];for(let s=0;s>>1;jt(mt[e])-1?mt.splice(t,0,e):mt.push(e),Rt()}}function Rt(){dt||ht||(ht=!0,kt=Et.then($t))}function At(e,t,n,r){E(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),Rt()}function Pt(e,t=null){if(vt.length){for(St=t,yt=[...new Set(vt)],vt.length=0,bt=0;btjt(e)-jt(t))),xt=0;xtnull==e.id?1/0:e.id;function $t(e){ht=!1,dt=!0,Pt(e),mt.sort(((e,t)=>jt(e)-jt(t)));try{for(gt=0;gte.trim())):t&&(o=n.map(G))}let i,c=r[i=q(t)]||r[i=q(N(t))];!c&&s&&(c=r[i=q(B(t))]),c&&ft(c,e,6,o);const a=r[i+"Once"];if(a){if(e.emitted){if(e.emitted[i])return}else(e.emitted={})[i]=!0;ft(a,e,6,o)}}function It(e,t,n=!1){if(!t.deopt&&void 0!==e.__emits)return e.__emits;const r=e.emits;let o={},s=!1;if(!C(e)){const r=e=>{const n=It(e,t,!0);n&&(s=!0,b(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return r||s?(E(r)?r.forEach((e=>o[e]=null)):b(o,r),e.__emits=o):e.__emits=null}function Tt(e,t){return!(!e||!v(t))&&(t=t.slice(2).replace(/Once$/,""),x(e,t[0].toLowerCase()+t.slice(1))||x(e,B(t))||x(e,t))}let Ut=0;const Vt=e=>Ut+=e;function Nt(e,t,n={},r,o){let s=e[t];Ut++,Jn();const l=s&&Lt(s(n)),i=Yn(zn,{key:n.key||`_${t}`},l||(r?r():[]),l&&1===e._?64:-2);return!o&&i.scopeId&&(i.slotScopeIds=[i.scopeId+"-s"]),Ut--,i}function Lt(e){return e.some((e=>!Zn(e)||e.type!==Kn&&!(e.type===zn&&!Lt(e.children))))?e:null}let Bt=null,Dt=null;function qt(e){const t=Bt;return Bt=e,Dt=e&&e.type.__scopeId||null,t}function zt(e,t=Bt){if(!t)return e;const n=(...n)=>{Ut||Jn(!0);const r=qt(t),o=e(...n);return qt(r),Ut||Qn(),o};return n._c=!0,n}function Wt(e){const{type:t,vnode:n,proxy:r,withProxy:o,props:s,propsOptions:[l],slots:i,attrs:c,emit:a,render:u,renderCache:f,data:p,setupState:d,ctx:h}=e;let m;const g=qt(e);try{let e;if(4&n.shapeFlag){const t=o||r;m=cr(u.call(t,t,f,s,d,p,h)),e=c}else{const n=t;0,m=cr(n.length>1?n(s,{attrs:c,slots:i,emit:a}):n(s,null)),e=t.props?c:Gt(c)}let g=m;if(!1!==t.inheritAttrs&&e){const t=Object.keys(e),{shapeFlag:n}=g;t.length&&(1&n||6&n)&&(l&&t.some(y)&&(e=Ht(e,l)),g=sr(g,e))}n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),m=g}catch(v){Hn.length=0,pt(v,e,1),m=or(Kn)}return qt(g),m}function Kt(e){let t;for(let n=0;n{let t;for(const n in e)("class"===n||"style"===n||v(n))&&((t||(t={}))[n]=e[n]);return t},Ht=(e,t)=>{const n={};for(const r in e)y(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function Xt(e,t,n){const r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let o=0;o{l=!0;const[n,r]=en(e,t,!0);b(o,n),r&&s.push(...r)};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}if(!r&&!l)return e.__props=d;if(E(r))for(let i=0;i-1,n[1]=r<0||t-1||x(n,"default"))&&s.push(e)}}}return e.__props=[o,s]}function tn(e){return"$"!==e[0]}function nn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function rn(e,t){return nn(e)===nn(t)}function on(e,t){return E(t)?t.findIndex((t=>rn(t,e))):C(t)&&rn(t,e)?0:-1}function sn(e,t,n=Cr,r=!1){if(n){const o=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;se(),Rr(n);const o=ft(t,n,e,r);return Rr(null),le(),o});return r?o.unshift(s):o.push(s),s}}const ln=e=>(t,n=Cr)=>!Pr&&sn(e,t,n),cn=ln("bm"),an=ln("m"),un=ln("bu"),fn=ln("u"),pn=ln("bum"),dn=ln("um"),hn=ln("rtg"),mn=ln("rtc"),gn={};function vn(e,t,n){return yn(e,t,n)}function yn(e,t,{immediate:n,deep:r,flush:o,onTrack:s,onTrigger:l}=p,i=Cr){let c,a,u=!1;if(nt(e)?(c=()=>e.value,u=!!e._shallow):Qe(e)?(c=()=>e,r=!0):c=E(e)?()=>e.map((e=>nt(e)?e.value:Qe(e)?_n(e):C(e)?ut(e,i,2,[i&&i.proxy]):void 0)):C(e)?t?()=>ut(e,i,2,[i&&i.proxy]):()=>{if(!i||!i.isUnmounted)return a&&a(),ft(e,i,3,[f])}:h,t&&r){const e=c;c=()=>_n(e())}let f=e=>{a=v.options.onStop=()=>{ut(e,i,4)}},d=E(e)?[]:gn;const m=()=>{if(v.active)if(t){const e=v();(r||u||z(e,d))&&(a&&a(),ft(t,i,3,[e,d===gn?void 0:d,f]),d=e)}else v()};let g;m.allowRecurse=!!t,g="sync"===o?m:"post"===o?()=>Tn(m,i&&i.suspense):()=>{!i||i.isMounted?function(e){At(e,yt,vt,bt)}(m):m()};const v=Z(c,{lazy:!0,onTrack:s,onTrigger:l,scheduler:g});return $r(v,i),t?n?m():d=v():"post"===o?Tn(v,i&&i.suspense):v(),()=>{ee(v),i&&_(i.effects,v)}}function bn(e,t,n){const r=this.proxy;return yn(R(e)?()=>r[e]:e.bind(r),t.bind(r),n,this)}function _n(e,t=new Set){if(!P(e)||t.has(e))return e;if(t.add(e),nt(e))_n(e.value,t);else if(E(e))for(let n=0;n{_n(e,t)}));else for(const n in e)_n(e[n],t);return e}const wn=e=>e.type.__isKeepAlive;function xn(e,t,n=Cr){const r=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(sn(t,r,n),n){let e=n.parent;for(;e&&e.parent;)wn(e.parent.vnode)&&En(r,t,n,e),e=e.parent}}function En(e,t,n,r){const o=sn(t,e,r,!0);dn((()=>{_(r[t],o)}),n)}const kn=e=>"_"===e[0]||"$stable"===e,Sn=e=>E(e)?e.map(cr):[cr(e)],On=(e,t,n)=>zt((e=>Sn(t(e))),n),Cn=(e,t)=>{const n=e._ctx;for(const r in e){if(kn(r))continue;const o=e[r];if(C(o))t[r]=On(0,o,n);else if(null!=o){const e=Sn(o);t[r]=()=>e}}},Rn=(e,t)=>{const n=Sn(t);e.slots.default=()=>n};function An(e,t){if(null===Bt)return e;const n=Bt.proxy,r=e.dirs||(e.dirs=[]);for(let o=0;o(s.has(e)||(e&&C(e.install)?(s.add(e),e.install(i,...t)):C(e)&&(s.add(e),e(i,...t))),i),mixin:e=>(o.mixins.includes(e)||(o.mixins.push(e),(e.props||e.emits)&&(o.deopt=!0)),i),component:(e,t)=>t?(o.components[e]=t,i):o.components[e],directive:(e,t)=>t?(o.directives[e]=t,i):o.directives[e],mount(s,c,a){if(!l){const u=or(n,r);return u.appContext=o,c&&t?t(u,s):e(u,s,a),l=!0,i._container=s,s.__vue_app__=i,u.component.proxy}},unmount(){l&&(e(null,i._container),delete i._container.__vue_app__)},provide:(e,t)=>(o.provides[e]=t,i)};return i}}function Mn(e){return C(e)?{setup:e,name:e.name}:e}const In={scheduler:Ct,allowRecurse:!0},Tn=function(e,t){t&&t.pendingBranch?E(e)?t.effects.push(...e):t.effects.push(e):At(e,wt,_t,xt)},Un=(e,t,n,r)=>{if(E(e))return void e.forEach(((e,o)=>Un(e,t&&(E(t)?t[o]:t),n,r)));let o;if(r){if(r.type.__asyncLoader)return;o=4&r.shapeFlag?r.component.exposed||r.component.proxy:r.el}else o=null;const{i:s,r:l}=e,i=t&&t.r,c=s.refs===p?s.refs={}:s.refs,a=s.setupState;if(null!=i&&i!==l&&(R(i)?(c[i]=null,x(a,i)&&(a[i]=null)):nt(i)&&(i.value=null)),R(l)){const e=()=>{c[l]=o,x(a,l)&&(a[l]=o)};o?(e.id=-1,Tn(e,n)):e()}else if(nt(l)){const e=()=>{l.value=o};o?(e.id=-1,Tn(e,n)):e()}else C(l)&&ut(l,s,12,[o,c])};function Vn(e){return function(e,t){const{insert:n,remove:r,patchProp:o,forcePatchProp:s,createElement:l,createText:i,createComment:c,setText:a,setElementText:u,parentNode:f,nextSibling:m,setScopeId:g=h,cloneNode:v,insertStaticContent:y}=e,_=(e,t,n,r=null,o=null,s=null,l=!1,i=null,c=!1)=>{e&&!er(e,t)&&(r=re(e),J(e,o,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:f}=t;switch(a){case Wn:w(e,t,n,r);break;case Kn:E(e,t,n,r);break;case Gn:null==e&&k(t,n,r,l);break;case zn:I(e,t,n,r,o,s,l,i,c);break;default:1&f?C(e,t,n,r,o,s,l,i,c):6&f?U(e,t,n,r,o,s,l,i,c):(64&f||128&f)&&a.process(e,t,n,r,o,s,l,i,c,ie)}null!=u&&o&&Un(u,e&&e.ref,s,t)},w=(e,t,r,o)=>{if(null==e)n(t.el=i(t.children),r,o);else{const n=t.el=e.el;t.children!==e.children&&a(n,t.children)}},E=(e,t,r,o)=>{null==e?n(t.el=c(t.children||""),r,o):t.el=e.el},k=(e,t,n,r)=>{[e.el,e.anchor]=y(e.children,t,n,r)},S=({el:e,anchor:t},r,o)=>{let s;for(;e&&e!==t;)s=m(e),n(e,r,o),e=s;n(t,r,o)},O=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=m(e),r(e),e=n;r(t)},C=(e,t,n,r,o,s,l,i,c)=>{l=l||"svg"===t.type,null==e?R(t,n,r,o,s,l,i,c):j(e,t,o,s,l,i,c)},R=(e,t,r,s,i,c,a,f)=>{let p,d;const{type:h,props:m,shapeFlag:g,transition:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==v&&-1===b)p=e.el=v(e.el);else{if(p=e.el=l(e.type,c,m&&m.is,m),8&g?u(p,e.children):16&g&&P(e.children,p,null,s,i,c&&"foreignObject"!==h,a,f||!!e.dynamicChildren),_&&Pn(e,null,s,"created"),m){for(const t in m)T(t)||o(p,t,null,m[t],c,e.children,s,i,ne);(d=m.onVnodeBeforeMount)&&Nn(d,s,e)}A(p,e,e.scopeId,a,s)}_&&Pn(e,null,s,"beforeMount");const w=(!i||i&&!i.pendingBranch)&&y&&!y.persisted;w&&y.beforeEnter(p),n(p,t,r),((d=m&&m.onVnodeMounted)||w||_)&&Tn((()=>{d&&Nn(d,s,e),w&&y.enter(p),_&&Pn(e,null,s,"mounted")}),i)},A=(e,t,n,r,o)=>{if(n&&g(e,n),r)for(let s=0;s{for(let a=c;a{const a=t.el=e.el;let{patchFlag:f,dynamicChildren:d,dirs:h}=t;f|=16&e.patchFlag;const m=e.props||p,g=t.props||p;let v;if((v=g.onVnodeBeforeUpdate)&&Nn(v,n,t,e),h&&Pn(t,e,n,"beforeUpdate"),f>0){if(16&f)M(a,t,m,g,n,r,l);else if(2&f&&m.class!==g.class&&o(a,"class",null,g.class,l),4&f&&o(a,"style",m.style,g.style,l),8&f){const i=t.dynamicProps;for(let t=0;t{v&&Nn(v,n,t,e),h&&Pn(t,e,n,"updated")}),r)},$=(e,t,n,r,o,s,l)=>{for(let i=0;i{if(n!==r){for(const a in r){if(T(a))continue;const u=r[a],f=n[a];(u!==f||s&&s(e,a))&&o(e,a,f,u,c,t.children,l,i,ne)}if(n!==p)for(const s in n)T(s)||s in r||o(e,s,n[s],null,c,t.children,l,i,ne)}},I=(e,t,r,o,s,l,c,a,u)=>{const f=t.el=e?e.el:i(""),p=t.anchor=e?e.anchor:i("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;d>0&&(u=!0),m&&(a=a?a.concat(m):m),null==e?(n(f,r,o),n(p,r,o),P(t.children,r,p,s,l,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?($(e.dynamicChildren,h,r,s,l,c,a),(null!=t.key||s&&t===s.subTree)&&Ln(e,t,!0)):z(e,t,r,p,s,l,c,a,u)},U=(e,t,n,r,o,s,l,i,c)=>{t.slotScopeIds=i,null==e?512&t.shapeFlag?o.ctx.activate(t,n,r,l,c):V(t,n,r,o,s,l,c):L(e,t,c)},V=(e,t,n,r,o,s,l)=>{const i=e.component=function(e,t,n){const r=e.type,o=(t?t.appContext:e.appContext)||Sr,s={uid:Or++,vnode:e,type:r,parent:t,appContext:o,root:null,next:null,subTree:null,update:null,render:null,proxy:null,exposed:null,withProxy:null,effects:null,provides:t?t.provides:Object.create(o.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:en(r,o),emitsOptions:It(r,o),emit:null,emitted:null,propsDefaults:p,ctx:p,data:p,props:p,attrs:p,slots:p,refs:p,setupState:p,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=Mt.bind(null,s),s}(e,r,o);if(wn(e)&&(i.ctx.renderer=ie),function(e,t=!1){Pr=t;const{props:n,children:r}=e.vnode,o=Ar(e);Qt(e,n,o,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=t,K(t,"_",n)):Cn(t,e.slots={})}else e.slots={},t&&Rn(e,t);K(e.slots,tr,1)})(e,r);const s=o?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,Er);const{setup:r}=n;if(r){const n=e.setupContext=r.length>1?function(e){const t=t=>{e.exposed=it(t)};return{attrs:e.attrs,slots:e.slots,emit:e.emit,expose:t}}(e):null;Cr=e,se();const o=ut(r,e,0,[e.props,n]);if(le(),Cr=null,F(o)){if(t)return o.then((t=>{Fr(e,t)})).catch((t=>{pt(t,e,0)}));e.asyncDep=o}else Fr(e,o)}else jr(e)}(e,t):void 0;Pr=!1}(i),i.asyncDep){if(o&&o.registerDep(i,D),!e.el){const e=i.subTree=or(Kn);E(null,e,t,n)}}else D(i,e,t,n,o,s,l)},L=(e,t,n)=>{const r=t.component=e.component;if(function(e,t,n){const{props:r,children:o,component:s}=e,{props:l,children:i,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!o&&!i||i&&i.$stable)||r!==l&&(r?!l||Xt(r,l,a):!!l);if(1024&c)return!0;if(16&c)return r?Xt(r,l,a):!!l;if(8&c){const e=t.dynamicProps;for(let t=0;tgt&&mt.splice(t,1)}(r.update),r.update()}else t.component=e.component,t.el=e.el,r.vnode=t},D=(e,t,n,r,o,s,l)=>{e.update=Z((function(){if(e.isMounted){let t,{next:n,bu:r,u:i,parent:c,vnode:a}=e,u=n;n?(n.el=a.el,q(e,n,l)):n=a,r&&W(r),(t=n.props&&n.props.onVnodeBeforeUpdate)&&Nn(t,c,n,a);const p=Wt(e),d=e.subTree;e.subTree=p,_(d,p,f(d.el),re(d),e,o,s),n.el=p.el,null===u&&function({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}(e,p.el),i&&Tn(i,o),(t=n.props&&n.props.onVnodeUpdated)&&Tn((()=>{Nn(t,c,n,a)}),o)}else{let l;const{el:i,props:c}=t,{bm:a,m:u,parent:f}=e;a&&W(a),(l=c&&c.onVnodeBeforeMount)&&Nn(l,f,t);const p=e.subTree=Wt(e);if(i&&ue?ue(t.el,p,e,o,null):(_(null,p,n,r,e,o,s),t.el=p.el),u&&Tn(u,o),l=c&&c.onVnodeMounted){const e=t;Tn((()=>{Nn(l,f,e)}),o)}const{a:d}=e;d&&256&t.shapeFlag&&Tn(d,o),e.isMounted=!0,t=n=r=null}}),In)},q=(e,t,n)=>{t.component=e;const r=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,r){const{props:o,attrs:s,vnode:{patchFlag:l}}=e,i=et(o),[c]=e.propsOptions;if(!(r||l>0)||16&l){let r;Yt(e,t,o,s);for(const s in i)t&&(x(t,s)||(r=B(s))!==s&&x(t,r))||(c?!n||void 0===n[s]&&void 0===n[r]||(o[s]=Zt(c,t||p,s,void 0,e)):delete o[s]);if(s!==i)for(const e in s)t&&x(t,e)||delete s[e]}else if(8&l){const n=e.vnode.dynamicProps;for(let r=0;r{const{vnode:r,slots:o}=e;let s=!0,l=p;if(32&r.shapeFlag){const e=t._;e?n&&1===e?s=!1:(b(o,t),n||1!==e||delete o._):(s=!t.$stable,Cn(t,o)),l=t}else t&&(Rn(e,t),l={default:1});if(s)for(const i in o)kn(i)||i in l||delete o[i]})(e,t.children,n),se(),Pt(void 0,e.update),le()},z=(e,t,n,r,o,s,l,i,c=!1)=>{const a=e&&e.children,f=e?e.shapeFlag:0,p=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void H(a,p,n,r,o,s,l,i,c);if(256&d)return void G(a,p,n,r,o,s,l,i,c)}8&h?(16&f&&ne(a,o,s),p!==a&&u(n,p)):16&f?16&h?H(a,p,n,r,o,s,l,i,c):ne(a,o,s,!0):(8&f&&u(n,""),16&h&&P(p,n,r,o,s,l,i,c))},G=(e,t,n,r,o,s,l,i,c)=>{t=t||d;const a=(e=e||d).length,u=t.length,f=Math.min(a,u);let p;for(p=0;pu?ne(e,o,s,!0,!1,f):P(t,n,r,o,s,l,i,c,f)},H=(e,t,n,r,o,s,l,i,c)=>{let a=0;const u=t.length;let f=e.length-1,p=u-1;for(;a<=f&&a<=p;){const r=e[a],u=t[a]=c?ar(t[a]):cr(t[a]);if(!er(r,u))break;_(r,u,n,null,o,s,l,i,c),a++}for(;a<=f&&a<=p;){const r=e[f],a=t[p]=c?ar(t[p]):cr(t[p]);if(!er(r,a))break;_(r,a,n,null,o,s,l,i,c),f--,p--}if(a>f){if(a<=p){const e=p+1,f=ep)for(;a<=f;)J(e[a],o,s,!0),a++;else{const h=a,m=a,g=new Map;for(a=m;a<=p;a++){const e=t[a]=c?ar(t[a]):cr(t[a]);null!=e.key&&g.set(e.key,a)}let v,y=0;const b=p-m+1;let w=!1,x=0;const E=new Array(b);for(a=0;a=b){J(r,o,s,!0);continue}let u;if(null!=r.key)u=g.get(r.key);else for(v=m;v<=p;v++)if(0===E[v-m]&&er(r,t[v])){u=v;break}void 0===u?J(r,o,s,!0):(E[u-m]=a+1,u>=x?x=u:w=!0,_(r,t[u],n,null,o,s,l,i,c),y++)}const k=w?function(e){const t=e.slice(),n=[0];let r,o,s,l,i;const c=e.length;for(r=0;r0&&(t[r]=n[s-1]),n[s]=r)}}s=n.length,l=n[s-1];for(;s-- >0;)n[s]=l,l=t[l];return n}(E):d;for(v=k.length-1,a=b-1;a>=0;a--){const e=m+a,f=t[e],p=e+1{const{el:l,type:i,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void X(e.component.subTree,t,r,o);if(128&u)return void e.suspense.move(t,r,o);if(64&u)return void i.move(e,t,r,ie);if(i===zn){n(l,t,r);for(let e=0;ec.enter(l)),s);else{const{leave:e,delayLeave:o,afterLeave:s}=c,i=()=>n(l,t,r),a=()=>{e(l,(()=>{i(),s&&s()}))};o?o(l,i,a):a()}else n(l,t,r)},J=(e,t,n,r=!1,o=!1)=>{const{type:s,props:l,ref:i,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:f,dirs:p}=e;if(null!=i&&Un(i,null,n,null),256&u)return void t.ctx.deactivate(e);const d=1&u&&p;let h;if((h=l&&l.onVnodeBeforeUnmount)&&Nn(h,t,e),6&u)te(e.component,n,r);else{if(128&u)return void e.suspense.unmount(n,r);d&&Pn(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,o,ie,r):a&&(s!==zn||f>0&&64&f)?ne(a,t,n,!1,!0):(s===zn&&(128&f||256&f)||!o&&16&u)&&ne(c,t,n),r&&Q(e)}((h=l&&l.onVnodeUnmounted)||d)&&Tn((()=>{h&&Nn(h,t,e),d&&Pn(e,null,t,"unmounted")}),n)},Q=e=>{const{type:t,el:n,anchor:o,transition:s}=e;if(t===zn)return void Y(n,o);if(t===Gn)return void O(e);const l=()=>{r(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:r}=s,o=()=>t(n,l);r?r(e.el,l,o):o()}else l()},Y=(e,t)=>{let n;for(;e!==t;)n=m(e),r(e),e=n;r(t)},te=(e,t,n)=>{const{bum:r,effects:o,update:s,subTree:l,um:i}=e;if(r&&W(r),o)for(let c=0;c{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},ne=(e,t,n,r=!1,o=!1,s=0)=>{for(let l=s;l6&e.shapeFlag?re(e.component.subTree):128&e.shapeFlag?e.suspense.next():m(e.anchor||e.el),oe=(e,t,n)=>{null==e?t._vnode&&J(t._vnode,null,null,!0):_(t._vnode||null,e,t,null,null,null,n),Ft(),t._vnode=e},ie={p:_,um:J,m:X,r:Q,mt:V,mc:P,pc:z,pbc:$,n:re,o:e};let ae,ue;t&&([ae,ue]=t(ie));return{render:oe,hydrate:ae,createApp:$n(oe,ae)}}(e)}function Nn(e,t,n,r=null){ft(e,t,7,[n,r])}function Ln(e,t,n=!1){const r=e.children,o=t.children;if(E(r)&&E(o))for(let s=0;snull!=e?e:null,rr=({ref:e})=>null!=e?R(e)||nt(e)||C(e)?{i:Bt,r:e}:e:null,or=function(e,t=null,n=null,o=0,s=null,l=!1){e&&e!==Dn||(e=Kn);if(Zn(e)){const r=sr(e,t,!0);return n&&ur(r,n),r}c=e,C(c)&&"__vccOpts"in c&&(e=e.__vccOpts);var c;if(t){(Ze(t)||tr in t)&&(t=b({},t));let{class:e,style:n}=t;e&&!R(e)&&(t.class=i(e)),P(n)&&(Ze(n)&&!E(n)&&(n=b({},n)),t.style=r(n))}const a=R(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:P(e)?4:C(e)?2:0,u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&nr(t),ref:t&&rr(t),scopeId:Dt,slotScopeIds:null,children:null,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:o,dynamicProps:s,dynamicChildren:null,appContext:null};if(ur(u,n),128&a){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let r,o;return 32&t?(r=Jt(n.default),o=Jt(n.fallback)):(r=Jt(n),o=cr(null)),{content:r,fallback:o}}(u);u.ssContent=e,u.ssFallback=t}!l&&Xn&&(o>0||6&a)&&32!==o&&Xn.push(u);return u};function sr(e,t,n=!1){const{props:o,ref:s,patchFlag:l,children:c}=e,a=t?function(...e){const t=b({},e[0]);for(let n=1;n1)return n&&C(t)?t():t}}let dr=!0;function hr(e,t,n=[],r=[],o=[],s=!1){const{mixins:l,extends:i,data:c,computed:a,methods:u,watch:f,provide:d,inject:m,components:g,directives:v,beforeMount:y,mounted:_,beforeUpdate:w,updated:x,activated:k,deactivated:S,beforeDestroy:O,beforeUnmount:R,destroyed:A,unmounted:F,render:j,renderTracked:$,renderTriggered:M,errorCaptured:I,expose:T}=t,U=e.proxy,V=e.ctx,N=e.appContext.mixins;if(s&&j&&e.render===h&&(e.render=j),s||(dr=!1,mr("beforeCreate","bc",t,e,N),dr=!0,vr(e,N,n,r,o)),i&&hr(e,i,n,r,o,!0),l&&vr(e,l,n,r,o),m)if(E(m))for(let p=0;pyr(e,t,U))),c&&yr(e,c,U)),a)for(const p in a){const e=a[p],t=Ir({get:C(e)?e.bind(U,U):C(e.get)?e.get.bind(U,U):h,set:!C(e)&&C(e.set)?e.set.bind(U):h});Object.defineProperty(V,p,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}var L;if(f&&r.push(f),!s&&r.length&&r.forEach((e=>{for(const t in e)br(e[t],V,U,t)})),d&&o.push(d),!s&&o.length&&o.forEach((e=>{const t=C(e)?e.call(U):e;Reflect.ownKeys(t).forEach((e=>{fr(e,t[e])}))})),s&&(g&&b(e.components||(e.components=b({},e.type.components)),g),v&&b(e.directives||(e.directives=b({},e.type.directives)),v)),s||mr("created","c",t,e,N),y&&cn(y.bind(U)),_&&an(_.bind(U)),w&&un(w.bind(U)),x&&fn(x.bind(U)),k&&xn(k.bind(U),"a",L),S&&function(e,t){xn(e,"da",t)}(S.bind(U)),I&&((e,t=Cr)=>{sn("ec",e,t)})(I.bind(U)),$&&mn($.bind(U)),M&&hn(M.bind(U)),R&&pn(R.bind(U)),F&&dn(F.bind(U)),E(T)&&!s)if(T.length){const t=e.exposed||(e.exposed=it({}));T.forEach((e=>{t[e]=function(e,t){return nt(e[t])?e[t]:new ct(e,t)}(U,e)}))}else e.exposed||(e.exposed=p)}function mr(e,t,n,r,o){for(let s=0;s{let t=e;for(let e=0;en[r];if(R(e)){const n=t[e];C(n)&&vn(o,n)}else if(C(e))vn(o,e.bind(n));else if(P(e))if(E(e))e.forEach((e=>br(e,t,n,r)));else{const r=C(e.handler)?e.handler.bind(n):t[e.handler];C(r)&&vn(o,r,e)}}function _r(e,t,n){const r=n.appContext.config.optionMergeStrategies,{mixins:o,extends:s}=t;s&&_r(e,s,n),o&&o.forEach((t=>_r(e,t,n)));for(const l in t)r&&x(r,l)?e[l]=r[l](e[l],t[l],n.proxy,l):e[l]=t[l]}const wr=e=>e?Ar(e)?e.exposed?e.exposed:e.proxy:wr(e.parent):null,xr=b(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>wr(e.parent),$root:e=>wr(e.root),$emit:e=>e.emit,$options:e=>function(e){const t=e.type,{__merged:n,mixins:r,extends:o}=t;if(n)return n;const s=e.appContext.mixins;if(!s.length&&!r&&!o)return t;const l={};return s.forEach((t=>_r(l,t,e))),_r(l,t,e),t.__merged=l}(e),$forceUpdate:e=>()=>Ct(e.update),$nextTick:e=>Ot.bind(e.proxy),$watch:e=>bn.bind(e)}),Er={get({_:e},t){const{ctx:n,setupState:r,data:o,props:s,accessCache:l,type:i,appContext:c}=e;if("__v_skip"===t)return!0;let a;if("$"!==t[0]){const i=l[t];if(void 0!==i)switch(i){case 0:return r[t];case 1:return o[t];case 3:return n[t];case 2:return s[t]}else{if(r!==p&&x(r,t))return l[t]=0,r[t];if(o!==p&&x(o,t))return l[t]=1,o[t];if((a=e.propsOptions[0])&&x(a,t))return l[t]=2,s[t];if(n!==p&&x(n,t))return l[t]=3,n[t];dr&&(l[t]=4)}}const u=xr[t];let f,d;return u?("$attrs"===t&&ie(e,0,t),u(e)):(f=i.__cssModules)&&(f=f[t])?f:n!==p&&x(n,t)?(l[t]=3,n[t]):(d=c.config.globalProperties,x(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:r,setupState:o,ctx:s}=e;if(o!==p&&x(o,t))o[t]=n;else if(r!==p&&x(r,t))r[t]=n;else if(x(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:o,propsOptions:s}},l){let i;return void 0!==n[l]||e!==p&&x(e,l)||t!==p&&x(t,l)||(i=s[0])&&x(i,l)||x(r,l)||x(xr,l)||x(o.config.globalProperties,l)}},kr=b({},Er,{get(e,t){if(t!==Symbol.unscopables)return Er.get(e,t,e)},has:(e,n)=>"_"!==n[0]&&!t(n)}),Sr=Fn();let Or=0;let Cr=null;const Rr=e=>{Cr=e};function Ar(e){return 4&e.vnode.shapeFlag}let Pr=!1;function Fr(e,t,n){C(t)?e.render=t:P(t)&&(e.setupState=it(t)),jr(e)}function jr(e,t){const n=e.type;e.render||(e.render=n.render||h,e.render._rc&&(e.withProxy=new Proxy(e.ctx,kr))),Cr=e,se(),hr(e,n),le(),Cr=null}function $r(e,t=Cr){t&&(t.effects||(t.effects=[])).push(e)}function Mr(e){return C(e)&&e.displayName||e.name}function Ir(e){const t=function(e){let t,n;return C(e)?(t=e,n=h):(t=e.get,n=e.set),new at(t,n,C(e)||!e.set)}(e);return $r(t.effect),t}function Tr(e,t,n){const r=arguments.length;return 2===r?P(t)&&!E(t)?Zn(t)?or(e,null,[t]):or(e,t):or(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&Zn(n)&&(n=[n]),or(e,t,n))}function Ur(e,t){let n;if(E(e)||R(e)){n=new Array(e.length);for(let r=0,o=e.length;r{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const o=t?Lr.createElementNS(Nr,e):Lr.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&o.setAttribute("multiple",r.multiple),o},createText:e=>Lr.createTextNode(e),createComment:e=>Lr.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Lr.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,r){const o=r?Dr||(Dr=Lr.createElementNS(Nr,"svg")):Br||(Br=Lr.createElement("div"));o.innerHTML=e;const s=o.firstChild;let l=s,i=l;for(;l;)i=l,qr.insert(l,t,n),l=o.firstChild;return[s,i]}};const zr=/\s*!important$/;function Wr(e,t,n){if(E(n))n.forEach((n=>Wr(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const r=function(e,t){const n=Gr[t];if(n)return n;let r=N(t);if("filter"!==r&&r in e)return Gr[t]=r;r=D(r);for(let o=0;odocument.createEvent("Event").timeStamp&&(Xr=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);Jr=!!(e&&Number(e[1])<=53)}let Qr=0;const Yr=Promise.resolve(),Zr=()=>{Qr=0};function eo(e,t,n,r){e.addEventListener(t,n,r)}function to(e,t,n,r,o=null){const s=e._vei||(e._vei={}),l=s[t];if(r&&l)l.value=r;else{const[n,i]=function(e){let t;if(no.test(e)){let n;for(t={};n=e.match(no);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[B(e.slice(2)),t]}(t);if(r){eo(e,n,s[t]=function(e,t){const n=e=>{const r=e.timeStamp||Xr();(Jr||r>=n.attached-1)&&ft(function(e,t){if(E(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Qr||(Yr.then(Zr),Qr=Xr()))(),n}(r,o),i)}else l&&(!function(e,t,n,r){e.removeEventListener(t,n,r)}(e,n,l,i),s[t]=void 0)}}const no=/(?:Once|Passive|Capture)$/;const ro=/^on[a-z]/;const oo=e=>{const t=e.props["onUpdate:modelValue"];return E(t)?e=>W(t,e):t};function so(e){e.target.composing=!0}function lo(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const io={created(e,{modifiers:{lazy:t,trim:n,number:r}},o){e._assign=oo(o);const s=r||"number"===e.type;eo(e,t?"change":"input",(t=>{if(t.target.composing)return;let r=e.value;n?r=r.trim():s&&(r=G(r)),e._assign(r)})),n&&eo(e,"change",(()=>{e.value=e.value.trim()})),t||(eo(e,"compositionstart",so),eo(e,"compositionend",lo),eo(e,"change",lo))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{trim:n,number:r}},o){if(e._assign=oo(o),e.composing)return;if(document.activeElement===e){if(n&&e.value.trim()===t)return;if((r||"number"===e.type)&&G(e.value)===t)return}const s=null==t?"":t;e.value!==s&&(e.value=s)}},co={created(e,{value:t},n){e.checked=c(t,n.props.value),e._assign=oo(n),eo(e,"change",(()=>{e._assign(fo(e))}))},beforeUpdate(e,{value:t,oldValue:n},r){e._assign=oo(r),t!==n&&(e.checked=c(t,r.props.value))}},ao={created(e,{value:t,modifiers:{number:n}},r){const o=S(t);eo(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?G(fo(e)):fo(e)));e._assign(e.multiple?o?new Set(t):t:t[0])})),e._assign=oo(r)},mounted(e,{value:t}){uo(e,t)},beforeUpdate(e,t,n){e._assign=oo(n)},updated(e,{value:t}){uo(e,t)}};function uo(e,t){const n=e.multiple;if(!n||E(t)||S(t)){for(let r=0,o=e.options.length;r-1:o.selected=t.has(s);else if(c(fo(o),t))return void(e.selectedIndex=r)}n||(e.selectedIndex=-1)}}function fo(e){return"_value"in e?e._value:e.value}const po=["ctrl","shift","alt","meta"],ho={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>po.some((n=>e[`${n}Key`]&&!t.includes(n)))},mo=(e,t)=>(n,...r)=>{for(let e=0;e{vo(e,!1)})):vo(e,t))},beforeUnmount(e,{value:t}){vo(e,t)}};function vo(e,t){e.style.display=t?e._vod:"none"}const yo=b({patchProp:(e,t,r,o,s=!1,l,i,c,a)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),e.className=t}}(e,o,s);break;case"style":!function(e,t,n){const r=e.style;if(n)if(R(n)){if(t!==n){const t=r.display;r.cssText=n,"_vod"in e&&(r.display=t)}}else{for(const e in n)Wr(r,e,n[e]);if(t&&!R(t))for(const e in t)null==n[e]&&Wr(r,e,"")}else e.removeAttribute("style")}(e,r,o);break;default:v(t)?y(t)||to(e,t,0,o,i):function(e,t,n,r){if(r)return"innerHTML"===t||!!(t in e&&ro.test(t)&&C(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(ro.test(t)&&R(n))return!1;return t in e}(e,t,o,s)?function(e,t,n,r,o,s,l){if("innerHTML"===t||"textContent"===t)return r&&l(r,o,s),void(e[t]=null==n?"":n);if("value"!==t||"PROGRESS"===e.tagName){if(""===n||null==n){const r=typeof e[t];if(""===n&&"boolean"===r)return void(e[t]=!0);if(null==n&&"string"===r)return e[t]="",void e.removeAttribute(t);if("number"===r)return e[t]=0,void e.removeAttribute(t)}try{e[t]=n}catch(i){}}else{e._value=n;const t=null==n?"":n;e.value!==t&&(e.value=t)}}(e,t,o,l,i,c,a):("true-value"===t?e._trueValue=o:"false-value"===t&&(e._falseValue=o),function(e,t,r,o){if(o&&t.startsWith("xlink:"))null==r?e.removeAttributeNS(Hr,t.slice(6,t.length)):e.setAttributeNS(Hr,t,r);else{const o=n(t);null==r||o&&!1===r?e.removeAttribute(t):e.setAttribute(t,o?"":r)}}(e,t,o,s))}},forcePatchProp:(e,t)=>"value"===t},qr);let bo;const _o=(...e)=>{const t=(bo||(bo=Vn(yo))).createApp(...e),{mount:n}=t;return t.mount=e=>{const r=function(e){if(R(e)){return document.querySelector(e)}return e} -/*! - * vue-router v4.0.8 - * (c) 2021 Eduardo San Martin Morote - * @license MIT - */(e);if(!r)return;const o=t._component;C(o)||o.render||o.template||(o.template=r.innerHTML),r.innerHTML="";const s=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),s},t};const wo="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,xo=e=>wo?Symbol(e):"_vr_"+e,Eo=xo("rvlm"),ko=xo("rvd"),So=xo("r"),Oo=xo("rl"),Co=xo("rvl"),Ro="undefined"!=typeof window;const Ao=Object.assign;function Po(e,t){const n={};for(const r in t){const o=t[r];n[r]=Array.isArray(o)?o.map(e):e(o)}return n}let Fo=()=>{};const jo=/\/$/;function $o(e,t,n="/"){let r,o={},s="",l="";const i=t.indexOf("?"),c=t.indexOf("#",i>-1?i:0);return i>-1&&(r=t.slice(0,i),s=t.slice(i+1,c>-1?c:t.length),o=e(s)),c>-1&&(r=r||t.slice(0,c),l=t.slice(c,t.length)),r=function(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),r=e.split("/");let o,s,l=n.length-1;for(o=0;oe===t[n])):1===e.length&&e[0]===t}var No,Lo,Bo,Do;function qo(e){if(!e)if(Ro){const t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return"/"!==e[0]&&"#"!==e[0]&&(e="/"+e),e.replace(jo,"")}(Lo=No||(No={})).pop="pop",Lo.push="push",(Do=Bo||(Bo={})).back="back",Do.forward="forward",Do.unknown="";const zo=/^[^#]+#/;function Wo(e,t){return e.replace(zo,"#")+t}const Ko=()=>({left:window.pageXOffset,top:window.pageYOffset});function Go(e){let t;if("el"in e){let n=e.el;const r="string"==typeof n&&n.startsWith("#"),o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;t=function(e,t){const n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}(o,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(null!=t.left?t.left:window.pageXOffset,null!=t.top?t.top:window.pageYOffset)}function Ho(e,t){return(history.state?history.state.position-t:-1)+e}const Xo=new Map;function Jo(e,t){const{pathname:n,search:r,hash:o}=t,s=e.indexOf("#");if(s>-1){let t=o.includes(e.slice(s))?e.slice(s).length:1,n=o.slice(t);return"/"!==n[0]&&(n="/"+n),Mo(n,"")}return Mo(n,e)+r+o}function Qo(e,t,n,r=!1,o=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:o?Ko():null}}function Yo(e){const{history:t,location:n}=window;let r={value:Jo(e,n)},o={value:t.state};function s(r,s,l){const i=e.indexOf("#"),c=i>-1?(n.host&&document.querySelector("base")?e:e.slice(i))+r:location.protocol+"//"+location.host+e+r;try{t[l?"replaceState":"pushState"](s,"",c),o.value=s}catch(a){console.error(a),n[l?"replace":"assign"](c)}}return o.value||s(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(e,n){const l=Ao({},o.value,t.state,{forward:e,scroll:Ko()});s(l.current,l,!0),s(e,Ao({},Qo(r.value,e,null),{position:l.position+1},n),!1),r.value=e},replace:function(e,n){s(e,Ao({},t.state,Qo(o.value.back,e,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=e}}}function Zo(e){const t=Yo(e=qo(e)),n=function(e,t,n,r){let o=[],s=[],l=null;const i=({state:s})=>{const i=Jo(e,location),c=n.value,a=t.value;let u=0;if(s){if(n.value=i,t.value=s,l&&l===c)return void(l=null);u=a?s.position-a.position:0}else r(i);o.forEach((e=>{e(n.value,c,{delta:u,type:No.pop,direction:u?u>0?Bo.forward:Bo.back:Bo.unknown})}))};function c(){const{history:e}=window;e.state&&e.replaceState(Ao({},e.state,{scroll:Ko()}),"")}return window.addEventListener("popstate",i),window.addEventListener("beforeunload",c),{pauseListeners:function(){l=n.value},listen:function(e){o.push(e);const t=()=>{const t=o.indexOf(e);t>-1&&o.splice(t,1)};return s.push(t),t},destroy:function(){for(const e of s)e();s=[],window.removeEventListener("popstate",i),window.removeEventListener("beforeunload",c)}}}(e,t.state,t.location,t.replace);const r=Ao({location:"",base:e,go:function(e,t=!0){t||n.pauseListeners(),history.go(e)},createHref:Wo.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function es(e){return(e=location.host?e||location.pathname+location.search:"").indexOf("#")<0&&(e+="#"),Zo(e)}function ts(e){return"string"==typeof e||"symbol"==typeof e}const ns={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},rs=xo("nf");var os,ss;function ls(e,t){return Ao(new Error,{type:e,[rs]:!0},t)}function is(e,t){return e instanceof Error&&rs in e&&(null==t||!!(e.type&t))}(ss=os||(os={}))[ss.aborted=4]="aborted",ss[ss.cancelled=8]="cancelled",ss[ss.duplicated=16]="duplicated";const cs={sensitive:!1,strict:!1,start:!0,end:!0},as=/[.+*?^${}()[\]/\\]/g;function us(e,t){let n=0;for(;nt.length?1===t.length&&80===t[0]?1:-1:0}function fs(e,t){let n=0;const r=e.score,o=t.score;for(;n1&&("*"===i||"+"===i)&&t(`A repeatable param (${a}) must be alone in its segment. eg: '/:ids+.`),s.push({type:1,value:a,regexp:u,repeatable:"*"===i||"+"===i,optional:"*"===i||"?"===i})):t("Invalid state to consume buffer"),a="")}function p(){a+=i}for(;c{s(p)}:Fo}function s(e){if(ts(e)){const t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(s),t.alias.forEach(s))}else{let t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(s),e.alias.forEach(s))}}function l(e){let t=0;for(;t=0;)t++;n.splice(t,0,e),e.record.name&&!vs(e)&&r.set(e.record.name,e)}return t=bs({strict:!1,end:!0,sensitive:!1},t),e.forEach((e=>o(e))),{addRoute:o,resolve:function(e,t){let o,s,l,i={};if("name"in e&&e.name){if(o=r.get(e.name),!o)throw ls(1,{location:e});l=o.record.name,i=Ao(function(e,t){let n={};for(let r of t)r in e&&(n[r]=e[r]);return n}(t.params,o.keys.filter((e=>!e.optional)).map((e=>e.name))),e.params),s=o.stringify(i)}else if("path"in e)s=e.path,o=n.find((e=>e.re.test(s))),o&&(i=o.parse(s),l=o.record.name);else{if(o=t.name?r.get(t.name):n.find((e=>e.re.test(t.path))),!o)throw ls(1,{location:e,currentLocation:t});l=o.record.name,i=Ao({},t.params,e.params),s=o.stringify(i)}const c=[];let a=o;for(;a;)c.unshift(a.record),a=a.parent;return{name:l,path:s,params:i,matched:c,meta:ys(c)}},removeRoute:s,getRoutes:function(){return n},getRecordMatcher:function(e){return r.get(e)}}}function gs(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(let r in e.components)t[r]="boolean"==typeof n?n:n[r];return t}function vs(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function ys(e){return e.reduce(((e,t)=>Ao(e,t.meta)),{})}function bs(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}const _s=/#/g,ws=/&/g,xs=/\//g,Es=/=/g,ks=/\?/g,Ss=/\+/g,Os=/%5B/g,Cs=/%5D/g,Rs=/%5E/g,As=/%60/g,Ps=/%7B/g,Fs=/%7C/g,js=/%7D/g,$s=/%20/g;function Ms(e){return encodeURI(""+e).replace(Fs,"|").replace(Os,"[").replace(Cs,"]")}function Is(e){return Ms(e).replace(Ss,"%2B").replace($s,"+").replace(_s,"%23").replace(ws,"%26").replace(As,"`").replace(Ps,"{").replace(js,"}").replace(Rs,"^")}function Ts(e){return function(e){return Ms(e).replace(_s,"%23").replace(ks,"%3F")}(e).replace(xs,"%2F")}function Us(e){try{return decodeURIComponent(""+e)}catch(t){}return""+e}function Vs(e){const t={};if(""===e||"?"===e)return t;const n=("?"===e[0]?e.slice(1):e).split("&");for(let r=0;re&&Is(e))):[r&&Is(r)]).forEach((e=>{void 0!==e&&(t+=(t.length?"&":"")+n,null!=e&&(t+="="+e))}))}return t}function Ls(e){const t={};for(let n in e){let r=e[n];void 0!==r&&(t[n]=Array.isArray(r)?r.map((e=>null==e?null:""+e)):null==r?r:""+r)}return t}function Bs(){let e=[];return{add:function(t){return e.push(t),()=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)}},list:()=>e,reset:function(){e=[]}}}function Ds(e,t,n,r,o){const s=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise(((l,i)=>{const c=e=>{var c;!1===e?i(ls(4,{from:n,to:t})):e instanceof Error?i(e):"string"==typeof(c=e)||c&&"object"==typeof c?i(ls(2,{from:t,to:e})):(s&&r.enterCallbacks[o]===s&&"function"==typeof e&&s.push(e),l())},a=e.call(r&&r.instances[o],t,n,c);let u=Promise.resolve(a);e.length<3&&(u=u.then(c)),u.catch((e=>i(e)))}))}function qs(e,t,n,r){const o=[];for(const l of e)for(const e in l.components){let i=l.components[e];if("beforeRouteEnter"===t||l.instances[e])if("object"==typeof(s=i)||"displayName"in s||"props"in s||"__vccOpts"in s){const s=(i.__vccOpts||i)[t];s&&o.push(Ds(s,n,r,l,e))}else{let s=i();s=s.catch(console.error),o.push((()=>s.then((o=>{if(!o)return Promise.reject(new Error(`Couldn't resolve component "${e}" at "${l.path}"`));const s=(i=o).__esModule||wo&&"Module"===i[Symbol.toStringTag]?o.default:o;var i;l.components[e]=s;const c=(s.__vccOpts||s)[t];return c&&Ds(c,n,r,l,e)()}))))}}var s;return o}function zs(e){const t=pr(So),n=pr(Oo),r=Ir((()=>t.resolve(st(e.to)))),o=Ir((()=>{let{matched:e}=r.value,{length:t}=e;const o=e[t-1];let s=n.matched;if(!o||!s.length)return-1;let l=s.findIndex(Io.bind(null,o));if(l>-1)return l;let i=Ks(e[t-2]);return t>1&&Ks(o)===i&&s[s.length-1].path!==i?s.findIndex(Io.bind(null,e[t-2])):l})),s=Ir((()=>o.value>-1&&function(e,t){for(let n in t){let r=t[n],o=e[n];if("string"==typeof r){if(r!==o)return!1}else if(!Array.isArray(o)||o.length!==r.length||r.some(((e,t)=>e!==o[t])))return!1}return!0}(n.params,r.value.params))),l=Ir((()=>o.value>-1&&o.value===n.matched.length-1&&To(n.params,r.value.params)));return{route:r,href:Ir((()=>r.value.href)),isActive:s,isExactActive:l,navigate:function(n={}){return function(e){if(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;if(e.defaultPrevented)return;if(void 0!==e.button&&0!==e.button)return;if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}e.preventDefault&&e.preventDefault();return!0}(n)?t[st(e.replace)?"replace":"push"](st(e.to)):Promise.resolve()}}}const Ws=Mn({name:"RouterLink",props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},setup(e,{slots:t}){const n=He(zs(e)),{options:r}=pr(So),o=Ir((()=>({[Gs(e.activeClass,r.linkActiveClass,"router-link-active")]:n.isActive,[Gs(e.exactActiveClass,r.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive})));return()=>{const r=t.default&&t.default(n);return e.custom?r:Tr("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:o.value},r)}}});function Ks(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const Gs=(e,t,n)=>null!=e?e:null!=t?t:n;function Hs(e,t){if(!e)return null;const n=e(t);return 1===n.length?n[0]:n}const Xs=Mn({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},setup(e,{attrs:t,slots:n}){const r=pr(Co),o=Ir((()=>e.route||r.value)),s=pr(ko,0),l=Ir((()=>o.value.matched[s]));fr(ko,s+1),fr(Eo,l),fr(Co,o);const i=ot(c);var c;return vn((()=>[i.value,l.value,e.name]),(([e,t,n],[r,o,s])=>{t&&(t.instances[n]=e,o&&o!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=o.leaveGuards),t.updateGuards.size||(t.updateGuards=o.updateGuards))),!e||!t||o&&Io(t,o)&&r||(t.enterCallbacks[n]||[]).forEach((t=>t(e)))}),{flush:"post"}),()=>{const r=o.value,s=l.value,c=s&&s.components[e.name],a=e.name;if(!c)return Hs(n.default,{Component:c,route:r});const u=s.props[e.name],f=u?!0===u?r.params:"function"==typeof u?u(r):u:null,p=Tr(c,Ao({},f,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(s.instances[a]=null)},ref:i}));return Hs(n.default,{Component:p,route:r})||p}}});function Js(e){const t=ms(e.routes,e);let n=e.parseQuery||Vs,r=e.stringifyQuery||Ns,o=e.history;const s=Bs(),l=Bs(),i=Bs(),c=ot(ns,!0);let a=ns;Ro&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=Po.bind(null,(e=>""+e)),f=Po.bind(null,Ts),p=Po.bind(null,Us);function d(e,s){if(s=Ao({},s||c.value),"string"==typeof e){let r=$o(n,e,s.path),l=t.resolve({path:r.path},s),i=o.createHref(r.fullPath);return Ao(r,l,{params:p(l.params),hash:Us(r.hash),redirectedFrom:void 0,href:i})}let l;"path"in e?l=Ao({},e,{path:$o(n,e.path,s.path).path}):(l=Ao({},e,{params:f(e.params)}),s.params=f(s.params));let i=t.resolve(l,s);const a=e.hash||"";i.params=u(p(i.params));const d=function(e,t){let n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}(r,Ao({},e,{hash:(h=a,Ms(h).replace(Ps,"{").replace(js,"}").replace(Rs,"^")),path:i.path}));var h;let m=o.createHref(d);return Ao({fullPath:d,hash:a,query:r===Ns?Ls(e.query):e.query},i,{redirectedFrom:void 0,href:m})}function h(e){return"string"==typeof e?$o(n,e,c.value.path):Ao({},e)}function m(e,t){if(a!==e)return ls(8,{from:t,to:e})}function g(e){return y(e)}function v(e){const t=e.matched[e.matched.length-1];if(t&&t.redirect){const{redirect:n}=t;let r="function"==typeof n?n(e):n;return"string"==typeof r&&(r=r.indexOf("?")>-1||r.indexOf("#")>-1?r=h(r):{path:r}),Ao({query:e.query,hash:e.hash,params:e.params},r)}}function y(e,t){const n=a=d(e),o=c.value,s=e.state,l=e.force,i=!0===e.replace,u=v(n);if(u)return y(Ao(h(u),{state:s,force:l,replace:i}),t||n);const f=n;let p;return f.redirectedFrom=t,!l&&function(e,t,n){let r=t.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&Io(t.matched[r],n.matched[o])&&To(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}(r,o,n)&&(p=ls(16,{to:f,from:o}),P(o,o,!0,!1)),(p?Promise.resolve(p):_(f,o)).catch((e=>is(e)?e:R(e))).then((e=>{if(e){if(is(e,2))return y(Ao(h(e.to),{state:s,force:l,replace:i}),t||f)}else e=x(f,o,!0,i,s);return w(f,o,e),e}))}function b(e,t){const n=m(e,t);return n?Promise.reject(n):Promise.resolve()}function _(e,t){let n;const[r,o,i]=function(e,t){const n=[],r=[],o=[],s=Math.max(t.matched.length,e.matched.length);for(let l=0;lIo(e,s)))?r.push(s):n.push(s));const i=e.matched[l];i&&(t.matched.find((e=>Io(e,i)))||o.push(i))}return[n,r,o]}(e,t);n=qs(r.reverse(),"beforeRouteLeave",e,t);for(const s of r)s.leaveGuards.forEach((r=>{n.push(Ds(r,e,t))}));const c=b.bind(null,e,t);return n.push(c),Qs(n).then((()=>{n=[];for(const r of s.list())n.push(Ds(r,e,t));return n.push(c),Qs(n)})).then((()=>{n=qs(o,"beforeRouteUpdate",e,t);for(const r of o)r.updateGuards.forEach((r=>{n.push(Ds(r,e,t))}));return n.push(c),Qs(n)})).then((()=>{n=[];for(const r of e.matched)if(r.beforeEnter&&t.matched.indexOf(r)<0)if(Array.isArray(r.beforeEnter))for(const o of r.beforeEnter)n.push(Ds(o,e,t));else n.push(Ds(r.beforeEnter,e,t));return n.push(c),Qs(n)})).then((()=>(e.matched.forEach((e=>e.enterCallbacks={})),n=qs(i,"beforeRouteEnter",e,t),n.push(c),Qs(n)))).then((()=>{n=[];for(const r of l.list())n.push(Ds(r,e,t));return n.push(c),Qs(n)})).catch((e=>is(e,8)?e:Promise.reject(e)))}function w(e,t,n){for(const r of i.list())r(e,t,n)}function x(e,t,n,r,s){const l=m(e,t);if(l)return l;const i=t===ns,a=Ro?history.state:{};n&&(r||i?o.replace(e.fullPath,Ao({scroll:i&&a&&a.scroll},s)):o.push(e.fullPath,s)),c.value=e,P(e,t,n,i),A()}let E;function k(){E=o.listen(((e,t,n)=>{let r=d(e);const s=v(r);if(s)return void y(Ao(s,{replace:!0}),r).catch(Fo);a=r;const l=c.value;var i,u;Ro&&(i=Ho(l.fullPath,n.delta),u=Ko(),Xo.set(i,u)),_(r,l).catch((e=>is(e,12)?e:is(e,2)?(y(e.to,r).catch(Fo),Promise.reject()):(n.delta&&o.go(-n.delta,!1),R(e)))).then((e=>{(e=e||x(r,l,!1))&&n.delta&&o.go(-n.delta,!1),w(r,l,e)})).catch(Fo)}))}let S,O=Bs(),C=Bs();function R(e){return A(e),C.list().forEach((t=>t(e))),Promise.reject(e)}function A(e){S||(S=!0,k(),O.list().forEach((([t,n])=>e?n(e):t())),O.reset())}function P(t,n,r,o){const{scrollBehavior:s}=e;if(!Ro||!s)return Promise.resolve();let l=!r&&function(e){const t=Xo.get(e);return Xo.delete(e),t}(Ho(t.fullPath,0))||(o||!r)&&history.state&&history.state.scroll||null;return Ot().then((()=>s(t,n,l))).then((e=>e&&Go(e))).catch(R)}const F=e=>o.go(e);let j;const $=new Set;return{currentRoute:c,addRoute:function(e,n){let r,o;return ts(e)?(r=t.getRecordMatcher(e),o=n):o=e,t.addRoute(o,r)},removeRoute:function(e){let n=t.getRecordMatcher(e);n&&t.removeRoute(n)},hasRoute:function(e){return!!t.getRecordMatcher(e)},getRoutes:function(){return t.getRoutes().map((e=>e.record))},resolve:d,options:e,push:g,replace:function(e){return g(Ao(h(e),{replace:!0}))},go:F,back:()=>F(-1),forward:()=>F(1),beforeEach:s.add,beforeResolve:l.add,afterEach:i.add,onError:C.add,isReady:function(){return S&&c.value!==ns?Promise.resolve():new Promise(((e,t)=>{O.add([e,t])}))},install(e){e.component("RouterLink",Ws),e.component("RouterView",Xs),e.config.globalProperties.$router=this,Object.defineProperty(e.config.globalProperties,"$route",{enumerable:!0,get:()=>st(c)}),Ro&&!j&&c.value===ns&&(j=!0,g(o.location).catch((e=>{})));const t={};for(let r in ns)t[r]=Ir((()=>c.value[r]));e.provide(So,this),e.provide(Oo,He(t)),e.provide(Co,c);let n=e.unmount;$.add(e),e.unmount=function(){$.delete(e),$.size<1&&(E(),c.value=ns,j=!1,S=!1),n()}}}}function Qs(e){return e.reduce(((e,t)=>e.then((()=>t()))),Promise.resolve())}export{zn as F,or as a,ir as b,Yn as c,Mn as d,lr as e,Ur as f,mo as g,An as h,co as i,ao as j,Nt as k,go as l,Js as m,es as n,Jn as o,_o as p,Bn as r,u as t,io as v,zt as w}; diff --git a/build/public/assets/vendor.b622ee49.js b/build/public/assets/vendor.b622ee49.js new file mode 100644 index 0000000..3b5cc43 --- /dev/null +++ b/build/public/assets/vendor.b622ee49.js @@ -0,0 +1,6 @@ +function e(e,t){const n=Object.create(null),r=e.split(",");for(let o=0;o!!n[e.toLowerCase()]:e=>!!n[e]}const t=e("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt"),n=e("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function r(e){if(E(e)){const t={};for(let n=0;n{if(e){const n=e.split(s);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}function i(e){let t="";if(R(e))t=e;else if(E(e))for(let n=0;nc(e,t)))}const u=e=>null==e?"":P(e)?JSON.stringify(e,f,2):String(e),f=(e,t)=>k(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:S(t)?{[`Set(${t.size})`]:[...t.values()]}:!P(t)||E(t)||M(t)?t:String(t),p={},d=[],h=()=>{},m=()=>!1,g=/^on[^a-z]/,v=e=>g.test(e),y=e=>e.startsWith("onUpdate:"),b=Object.assign,_=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},w=Object.prototype.hasOwnProperty,x=(e,t)=>w.call(e,t),E=Array.isArray,k=e=>"[object Map]"===$(e),S=e=>"[object Set]"===$(e),O=e=>e instanceof Date,C=e=>"function"==typeof e,R=e=>"string"==typeof e,A=e=>"symbol"==typeof e,P=e=>null!==e&&"object"==typeof e,F=e=>P(e)&&C(e.then)&&C(e.catch),j=Object.prototype.toString,$=e=>j.call(e),M=e=>"[object Object]"===$(e),I=e=>R(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,T=e(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),U=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},V=/-(\w)/g,N=U((e=>e.replace(V,((e,t)=>t?t.toUpperCase():"")))),L=/\B([A-Z])/g,B=U((e=>e.replace(L,"-$1").toLowerCase())),D=U((e=>e.charAt(0).toUpperCase()+e.slice(1))),q=U((e=>e?`on${D(e)}`:"")),z=(e,t)=>e!==t&&(e==e||t==t),W=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},G=e=>{const t=parseFloat(e);return isNaN(t)?e:t},H=new WeakMap,X=[];let J;const Q=Symbol(""),Y=Symbol("");function Z(e,t=p){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return t.scheduler?void 0:e();if(!X.includes(n)){ne(n);try{return oe.push(re),re=!0,X.push(n),J=n,e()}finally{X.pop(),le(),J=X[X.length-1]}}};return n.id=te++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n}function ee(e){e.active&&(ne(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let te=0;function ne(e){const{deps:t}=e;if(t.length){for(let n=0;n{e&&e.forEach((e=>{(e!==J||e.allowRecurse)&&i.add(e)}))};if("clear"===t)l.forEach(c);else if("length"===n&&E(e))l.forEach(((e,t)=>{("length"===t||t>=r)&&c(e)}));else switch(void 0!==n&&c(l.get(n)),t){case"add":E(e)?I(n)&&c(l.get("length")):(c(l.get(Q)),k(e)&&c(l.get(Y)));break;case"delete":E(e)||(c(l.get(Q)),k(e)&&c(l.get(Y)));break;case"set":k(e)&&c(l.get(Q))}i.forEach((e=>{e.options.scheduler?e.options.scheduler(e):e()}))}const ae=e("__proto__,__v_isRef,__isVue"),ue=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(A)),fe=ge(),pe=ge(!1,!0),de=ge(!0),he=ge(!0,!0),me={};function ge(e=!1,t=!1){return function(n,r,o){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&o===(e?t?Ke:We:t?ze:qe).get(n))return n;const s=E(n);if(!e&&s&&x(me,r))return Reflect.get(me,r,o);const l=Reflect.get(n,r,o);if(A(r)?ue.has(r):ae(r))return l;if(e||ie(n,0,r),t)return l;if(nt(l)){return!s||!I(r)?l.value:l}return P(l)?e?Xe(l):He(l):l}}["includes","indexOf","lastIndexOf"].forEach((e=>{const t=Array.prototype[e];me[e]=function(...e){const n=et(this);for(let t=0,o=this.length;t{const t=Array.prototype[e];me[e]=function(...e){se();const n=t.apply(this,e);return le(),n}}));function ve(e=!1){return function(t,n,r,o){let s=t[n];if(!e&&(r=et(r),s=et(s),!E(t)&&nt(s)&&!nt(r)))return s.value=r,!0;const l=E(t)&&I(n)?Number(n)!0,deleteProperty:(e,t)=>!0},_e=b({},ye,{get:pe,set:ve(!0)});b({},be,{get:he});const we=e=>P(e)?He(e):e,xe=e=>P(e)?Xe(e):e,Ee=e=>e,ke=e=>Reflect.getPrototypeOf(e);function Se(e,t,n=!1,r=!1){const o=et(e=e.__v_raw),s=et(t);t!==s&&!n&&ie(o,0,t),!n&&ie(o,0,s);const{has:l}=ke(o),i=r?Ee:n?xe:we;return l.call(o,t)?i(e.get(t)):l.call(o,s)?i(e.get(s)):void 0}function Oe(e,t=!1){const n=this.__v_raw,r=et(n),o=et(e);return e!==o&&!t&&ie(r,0,e),!t&&ie(r,0,o),e===o?n.has(e):n.has(e)||n.has(o)}function Ce(e,t=!1){return e=e.__v_raw,!t&&ie(et(e),0,Q),Reflect.get(e,"size",e)}function Re(e){e=et(e);const t=et(this);return ke(t).has.call(t,e)||(t.add(e),ce(t,"add",e,e)),this}function Ae(e,t){t=et(t);const n=et(this),{has:r,get:o}=ke(n);let s=r.call(n,e);s||(e=et(e),s=r.call(n,e));const l=o.call(n,e);return n.set(e,t),s?z(t,l)&&ce(n,"set",e,t):ce(n,"add",e,t),this}function Pe(e){const t=et(this),{has:n,get:r}=ke(t);let o=n.call(t,e);o||(e=et(e),o=n.call(t,e)),r&&r.call(t,e);const s=t.delete(e);return o&&ce(t,"delete",e,void 0),s}function Fe(){const e=et(this),t=0!==e.size,n=e.clear();return t&&ce(e,"clear",void 0,void 0),n}function je(e,t){return function(n,r){const o=this,s=o.__v_raw,l=et(s),i=t?Ee:e?xe:we;return!e&&ie(l,0,Q),s.forEach(((e,t)=>n.call(r,i(e),i(t),o)))}}function $e(e,t,n){return function(...r){const o=this.__v_raw,s=et(o),l=k(s),i="entries"===e||e===Symbol.iterator&&l,c="keys"===e&&l,a=o[e](...r),u=n?Ee:t?xe:we;return!t&&ie(s,0,c?Y:Q),{next(){const{value:e,done:t}=a.next();return t?{value:e,done:t}:{value:i?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function Me(e){return function(...t){return"delete"!==e&&this}}const Ie={get(e){return Se(this,e)},get size(){return Ce(this)},has:Oe,add:Re,set:Ae,delete:Pe,clear:Fe,forEach:je(!1,!1)},Te={get(e){return Se(this,e,!1,!0)},get size(){return Ce(this)},has:Oe,add:Re,set:Ae,delete:Pe,clear:Fe,forEach:je(!1,!0)},Ue={get(e){return Se(this,e,!0)},get size(){return Ce(this,!0)},has(e){return Oe.call(this,e,!0)},add:Me("add"),set:Me("set"),delete:Me("delete"),clear:Me("clear"),forEach:je(!0,!1)},Ve={get(e){return Se(this,e,!0,!0)},get size(){return Ce(this,!0)},has(e){return Oe.call(this,e,!0)},add:Me("add"),set:Me("set"),delete:Me("delete"),clear:Me("clear"),forEach:je(!0,!0)};function Ne(e,t){const n=t?e?Ve:Te:e?Ue:Ie;return(t,r,o)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(x(n,r)&&r in t?n:t,r,o)}["keys","values","entries",Symbol.iterator].forEach((e=>{Ie[e]=$e(e,!1,!1),Ue[e]=$e(e,!0,!1),Te[e]=$e(e,!1,!0),Ve[e]=$e(e,!0,!0)}));const Le={get:Ne(!1,!1)},Be={get:Ne(!1,!0)},De={get:Ne(!0,!1)},qe=new WeakMap,ze=new WeakMap,We=new WeakMap,Ke=new WeakMap;function Ge(e){return e.__v_skip||!Object.isExtensible(e)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}((e=>$(e).slice(8,-1))(e))}function He(e){return e&&e.__v_isReadonly?e:Je(e,!1,ye,Le,qe)}function Xe(e){return Je(e,!0,be,De,We)}function Je(e,t,n,r,o){if(!P(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=o.get(e);if(s)return s;const l=Ge(e);if(0===l)return e;const i=new Proxy(e,2===l?r:n);return o.set(e,i),i}function Qe(e){return Ye(e)?Qe(e.__v_raw):!(!e||!e.__v_isReactive)}function Ye(e){return!(!e||!e.__v_isReadonly)}function Ze(e){return Qe(e)||Ye(e)}function et(e){return e&&et(e.__v_raw)||e}const tt=e=>P(e)?He(e):e;function nt(e){return Boolean(e&&!0===e.__v_isRef)}class rt{constructor(e,t=!1){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:tt(e)}get value(){return ie(et(this),0,"value"),this._value}set value(e){z(et(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:tt(e),ce(et(this),"set","value",e))}}function ot(e,t=!1){return nt(e)?e:new rt(e,t)}function st(e){return nt(e)?e.value:e}const lt={get:(e,t,n)=>st(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const o=e[t];return nt(o)&&!nt(n)?(o.value=n,!0):Reflect.set(e,t,n,r)}};function it(e){return Qe(e)?e:new Proxy(e,lt)}class ct{constructor(e,t){this._object=e,this._key=t,this.__v_isRef=!0}get value(){return this._object[this._key]}set value(e){this._object[this._key]=e}}class at{constructor(e,t,n){this._setter=t,this._dirty=!0,this.__v_isRef=!0,this.effect=Z(e,{lazy:!0,scheduler:()=>{this._dirty||(this._dirty=!0,ce(et(this),"set","value"))}}),this.__v_isReadonly=n}get value(){const e=et(this);return e._dirty&&(e._value=this.effect(),e._dirty=!1),ie(e,0,"value"),e._value}set value(e){this._setter(e)}}function ut(e,t,n,r){let o;try{o=r?e(...r):e()}catch(s){pt(s,t,n)}return o}function ft(e,t,n,r){if(C(e)){const o=ut(e,t,n,r);return o&&F(o)&&o.catch((e=>{pt(e,t,n)})),o}const o=[];for(let s=0;s>>1;jt(mt[e])-1?mt.splice(t,0,e):mt.push(e),Rt()}}function Rt(){dt||ht||(ht=!0,kt=Et.then($t))}function At(e,t,n,r){E(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),Rt()}function Pt(e,t=null){if(vt.length){for(St=t,yt=[...new Set(vt)],vt.length=0,bt=0;btjt(e)-jt(t))),xt=0;xtnull==e.id?1/0:e.id;function $t(e){ht=!1,dt=!0,Pt(e),mt.sort(((e,t)=>jt(e)-jt(t)));try{for(gt=0;gte.trim())):t&&(o=n.map(G))}let i,c=r[i=q(t)]||r[i=q(N(t))];!c&&s&&(c=r[i=q(B(t))]),c&&ft(c,e,6,o);const a=r[i+"Once"];if(a){if(e.emitted){if(e.emitted[i])return}else(e.emitted={})[i]=!0;ft(a,e,6,o)}}function It(e,t,n=!1){if(!t.deopt&&void 0!==e.__emits)return e.__emits;const r=e.emits;let o={},s=!1;if(!C(e)){const r=e=>{const n=It(e,t,!0);n&&(s=!0,b(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return r||s?(E(r)?r.forEach((e=>o[e]=null)):b(o,r),e.__emits=o):e.__emits=null}function Tt(e,t){return!(!e||!v(t))&&(t=t.slice(2).replace(/Once$/,""),x(e,t[0].toLowerCase()+t.slice(1))||x(e,B(t))||x(e,t))}let Ut=0;const Vt=e=>Ut+=e;function Nt(e,t,n={},r,o){let s=e[t];Ut++,Qn();const l=s&&Lt(s(n)),i=Zn(Wn,{key:n.key||`_${t}`},l||(r?r():[]),l&&1===e._?64:-2);return!o&&i.scopeId&&(i.slotScopeIds=[i.scopeId+"-s"]),Ut--,i}function Lt(e){return e.some((e=>!er(e)||e.type!==Gn&&!(e.type===Wn&&!Lt(e.children))))?e:null}let Bt=null,Dt=null;function qt(e){const t=Bt;return Bt=e,Dt=e&&e.type.__scopeId||null,t}const zt=e=>Wt;function Wt(e,t=Bt){if(!t)return e;const n=(...n)=>{Ut||Qn(!0);const r=qt(t),o=e(...n);return qt(r),Ut||Yn(),o};return n._c=!0,n}function Kt(e){const{type:t,vnode:n,proxy:r,withProxy:o,props:s,propsOptions:[l],slots:i,attrs:c,emit:a,render:u,renderCache:f,data:p,setupState:d,ctx:h}=e;let m;const g=qt(e);try{let e;if(4&n.shapeFlag){const t=o||r;m=ar(u.call(t,t,f,s,d,p,h)),e=c}else{const n=t;0,m=ar(n.length>1?n(s,{attrs:c,slots:i,emit:a}):n(s,null)),e=t.props?c:Ht(c)}let g=m;if(!1!==t.inheritAttrs&&e){const t=Object.keys(e),{shapeFlag:n}=g;t.length&&(1&n||6&n)&&(l&&t.some(y)&&(e=Xt(e,l)),g=lr(g,e))}n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),m=g}catch(v){Xn.length=0,pt(v,e,1),m=sr(Gn)}return qt(g),m}function Gt(e){let t;for(let n=0;n{let t;for(const n in e)("class"===n||"style"===n||v(n))&&((t||(t={}))[n]=e[n]);return t},Xt=(e,t)=>{const n={};for(const r in e)y(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function Jt(e,t,n){const r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let o=0;o{l=!0;const[n,r]=tn(e,t,!0);b(o,n),r&&s.push(...r)};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}if(!r&&!l)return e.__props=d;if(E(r))for(let i=0;i-1,n[1]=r<0||t-1||x(n,"default"))&&s.push(e)}}}return e.__props=[o,s]}function nn(e){return"$"!==e[0]}function rn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function on(e,t){return rn(e)===rn(t)}function sn(e,t){return E(t)?t.findIndex((t=>on(t,e))):C(t)&&on(t,e)?0:-1}function ln(e,t,n=Rr,r=!1){if(n){const o=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;se(),Ar(n);const o=ft(t,n,e,r);return Ar(null),le(),o});return r?o.unshift(s):o.push(s),s}}const cn=e=>(t,n=Rr)=>!Fr&&ln(e,t,n),an=cn("bm"),un=cn("m"),fn=cn("bu"),pn=cn("u"),dn=cn("bum"),hn=cn("um"),mn=cn("rtg"),gn=cn("rtc"),vn={};function yn(e,t,n){return bn(e,t,n)}function bn(e,t,{immediate:n,deep:r,flush:o,onTrack:s,onTrigger:l}=p,i=Rr){let c,a,u=!1;if(nt(e)?(c=()=>e.value,u=!!e._shallow):Qe(e)?(c=()=>e,r=!0):c=E(e)?()=>e.map((e=>nt(e)?e.value:Qe(e)?wn(e):C(e)?ut(e,i,2,[i&&i.proxy]):void 0)):C(e)?t?()=>ut(e,i,2,[i&&i.proxy]):()=>{if(!i||!i.isUnmounted)return a&&a(),ft(e,i,3,[f])}:h,t&&r){const e=c;c=()=>wn(e())}let f=e=>{a=v.options.onStop=()=>{ut(e,i,4)}},d=E(e)?[]:vn;const m=()=>{if(v.active)if(t){const e=v();(r||u||z(e,d))&&(a&&a(),ft(t,i,3,[e,d===vn?void 0:d,f]),d=e)}else v()};let g;m.allowRecurse=!!t,g="sync"===o?m:"post"===o?()=>Un(m,i&&i.suspense):()=>{!i||i.isMounted?function(e){At(e,yt,vt,bt)}(m):m()};const v=Z(c,{lazy:!0,onTrack:s,onTrigger:l,scheduler:g});return Mr(v,i),t?n?m():d=v():"post"===o?Un(v,i&&i.suspense):v(),()=>{ee(v),i&&_(i.effects,v)}}function _n(e,t,n){const r=this.proxy;return bn(R(e)?()=>r[e]:e.bind(r),t.bind(r),n,this)}function wn(e,t=new Set){if(!P(e)||t.has(e))return e;if(t.add(e),nt(e))wn(e.value,t);else if(E(e))for(let n=0;n{wn(e,t)}));else for(const n in e)wn(e[n],t);return e}const xn=e=>e.type.__isKeepAlive;function En(e,t,n=Rr){const r=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(ln(t,r,n),n){let e=n.parent;for(;e&&e.parent;)xn(e.parent.vnode)&&kn(r,t,n,e),e=e.parent}}function kn(e,t,n,r){const o=ln(t,e,r,!0);hn((()=>{_(r[t],o)}),n)}const Sn=e=>"_"===e[0]||"$stable"===e,On=e=>E(e)?e.map(ar):[ar(e)],Cn=(e,t,n)=>Wt((e=>On(t(e))),n),Rn=(e,t)=>{const n=e._ctx;for(const r in e){if(Sn(r))continue;const o=e[r];if(C(o))t[r]=Cn(0,o,n);else if(null!=o){const e=On(o);t[r]=()=>e}}},An=(e,t)=>{const n=On(t);e.slots.default=()=>n};function Pn(e,t){if(null===Bt)return e;const n=Bt.proxy,r=e.dirs||(e.dirs=[]);for(let o=0;o(s.has(e)||(e&&C(e.install)?(s.add(e),e.install(i,...t)):C(e)&&(s.add(e),e(i,...t))),i),mixin:e=>(o.mixins.includes(e)||(o.mixins.push(e),(e.props||e.emits)&&(o.deopt=!0)),i),component:(e,t)=>t?(o.components[e]=t,i):o.components[e],directive:(e,t)=>t?(o.directives[e]=t,i):o.directives[e],mount(s,c,a){if(!l){const u=sr(n,r);return u.appContext=o,c&&t?t(u,s):e(u,s,a),l=!0,i._container=s,s.__vue_app__=i,u.component.proxy}},unmount(){l&&(e(null,i._container),delete i._container.__vue_app__)},provide:(e,t)=>(o.provides[e]=t,i)};return i}}function In(e){return C(e)?{setup:e,name:e.name}:e}const Tn={scheduler:Ct,allowRecurse:!0},Un=function(e,t){t&&t.pendingBranch?E(e)?t.effects.push(...e):t.effects.push(e):At(e,wt,_t,xt)},Vn=(e,t,n,r)=>{if(E(e))return void e.forEach(((e,o)=>Vn(e,t&&(E(t)?t[o]:t),n,r)));let o;if(r){if(r.type.__asyncLoader)return;o=4&r.shapeFlag?r.component.exposed||r.component.proxy:r.el}else o=null;const{i:s,r:l}=e,i=t&&t.r,c=s.refs===p?s.refs={}:s.refs,a=s.setupState;if(null!=i&&i!==l&&(R(i)?(c[i]=null,x(a,i)&&(a[i]=null)):nt(i)&&(i.value=null)),R(l)){const e=()=>{c[l]=o,x(a,l)&&(a[l]=o)};o?(e.id=-1,Un(e,n)):e()}else if(nt(l)){const e=()=>{l.value=o};o?(e.id=-1,Un(e,n)):e()}else C(l)&&ut(l,s,12,[o,c])};function Nn(e){return function(e,t){const{insert:n,remove:r,patchProp:o,forcePatchProp:s,createElement:l,createText:i,createComment:c,setText:a,setElementText:u,parentNode:f,nextSibling:m,setScopeId:g=h,cloneNode:v,insertStaticContent:y}=e,_=(e,t,n,r=null,o=null,s=null,l=!1,i=null,c=!1)=>{e&&!tr(e,t)&&(r=re(e),J(e,o,s,!0),e=null),-2===t.patchFlag&&(c=!1,t.dynamicChildren=null);const{type:a,ref:u,shapeFlag:f}=t;switch(a){case Kn:w(e,t,n,r);break;case Gn:E(e,t,n,r);break;case Hn:null==e&&k(t,n,r,l);break;case Wn:I(e,t,n,r,o,s,l,i,c);break;default:1&f?C(e,t,n,r,o,s,l,i,c):6&f?U(e,t,n,r,o,s,l,i,c):(64&f||128&f)&&a.process(e,t,n,r,o,s,l,i,c,ie)}null!=u&&o&&Vn(u,e&&e.ref,s,t)},w=(e,t,r,o)=>{if(null==e)n(t.el=i(t.children),r,o);else{const n=t.el=e.el;t.children!==e.children&&a(n,t.children)}},E=(e,t,r,o)=>{null==e?n(t.el=c(t.children||""),r,o):t.el=e.el},k=(e,t,n,r)=>{[e.el,e.anchor]=y(e.children,t,n,r)},S=({el:e,anchor:t},r,o)=>{let s;for(;e&&e!==t;)s=m(e),n(e,r,o),e=s;n(t,r,o)},O=({el:e,anchor:t})=>{let n;for(;e&&e!==t;)n=m(e),r(e),e=n;r(t)},C=(e,t,n,r,o,s,l,i,c)=>{l=l||"svg"===t.type,null==e?R(t,n,r,o,s,l,i,c):j(e,t,o,s,l,i,c)},R=(e,t,r,s,i,c,a,f)=>{let p,d;const{type:h,props:m,shapeFlag:g,transition:y,patchFlag:b,dirs:_}=e;if(e.el&&void 0!==v&&-1===b)p=e.el=v(e.el);else{if(p=e.el=l(e.type,c,m&&m.is,m),8&g?u(p,e.children):16&g&&P(e.children,p,null,s,i,c&&"foreignObject"!==h,a,f||!!e.dynamicChildren),_&&Fn(e,null,s,"created"),m){for(const t in m)T(t)||o(p,t,null,m[t],c,e.children,s,i,ne);(d=m.onVnodeBeforeMount)&&Ln(d,s,e)}A(p,e,e.scopeId,a,s)}_&&Fn(e,null,s,"beforeMount");const w=(!i||i&&!i.pendingBranch)&&y&&!y.persisted;w&&y.beforeEnter(p),n(p,t,r),((d=m&&m.onVnodeMounted)||w||_)&&Un((()=>{d&&Ln(d,s,e),w&&y.enter(p),_&&Fn(e,null,s,"mounted")}),i)},A=(e,t,n,r,o)=>{if(n&&g(e,n),r)for(let s=0;s{for(let a=c;a{const a=t.el=e.el;let{patchFlag:f,dynamicChildren:d,dirs:h}=t;f|=16&e.patchFlag;const m=e.props||p,g=t.props||p;let v;if((v=g.onVnodeBeforeUpdate)&&Ln(v,n,t,e),h&&Fn(t,e,n,"beforeUpdate"),f>0){if(16&f)M(a,t,m,g,n,r,l);else if(2&f&&m.class!==g.class&&o(a,"class",null,g.class,l),4&f&&o(a,"style",m.style,g.style,l),8&f){const i=t.dynamicProps;for(let t=0;t{v&&Ln(v,n,t,e),h&&Fn(t,e,n,"updated")}),r)},$=(e,t,n,r,o,s,l)=>{for(let i=0;i{if(n!==r){for(const a in r){if(T(a))continue;const u=r[a],f=n[a];(u!==f||s&&s(e,a))&&o(e,a,f,u,c,t.children,l,i,ne)}if(n!==p)for(const s in n)T(s)||s in r||o(e,s,n[s],null,c,t.children,l,i,ne)}},I=(e,t,r,o,s,l,c,a,u)=>{const f=t.el=e?e.el:i(""),p=t.anchor=e?e.anchor:i("");let{patchFlag:d,dynamicChildren:h,slotScopeIds:m}=t;d>0&&(u=!0),m&&(a=a?a.concat(m):m),null==e?(n(f,r,o),n(p,r,o),P(t.children,r,p,s,l,c,a,u)):d>0&&64&d&&h&&e.dynamicChildren?($(e.dynamicChildren,h,r,s,l,c,a),(null!=t.key||s&&t===s.subTree)&&Bn(e,t,!0)):z(e,t,r,p,s,l,c,a,u)},U=(e,t,n,r,o,s,l,i,c)=>{t.slotScopeIds=i,null==e?512&t.shapeFlag?o.ctx.activate(t,n,r,l,c):V(t,n,r,o,s,l,c):L(e,t,c)},V=(e,t,n,r,o,s,l)=>{const i=e.component=function(e,t,n){const r=e.type,o=(t?t.appContext:e.appContext)||Or,s={uid:Cr++,vnode:e,type:r,parent:t,appContext:o,root:null,next:null,subTree:null,update:null,render:null,proxy:null,exposed:null,withProxy:null,effects:null,provides:t?t.provides:Object.create(o.provides),accessCache:null,renderCache:[],components:null,directives:null,propsOptions:tn(r,o),emitsOptions:It(r,o),emit:null,emitted:null,propsDefaults:p,ctx:p,data:p,props:p,attrs:p,slots:p,refs:p,setupState:p,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=Mt.bind(null,s),s}(e,r,o);if(xn(e)&&(i.ctx.renderer=ie),function(e,t=!1){Fr=t;const{props:n,children:r}=e.vnode,o=Pr(e);Yt(e,n,o,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=t,K(t,"_",n)):Rn(t,e.slots={})}else e.slots={},t&&An(e,t);K(e.slots,nr,1)})(e,r);const s=o?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,kr);const{setup:r}=n;if(r){const n=e.setupContext=r.length>1?function(e){const t=t=>{e.exposed=it(t)};return{attrs:e.attrs,slots:e.slots,emit:e.emit,expose:t}}(e):null;Rr=e,se();const o=ut(r,e,0,[e.props,n]);if(le(),Rr=null,F(o)){if(t)return o.then((t=>{jr(e,t)})).catch((t=>{pt(t,e,0)}));e.asyncDep=o}else jr(e,o)}else $r(e)}(e,t):void 0;Fr=!1}(i),i.asyncDep){if(o&&o.registerDep(i,D),!e.el){const e=i.subTree=sr(Gn);E(null,e,t,n)}}else D(i,e,t,n,o,s,l)},L=(e,t,n)=>{const r=t.component=e.component;if(function(e,t,n){const{props:r,children:o,component:s}=e,{props:l,children:i,patchFlag:c}=t,a=s.emitsOptions;if(t.dirs||t.transition)return!0;if(!(n&&c>=0))return!(!o&&!i||i&&i.$stable)||r!==l&&(r?!l||Jt(r,l,a):!!l);if(1024&c)return!0;if(16&c)return r?Jt(r,l,a):!!l;if(8&c){const e=t.dynamicProps;for(let t=0;tgt&&mt.splice(t,1)}(r.update),r.update()}else t.component=e.component,t.el=e.el,r.vnode=t},D=(e,t,n,r,o,s,l)=>{e.update=Z((function(){if(e.isMounted){let t,{next:n,bu:r,u:i,parent:c,vnode:a}=e,u=n;n?(n.el=a.el,q(e,n,l)):n=a,r&&W(r),(t=n.props&&n.props.onVnodeBeforeUpdate)&&Ln(t,c,n,a);const p=Kt(e),d=e.subTree;e.subTree=p,_(d,p,f(d.el),re(d),e,o,s),n.el=p.el,null===u&&function({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}(e,p.el),i&&Un(i,o),(t=n.props&&n.props.onVnodeUpdated)&&Un((()=>{Ln(t,c,n,a)}),o)}else{let l;const{el:i,props:c}=t,{bm:a,m:u,parent:f}=e;a&&W(a),(l=c&&c.onVnodeBeforeMount)&&Ln(l,f,t);const p=e.subTree=Kt(e);if(i&&ue?ue(t.el,p,e,o,null):(_(null,p,n,r,e,o,s),t.el=p.el),u&&Un(u,o),l=c&&c.onVnodeMounted){const e=t;Un((()=>{Ln(l,f,e)}),o)}const{a:d}=e;d&&256&t.shapeFlag&&Un(d,o),e.isMounted=!0,t=n=r=null}}),Tn)},q=(e,t,n)=>{t.component=e;const r=e.vnode.props;e.vnode=t,e.next=null,function(e,t,n,r){const{props:o,attrs:s,vnode:{patchFlag:l}}=e,i=et(o),[c]=e.propsOptions;if(!(r||l>0)||16&l){let r;Zt(e,t,o,s);for(const s in i)t&&(x(t,s)||(r=B(s))!==s&&x(t,r))||(c?!n||void 0===n[s]&&void 0===n[r]||(o[s]=en(c,t||p,s,void 0,e)):delete o[s]);if(s!==i)for(const e in s)t&&x(t,e)||delete s[e]}else if(8&l){const n=e.vnode.dynamicProps;for(let r=0;r{const{vnode:r,slots:o}=e;let s=!0,l=p;if(32&r.shapeFlag){const e=t._;e?n&&1===e?s=!1:(b(o,t),n||1!==e||delete o._):(s=!t.$stable,Rn(t,o)),l=t}else t&&(An(e,t),l={default:1});if(s)for(const i in o)Sn(i)||i in l||delete o[i]})(e,t.children,n),se(),Pt(void 0,e.update),le()},z=(e,t,n,r,o,s,l,i,c=!1)=>{const a=e&&e.children,f=e?e.shapeFlag:0,p=t.children,{patchFlag:d,shapeFlag:h}=t;if(d>0){if(128&d)return void H(a,p,n,r,o,s,l,i,c);if(256&d)return void G(a,p,n,r,o,s,l,i,c)}8&h?(16&f&&ne(a,o,s),p!==a&&u(n,p)):16&f?16&h?H(a,p,n,r,o,s,l,i,c):ne(a,o,s,!0):(8&f&&u(n,""),16&h&&P(p,n,r,o,s,l,i,c))},G=(e,t,n,r,o,s,l,i,c)=>{t=t||d;const a=(e=e||d).length,u=t.length,f=Math.min(a,u);let p;for(p=0;pu?ne(e,o,s,!0,!1,f):P(t,n,r,o,s,l,i,c,f)},H=(e,t,n,r,o,s,l,i,c)=>{let a=0;const u=t.length;let f=e.length-1,p=u-1;for(;a<=f&&a<=p;){const r=e[a],u=t[a]=c?ur(t[a]):ar(t[a]);if(!tr(r,u))break;_(r,u,n,null,o,s,l,i,c),a++}for(;a<=f&&a<=p;){const r=e[f],a=t[p]=c?ur(t[p]):ar(t[p]);if(!tr(r,a))break;_(r,a,n,null,o,s,l,i,c),f--,p--}if(a>f){if(a<=p){const e=p+1,f=ep)for(;a<=f;)J(e[a],o,s,!0),a++;else{const h=a,m=a,g=new Map;for(a=m;a<=p;a++){const e=t[a]=c?ur(t[a]):ar(t[a]);null!=e.key&&g.set(e.key,a)}let v,y=0;const b=p-m+1;let w=!1,x=0;const E=new Array(b);for(a=0;a=b){J(r,o,s,!0);continue}let u;if(null!=r.key)u=g.get(r.key);else for(v=m;v<=p;v++)if(0===E[v-m]&&tr(r,t[v])){u=v;break}void 0===u?J(r,o,s,!0):(E[u-m]=a+1,u>=x?x=u:w=!0,_(r,t[u],n,null,o,s,l,i,c),y++)}const k=w?function(e){const t=e.slice(),n=[0];let r,o,s,l,i;const c=e.length;for(r=0;r0&&(t[r]=n[s-1]),n[s]=r)}}s=n.length,l=n[s-1];for(;s-- >0;)n[s]=l,l=t[l];return n}(E):d;for(v=k.length-1,a=b-1;a>=0;a--){const e=m+a,f=t[e],p=e+1{const{el:l,type:i,transition:c,children:a,shapeFlag:u}=e;if(6&u)return void X(e.component.subTree,t,r,o);if(128&u)return void e.suspense.move(t,r,o);if(64&u)return void i.move(e,t,r,ie);if(i===Wn){n(l,t,r);for(let e=0;ec.enter(l)),s);else{const{leave:e,delayLeave:o,afterLeave:s}=c,i=()=>n(l,t,r),a=()=>{e(l,(()=>{i(),s&&s()}))};o?o(l,i,a):a()}else n(l,t,r)},J=(e,t,n,r=!1,o=!1)=>{const{type:s,props:l,ref:i,children:c,dynamicChildren:a,shapeFlag:u,patchFlag:f,dirs:p}=e;if(null!=i&&Vn(i,null,n,null),256&u)return void t.ctx.deactivate(e);const d=1&u&&p;let h;if((h=l&&l.onVnodeBeforeUnmount)&&Ln(h,t,e),6&u)te(e.component,n,r);else{if(128&u)return void e.suspense.unmount(n,r);d&&Fn(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,o,ie,r):a&&(s!==Wn||f>0&&64&f)?ne(a,t,n,!1,!0):(s===Wn&&(128&f||256&f)||!o&&16&u)&&ne(c,t,n),r&&Q(e)}((h=l&&l.onVnodeUnmounted)||d)&&Un((()=>{h&&Ln(h,t,e),d&&Fn(e,null,t,"unmounted")}),n)},Q=e=>{const{type:t,el:n,anchor:o,transition:s}=e;if(t===Wn)return void Y(n,o);if(t===Hn)return void O(e);const l=()=>{r(n),s&&!s.persisted&&s.afterLeave&&s.afterLeave()};if(1&e.shapeFlag&&s&&!s.persisted){const{leave:t,delayLeave:r}=s,o=()=>t(n,l);r?r(e.el,l,o):o()}else l()},Y=(e,t)=>{let n;for(;e!==t;)n=m(e),r(e),e=n;r(t)},te=(e,t,n)=>{const{bum:r,effects:o,update:s,subTree:l,um:i}=e;if(r&&W(r),o)for(let c=0;c{e.isUnmounted=!0}),t),t&&t.pendingBranch&&!t.isUnmounted&&e.asyncDep&&!e.asyncResolved&&e.suspenseId===t.pendingId&&(t.deps--,0===t.deps&&t.resolve())},ne=(e,t,n,r=!1,o=!1,s=0)=>{for(let l=s;l6&e.shapeFlag?re(e.component.subTree):128&e.shapeFlag?e.suspense.next():m(e.anchor||e.el),oe=(e,t,n)=>{null==e?t._vnode&&J(t._vnode,null,null,!0):_(t._vnode||null,e,t,null,null,null,n),Ft(),t._vnode=e},ie={p:_,um:J,m:X,r:Q,mt:V,mc:P,pc:z,pbc:$,n:re,o:e};let ae,ue;t&&([ae,ue]=t(ie));return{render:oe,hydrate:ae,createApp:Mn(oe,ae)}}(e)}function Ln(e,t,n,r=null){ft(e,t,7,[n,r])}function Bn(e,t,n=!1){const r=e.children,o=t.children;if(E(r)&&E(o))for(let s=0;snull!=e?e:null,or=({ref:e})=>null!=e?R(e)||nt(e)||C(e)?{i:Bt,r:e}:e:null,sr=function(e,t=null,n=null,o=0,s=null,l=!1){e&&e!==qn||(e=Gn);if(er(e)){const r=lr(e,t,!0);return n&&fr(r,n),r}c=e,C(c)&&"__vccOpts"in c&&(e=e.__vccOpts);var c;if(t){(Ze(t)||nr in t)&&(t=b({},t));let{class:e,style:n}=t;e&&!R(e)&&(t.class=i(e)),P(n)&&(Ze(n)&&!E(n)&&(n=b({},n)),t.style=r(n))}const a=R(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:P(e)?4:C(e)?2:0,u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&rr(t),ref:t&&or(t),scopeId:Dt,slotScopeIds:null,children:null,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:a,patchFlag:o,dynamicProps:s,dynamicChildren:null,appContext:null};if(fr(u,n),128&a){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let r,o;return 32&t?(r=Qt(n.default),o=Qt(n.fallback)):(r=Qt(n),o=ar(null)),{content:r,fallback:o}}(u);u.ssContent=e,u.ssFallback=t}!l&&Jn&&(o>0||6&a)&&32!==o&&Jn.push(u);return u};function lr(e,t,n=!1){const{props:o,ref:s,patchFlag:l,children:c}=e,a=t?function(...e){const t=b({},e[0]);for(let n=1;n1)return n&&C(t)?t():t}}let hr=!0;function mr(e,t,n=[],r=[],o=[],s=!1){const{mixins:l,extends:i,data:c,computed:a,methods:u,watch:f,provide:d,inject:m,components:g,directives:v,beforeMount:y,mounted:_,beforeUpdate:w,updated:x,activated:k,deactivated:S,beforeDestroy:O,beforeUnmount:R,destroyed:A,unmounted:F,render:j,renderTracked:$,renderTriggered:M,errorCaptured:I,expose:T}=t,U=e.proxy,V=e.ctx,N=e.appContext.mixins;if(s&&j&&e.render===h&&(e.render=j),s||(hr=!1,gr("beforeCreate","bc",t,e,N),hr=!0,yr(e,N,n,r,o)),i&&mr(e,i,n,r,o,!0),l&&yr(e,l,n,r,o),m)if(E(m))for(let p=0;pbr(e,t,U))),c&&br(e,c,U)),a)for(const p in a){const e=a[p],t=Tr({get:C(e)?e.bind(U,U):C(e.get)?e.get.bind(U,U):h,set:!C(e)&&C(e.set)?e.set.bind(U):h});Object.defineProperty(V,p,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}var L;if(f&&r.push(f),!s&&r.length&&r.forEach((e=>{for(const t in e)_r(e[t],V,U,t)})),d&&o.push(d),!s&&o.length&&o.forEach((e=>{const t=C(e)?e.call(U):e;Reflect.ownKeys(t).forEach((e=>{pr(e,t[e])}))})),s&&(g&&b(e.components||(e.components=b({},e.type.components)),g),v&&b(e.directives||(e.directives=b({},e.type.directives)),v)),s||gr("created","c",t,e,N),y&&an(y.bind(U)),_&&un(_.bind(U)),w&&fn(w.bind(U)),x&&pn(x.bind(U)),k&&En(k.bind(U),"a",L),S&&function(e,t){En(e,"da",t)}(S.bind(U)),I&&((e,t=Rr)=>{ln("ec",e,t)})(I.bind(U)),$&&gn($.bind(U)),M&&mn(M.bind(U)),R&&dn(R.bind(U)),F&&hn(F.bind(U)),E(T)&&!s)if(T.length){const t=e.exposed||(e.exposed=it({}));T.forEach((e=>{t[e]=function(e,t){return nt(e[t])?e[t]:new ct(e,t)}(U,e)}))}else e.exposed||(e.exposed=p)}function gr(e,t,n,r,o){for(let s=0;s{let t=e;for(let e=0;en[r];if(R(e)){const n=t[e];C(n)&&yn(o,n)}else if(C(e))yn(o,e.bind(n));else if(P(e))if(E(e))e.forEach((e=>_r(e,t,n,r)));else{const r=C(e.handler)?e.handler.bind(n):t[e.handler];C(r)&&yn(o,r,e)}}function wr(e,t,n){const r=n.appContext.config.optionMergeStrategies,{mixins:o,extends:s}=t;s&&wr(e,s,n),o&&o.forEach((t=>wr(e,t,n)));for(const l in t)r&&x(r,l)?e[l]=r[l](e[l],t[l],n.proxy,l):e[l]=t[l]}const xr=e=>e?Pr(e)?e.exposed?e.exposed:e.proxy:xr(e.parent):null,Er=b(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>xr(e.parent),$root:e=>xr(e.root),$emit:e=>e.emit,$options:e=>function(e){const t=e.type,{__merged:n,mixins:r,extends:o}=t;if(n)return n;const s=e.appContext.mixins;if(!s.length&&!r&&!o)return t;const l={};return s.forEach((t=>wr(l,t,e))),wr(l,t,e),t.__merged=l}(e),$forceUpdate:e=>()=>Ct(e.update),$nextTick:e=>Ot.bind(e.proxy),$watch:e=>_n.bind(e)}),kr={get({_:e},t){const{ctx:n,setupState:r,data:o,props:s,accessCache:l,type:i,appContext:c}=e;if("__v_skip"===t)return!0;let a;if("$"!==t[0]){const i=l[t];if(void 0!==i)switch(i){case 0:return r[t];case 1:return o[t];case 3:return n[t];case 2:return s[t]}else{if(r!==p&&x(r,t))return l[t]=0,r[t];if(o!==p&&x(o,t))return l[t]=1,o[t];if((a=e.propsOptions[0])&&x(a,t))return l[t]=2,s[t];if(n!==p&&x(n,t))return l[t]=3,n[t];hr&&(l[t]=4)}}const u=Er[t];let f,d;return u?("$attrs"===t&&ie(e,0,t),u(e)):(f=i.__cssModules)&&(f=f[t])?f:n!==p&&x(n,t)?(l[t]=3,n[t]):(d=c.config.globalProperties,x(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:r,setupState:o,ctx:s}=e;if(o!==p&&x(o,t))o[t]=n;else if(r!==p&&x(r,t))r[t]=n;else if(x(e.props,t))return!1;return("$"!==t[0]||!(t.slice(1)in e))&&(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:o,propsOptions:s}},l){let i;return void 0!==n[l]||e!==p&&x(e,l)||t!==p&&x(t,l)||(i=s[0])&&x(i,l)||x(r,l)||x(Er,l)||x(o.config.globalProperties,l)}},Sr=b({},kr,{get(e,t){if(t!==Symbol.unscopables)return kr.get(e,t,e)},has:(e,n)=>"_"!==n[0]&&!t(n)}),Or=jn();let Cr=0;let Rr=null;const Ar=e=>{Rr=e};function Pr(e){return 4&e.vnode.shapeFlag}let Fr=!1;function jr(e,t,n){C(t)?e.render=t:P(t)&&(e.setupState=it(t)),$r(e)}function $r(e,t){const n=e.type;e.render||(e.render=n.render||h,e.render._rc&&(e.withProxy=new Proxy(e.ctx,Sr))),Rr=e,se(),mr(e,n),le(),Rr=null}function Mr(e,t=Rr){t&&(t.effects||(t.effects=[])).push(e)}function Ir(e){return C(e)&&e.displayName||e.name}function Tr(e){const t=function(e){let t,n;return C(e)?(t=e,n=h):(t=e.get,n=e.set),new at(t,n,C(e)||!e.set)}(e);return Mr(t.effect),t}function Ur(e,t,n){const r=arguments.length;return 2===r?P(t)&&!E(t)?er(t)?sr(e,null,[t]):sr(e,t):sr(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&er(n)&&(n=[n]),sr(e,t,n))}function Vr(e,t){let n;if(E(e)||R(e)){n=new Array(e.length);for(let r=0,o=e.length;r{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const o=t?Br.createElementNS(Lr,e):Br.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&o.setAttribute("multiple",r.multiple),o},createText:e=>Br.createTextNode(e),createComment:e=>Br.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Br.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},cloneNode(e){const t=e.cloneNode(!0);return"_value"in e&&(t._value=e._value),t},insertStaticContent(e,t,n,r){const o=r?qr||(qr=Br.createElementNS(Lr,"svg")):Dr||(Dr=Br.createElement("div"));o.innerHTML=e;const s=o.firstChild;let l=s,i=l;for(;l;)i=l,zr.insert(l,t,n),l=o.firstChild;return[s,i]}};const Wr=/\s*!important$/;function Kr(e,t,n){if(E(n))n.forEach((n=>Kr(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const r=function(e,t){const n=Hr[t];if(n)return n;let r=N(t);if("filter"!==r&&r in e)return Hr[t]=r;r=D(r);for(let o=0;odocument.createEvent("Event").timeStamp&&(Jr=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);Qr=!!(e&&Number(e[1])<=53)}let Yr=0;const Zr=Promise.resolve(),eo=()=>{Yr=0};function to(e,t,n,r){e.addEventListener(t,n,r)}function no(e,t,n,r,o=null){const s=e._vei||(e._vei={}),l=s[t];if(r&&l)l.value=r;else{const[n,i]=function(e){let t;if(ro.test(e)){let n;for(t={};n=e.match(ro);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[B(e.slice(2)),t]}(t);if(r){to(e,n,s[t]=function(e,t){const n=e=>{const r=e.timeStamp||Jr();(Qr||r>=n.attached-1)&&ft(function(e,t){if(E(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map((e=>t=>!t._stopped&&e(t)))}return t}(e,n.value),t,5,[e])};return n.value=e,n.attached=(()=>Yr||(Zr.then(eo),Yr=Jr()))(),n}(r,o),i)}else l&&(!function(e,t,n,r){e.removeEventListener(t,n,r)}(e,n,l,i),s[t]=void 0)}}const ro=/(?:Once|Passive|Capture)$/;const oo=/^on[a-z]/;const so=e=>{const t=e.props["onUpdate:modelValue"];return E(t)?e=>W(t,e):t};function lo(e){e.target.composing=!0}function io(e){const t=e.target;t.composing&&(t.composing=!1,function(e,t){const n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}(t,"input"))}const co={created(e,{modifiers:{lazy:t,trim:n,number:r}},o){e._assign=so(o);const s=r||"number"===e.type;to(e,t?"change":"input",(t=>{if(t.target.composing)return;let r=e.value;n?r=r.trim():s&&(r=G(r)),e._assign(r)})),n&&to(e,"change",(()=>{e.value=e.value.trim()})),t||(to(e,"compositionstart",lo),to(e,"compositionend",io),to(e,"change",io))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{trim:n,number:r}},o){if(e._assign=so(o),e.composing)return;if(document.activeElement===e){if(n&&e.value.trim()===t)return;if((r||"number"===e.type)&&G(e.value)===t)return}const s=null==t?"":t;e.value!==s&&(e.value=s)}},ao={created(e,{value:t},n){e.checked=c(t,n.props.value),e._assign=so(n),to(e,"change",(()=>{e._assign(po(e))}))},beforeUpdate(e,{value:t,oldValue:n},r){e._assign=so(r),t!==n&&(e.checked=c(t,r.props.value))}},uo={created(e,{value:t,modifiers:{number:n}},r){const o=S(t);to(e,"change",(()=>{const t=Array.prototype.filter.call(e.options,(e=>e.selected)).map((e=>n?G(po(e)):po(e)));e._assign(e.multiple?o?new Set(t):t:t[0])})),e._assign=so(r)},mounted(e,{value:t}){fo(e,t)},beforeUpdate(e,t,n){e._assign=so(n)},updated(e,{value:t}){fo(e,t)}};function fo(e,t){const n=e.multiple;if(!n||E(t)||S(t)){for(let r=0,o=e.options.length;r-1:o.selected=t.has(s);else if(c(po(o),t))return void(e.selectedIndex=r)}n||(e.selectedIndex=-1)}}function po(e){return"_value"in e?e._value:e.value}const ho=["ctrl","shift","alt","meta"],mo={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&0!==e.button,middle:e=>"button"in e&&1!==e.button,right:e=>"button"in e&&2!==e.button,exact:(e,t)=>ho.some((n=>e[`${n}Key`]&&!t.includes(n)))},go=(e,t)=>(n,...r)=>{for(let e=0;en=>{if(!("key"in n))return;const r=B(n.key);return t.some((e=>e===r||vo[e]===r))?e(n):void 0},bo={beforeMount(e,{value:t},{transition:n}){e._vod="none"===e.style.display?"":e.style.display,n&&t?n.beforeEnter(e):_o(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),_o(e,!0),r.enter(e)):r.leave(e,(()=>{_o(e,!1)})):_o(e,t))},beforeUnmount(e,{value:t}){_o(e,t)}};function _o(e,t){e.style.display=t?e._vod:"none"}const wo=b({patchProp:(e,t,r,o,s=!1,l,i,c,a)=>{switch(t){case"class":!function(e,t,n){if(null==t&&(t=""),n)e.setAttribute("class",t);else{const n=e._vtc;n&&(t=(t?[t,...n]:[...n]).join(" ")),e.className=t}}(e,o,s);break;case"style":!function(e,t,n){const r=e.style;if(n)if(R(n)){if(t!==n){const t=r.display;r.cssText=n,"_vod"in e&&(r.display=t)}}else{for(const e in n)Kr(r,e,n[e]);if(t&&!R(t))for(const e in t)null==n[e]&&Kr(r,e,"")}else e.removeAttribute("style")}(e,r,o);break;default:v(t)?y(t)||no(e,t,0,o,i):function(e,t,n,r){if(r)return"innerHTML"===t||!!(t in e&&oo.test(t)&&C(n));if("spellcheck"===t||"draggable"===t)return!1;if("form"===t)return!1;if("list"===t&&"INPUT"===e.tagName)return!1;if("type"===t&&"TEXTAREA"===e.tagName)return!1;if(oo.test(t)&&R(n))return!1;return t in e}(e,t,o,s)?function(e,t,n,r,o,s,l){if("innerHTML"===t||"textContent"===t)return r&&l(r,o,s),void(e[t]=null==n?"":n);if("value"!==t||"PROGRESS"===e.tagName){if(""===n||null==n){const r=typeof e[t];if(""===n&&"boolean"===r)return void(e[t]=!0);if(null==n&&"string"===r)return e[t]="",void e.removeAttribute(t);if("number"===r)return e[t]=0,void e.removeAttribute(t)}try{e[t]=n}catch(i){}}else{e._value=n;const t=null==n?"":n;e.value!==t&&(e.value=t)}}(e,t,o,l,i,c,a):("true-value"===t?e._trueValue=o:"false-value"===t&&(e._falseValue=o),function(e,t,r,o){if(o&&t.startsWith("xlink:"))null==r?e.removeAttributeNS(Xr,t.slice(6,t.length)):e.setAttributeNS(Xr,t,r);else{const o=n(t);null==r||o&&!1===r?e.removeAttribute(t):e.setAttribute(t,o?"":r)}}(e,t,o,s))}},forcePatchProp:(e,t)=>"value"===t},zr);let xo;const Eo=(...e)=>{const t=(xo||(xo=Nn(wo))).createApp(...e),{mount:n}=t;return t.mount=e=>{const r=function(e){if(R(e)){return document.querySelector(e)}return e} +/*! + * vue-router v4.0.8 + * (c) 2021 Eduardo San Martin Morote + * @license MIT + */(e);if(!r)return;const o=t._component;C(o)||o.render||o.template||(o.template=r.innerHTML),r.innerHTML="";const s=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),s},t};const ko="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,So=e=>ko?Symbol(e):"_vr_"+e,Oo=So("rvlm"),Co=So("rvd"),Ro=So("r"),Ao=So("rl"),Po=So("rvl"),Fo="undefined"!=typeof window;const jo=Object.assign;function $o(e,t){const n={};for(const r in t){const o=t[r];n[r]=Array.isArray(o)?o.map(e):e(o)}return n}let Mo=()=>{};const Io=/\/$/;function To(e,t,n="/"){let r,o={},s="",l="";const i=t.indexOf("?"),c=t.indexOf("#",i>-1?i:0);return i>-1&&(r=t.slice(0,i),s=t.slice(i+1,c>-1?c:t.length),o=e(s)),c>-1&&(r=r||t.slice(0,c),l=t.slice(c,t.length)),r=function(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),r=e.split("/");let o,s,l=n.length-1;for(o=0;oe===t[n])):1===e.length&&e[0]===t}var Do,qo,zo,Wo;function Ko(e){if(!e)if(Fo){const t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return"/"!==e[0]&&"#"!==e[0]&&(e="/"+e),e.replace(Io,"")}(qo=Do||(Do={})).pop="pop",qo.push="push",(Wo=zo||(zo={})).back="back",Wo.forward="forward",Wo.unknown="";const Go=/^[^#]+#/;function Ho(e,t){return e.replace(Go,"#")+t}const Xo=()=>({left:window.pageXOffset,top:window.pageYOffset});function Jo(e){let t;if("el"in e){let n=e.el;const r="string"==typeof n&&n.startsWith("#"),o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;t=function(e,t){const n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}(o,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(null!=t.left?t.left:window.pageXOffset,null!=t.top?t.top:window.pageYOffset)}function Qo(e,t){return(history.state?history.state.position-t:-1)+e}const Yo=new Map;function Zo(e,t){const{pathname:n,search:r,hash:o}=t,s=e.indexOf("#");if(s>-1){let t=o.includes(e.slice(s))?e.slice(s).length:1,n=o.slice(t);return"/"!==n[0]&&(n="/"+n),Uo(n,"")}return Uo(n,e)+r+o}function es(e,t,n,r=!1,o=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:o?Xo():null}}function ts(e){const{history:t,location:n}=window;let r={value:Zo(e,n)},o={value:t.state};function s(r,s,l){const i=e.indexOf("#"),c=i>-1?(n.host&&document.querySelector("base")?e:e.slice(i))+r:location.protocol+"//"+location.host+e+r;try{t[l?"replaceState":"pushState"](s,"",c),o.value=s}catch(a){console.error(a),n[l?"replace":"assign"](c)}}return o.value||s(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(e,n){const l=jo({},o.value,t.state,{forward:e,scroll:Xo()});s(l.current,l,!0),s(e,jo({},es(r.value,e,null),{position:l.position+1},n),!1),r.value=e},replace:function(e,n){s(e,jo({},t.state,es(o.value.back,e,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=e}}}function ns(e){const t=ts(e=Ko(e)),n=function(e,t,n,r){let o=[],s=[],l=null;const i=({state:s})=>{const i=Zo(e,location),c=n.value,a=t.value;let u=0;if(s){if(n.value=i,t.value=s,l&&l===c)return void(l=null);u=a?s.position-a.position:0}else r(i);o.forEach((e=>{e(n.value,c,{delta:u,type:Do.pop,direction:u?u>0?zo.forward:zo.back:zo.unknown})}))};function c(){const{history:e}=window;e.state&&e.replaceState(jo({},e.state,{scroll:Xo()}),"")}return window.addEventListener("popstate",i),window.addEventListener("beforeunload",c),{pauseListeners:function(){l=n.value},listen:function(e){o.push(e);const t=()=>{const t=o.indexOf(e);t>-1&&o.splice(t,1)};return s.push(t),t},destroy:function(){for(const e of s)e();s=[],window.removeEventListener("popstate",i),window.removeEventListener("beforeunload",c)}}}(e,t.state,t.location,t.replace);const r=jo({location:"",base:e,go:function(e,t=!0){t||n.pauseListeners(),history.go(e)},createHref:Ho.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function rs(e){return(e=location.host?e||location.pathname+location.search:"").indexOf("#")<0&&(e+="#"),ns(e)}function os(e){return"string"==typeof e||"symbol"==typeof e}const ss={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},ls=So("nf");var is,cs;function as(e,t){return jo(new Error,{type:e,[ls]:!0},t)}function us(e,t){return e instanceof Error&&ls in e&&(null==t||!!(e.type&t))}(cs=is||(is={}))[cs.aborted=4]="aborted",cs[cs.cancelled=8]="cancelled",cs[cs.duplicated=16]="duplicated";const fs={sensitive:!1,strict:!1,start:!0,end:!0},ps=/[.+*?^${}()[\]/\\]/g;function ds(e,t){let n=0;for(;nt.length?1===t.length&&80===t[0]?1:-1:0}function hs(e,t){let n=0;const r=e.score,o=t.score;for(;n1&&("*"===i||"+"===i)&&t(`A repeatable param (${a}) must be alone in its segment. eg: '/:ids+.`),s.push({type:1,value:a,regexp:u,repeatable:"*"===i||"+"===i,optional:"*"===i||"?"===i})):t("Invalid state to consume buffer"),a="")}function p(){a+=i}for(;c{s(p)}:Mo}function s(e){if(os(e)){const t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(s),t.alias.forEach(s))}else{let t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(s),e.alias.forEach(s))}}function l(e){let t=0;for(;t=0;)t++;n.splice(t,0,e),e.record.name&&!_s(e)&&r.set(e.record.name,e)}return t=xs({strict:!1,end:!0,sensitive:!1},t),e.forEach((e=>o(e))),{addRoute:o,resolve:function(e,t){let o,s,l,i={};if("name"in e&&e.name){if(o=r.get(e.name),!o)throw as(1,{location:e});l=o.record.name,i=jo(function(e,t){let n={};for(let r of t)r in e&&(n[r]=e[r]);return n}(t.params,o.keys.filter((e=>!e.optional)).map((e=>e.name))),e.params),s=o.stringify(i)}else if("path"in e)s=e.path,o=n.find((e=>e.re.test(s))),o&&(i=o.parse(s),l=o.record.name);else{if(o=t.name?r.get(t.name):n.find((e=>e.re.test(t.path))),!o)throw as(1,{location:e,currentLocation:t});l=o.record.name,i=jo({},t.params,e.params),s=o.stringify(i)}const c=[];let a=o;for(;a;)c.unshift(a.record),a=a.parent;return{name:l,path:s,params:i,matched:c,meta:ws(c)}},removeRoute:s,getRoutes:function(){return n},getRecordMatcher:function(e){return r.get(e)}}}function bs(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(let r in e.components)t[r]="boolean"==typeof n?n:n[r];return t}function _s(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function ws(e){return e.reduce(((e,t)=>jo(e,t.meta)),{})}function xs(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}const Es=/#/g,ks=/&/g,Ss=/\//g,Os=/=/g,Cs=/\?/g,Rs=/\+/g,As=/%5B/g,Ps=/%5D/g,Fs=/%5E/g,js=/%60/g,$s=/%7B/g,Ms=/%7C/g,Is=/%7D/g,Ts=/%20/g;function Us(e){return encodeURI(""+e).replace(Ms,"|").replace(As,"[").replace(Ps,"]")}function Vs(e){return Us(e).replace(Rs,"%2B").replace(Ts,"+").replace(Es,"%23").replace(ks,"%26").replace(js,"`").replace($s,"{").replace(Is,"}").replace(Fs,"^")}function Ns(e){return function(e){return Us(e).replace(Es,"%23").replace(Cs,"%3F")}(e).replace(Ss,"%2F")}function Ls(e){try{return decodeURIComponent(""+e)}catch(t){}return""+e}function Bs(e){const t={};if(""===e||"?"===e)return t;const n=("?"===e[0]?e.slice(1):e).split("&");for(let r=0;re&&Vs(e))):[r&&Vs(r)]).forEach((e=>{void 0!==e&&(t+=(t.length?"&":"")+n,null!=e&&(t+="="+e))}))}return t}function qs(e){const t={};for(let n in e){let r=e[n];void 0!==r&&(t[n]=Array.isArray(r)?r.map((e=>null==e?null:""+e)):null==r?r:""+r)}return t}function zs(){let e=[];return{add:function(t){return e.push(t),()=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)}},list:()=>e,reset:function(){e=[]}}}function Ws(e,t,n,r,o){const s=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise(((l,i)=>{const c=e=>{var c;!1===e?i(as(4,{from:n,to:t})):e instanceof Error?i(e):"string"==typeof(c=e)||c&&"object"==typeof c?i(as(2,{from:t,to:e})):(s&&r.enterCallbacks[o]===s&&"function"==typeof e&&s.push(e),l())},a=e.call(r&&r.instances[o],t,n,c);let u=Promise.resolve(a);e.length<3&&(u=u.then(c)),u.catch((e=>i(e)))}))}function Ks(e,t,n,r){const o=[];for(const l of e)for(const e in l.components){let i=l.components[e];if("beforeRouteEnter"===t||l.instances[e])if("object"==typeof(s=i)||"displayName"in s||"props"in s||"__vccOpts"in s){const s=(i.__vccOpts||i)[t];s&&o.push(Ws(s,n,r,l,e))}else{let s=i();s=s.catch(console.error),o.push((()=>s.then((o=>{if(!o)return Promise.reject(new Error(`Couldn't resolve component "${e}" at "${l.path}"`));const s=(i=o).__esModule||ko&&"Module"===i[Symbol.toStringTag]?o.default:o;var i;l.components[e]=s;const c=(s.__vccOpts||s)[t];return c&&Ws(c,n,r,l,e)()}))))}}var s;return o}function Gs(e){const t=dr(Ro),n=dr(Ao),r=Tr((()=>t.resolve(st(e.to)))),o=Tr((()=>{let{matched:e}=r.value,{length:t}=e;const o=e[t-1];let s=n.matched;if(!o||!s.length)return-1;let l=s.findIndex(Vo.bind(null,o));if(l>-1)return l;let i=Xs(e[t-2]);return t>1&&Xs(o)===i&&s[s.length-1].path!==i?s.findIndex(Vo.bind(null,e[t-2])):l})),s=Tr((()=>o.value>-1&&function(e,t){for(let n in t){let r=t[n],o=e[n];if("string"==typeof r){if(r!==o)return!1}else if(!Array.isArray(o)||o.length!==r.length||r.some(((e,t)=>e!==o[t])))return!1}return!0}(n.params,r.value.params))),l=Tr((()=>o.value>-1&&o.value===n.matched.length-1&&No(n.params,r.value.params)));return{route:r,href:Tr((()=>r.value.href)),isActive:s,isExactActive:l,navigate:function(n={}){return function(e){if(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;if(e.defaultPrevented)return;if(void 0!==e.button&&0!==e.button)return;if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}e.preventDefault&&e.preventDefault();return!0}(n)?t[st(e.replace)?"replace":"push"](st(e.to)):Promise.resolve()}}}const Hs=In({name:"RouterLink",props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},setup(e,{slots:t}){const n=He(Gs(e)),{options:r}=dr(Ro),o=Tr((()=>({[Js(e.activeClass,r.linkActiveClass,"router-link-active")]:n.isActive,[Js(e.exactActiveClass,r.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive})));return()=>{const r=t.default&&t.default(n);return e.custom?r:Ur("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:o.value},r)}}});function Xs(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const Js=(e,t,n)=>null!=e?e:null!=t?t:n;function Qs(e,t){if(!e)return null;const n=e(t);return 1===n.length?n[0]:n}const Ys=In({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},setup(e,{attrs:t,slots:n}){const r=dr(Po),o=Tr((()=>e.route||r.value)),s=dr(Co,0),l=Tr((()=>o.value.matched[s]));pr(Co,s+1),pr(Oo,l),pr(Po,o);const i=ot(c);var c;return yn((()=>[i.value,l.value,e.name]),(([e,t,n],[r,o,s])=>{t&&(t.instances[n]=e,o&&o!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=o.leaveGuards),t.updateGuards.size||(t.updateGuards=o.updateGuards))),!e||!t||o&&Vo(t,o)&&r||(t.enterCallbacks[n]||[]).forEach((t=>t(e)))}),{flush:"post"}),()=>{const r=o.value,s=l.value,c=s&&s.components[e.name],a=e.name;if(!c)return Qs(n.default,{Component:c,route:r});const u=s.props[e.name],f=u?!0===u?r.params:"function"==typeof u?u(r):u:null,p=Ur(c,jo({},f,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(s.instances[a]=null)},ref:i}));return Qs(n.default,{Component:p,route:r})||p}}});function Zs(e){const t=ys(e.routes,e);let n=e.parseQuery||Bs,r=e.stringifyQuery||Ds,o=e.history;const s=zs(),l=zs(),i=zs(),c=ot(ss,!0);let a=ss;Fo&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=$o.bind(null,(e=>""+e)),f=$o.bind(null,Ns),p=$o.bind(null,Ls);function d(e,s){if(s=jo({},s||c.value),"string"==typeof e){let r=To(n,e,s.path),l=t.resolve({path:r.path},s),i=o.createHref(r.fullPath);return jo(r,l,{params:p(l.params),hash:Ls(r.hash),redirectedFrom:void 0,href:i})}let l;"path"in e?l=jo({},e,{path:To(n,e.path,s.path).path}):(l=jo({},e,{params:f(e.params)}),s.params=f(s.params));let i=t.resolve(l,s);const a=e.hash||"";i.params=u(p(i.params));const d=function(e,t){let n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}(r,jo({},e,{hash:(h=a,Us(h).replace($s,"{").replace(Is,"}").replace(Fs,"^")),path:i.path}));var h;let m=o.createHref(d);return jo({fullPath:d,hash:a,query:r===Ds?qs(e.query):e.query},i,{redirectedFrom:void 0,href:m})}function h(e){return"string"==typeof e?To(n,e,c.value.path):jo({},e)}function m(e,t){if(a!==e)return as(8,{from:t,to:e})}function g(e){return y(e)}function v(e){const t=e.matched[e.matched.length-1];if(t&&t.redirect){const{redirect:n}=t;let r="function"==typeof n?n(e):n;return"string"==typeof r&&(r=r.indexOf("?")>-1||r.indexOf("#")>-1?r=h(r):{path:r}),jo({query:e.query,hash:e.hash,params:e.params},r)}}function y(e,t){const n=a=d(e),o=c.value,s=e.state,l=e.force,i=!0===e.replace,u=v(n);if(u)return y(jo(h(u),{state:s,force:l,replace:i}),t||n);const f=n;let p;return f.redirectedFrom=t,!l&&function(e,t,n){let r=t.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&Vo(t.matched[r],n.matched[o])&&No(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}(r,o,n)&&(p=as(16,{to:f,from:o}),P(o,o,!0,!1)),(p?Promise.resolve(p):_(f,o)).catch((e=>us(e)?e:R(e))).then((e=>{if(e){if(us(e,2))return y(jo(h(e.to),{state:s,force:l,replace:i}),t||f)}else e=x(f,o,!0,i,s);return w(f,o,e),e}))}function b(e,t){const n=m(e,t);return n?Promise.reject(n):Promise.resolve()}function _(e,t){let n;const[r,o,i]=function(e,t){const n=[],r=[],o=[],s=Math.max(t.matched.length,e.matched.length);for(let l=0;lVo(e,s)))?r.push(s):n.push(s));const i=e.matched[l];i&&(t.matched.find((e=>Vo(e,i)))||o.push(i))}return[n,r,o]}(e,t);n=Ks(r.reverse(),"beforeRouteLeave",e,t);for(const s of r)s.leaveGuards.forEach((r=>{n.push(Ws(r,e,t))}));const c=b.bind(null,e,t);return n.push(c),el(n).then((()=>{n=[];for(const r of s.list())n.push(Ws(r,e,t));return n.push(c),el(n)})).then((()=>{n=Ks(o,"beforeRouteUpdate",e,t);for(const r of o)r.updateGuards.forEach((r=>{n.push(Ws(r,e,t))}));return n.push(c),el(n)})).then((()=>{n=[];for(const r of e.matched)if(r.beforeEnter&&t.matched.indexOf(r)<0)if(Array.isArray(r.beforeEnter))for(const o of r.beforeEnter)n.push(Ws(o,e,t));else n.push(Ws(r.beforeEnter,e,t));return n.push(c),el(n)})).then((()=>(e.matched.forEach((e=>e.enterCallbacks={})),n=Ks(i,"beforeRouteEnter",e,t),n.push(c),el(n)))).then((()=>{n=[];for(const r of l.list())n.push(Ws(r,e,t));return n.push(c),el(n)})).catch((e=>us(e,8)?e:Promise.reject(e)))}function w(e,t,n){for(const r of i.list())r(e,t,n)}function x(e,t,n,r,s){const l=m(e,t);if(l)return l;const i=t===ss,a=Fo?history.state:{};n&&(r||i?o.replace(e.fullPath,jo({scroll:i&&a&&a.scroll},s)):o.push(e.fullPath,s)),c.value=e,P(e,t,n,i),A()}let E;function k(){E=o.listen(((e,t,n)=>{let r=d(e);const s=v(r);if(s)return void y(jo(s,{replace:!0}),r).catch(Mo);a=r;const l=c.value;var i,u;Fo&&(i=Qo(l.fullPath,n.delta),u=Xo(),Yo.set(i,u)),_(r,l).catch((e=>us(e,12)?e:us(e,2)?(y(e.to,r).catch(Mo),Promise.reject()):(n.delta&&o.go(-n.delta,!1),R(e)))).then((e=>{(e=e||x(r,l,!1))&&n.delta&&o.go(-n.delta,!1),w(r,l,e)})).catch(Mo)}))}let S,O=zs(),C=zs();function R(e){return A(e),C.list().forEach((t=>t(e))),Promise.reject(e)}function A(e){S||(S=!0,k(),O.list().forEach((([t,n])=>e?n(e):t())),O.reset())}function P(t,n,r,o){const{scrollBehavior:s}=e;if(!Fo||!s)return Promise.resolve();let l=!r&&function(e){const t=Yo.get(e);return Yo.delete(e),t}(Qo(t.fullPath,0))||(o||!r)&&history.state&&history.state.scroll||null;return Ot().then((()=>s(t,n,l))).then((e=>e&&Jo(e))).catch(R)}const F=e=>o.go(e);let j;const $=new Set;return{currentRoute:c,addRoute:function(e,n){let r,o;return os(e)?(r=t.getRecordMatcher(e),o=n):o=e,t.addRoute(o,r)},removeRoute:function(e){let n=t.getRecordMatcher(e);n&&t.removeRoute(n)},hasRoute:function(e){return!!t.getRecordMatcher(e)},getRoutes:function(){return t.getRoutes().map((e=>e.record))},resolve:d,options:e,push:g,replace:function(e){return g(jo(h(e),{replace:!0}))},go:F,back:()=>F(-1),forward:()=>F(1),beforeEach:s.add,beforeResolve:l.add,afterEach:i.add,onError:C.add,isReady:function(){return S&&c.value!==ss?Promise.resolve():new Promise(((e,t)=>{O.add([e,t])}))},install(e){e.component("RouterLink",Hs),e.component("RouterView",Ys),e.config.globalProperties.$router=this,Object.defineProperty(e.config.globalProperties,"$route",{enumerable:!0,get:()=>st(c)}),Fo&&!j&&c.value===ss&&(j=!0,g(o.location).catch((e=>{})));const t={};for(let r in ss)t[r]=Tr((()=>c.value[r]));e.provide(Ro,this),e.provide(Ao,He(t)),e.provide(Po,c);let n=e.unmount;$.add(e),e.unmount=function(){$.delete(e),$.size<1&&(E(),c.value=ss,j=!1,S=!1),n()}}}}function el(e){return e.reduce(((e,t)=>e.then((()=>t()))),Promise.resolve())}export{Wn as F,sr as a,cr as b,Zn as c,In as d,ir as e,Vr as f,go as g,Pn as h,yo as i,zt as j,ao as k,uo as l,Nt as m,bo as n,Qn as o,Zs as p,rs as q,Dn as r,Eo as s,u as t,co as v,Wt as w}; diff --git a/build/public/index.html b/build/public/index.html index b142203..0ec1b79 100644 --- a/build/public/index.html +++ b/build/public/index.html @@ -4,9 +4,9 @@ 🧩 jigsaw.hyottoko.club - - - + + +
diff --git a/build/server/main.js b/build/server/main.js index bc60a57..38dd6d6 100644 --- a/build/server/main.js +++ b/build/server/main.js @@ -1258,7 +1258,7 @@ async function getExifOrientation(imagePath) { }); }); } -const getCategories = (db, imageId) => { +const getTags = (db, imageId) => { const query = ` select * from categories c inner join image_x_category ixc on c.id = ixc.category_id @@ -1273,11 +1273,11 @@ const imageFromDb = (db, imageId) => { file: `${UPLOAD_DIR}/${i.filename}`, url: `${UPLOAD_URL}/${encodeURIComponent(i.filename)}`, title: i.title, - categories: getCategories(db, i.id), + tags: getTags(db, i.id), created: i.created * 1000, }; }; -const allImagesFromDb = (db, categorySlug, sort) => { +const allImagesFromDb = (db, tagSlugs, sort) => { const sortMap = { alpha_asc: [{ filename: 1 }], alpha_desc: [{ filename: -1 }], @@ -1286,16 +1286,18 @@ const allImagesFromDb = (db, categorySlug, sort) => { }; // TODO: .... clean up const wheresRaw = {}; - if (categorySlug !== '') { - const c = db.get('categories', { slug: categorySlug }); + if (tagSlugs.length > 0) { + const c = db.getMany('categories', { slug: { '$in': tagSlugs } }); if (!c) { return []; } + const where = db._buildWhere({ + 'category_id': { '$in': c.map(x => x.id) } + }); const ids = db._getMany(` select i.id from image_x_category ixc -inner join images i on i.id = ixc.image_id -where ixc.category_id = ?; -`, [c.id]).map(img => img.id); +inner join images i on i.id = ixc.image_id ${where.sql}; +`, where.values).map(img => img.id); if (ids.length === 0) { return []; } @@ -1308,11 +1310,11 @@ where ixc.category_id = ?; file: `${UPLOAD_DIR}/${i.filename}`, url: `${UPLOAD_URL}/${encodeURIComponent(i.filename)}`, title: i.title, - categories: getCategories(db, i.id), + tags: getTags(db, i.id), created: i.created * 1000, })); }; -const allImagesFromDisk = (category, sort) => { +const allImagesFromDisk = (tags, sort) => { let images = fs.readdirSync(UPLOAD_DIR) .filter(f => f.toLowerCase().match(/\.(jpe?g|webp|png)$/)) .map(f => ({ @@ -1321,7 +1323,7 @@ const allImagesFromDisk = (category, sort) => { file: `${UPLOAD_DIR}/${f}`, url: `${UPLOAD_URL}/${encodeURIComponent(f)}`, title: f.replace(/\.[a-z]+$/, ''), - categories: [], + tags: [], created: fs.statSync(`${UPLOAD_DIR}/${f}`).mtime.getTime(), })); switch (sort) { @@ -1901,9 +1903,10 @@ app.get('/api/conf', (req, res) => { }); app.get('/api/newgame-data', (req, res) => { const q = req.query; + const tagSlugs = q.tags ? q.tags.split(',') : []; res.send({ - images: Images.allImagesFromDb(db, q.category, q.sort), - categories: db.getMany('categories', {}, [{ title: 1 }]), + images: Images.allImagesFromDb(db, tagSlugs, q.sort), + tags: db.getMany('categories', {}, [{ title: 1 }]), }); }); app.get('/api/index-data', (req, res) => { @@ -1925,6 +1928,18 @@ app.get('/api/index-data', (req, res) => { gamesFinished: games.filter(g => !!g.finished), }); }); +const setImageTags = (db, imageId, tags) => { + tags.forEach((tag) => { + const slug = Util.slug(tag); + const id = db.upsert('categories', { slug, title: tag }, { slug }, 'id'); + if (id) { + db.insert('image_x_category', { + image_id: imageId, + category_id: id, + }); + } + }); +}; app.post('/api/save-image', bodyParser.json(), (req, res) => { const data = req.body; db.update('images', { @@ -1933,16 +1948,8 @@ app.post('/api/save-image', bodyParser.json(), (req, res) => { id: data.id, }); db.delete('image_x_category', { image_id: data.id }); - if (data.category) { - const title = data.category; - const slug = Util.slug(title); - const id = db.upsert('categories', { slug, title }, { slug }, 'id'); - if (id) { - db.insert('image_x_category', { - image_id: data.id, - category_id: id, - }); - } + if (data.tags) { + setImageTags(db, data.id, data.tags); } res.send({ ok: true }); }); @@ -1965,16 +1972,8 @@ app.post('/api/upload', (req, res) => { title: req.body.title || '', created: Time.timestamp(), }); - if (req.body.category) { - const title = req.body.category; - const slug = Util.slug(title); - const id = db.upsert('categories', { slug, title }, { slug }, 'id'); - if (id) { - db.insert('image_x_category', { - image_id: imageId, - category_id: id, - }); - } + if (req.body.tags) { + setImageTags(db, imageId, req.body.tags); } res.send(Images.imageFromDb(db, imageId)); }); diff --git a/src/common/GameCommon.ts b/src/common/GameCommon.ts index dfb7801..cdc9ffd 100644 --- a/src/common/GameCommon.ts +++ b/src/common/GameCommon.ts @@ -8,7 +8,7 @@ export type EncodedPlayer = Array export type EncodedPiece = Array export type EncodedPieceShape = number -export interface Category { +export interface Tag { id: number slug: string title: string @@ -34,7 +34,7 @@ export interface Image { file: string url: string title: string - categories: Array + tags: Array created: number } diff --git a/src/frontend/components/EditImageDialog.vue b/src/frontend/components/EditImageDialog.vue index 311252a..015ffdd 100644 --- a/src/frontend/components/EditImageDialog.vue +++ b/src/frontend/components/EditImageDialog.vue @@ -20,9 +20,11 @@ - - - + + + + + @@ -36,14 +38,16 @@ + diff --git a/src/frontend/style.css b/src/frontend/style.css index 3a1e086..a31c337 100644 --- a/src/frontend/style.css +++ b/src/frontend/style.css @@ -6,6 +6,7 @@ --link-color: #808db0; --link-hover-color: #c5cfeb; --highlight-color: #dd7e7e; + --positive-color: #64a756; --input-bg-color: #262523; --bg-color: rgba(0,0,0,.7); } @@ -212,6 +213,18 @@ kbd { color: var(--main-darker-color); } +.bit { + background: rgb(59, 55, 55); + border-radius: .5em; + padding: .25em .5em; + display: inline-block; + margin: 0 .25em .25em 0; + cursor: pointer; +} +.bit.on { + color: var(--positive-color); +} + .upload-image-teaser { text-align: center; } diff --git a/src/frontend/views/NewGame.vue b/src/frontend/views/NewGame.vue index 724b420..8b4eb89 100644 --- a/src/frontend/views/NewGame.vue +++ b/src/frontend/views/NewGame.vue @@ -13,12 +13,13 @@ in jigsawpuzzles.io
-