From bdd061dd1a4e859e472cdfc02abfe2a7fc14e673 Mon Sep 17 00:00:00 2001 From: Zutatensuppe Date: Fri, 21 May 2021 00:43:02 +0200 Subject: [PATCH] add layers for new image and new game --- build/public/assets/index.421011a7.css | 1 - build/public/assets/index.6c4f6859.css | 1 + build/public/assets/index.85898c1b.js | 1 - build/public/assets/index.b49dadca.js | 1 + build/public/assets/vendor.00b608ff.js | 6 - build/public/assets/vendor.8616a479.js | 6 + build/public/index.html | 6 +- build/server/main.js | 57 +++++-- src/common/GameCommon.ts | 16 ++ src/common/Util.ts | 14 ++ src/frontend/components/ImageLibrary.vue | 32 ++++ src/frontend/components/NewGameDialog.vue | 151 +++++++++++------- src/frontend/components/NewImageDialog.vue | 163 ++++++++++++++++++++ src/frontend/components/ResponsiveImage.vue | 37 +++++ src/frontend/style.css | 22 +++ src/frontend/views/NewGame.vue | 83 ++++++++-- src/server/Images.ts | 38 ++++- src/server/main.ts | 15 +- 18 files changed, 551 insertions(+), 99 deletions(-) delete mode 100644 build/public/assets/index.421011a7.css create mode 100644 build/public/assets/index.6c4f6859.css delete mode 100644 build/public/assets/index.85898c1b.js create mode 100644 build/public/assets/index.b49dadca.js delete mode 100644 build/public/assets/vendor.00b608ff.js create mode 100644 build/public/assets/vendor.8616a479.js create mode 100644 src/frontend/components/ImageLibrary.vue create mode 100644 src/frontend/components/NewImageDialog.vue create mode 100644 src/frontend/components/ResponsiveImage.vue diff --git a/build/public/assets/index.421011a7.css b/build/public/assets/index.421011a7.css deleted file mode 100644 index ede76bf..0000000 --- a/build/public/assets/index.421011a7.css +++ /dev/null @@ -1 +0,0 @@ -:root{--main-color:#c1b19f;--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: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}.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} \ No newline at end of file diff --git a/build/public/assets/index.6c4f6859.css b/build/public/assets/index.6c4f6859.css new file mode 100644 index 0000000..981015b --- /dev/null +++ b/build/public/assets/index.6c4f6859.css @@ -0,0 +1 @@ +: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}.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}.new-image-dialog .area-image.no-image{align-content:center;display:grid;text-align:center;margin:20px;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%}.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%)}.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}.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.85898c1b.js b/build/public/assets/index.85898c1b.js deleted file mode 100644 index 57b1c41..0000000 --- a/build/public/assets/index.85898c1b.js +++ /dev/null @@ -1 +0,0 @@ -import{d as e,c as t,a as n,w as o,b as l,r as i,o as s,e as a,t as r,F as d,f as c,g as u,v as p,h,i as g,j as y,k as m,l as f,m as w,n as v}from"./vendor.00b608ff.js";var x=e({name:"app",computed:{showNav(){return!["game","replay"].includes(String(this.$route.name))}}});const b={id:"app"},A={key:0,class:"nav"},z=a("Index"),T=a("New game");x.render=function(e,a,r,d,c,u){const p=i("router-link"),h=i("router-view");return s(),t("div",b,[e.showNav?(s(),t("ul",A,[n("li",null,[n(p,{class:"btn",to:{name:"index"}},{default:o((()=>[z])),_:1})]),n("li",null,[n(p,{class:"btn",to:{name:"new-game"}},{default:o((()=>[T])),_:1})])])):l("",!0),n(h)])};const S=864e5,C=e=>{const t=Math.floor(e/S);e%=S;const n=Math.floor(e/36e5);e%=36e5;const o=Math.floor(e/6e4);e%=6e4;return`${t}d ${n}h ${o}m ${Math.floor(e/1e3)}s`};var k=1e3,I=()=>{const e=new Date;return Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds())},P=(e,t)=>C(t-e),_=C,D=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?"🏁":"⏳",o=e,l=t||I();return`${n} ${P(o,l)}`}}});const B={class:"game-info-text"},O=n("br",null,null,-1),E=n("br",null,null,-1),M=n("br",null,null,-1);D.render=function(e,d,c,u,p,h){const g=i("router-link");return s(),t("div",{class:"game-teaser",style:e.style},[n(g,{class:"game-info",to:{name:"game",params:{id:e.game.id}}},{default:o((()=>[n("span",B,[a(" 🧩 "+r(e.game.tilesFinished)+"/"+r(e.game.tilesTotal),1),O,a(" πŸ‘₯ "+r(e.game.players),1),E,a(" "+r(e.time(e.game.started,e.game.finished)),1),M])])),_:1},8,["to"]),l("",!0)],4)};var N=e({components:{GameTeaser:D},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 U=n("h1",null,"Running games",-1),R=n("h1",null,"Finished games",-1);function $(e,t){const n=e.x-t.x,o=e.y-t.y;return Math.sqrt(n*n+o*o)}function G(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}N.render=function(e,o,l,a,r,u){const p=i("game-teaser");return s(),t("div",null,[U,(s(!0),t(d,null,c(e.gamesRunning,((e,o)=>(s(),t("div",{class:"game-teaser-wrap",key:o},[n(p,{game:e},null,8,["game"])])))),128)),R,(s(!0),t(d,null,c(e.gamesFinished,((e,o)=>(s(),t("div",{class:"game-teaser-wrap",key:o},[n(p,{game:e},null,8,["game"])])))),128))])};var V={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:$,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:G,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 $(G(e),G(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 j=1,F=4,W=5,H=2,L=3,Y=6,Q=2,q=4,Z=3,K=9,J=1,X=2,ee=3,te=4,ne=5,oe=6,le=7,ie=8,se=10,ae=1,re=2,de=3;class ce{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),o=t[n];t[n]=t[e],t[e]=o}return t}static serialize(e){return{rand_high:e.rand_high,rand_low:e.rand_low}}static unserialize(e){const t=new ce(0);return t.rand_high=e.rand_high,t.rand_low=e.rand_low,t}}const ue=(e,t)=>{const n=`${e}`;return n.length>=t.length?n:t.substr(0,t.length-n.length)+n},pe=(...e)=>{const t=t=>(...n)=>{const o=new Date,l=ue(o.getHours(),"00"),i=ue(o.getMinutes(),"00"),s=ue(o.getSeconds(),"00");console[t](`${l}:${i}:${s}`,...e,...n)};return{log:t("log"),error:t("error"),info:t("info")}};var he,ge,ye,me,fe={hash:e=>{let t=0;for(let n=0;nDate.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,ce.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:ce.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)}}};(ge=he||(he={}))[ge.Flat=0]="Flat",ge[ge.Out=1]="Out",ge[ge.In=-1]="In",(me=ye||(ye={}))[me.FINAL=0]="FINAL",me[me.ANY=1]="ANY";const we={};function ve(e,t){return{id:e,x:0,y:0,d:0,name:null,color:null,bgcolor:null,points:0,ts:t}}function xe(e,t){let n=0;for(let o of we[e].players){if(fe.decodePlayer(o).id===t)return n;n++}return-1}function be(e,t){const n=xe(e,t);return fe.decodePlayer(we[e].players[n])}function Ae(e,t,n){const o=xe(e,t);-1===o?we[e].players.push(fe.encodePlayer(n)):we[e].players[o]=fe.encodePlayer(n)}function ze(e,t){return-1!==xe(e,t)}function Te(e){return we[e]?we[e].players.map(fe.decodePlayer):[]}function Se(e){return we[e].puzzle.tiles.length}function Ce(e){return we[e].scoreMode||0}function ke(e){return Ie(e)===Se(e)}function Ie(e){let t=0;for(let n of we[e].puzzle.tiles)-1===fe.decodeTile(n).owner&&t++;return t}function Pe(e,t,n){const o=be(e,t);for(let l of Object.keys(n))o[l]=n[l];Ae(e,t,o)}function _e(e,t){for(let n of Object.keys(t))we[e].puzzle.data[n]=t[n]}function De(e,t,n){for(let o of Object.keys(n)){const l=fe.decodeTile(we[e].puzzle.tiles[t]);l[o]=n[o],we[e].puzzle.tiles[t]=fe.encodeTile(l)}}const Be=(e,t)=>fe.decodeTile(we[e].puzzle.tiles[t]),Oe=(e,t)=>Be(e,t).group,Ee=(e,t)=>{const n=we[e].puzzle.info,o={x:(n.table.width-n.width)/2,y:(n.table.height-n.height)/2},l=function(e,t){const n=we[e].puzzle.info,o=fe.coordByTileIdx(n,t),l=o.x*n.tileSize,i=o.y*n.tileSize;return{x:l,y:i}}(e,t);return V.pointAdd(o,l)},Me=(e,t)=>Be(e,t).pos,Ne=e=>{const t=Ke(e),n=Je(e),o=Math.round(t/4),l=Math.round(n/4);return{x:0-o,y:0-l,w:t+2*o,h:n+2*l}},Ue=(e,t)=>{const n=Ve(e),o=Be(e,t);return{x:o.pos.x,y:o.pos.y,w:n,h:n}},Re=(e,t)=>Be(e,t).z,$e=(e,t)=>{for(let n of we[e].puzzle.tiles){const e=fe.decodeTile(n);if(e.owner===t)return e.idx}return-1},Ge=e=>we[e].puzzle.info.tileDrawSize,Ve=e=>we[e].puzzle.info.tileSize,je=e=>we[e].puzzle.data.maxGroup,Fe=e=>we[e].puzzle.data.maxZ;function We(e,t){const n=we[e].puzzle.info,o=fe.coordByTileIdx(n,t);return[o.y>0?t-n.tilesX:-1,o.x0?t-1:-1]}const He=(e,t,n)=>{for(let o of t)De(e,o,{z:n})},Le=(e,t,n)=>{const o=Me(e,t);De(e,t,{pos:V.pointAdd(o,n)})},Ye=(e,t,n)=>{const o=Ge(e),l=Ne(e),i=n;for(let s of t){const t=Be(e,s);t.pos.x+n.xl.x+l.w&&(i.x=Math.min(l.x+l.w-t.pos.x+o,i.x)),t.pos.y+n.yl.y+l.h&&(i.y=Math.min(l.y+l.h-t.pos.y+o,i.y))}for(let s of t)Le(e,s,i)},Qe=(e,t,n)=>{for(let o of t)De(e,o,{owner:n})};function qe(e,t){const n=we[e].puzzle.tiles,o=fe.decodeTile(n[t]),l=[];if(o.group)for(let i of n){const e=fe.decodeTile(i);e.group===o.group&&l.push(e.idx)}else l.push(o.idx);return l}const Ze=(e,t)=>{const n=be(e,t);return n?n.points:0},Ke=e=>we[e].puzzle.info.table.width,Je=e=>we[e].puzzle.info.table.height;var Xe={__createPlayerObject:ve,setGame:function(e,t){we[e]=t},exists:function(e){return!!we[e]||!1},playerExists:ze,getActivePlayers:function(e,t){const n=t-30*k;return Te(e).filter((e=>e.ts>=n))},getIdlePlayers:function(e,t){const n=t-30*k;return Te(e).filter((e=>e.ts0))},addPlayer:function(e,t,n){ze(e,t)?Pe(e,t,{ts:n}):Ae(e,t,ve(t,n))},getFinishedTileCount:Ie,getTileCount:Se,getImageUrl:function(e){return we[e].puzzle.info.imageUrl},setImageUrl:function(e,t){we[e].puzzle.info.imageUrl=t},get:function(e){return we[e]},getAllGames:function(){return Object.values(we).sort(((e,t)=>ke(e.id)===ke(t.id)?t.puzzle.data.started-e.puzzle.data.started:ke(e.id)?1:-1))},getPlayerBgColor:(e,t)=>{const n=be(e,t);return n?n.bgcolor:null},getPlayerColor:(e,t)=>{const n=be(e,t);return n?n.color:null},getPlayerName:(e,t)=>{const n=be(e,t);return n?n.name:null},getPlayerIndexById:xe,getPlayerIdByIndex:function(e,t){return we[e].players.length>t?fe.decodePlayer(we[e].players[t]).id:null},changePlayer:Pe,setPlayer:Ae,setTile:function(e,t,n){we[e].puzzle.tiles[t]=fe.encodeTile(n)},setPuzzleData:function(e,t){we[e].puzzle.data=t},getTableWidth:Ke,getTableHeight:Je,getPuzzle:e=>we[e].puzzle,getRng:e=>we[e].rng.obj,getPuzzleWidth:e=>we[e].puzzle.info.width,getPuzzleHeight:e=>we[e].puzzle.info.height,getTilesSortedByZIndex:function(e){return we[e].puzzle.tiles.map(fe.decodeTile).sort(((e,t)=>e.z-t.z))},getFirstOwnedTile:(e,t)=>{const n=$e(e,t);return n<0?null:we[e].puzzle.tiles[n]},getTileDrawOffset:e=>we[e].puzzle.info.tileDrawOffset,getTileDrawSize:Ge,getFinalTilePos:Ee,getStartTs:e=>we[e].puzzle.data.started,getFinishTs:e=>we[e].puzzle.data.finished,handleInput:function(e,t,n,o){const l=we[e].puzzle,i=function(e,t){return t in we[e].evtInfos?we[e].evtInfos[t]:{_last_mouse:null,_last_mouse_down:null}}(e,t),s=[],a=()=>{s.push([ae,l.data])},r=t=>{s.push([re,fe.encodeTile(Be(e,t))])},d=e=>{for(const t of e)r(t)},c=()=>{s.push([de,fe.encodePlayer(be(e,t))])},u=n[0];if(u===oe){const l=n[1];Pe(e,t,{bgcolor:l,ts:o}),c()}else if(u===le){const l=n[1];Pe(e,t,{color:l,ts:o}),c()}else if(u===ie){const l=`${n[1]}`.substr(0,16);Pe(e,t,{name:l,ts:o}),c()}else if(u===J){const l={x:n[1],y:n[2]};Pe(e,t,{d:1,ts:o}),c(),i._last_mouse_down=l;const s=((e,t)=>{let n=we[e].puzzle.info,o=we[e].puzzle.tiles,l=-1,i=-1;for(let s=0;sl)&&(l=e.z,i=s)}return i})(e,l);if(s>=0){let n=Fe(e)+1;_e(e,{maxZ:n}),a();const o=qe(e,s);He(e,o,Fe(e)),Qe(e,o,t),d(o)}i._last_mouse=l}else if(u===ee){const l=n[1],s=n[2],a={x:l,y:s};if(null===i._last_mouse_down)Pe(e,t,{x:l,y:s,ts:o}),c();else{let n=$e(e,t);if(n>=0){Pe(e,t,{x:l,y:s,ts:o}),c();const r=qe(e,n);let u=V.pointInBounds(a,Ne(e))&&V.pointInBounds(i._last_mouse_down,Ne(e));for(let t of r){const n=Ue(e,t);if(V.pointInBounds(a,n)){u=!0;break}}if(u){const t=l-i._last_mouse_down.x,n=s-i._last_mouse_down.y;Ye(e,r,{x:t,y:n}),d(r)}}else Pe(e,t,{ts:o}),c();i._last_mouse_down=a}i._last_mouse=a}else if(u===X){const s={x:n[1],y:n[2]},u=0;i._last_mouse_down=null;let p=$e(e,t);if(p>=0){let n=qe(e,p);Qe(e,n,0),d(n);let i=Me(e,p),s=Ee(e,p);if(V.pointDistance(s,i){for(let n of t)De(e,n,{owner:-1,z:1})})(e,n),d(n);let r=Ze(e,t);0===Ce(e)?r+=n.length:1===Ce(e)&&(r+=1),Pe(e,t,{d:u,ts:o,points:r}),c(),Ie(e)===Se(e)&&(_e(e,{finished:o}),a())}else{const n=(e,t,n,o)=>{let l=we[e].puzzle.info;if(n<0)return!1;if(((e,t,n)=>{const o=Oe(e,t),l=Oe(e,n);return o&&o===l})(e,t,n))return!1;const i=Me(e,t),s=V.pointAdd(Me(e,n),{x:o[0]*l.tileSize,y:o[1]*l.tileSize});if(V.pointDistance(i,s){const o=we[e].puzzle.tiles,l=Oe(e,t),i=Oe(e,n);let s;const d=[];l&&d.push(l),i&&d.push(i),l?s=l:i?s=i:(_e(e,{maxGroup:je(e)+1}),a(),s=je(e));if(De(e,t,{group:s}),r(t),De(e,n,{group:s}),r(n),d.length>0)for(const a of o){const t=fe.decodeTile(a);d.includes(t.group)&&(De(e,t.idx,{group:s}),r(t.idx))}})(e,t,n),l=qe(e,t);const c=((e,t)=>{let n=0;for(let o of t){let t=Re(e,o);t>n&&(n=t)}return n})(e,l);return He(e,l,c),d(l),!0}return!1};let l=!1;for(let t of qe(e,p)){let o=We(e,t);if(n(e,t,o[0],[0,1])||n(e,t,o[1],[-1,0])||n(e,t,o[2],[0,-1])||n(e,t,o[3],[1,0])){l=!0;break}}if(l&&1===Ce(e)){const n=Ze(e,t)+1;Pe(e,t,{d:u,ts:o,points:n}),c()}else Pe(e,t,{d:u,ts:o}),c()}}else Pe(e,t,{d:u,ts:o}),c();i._last_mouse=s}else if(u===te){const l=n[1],s=n[2];Pe(e,t,{x:l,y:s,ts:o}),c(),i._last_mouse={x:l,y:s}}else if(u===ne){const l=n[1],s=n[2];Pe(e,t,{x:l,y:s,ts:o}),c(),i._last_mouse={x:l,y:s}}else Pe(e,t,{ts:o}),c();return function(e,t,n){we[e].evtInfos[t]=n}(e,t,i),s}},et=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 o=new FormData;o.append("file",n,n.name);const l=await fetch("/upload",{method:"post",body:o}),i=await l.json();this.$emit("uploaded",i)}}});const tt={class:"btn"};et.render=function(e,o,l,i,a,d){return s(),t("label",null,[n("input",{type:"file",style:{display:"none"},onChange:o[1]||(o[1]=(...t)=>e.upload&&e.upload(...t)),accept:e.accept},null,40,["accept"]),n("span",tt,r(e.label||"Upload File"),1)])};var nt=e({name:"image-teaser",props:{image:{type:Object,required:!0}},computed:{style(){return{backgroundImage:`url("${this.image.url.replace("uploads/","uploads/r/")+"-150x100.webp"}")`}}},methods:{onClick(){this.$emit("click")}}});nt.render=function(e,n,o,l,i,a){return s(),t("div",{class:"imageteaser",style:e.style,onClick:n[1]||(n[1]=(...t)=>e.onClick&&e.onClick(...t))},null,4)};var ot=e({name:"new-game-dialog",components:{Upload:et,ImageTeaser:nt},props:{images:Array},emits:{newGame:null},data:()=>({tiles:1e3,image:"",scoreMode:ye.ANY}),methods:{mediaImgUploaded(e){this.image=e.image},canStartNewGame(){return!!(this.tilesInt&&this.image&&[0,1].includes(this.scoreModeInt))},onNewGameClick(){this.$emit("newGame",{tiles:this.tilesInt,image:this.image,scoreMode:this.scoreModeInt})}},computed:{scoreModeInt(){return parseInt(`${this.scoreMode}`,10)},tilesInt(){return parseInt(`${this.tiles}`,10)}}});const lt=n("h1",null,"New game",-1),it=n("td",null,[n("label",null,"Pieces: ")],-1),st=n("td",null,[n("label",null,"Scoring: ")],-1),at=a(" Any (Score when pieces are connected to each other or on final location)"),rt=n("br",null,null,-1),dt=a(" Final (Score when pieces are put to their final location)"),ct=n("td",null,[n("label",null,"Image: ")],-1),ut={key:0},pt=a(" or "),ht={key:1},gt=a(" (or select from below) "),yt={colspan:"2"},mt=n("h1",null,"Image lib",-1);ot.render=function(e,o,l,a,r,g){const y=i("upload"),m=i("image-teaser");return s(),t("div",null,[lt,n("table",null,[n("tr",null,[it,n("td",null,[u(n("input",{type:"text","onUpdate:modelValue":o[1]||(o[1]=t=>e.tiles=t)},null,512),[[p,e.tiles]])])]),n("tr",null,[st,n("td",null,[n("label",null,[u(n("input",{type:"radio","onUpdate:modelValue":o[2]||(o[2]=t=>e.scoreMode=t),value:"1"},null,512),[[h,e.scoreMode]]),at]),rt,n("label",null,[u(n("input",{type:"radio","onUpdate:modelValue":o[3]||(o[3]=t=>e.scoreMode=t),value:"0"},null,512),[[h,e.scoreMode]]),dt])])]),n("tr",null,[ct,n("td",null,[e.image?(s(),t("span",ut,[n("img",{src:e.image.url,style:{width:"150px"}},null,8,["src"]),pt,n(y,{onUploaded:o[4]||(o[4]=t=>e.mediaImgUploaded(t)),accept:"image/*",label:"Upload an image"})])):(s(),t("span",ht,[n(y,{onUploaded:o[5]||(o[5]=t=>e.mediaImgUploaded(t)),accept:"image/*",label:"Upload an image"}),gt]))])]),n("tr",null,[n("td",yt,[n("button",{class:"btn",disabled:!e.canStartNewGame,onClick:o[6]||(o[6]=(...t)=>e.onNewGameClick&&e.onNewGameClick(...t))},"Start new game",8,["disabled"])])])]),mt,n("div",null,[(s(!0),t(d,null,c(e.images,((n,o)=>(s(),t(m,{image:n,onClick:t=>e.image=n,key:o},null,8,["image","onClick"])))),128))])])};var ft=e({components:{NewGameDialog:ot},data:()=>({images:[]}),async created(){const e=await fetch("/api/newgame-data"),t=await e.json();this.images=t.images},methods:{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}})}}}});ft.render=function(e,o,l,a,r,d){const c=i("new-game-dialog");return s(),t("div",null,[n(c,{images:e.images,onNewGame:e.onNewGame},null,8,["images","onNewGame"])])};var wt=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 vt={class:"scores"},xt=n("div",null,"Scores",-1),bt=n("td",null,"⚑",-1),At=n("td",null,"πŸ’€",-1);wt.render=function(e,o,l,i,a,u){return s(),t("div",vt,[xt,n("table",null,[(s(!0),t(d,null,c(e.actives,((e,o)=>(s(),t("tr",{key:o,style:{color:e.color}},[bt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128)),(s(!0),t(d,null,c(e.idles,((e,o)=>(s(),t("tr",{key:o,style:{color:e.color}},[At,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128))])])};var zt=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 _(this.duration)}}});const Tt={class:"timer"};zt.render=function(e,o,l,i,a,d){return s(),t("div",Tt,[n("div",null," 🧩 "+r(e.piecesDone)+"/"+r(e.piecesTotal),1),n("div",null,r(e.icon)+" "+r(e.durationStr),1),g(e.$slots,"default")])};var St=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 Ct=n("td",null,[n("label",null,"Background: ")],-1),kt=n("td",null,[n("label",null,"Color: ")],-1),It=n("td",null,[n("label",null,"Name: ")],-1);St.render=function(e,o,l,i,a,r){return s(),t("div",{class:"overlay transparent",onClick:o[5]||(o[5]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content settings",onClick:o[4]||(o[4]=y((()=>{}),["stop"]))},[n("tr",null,[Ct,n("td",null,[u(n("input",{type:"color","onUpdate:modelValue":o[1]||(o[1]=t=>e.modelValue.background=t)},null,512),[[p,e.modelValue.background]])])]),n("tr",null,[kt,n("td",null,[u(n("input",{type:"color","onUpdate:modelValue":o[2]||(o[2]=t=>e.modelValue.color=t)},null,512),[[p,e.modelValue.color]])])]),n("tr",null,[It,n("td",null,[u(n("input",{type:"text",maxLength:"16","onUpdate:modelValue":o[3]||(o[3]=t=>e.modelValue.name=t)},null,512),[[p,e.modelValue.name]])])])])])};var Pt=e({name:"preview-overlay",props:{img:String},emits:{bgclick:null},computed:{previewStyle(){return{backgroundImage:`url('${this.img}')`}}}});const _t={class:"preview"};Pt.render=function(e,o,l,i,a,r){return s(),t("div",{class:"overlay",onClick:o[1]||(o[1]=t=>e.$emit("bgclick"))},[n("div",_t,[n("div",{class:"img",style:e.previewStyle},null,4)])])};const Dt=pe("Communication.js");let Bt,Ot=e=>{},Et=e=>{};let Mt=0;const Nt=e=>{Mt!==e&&(Mt=e,Et(e))};function Ut(e){if(2===Mt)try{Bt.send(JSON.stringify(e))}catch(t){Dt.info("unable to send message.. maybe because ws is invalid?")}}let Rt,$t;var Gt={connect:function(e,t,n){return Rt=0,$t={},Nt(3),new Promise((o=>{Bt=new WebSocket(e,n+"|"+t),Bt.onopen=e=>{Nt(2),Ut([L])},Bt.onmessage=e=>{const t=JSON.parse(e.data),l=t[0];if(l===F){const e=t[1];o(e)}else{if(l!==j)throw`[ 2021-05-09 invalid connect msgType ${l} ]`;{const e=t[1],o=t[2];if(e===n&&$t[o])return void delete $t[o];Ot(t)}}},Bt.onerror=e=>{throw Nt(1),"[ 2021-05-15 onerror ]"},Bt.onclose=e=>{4e3===e.code||1001===e.code?Nt(4):Nt(1)}}))},connectReplay:function(e,t,n){return Rt=0,$t={},Nt(3),new Promise((o=>{Bt=new WebSocket(e,n+"|"+t),Bt.onopen=e=>{Nt(2),Ut([Y])},Bt.onmessage=e=>{const t=JSON.parse(e.data),n=t[0];if(n!==W)throw`[ 2021-05-09 invalid connectReplay msgType ${n} ]`;{const e=t[1],n=t[2];o({game:e,log:n})}},Bt.onerror=e=>{throw Nt(1),"[ 2021-05-15 onerror ]"},Bt.onclose=e=>{4e3===e.code||1001===e.code?Nt(4):Nt(1)}}))},disconnect:function(){Bt&&Bt.close(4e3),Rt=0,$t={}},sendClientEvent:function(e){Rt++,$t[Rt]=e,Ut([H,Rt,$t[Rt]])},onServerChange:function(e){Ot=e},onConnectionStateChange:function(e){Et=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},Vt=e({name:"connection-overlay",emits:{reconnect:null},props:{connectionState:Number},computed:{lostConnection(){return this.connectionState===Gt.CONN_STATE_DISCONNECTED},connecting(){return this.connectionState===Gt.CONN_STATE_CONNECTING},show(){return!(!this.lostConnection&&!this.connecting)}}});const jt={key:0,class:"overlay connection-lost"},Ft={key:0,class:"overlay-content"},Wt=n("div",null,"⁉️ LOST CONNECTION ⁉️",-1),Ht={key:1,class:"overlay-content"},Lt=n("div",null,"Connecting...",-1);Vt.render=function(e,o,i,a,r,d){return e.show?(s(),t("div",jt,[e.lostConnection?(s(),t("div",Ft,[Wt,n("span",{class:"btn",onClick:o[1]||(o[1]=t=>e.$emit("reconnect"))},"Reconnect")])):l("",!0),e.connecting?(s(),t("div",Ht,[Lt])):l("",!0)])):l("",!0)};var Yt=e({name:"help-overlay",emits:{bgclick:null}});const Qt=n("tr",null,[n("td",null,"⬆️ Move up:"),n("td",null,[n("div",null,[n("kbd",null,"W"),a("/"),n("kbd",null,"↑"),a("/πŸ–±οΈ")])])],-1),qt=n("tr",null,[n("td",null,"⬇️ Move down:"),n("td",null,[n("div",null,[n("kbd",null,"S"),a("/"),n("kbd",null,"↓"),a("/πŸ–±οΈ")])])],-1),Zt=n("tr",null,[n("td",null,"⬅️ Move left:"),n("td",null,[n("div",null,[n("kbd",null,"A"),a("/"),n("kbd",null,"←"),a("/πŸ–±οΈ")])])],-1),Kt=n("tr",null,[n("td",null,"➑️ Move right:"),n("td",null,[n("div",null,[n("kbd",null,"D"),a("/"),n("kbd",null,"β†’"),a("/πŸ–±οΈ")])])],-1),Jt=n("tr",null,[n("td"),n("td",null,[n("div",null,[a("Move faster by holding "),n("kbd",null,"Shift")])])],-1),Xt=n("tr",null,[n("td",null,"πŸ”+ Zoom in:"),n("td",null,[n("div",null,[n("kbd",null,"E"),a("/πŸ–±οΈ-Wheel")])])],-1),en=n("tr",null,[n("td",null,"πŸ”- Zoom out:"),n("td",null,[n("div",null,[n("kbd",null,"Q"),a("/πŸ–±οΈ-Wheel")])])],-1),tn=n("tr",null,[n("td",null,"πŸ–ΌοΈ Toggle preview:"),n("td",null,[n("div",null,[n("kbd",null,"Space")])])],-1),nn=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);Yt.render=function(e,o,l,i,a,r){return s(),t("div",{class:"overlay transparent",onClick:o[2]||(o[2]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content help",onClick:o[1]||(o[1]=y((()=>{}),["stop"]))},[Qt,qt,Zt,Kt,Jt,Xt,en,tn,nn,on])])};var ln=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVQ4je1RywrAIAxLxP//5exixRWlVgZelpOKeTQFfnDypgy3eLIkSLLL8mxGPoHsU2hPAgDHBLvRX6hZZw/fwT0BtlLSONqCbWAmEIqMZOCDDlaDR3N03gOyDCn+y4DWmAAAAABJRU5ErkJggg=="}),sn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARElEQVQ4jWNgGAU0Af+hmBCbgYGBgYERhwHEAEYGBgYGJtIdiApYyLAZBVDsAqoagC1ACQJyY4ERg0GCISh6KA4DigEAou8LC+LnIJoAAAAASUVORK5CYII="}),an=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVQ4ja1TQQ7AIAgD///n7jCozA2Hbk00jbG1KIrcARszTugoBs49qioZj7r2kKACptkyAOCJsJuA+GzglwHjvMSSWFVaENWVASxh5eRLiq5fN/ASjI89VcP2K3hHpq1cEXNaMfnrL3TDZP2tDuoOA6MzCCXWr38AAAAASUVORK5CYII="}),rn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4jWNgoAH4D8X42HDARKlt5BoAd82AuQAOGLGIYQQUPv0wF5CiCQUge4EsQ5C9QI4BjMguwBYeBAElscCIy1ZivMKIwSDBEBQ9FCckigEAU3QOD7TGvY4AAAAASUVORK5CYII="});function dn(){let e=0,t=0,n=1;const o=(o,l)=>{e+=o/n,t+=l/n},l=e=>{const t=n+.05*n*("in"===e?1:-1);return Math.min(Math.max(t,.1),6)},i=o=>({x:o.x/n-e,y:o.y/n-t}),s=o=>({x:(o.x+e)*n,y:(o.y+t)*n}),a=e=>({w:e.w*n,h:e.h*n});return{move:o,canZoom:e=>n!=l(e),zoom:(e,t)=>((e,t)=>{if(n==e)return!1;const l=1-n/e;return o(-t.x*l,-t.y*l),n=e,!0})(l(e),t),worldToViewport:e=>{const{x:t,y:n}=s(e);return{x:Math.round(t),y:Math.round(n)}},worldToViewportRaw:s,worldDimToViewport:e=>{const{w:t,h:n}=a(e);return{w:Math.round(t),h:Math.round(n)}},worldDimToViewportRaw:a,viewportToWorld:e=>{const{x:t,y:n}=i(e);return{x:Math.round(t),y:Math.round(n)}},viewportToWorldRaw:i}}function cn(e=0,t=0){const n=document.createElement("canvas");return n.width=e,n.height=t,n}var un={createCanvas:cn,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 o=cn(t,n);return o.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,t,n),await createImageBitmap(o)},colorize:async function(e,t,n){const o=cn(e.width,e.height),l=o.getContext("2d");return l.save(),l.drawImage(t,0,0),l.fillStyle=n,l.globalCompositeOperation="source-in",l.fillRect(0,0,t.width,t.height),l.restore(),l.save(),l.globalCompositeOperation="destination-over",l.drawImage(e,0,0),l.restore(),await createImageBitmap(o)}};const pn=pe("Debug.js");let hn=0,gn=0;var yn=e=>{hn=performance.now(),gn=e},mn=e=>{const t=performance.now(),n=t-hn;n>gn&&pn.log(e+": "+n),hn=t};const fn=pe("PuzzleGraphics.js");function wn(e,t){const n=fe.coordByTileIdx(e,t);return{x:n.x*e.tileSize,y:n.y*e.tileSize,w:e.tileSize,h:e.tileSize}}var vn={loadPuzzleBitmaps:async function(e){const t=await un.loadImageToBitmap(e.info.imageUrl),n=await un.resizeBitmap(t,e.info.width,e.info.height);return await async function(e,t,n){fn.log("start createPuzzleTileBitmaps");var o=n.tileSize,l=n.tileMarginWidth,i=n.tileDrawSize,s=o/100,a=[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,i={x:l,y:l},r=V.pointAdd(i,{x:o,y:0}),c=V.pointAdd(r,{x:0,y:o}),u=V.pointSub(c,{x:o,y:0});if(n.moveTo(i.x,i.y),0!==e.top)for(let o=0;o=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;An=t/2,zn=t-An;const n=1/4*this.canvas.width/(t/2);xn=-n,bn=2*n}resize(){this.setSpeedParams()}init(){this.readyBombs=[],this.explodedBombs=[],this.particles=[];for(let e=0;e<1;e++)this.readyBombs.push(new Tn(this.rng))}update(){100*Math.random()<5&&this.readyBombs.push(new Tn(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(!g[t]){const n=e.d?s:a;if(e.color){const o=e.d?r:d;g[t]=await un.colorize(n,o,e.color)}else g[t]=n}return g[t]},m=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,_n=!0})),t}(l,un.createCanvas()),f={log:[],logIdx:0,speeds:[.5,1,2,5,10,20,50],speedIdx:1,paused:!1,lastRealTs:0,lastGameTs:0,gameStartTs:0};Gt.onConnectionStateChange((e=>{i.setConnectionState(e)}));let w=()=>0;const v=async()=>{if("play"===o){const o=await Gt.connect(n,e,t),l=fe.decodeGame(o);Xe.setGame(l.id,l),w=()=>I()}else{if("replay"!==o)throw"[ 2020-12-22 MODE invalid, must be play|replay ]";{const o=await Gt.connectReplay(n,e,t),l=fe.decodeGame(o.game);Xe.setGame(l.id,l),f.log=o.log,f.lastRealTs=I(),f.gameStartTs=parseInt(f.log[0][f.log[0].length-2],10),f.lastGameTs=f.gameStartTs,w=()=>f.lastGameTs}}_n=!0};await v();const x=Xe.getTileDrawOffset(e),b=Xe.getTileDrawSize(e),A=Xe.getPuzzleWidth(e),z=Xe.getPuzzleHeight(e),T=Xe.getTableWidth(e),S=Xe.getTableHeight(e),C={x:(T-A)/2,y:(S-z)/2},k={w:A,h:z},P={w:b,h:b},_=await vn.loadPuzzleBitmaps(Xe.getPuzzle(e)),D=new Cn(m,Xe.getRng(e));D.init();const B=m.getContext("2d");m.classList.add("loaded");const O=dn();O.move(-(T-m.width)/2,-(S-m.height)/2);const E=function(e,t,n){let o=[],l=!0,i=!1,s=!1,a=!1,r=!1,d=!1,c=!1,u=!1;const p=(e,t)=>{const o=n.viewportToWorld({x:e,y:t});return[o.x,o.y]},h=e=>p(e.offsetX,e.offsetY),g=()=>p(e.width/2,e.height/2),y=(e,t)=>{l&&("Shift"===t.key?u=e:"ArrowUp"===t.key||"w"===t.key||"W"===t.key?a=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?s=e:"q"===t.key?c=e:"e"===t.key&&(d=e))};e.addEventListener("mousedown",(e=>{0===e.button&&m([J,...h(e)])})),e.addEventListener("mouseup",(e=>{0===e.button&&m([X,...h(e)])})),e.addEventListener("mousemove",(e=>{m([ee,...h(e)])})),e.addEventListener("wheel",(e=>{if(n.canZoom(e.deltaY<0?"in":"out")){const t=e.deltaY<0?te:ne;m([t,...h(e)])}})),t.addEventListener("keydown",(e=>y(!0,e))),t.addEventListener("keyup",(e=>y(!1,e))),t.addEventListener("keypress",(e=>{l&&(" "===e.key&&m([se]),"F"!==e.key&&"f"!==e.key||(In=!In,_n=!0),"G"!==e.key&&"g"!==e.key||(Pn=!Pn,_n=!0))}));const m=e=>{o.push(e)};return{addEvent:m,consumeAll:()=>{if(0===o.length)return[];const e=o.slice();return o=[],e},createKeyEvents:()=>{const e=u?20:10,t=(i?e:0)-(s?e:0),o=(a?e:0)-(r?e:0);0===t&&0===o||m([K,t,o]),d&&c||(d?n.canZoom("in")&&m([te,...g()]):c&&n.canZoom("out")&&m([ne,...g()]))},setHotkeys:e=>{l=e}}}(m,window,O),M=Xe.getImageUrl(e),N=()=>{const t=Xe.getStartTs(e),n=Xe.getFinishTs(e),o=w();i.setFinished(!!n),i.setDuration((n||o)-t)};N(),i.setPiecesDone(Xe.getFinishedTileCount(e)),i.setPiecesTotal(Xe.getTileCount(e));const U=w();i.setActivePlayers(Xe.getActivePlayers(e,U)),i.setIdlePlayers(Xe.getIdlePlayers(e,U));const R=!!Xe.getFinishTs(e);let $=R;const G=()=>$&&!R,V=()=>Xe.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"===o?setInterval(N,1e3):"replay"===o&&j(),"play"===o)Gt.onServerChange((n=>{n[0],n[1],n[2];const o=n[3];for(const[l,i]of o)switch(l){case de:{const n=fe.decodePlayer(i);n.id!==t&&(Xe.setPlayer(e,n.id,n),_n=!0)}break;case re:{const t=fe.decodeTile(i);Xe.setTile(e,t.idx,t),_n=!0}break;case ae:Xe.setPuzzleData(e,i),_n=!0}$=!!Xe.getFinishTs(e)}));else if("replay"===o){let t=setInterval((()=>{const n=I();if(f.paused)return void(f.lastRealTs=n);const o=(n-f.lastRealTs)*f.speeds[f.speedIdx],l=f.lastGameTs+o;for(;;){if(f.paused)break;const n=f.logIdx+1;if(n>=f.log.length){clearInterval(t);break}const o=f.log[n],i=f.gameStartTs+o[o.length-1];if(i>l)break;const s=o.slice();if(s[0]===Q){const t=s[1];Xe.addPlayer(e,t,i),_n=!0}else if(s[0]===q){const t=Xe.getPlayerIdByIndex(e,s[1]);if(!t)throw"[ 2021-05-17 player not found (update player) ]";Xe.addPlayer(e,t,i),_n=!0}else if(s[0]===Z){const t=Xe.getPlayerIdByIndex(e,s[1]);if(!t)throw"[ 2021-05-17 player not found (handle input) ]";const n=s[2];Xe.handleInput(e,t,n,i),_n=!0}f.logIdx=n}f.lastRealTs=n,f.lastGameTs=l,N()}),50)}let F=null;return(e=>{const t=e.fps||60,n=e.slow||1,o=e.update,l=e.render,i=window.requestAnimationFrame,s=1/t,a=n*s;let r,d=0,c=window.performance.now();const u=()=>{for(r=window.performance.now(),d+=Math.min(1,(r-c)/1e3);d>a;)d-=a,o(s);l(d/n),c=r,i(u)};i(u)})({update:()=>{E.createKeyEvents();for(const n of E.consumeAll())if("play"===o){const o=n[0];if(o===K){const e=n[1],t=n[2];_n=!0,O.move(e,t)}else if(o===ee){if(F&&!Xe.getFirstOwnedTile(e,t)){const e={x:n[1],y:n[2]},t=O.worldToViewport(e),o=Math.round(t.x-F.x),l=Math.round(t.y-F.y);_n=!0,O.move(o,l),F=t}}else if(o===J){const e={x:n[1],y:n[2]};F=O.worldToViewport(e)}else if(o===X)F=null;else if(o===te){const e={x:n[1],y:n[2]};_n=!0,O.zoom("in",O.worldToViewport(e))}else if(o===ne){const e={x:n[1],y:n[2]};_n=!0,O.zoom("out",O.worldToViewport(e))}else o===se&&i.togglePreview();const l=w();Xe.handleInput(e,t,n,l).length>0&&(_n=!0),Gt.sendClientEvent(n)}else if("replay"===o){const e=n[0];if(e===K){const e=n[1],t=n[2];_n=!0,O.move(e,t)}else if(e===ee){if(F){const e={x:n[1],y:n[2]},t=O.worldToViewport(e),o=Math.round(t.x-F.x),l=Math.round(t.y-F.y);_n=!0,O.move(o,l),F=t}}else if(e===J){const e={x:n[1],y:n[2]};F=O.worldToViewport(e)}else if(e===X)F=null;else if(e===te){const e={x:n[1],y:n[2]};_n=!0,O.zoom("in",O.worldToViewport(e))}else if(e===ne){const e={x:n[1],y:n[2]};_n=!0,O.zoom("out",O.worldToViewport(e))}else e===se&&i.togglePreview()}$=!!Xe.getFinishTs(e),G()&&(D.update(),_n=!0)},render:async()=>{if(!_n)return;const n=w();let l,s,a;window.DEBUG&&yn(0),B.fillStyle=V(),B.fillRect(0,0,m.width,m.height),window.DEBUG&&mn("clear done"),l=O.worldToViewportRaw(C),s=O.worldDimToViewportRaw(k),B.fillStyle="rgba(255, 255, 255, .3)",B.fillRect(l.x,l.y,s.w,s.h),window.DEBUG&&mn("board done");const r=Xe.getTilesSortedByZIndex(e);window.DEBUG&&mn("get tiles done"),s=O.worldDimToViewportRaw(P);for(const e of r)(-1===e.owner?In:Pn)&&(a=_[e.idx],l=O.worldToViewportRaw({x:x+e.pos.x,y:x+e.pos.y}),B.drawImage(a,0,0,a.width,a.height,l.x,l.y,s.w,s.h));window.DEBUG&&mn("tiles done");const d=[];for(const i of Xe.getActivePlayers(e,n))a=await y(i),l=O.worldToViewport(i),B.drawImage(a,l.x-u,l.y-h),c=i,("replay"===o||c.id!==t)&&d.push([`${i.name} (${i.points})`,l.x,l.y+p]);var c;B.fillStyle="white",B.textAlign="center";for(const[e,t,o]of d)B.fillText(e,t,o);window.DEBUG&&mn("players done"),i.setActivePlayers(Xe.getActivePlayers(e,n)),i.setIdlePlayers(Xe.getIdlePlayers(e,n)),i.setPiecesDone(Xe.getFinishedTileCount(e)),window.DEBUG&&mn("HUD done"),G()&&D.render(),_n=!1}}),{setHotkeys:e=>{E.setHotkeys(e)},onBgChange:e=>{localStorage.setItem("bg_color",e),E.addEvent([oe,e])},onColorChange:e=>{localStorage.setItem("player_color",e),E.addEvent([le,e])},onNameChange:e=>{localStorage.setItem("player_name",e),E.addEvent([ie,e])},replayOnSpeedUp:()=>{f.speedIdx+1{f.speedIdx>=1&&(f.speedIdx--,j())},replayOnPauseToggle:()=>{f.paused=!f.paused,j()},previewImageUrl:M,player:{background:V(),color:Xe.getPlayerColor(e,t)||localStorage.getItem("player_color")||"#ffffff",name:Xe.getPlayerName(e,t)||localStorage.getItem("player_name")||"anon"},disconnect:Gt.disconnect,connect:v}}var Bn=e({name:"game",components:{PuzzleStatus:zt,Scores:wt,SettingsOverlay:St,PreviewOverlay:Pt,ConnectionOverlay:Vt,HelpOverlay:Yt},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 Dn(`${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 On={id:"game"},En={class:"menu"},Mn={class:"tabs"},Nn=a("🧩 Puzzles");Bn.render=function(e,l,a,r,d,c){const p=i("settings-overlay"),h=i("preview-overlay"),g=i("help-overlay"),y=i("connection-overlay"),f=i("puzzle-status"),w=i("router-link"),v=i("scores");return s(),t("div",On,[u(n(p,{onBgclick:l[1]||(l[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":l[2]||(l[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[m,"settings"===e.overlay]]),u(n(h,{onBgclick:l[3]||(l[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[m,"preview"===e.overlay]]),u(n(g,{onBgclick:l[4]||(l[4]=t=>e.toggle("help",!0))},null,512),[[m,"help"===e.overlay]]),n(y,{connectionState:e.connectionState,onReconnect:e.reconnect},null,8,["connectionState","onReconnect"]),n(f,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},null,8,["finished","duration","piecesDone","piecesTotal"]),n("div",En,[n("div",Mn,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:o((()=>[Nn])),_:1}),n("div",{class:"opener",onClick:l[5]||(l[5]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:l[6]||(l[6]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:l[7]||(l[7]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(v,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])};var Un=e({name:"replay",components:{PuzzleStatus:zt,Scores:wt,SettingsOverlay:St,PreviewOverlay:Pt,HelpOverlay:Yt},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 Dn(`${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 Rn={id:"replay"},$n={class:"menu"},Gn={class:"tabs"},Vn=a("🧩 Puzzles");Un.render=function(e,l,a,d,c,p){const h=i("settings-overlay"),g=i("preview-overlay"),y=i("help-overlay"),f=i("puzzle-status"),w=i("router-link"),v=i("scores");return s(),t("div",Rn,[u(n(h,{onBgclick:l[1]||(l[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":l[2]||(l[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[m,"settings"===e.overlay]]),u(n(g,{onBgclick:l[3]||(l[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[m,"preview"===e.overlay]]),u(n(y,{onBgclick:l[4]||(l[4]=t=>e.toggle("help",!0))},null,512),[[m,"help"===e.overlay]]),n(f,{finished:e.finished,duration:e.duration,piecesDone:e.piecesDone,piecesTotal:e.piecesTotal},{default:o((()=>[n("div",null,[n("div",null,r(e.replayText),1),n("button",{class:"btn",onClick:l[5]||(l[5]=t=>e.g.replayOnSpeedUp())},"⏫"),n("button",{class:"btn",onClick:l[6]||(l[6]=t=>e.g.replayOnSpeedDown())},"⏬"),n("button",{class:"btn",onClick:l[7]||(l[7]=t=>e.g.replayOnPauseToggle())},"⏸️")])])),_:1},8,["finished","duration","piecesDone","piecesTotal"]),n("div",$n,[n("div",Gn,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:o((()=>[Vn])),_:1}),n("div",{class:"opener",onClick:l[8]||(l[8]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:l[9]||(l[9]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:l[10]||(l[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=f({history:w(),routes:[{name:"index",path:"/",component:N},{name:"new-game",path:"/new-game",component:ft},{name:"game",path:"/g/:id",component:Bn},{name:"replay",path:"/replay/:id",component:Un}]});n.beforeEach(((e,t)=>{t.name&&document.documentElement.classList.remove(`view-${String(t.name)}`),document.documentElement.classList.add(`view-${String(e.name)}`)}));const o=v(x);o.config.globalProperties.$config=t,o.config.globalProperties.$clientId=function(){let e=localStorage.getItem("ID");return e||(e=fe.uniqId(),localStorage.setItem("ID",e)),e}(),o.use(n),o.mount("#app")})(); diff --git a/build/public/assets/index.b49dadca.js b/build/public/assets/index.b49dadca.js new file mode 100644 index 0000000..c024c33 --- /dev/null +++ b/build/public/assets/index.b49dadca.js @@ -0,0 +1 @@ +import{d as e,c as t,a as n,w as o,b as l,r as i,o as a,e as s,t as r,F as d,f as c,g as u,v as g,h as p,i as h,j as m,k as y,l as f,m as w,n as v,p as x}from"./vendor.8616a479.js";var b=e({name:"app",computed:{showNav(){return!["game","replay"].includes(String(this.$route.name))}}});const A={id:"app"},C={key:0,class:"nav"},k=s("Index"),S=s("New game");b.render=function(e,s,r,d,c,u){const g=i("router-link"),p=i("router-view");return a(),t("div",A,[e.showNav?(a(),t("ul",C,[n("li",null,[n(g,{class:"btn",to:{name:"index"}},{default:o((()=>[k])),_:1})]),n("li",null,[n(g,{class:"btn",to:{name:"new-game"}},{default:o((()=>[S])),_:1})])])):l("",!0),n(p)])};const T=864e5,z=e=>{const t=Math.floor(e/T);e%=T;const n=Math.floor(e/36e5);e%=36e5;const o=Math.floor(e/6e4);e%=6e4;return`${t}d ${n}h ${o}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?"🏁":"⏳",o=e,l=t||P();return`${n} ${_(o,l)}`}}});const O={class:"game-info-text"},E=n("br",null,null,-1),M=n("br",null,null,-1),N=n("br",null,null,-1);B.render=function(e,d,c,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:o((()=>[n("span",O,[s(" 🧩 "+r(e.game.tilesFinished)+"/"+r(e.game.tilesTotal),1),E,s(" πŸ‘₯ "+r(e.game.players),1),M,s(" "+r(e.time(e.game.started,e.game.finished)),1),N])])),_:1},8,["to"]),l("",!0)],4)};var U=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),R=n("h1",null,"Finished games",-1);U.render=function(e,o,l,s,r,u){const g=i("game-teaser");return a(),t("div",null,[G,(a(!0),t(d,null,c(e.gamesRunning,((e,o)=>(a(),t("div",{class:"game-teaser-wrap",key:o},[n(g,{game:e},null,8,["game"])])))),128)),R,(a(!0),t(d,null,c(e.gamesFinished,((e,o)=>(a(),t("div",{class:"game-teaser-wrap",key:o},[n(g,{game:e},null,8,["game"])])))),128))])};var $=e({name:"image-teaser",props:{image:{type:Object,required:!0}},computed:{style(){return{backgroundImage:`url("${this.image.url.replace("uploads/","uploads/r/")+"-150x100.webp"}")`}}},methods:{onClick(){this.$emit("click")}}});$.render=function(e,n,o,l,i,s){return a(),t("div",{class:"imageteaser",style:e.style,onClick:n[1]||(n[1]=(...t)=>e.onClick&&e.onClick(...t))},null,4)};var V=e({name:"image-library",components:{ImageTeaser:$},props:{images:{type:Array,required:!0}},emits:{imageClicked:null},methods:{imageClicked(e){this.$emit("imageClicked",e)}}});V.render=function(e,n,o,l,s,r){const u=i("image-teaser");return a(),t("div",null,[(a(!0),t(d,null,c(e.images,((n,o)=>(a(),t(u,{image:n,onClick:t=>e.imageClicked(n),key:o},null,8,["image","onClick"])))),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 o=new FormData;o.append("file",n,n.name);const l=await fetch("/upload",{method:"post",body:o}),i=await l.json();this.$emit("uploaded",i)}}});const F={class:"btn"};j.render=function(e,o,l,i,s,d){return a(),t("label",null,[n("input",{type:"file",style:{display:"none"},onChange:o[1]||(o[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,o,l,i,s){return a(),t("div",{style:s.style,title:o.title},null,12,["title"])};var L=e({name:"new-image-dialog",components:{Upload:j,ResponsiveImage:W},emits:{bgclick:null,setupGameClick:null},data:()=>({image:{file:"",url:"",title:"",category:""}}),computed:{canPostToGallery(){return!!this.image.url},canSetupGameClick(){return!!this.image.url}},methods:{mediaImgUploaded(e){this.image.file=e.image.file,this.image.url=e.image.url},postToGallery(){this.$emit("postToGallery",this.image)},setupGameClick(){this.$emit("setupGameClick",this.image)}}});const H={key:0,class:"has-image"},Q={key:1},Y={class:"area-settings"},q=n("td",null,[n("label",null,"Title")],-1),Z=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),K=n("td",null,[n("label",null,"Category")],-1),J={class:"area-buttons"},X=s("🧩 Post to gallery "),ee=n("br",null,null,-1),te=s(" + set up game");function ne(e,t){const n=e.x-t.x,o=e.y-t.y;return Math.sqrt(n*n+o*o)}function oe(e){return{x:e.x+e.w/2,y:e.y+e.h/2}}L.render=function(e,o,l,s,r,d){const c=i("responsive-image"),h=i("upload");return a(),t("div",{class:"overlay new-image-dialog",onClick:o[7]||(o[7]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:o[6]||(o[6]=p((()=>{}),["stop"]))},[n("div",{class:["area-image",{"has-image":!!e.image.url,"no-image":!e.image.url}]},[e.image.url?(a(),t("div",H,[n("span",{class:"remove btn",onClick:o[1]||(o[1]=t=>e.image.url="")},"X"),n(c,{src:e.image.url},null,8,["src"])])):(a(),t("div",Q,[n(h,{class:"upload",onUploaded:o[2]||(o[2]=t=>e.mediaImgUploaded(t)),accept:"image/*",label:"Upload an image"})]))],2),n("div",Y,[n("table",null,[n("tr",null,[q,n("td",null,[u(n("input",{type:"text","onUpdate:modelValue":o[3]||(o[3]=t=>e.image.title=t),placeholder:"Flower by @artist"},null,512),[[g,e.image.title]])])]),Z,n("tr",null,[K,n("td",null,[u(n("input",{type:"text","onUpdate:modelValue":o[4]||(o[4]=t=>e.image.category=t),placeholder:"Plants"},null,512),[[g,e.image.category]])])])])]),n("div",J,[n("button",{class:"btn",disabled:!e.canSetupGameClick,onClick:o[5]||(o[5]=(...t)=>e.setupGameClick&&e.setupGameClick(...t))},[X,ee,te],8,["disabled"])])])])};var le={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:ne,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:oe,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 ne(oe(e),oe(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 ie=1,ae=4,se=5,re=2,de=3,ce=6,ue=2,ge=4,pe=3,he=9,me=1,ye=2,fe=3,we=4,ve=5,xe=6,be=7,Ae=8,Ce=10,ke=1,Se=2,Te=3;class ze{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),o=t[n];t[n]=t[e],t[e]=o}return t}static serialize(e){return{rand_high:e.rand_high,rand_low:e.rand_low}}static unserialize(e){const t=new ze(0);return t.rand_high=e.rand_high,t.rand_low=e.rand_low,t}}const Ie=(e,t)=>{const n=`${e}`;return n.length>=t.length?n:t.substr(0,t.length-n.length)+n},Pe=(...e)=>{const t=t=>(...n)=>{const o=new Date,l=Ie(o.getHours(),"00"),i=Ie(o.getMinutes(),"00"),a=Ie(o.getSeconds(),"00");console[t](`${l}:${i}:${a}`,...e,...n)};return{log:t("log"),error:t("error"),info:t("info")}};var _e,De,Be,Oe,Ee={hash:e=>{let t=0;for(let n=0;nDate.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,ze.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:ze.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 o=[n,e[n]].map(encodeURIComponent);t.push(o.join("="))}return 0===t.length?"":`?${t.join("&")}`}};(De=_e||(_e={}))[De.Flat=0]="Flat",De[De.Out=1]="Out",De[De.In=-1]="In",(Oe=Be||(Be={}))[Oe.FINAL=0]="FINAL",Oe[Oe.ANY=1]="ANY";const Me={};function Ne(e,t){return{id:e,x:0,y:0,d:0,name:null,color:null,bgcolor:null,points:0,ts:t}}function Ue(e,t){let n=0;for(let o of Me[e].players){if(Ee.decodePlayer(o).id===t)return n;n++}return-1}function Ge(e,t){const n=Ue(e,t);return Ee.decodePlayer(Me[e].players[n])}function Re(e,t,n){const o=Ue(e,t);-1===o?Me[e].players.push(Ee.encodePlayer(n)):Me[e].players[o]=Ee.encodePlayer(n)}function $e(e,t){return-1!==Ue(e,t)}function Ve(e){return Me[e]?Me[e].players.map(Ee.decodePlayer):[]}function je(e){return Me[e].puzzle.tiles.length}function Fe(e){return Me[e].scoreMode||0}function We(e){return Le(e)===je(e)}function Le(e){let t=0;for(let n of Me[e].puzzle.tiles)-1===Ee.decodeTile(n).owner&&t++;return t}function He(e,t,n){const o=Ge(e,t);for(let l of Object.keys(n))o[l]=n[l];Re(e,t,o)}function Qe(e,t){for(let n of Object.keys(t))Me[e].puzzle.data[n]=t[n]}function Ye(e,t,n){for(let o of Object.keys(n)){const l=Ee.decodeTile(Me[e].puzzle.tiles[t]);l[o]=n[o],Me[e].puzzle.tiles[t]=Ee.encodeTile(l)}}const qe=(e,t)=>Ee.decodeTile(Me[e].puzzle.tiles[t]),Ze=(e,t)=>qe(e,t).group,Ke=(e,t)=>{const n=Me[e].puzzle.info,o={x:(n.table.width-n.width)/2,y:(n.table.height-n.height)/2},l=function(e,t){const n=Me[e].puzzle.info,o=Ee.coordByTileIdx(n,t),l=o.x*n.tileSize,i=o.y*n.tileSize;return{x:l,y:i}}(e,t);return le.pointAdd(o,l)},Je=(e,t)=>qe(e,t).pos,Xe=e=>{const t=ht(e),n=mt(e),o=Math.round(t/4),l=Math.round(n/4);return{x:0-o,y:0-l,w:t+2*o,h:n+2*l}},et=(e,t)=>{const n=lt(e),o=qe(e,t);return{x:o.pos.x,y:o.pos.y,w:n,h:n}},tt=(e,t)=>qe(e,t).z,nt=(e,t)=>{for(let n of Me[e].puzzle.tiles){const e=Ee.decodeTile(n);if(e.owner===t)return e.idx}return-1},ot=e=>Me[e].puzzle.info.tileDrawSize,lt=e=>Me[e].puzzle.info.tileSize,it=e=>Me[e].puzzle.data.maxGroup,at=e=>Me[e].puzzle.data.maxZ;function st(e,t){const n=Me[e].puzzle.info,o=Ee.coordByTileIdx(n,t);return[o.y>0?t-n.tilesX:-1,o.x0?t-1:-1]}const rt=(e,t,n)=>{for(let o of t)Ye(e,o,{z:n})},dt=(e,t,n)=>{const o=Je(e,t);Ye(e,t,{pos:le.pointAdd(o,n)})},ct=(e,t,n)=>{const o=ot(e),l=Xe(e),i=n;for(let a of t){const t=qe(e,a);t.pos.x+n.xl.x+l.w&&(i.x=Math.min(l.x+l.w-t.pos.x+o,i.x)),t.pos.y+n.yl.y+l.h&&(i.y=Math.min(l.y+l.h-t.pos.y+o,i.y))}for(let a of t)dt(e,a,i)},ut=(e,t,n)=>{for(let o of t)Ye(e,o,{owner:n})};function gt(e,t){const n=Me[e].puzzle.tiles,o=Ee.decodeTile(n[t]),l=[];if(o.group)for(let i of n){const e=Ee.decodeTile(i);e.group===o.group&&l.push(e.idx)}else l.push(o.idx);return l}const pt=(e,t)=>{const n=Ge(e,t);return n?n.points:0},ht=e=>Me[e].puzzle.info.table.width,mt=e=>Me[e].puzzle.info.table.height;var yt={__createPlayerObject:Ne,setGame:function(e,t){Me[e]=t},exists:function(e){return!!Me[e]||!1},playerExists:$e,getActivePlayers:function(e,t){const n=t-30*I;return Ve(e).filter((e=>e.ts>=n))},getIdlePlayers:function(e,t){const n=t-30*I;return Ve(e).filter((e=>e.ts0))},addPlayer:function(e,t,n){$e(e,t)?He(e,t,{ts:n}):Re(e,t,Ne(t,n))},getFinishedTileCount:Le,getTileCount:je,getImageUrl:function(e){return Me[e].puzzle.info.imageUrl},setImageUrl:function(e,t){Me[e].puzzle.info.imageUrl=t},get:function(e){return Me[e]},getAllGames:function(){return Object.values(Me).sort(((e,t)=>We(e.id)===We(t.id)?t.puzzle.data.started-e.puzzle.data.started:We(e.id)?1:-1))},getPlayerBgColor:(e,t)=>{const n=Ge(e,t);return n?n.bgcolor:null},getPlayerColor:(e,t)=>{const n=Ge(e,t);return n?n.color:null},getPlayerName:(e,t)=>{const n=Ge(e,t);return n?n.name:null},getPlayerIndexById:Ue,getPlayerIdByIndex:function(e,t){return Me[e].players.length>t?Ee.decodePlayer(Me[e].players[t]).id:null},changePlayer:He,setPlayer:Re,setTile:function(e,t,n){Me[e].puzzle.tiles[t]=Ee.encodeTile(n)},setPuzzleData:function(e,t){Me[e].puzzle.data=t},getTableWidth:ht,getTableHeight:mt,getPuzzle:e=>Me[e].puzzle,getRng:e=>Me[e].rng.obj,getPuzzleWidth:e=>Me[e].puzzle.info.width,getPuzzleHeight:e=>Me[e].puzzle.info.height,getTilesSortedByZIndex:function(e){return Me[e].puzzle.tiles.map(Ee.decodeTile).sort(((e,t)=>e.z-t.z))},getFirstOwnedTile:(e,t)=>{const n=nt(e,t);return n<0?null:Me[e].puzzle.tiles[n]},getTileDrawOffset:e=>Me[e].puzzle.info.tileDrawOffset,getTileDrawSize:ot,getFinalTilePos:Ke,getStartTs:e=>Me[e].puzzle.data.started,getFinishTs:e=>Me[e].puzzle.data.finished,handleInput:function(e,t,n,o){const l=Me[e].puzzle,i=function(e,t){return t in Me[e].evtInfos?Me[e].evtInfos[t]:{_last_mouse:null,_last_mouse_down:null}}(e,t),a=[],s=()=>{a.push([ke,l.data])},r=t=>{a.push([Se,Ee.encodeTile(qe(e,t))])},d=e=>{for(const t of e)r(t)},c=()=>{a.push([Te,Ee.encodePlayer(Ge(e,t))])},u=n[0];if(u===xe){const l=n[1];He(e,t,{bgcolor:l,ts:o}),c()}else if(u===be){const l=n[1];He(e,t,{color:l,ts:o}),c()}else if(u===Ae){const l=`${n[1]}`.substr(0,16);He(e,t,{name:l,ts:o}),c()}else if(u===me){const l={x:n[1],y:n[2]};He(e,t,{d:1,ts:o}),c(),i._last_mouse_down=l;const a=((e,t)=>{let n=Me[e].puzzle.info,o=Me[e].puzzle.tiles,l=-1,i=-1;for(let a=0;al)&&(l=e.z,i=a)}return i})(e,l);if(a>=0){let n=at(e)+1;Qe(e,{maxZ:n}),s();const o=gt(e,a);rt(e,o,at(e)),ut(e,o,t),d(o)}i._last_mouse=l}else if(u===fe){const l=n[1],a=n[2],s={x:l,y:a};if(null===i._last_mouse_down)He(e,t,{x:l,y:a,ts:o}),c();else{let n=nt(e,t);if(n>=0){He(e,t,{x:l,y:a,ts:o}),c();const r=gt(e,n);let u=le.pointInBounds(s,Xe(e))&&le.pointInBounds(i._last_mouse_down,Xe(e));for(let t of r){const n=et(e,t);if(le.pointInBounds(s,n)){u=!0;break}}if(u){const t=l-i._last_mouse_down.x,n=a-i._last_mouse_down.y;ct(e,r,{x:t,y:n}),d(r)}}else He(e,t,{ts:o}),c();i._last_mouse_down=s}i._last_mouse=s}else if(u===ye){const a={x:n[1],y:n[2]},u=0;i._last_mouse_down=null;let g=nt(e,t);if(g>=0){let n=gt(e,g);ut(e,n,0),d(n);let i=Je(e,g),a=Ke(e,g);if(le.pointDistance(a,i){for(let n of t)Ye(e,n,{owner:-1,z:1})})(e,n),d(n);let r=pt(e,t);0===Fe(e)?r+=n.length:1===Fe(e)&&(r+=1),He(e,t,{d:u,ts:o,points:r}),c(),Le(e)===je(e)&&(Qe(e,{finished:o}),s())}else{const n=(e,t,n,o)=>{let l=Me[e].puzzle.info;if(n<0)return!1;if(((e,t,n)=>{const o=Ze(e,t),l=Ze(e,n);return o&&o===l})(e,t,n))return!1;const i=Je(e,t),a=le.pointAdd(Je(e,n),{x:o[0]*l.tileSize,y:o[1]*l.tileSize});if(le.pointDistance(i,a){const o=Me[e].puzzle.tiles,l=Ze(e,t),i=Ze(e,n);let a;const d=[];l&&d.push(l),i&&d.push(i),l?a=l:i?a=i:(Qe(e,{maxGroup:it(e)+1}),s(),a=it(e));if(Ye(e,t,{group:a}),r(t),Ye(e,n,{group:a}),r(n),d.length>0)for(const s of o){const t=Ee.decodeTile(s);d.includes(t.group)&&(Ye(e,t.idx,{group:a}),r(t.idx))}})(e,t,n),l=gt(e,t);const c=((e,t)=>{let n=0;for(let o of t){let t=tt(e,o);t>n&&(n=t)}return n})(e,l);return rt(e,l,c),d(l),!0}return!1};let l=!1;for(let t of gt(e,g)){let o=st(e,t);if(n(e,t,o[0],[0,1])||n(e,t,o[1],[-1,0])||n(e,t,o[2],[0,-1])||n(e,t,o[3],[1,0])){l=!0;break}}if(l&&1===Fe(e)){const n=pt(e,t)+1;He(e,t,{d:u,ts:o,points:n}),c()}else He(e,t,{d:u,ts:o}),c()}}else He(e,t,{d:u,ts:o}),c();i._last_mouse=a}else if(u===we){const l=n[1],a=n[2];He(e,t,{x:l,y:a,ts:o}),c(),i._last_mouse={x:l,y:a}}else if(u===ve){const l=n[1],a=n[2];He(e,t,{x:l,y:a,ts:o}),c(),i._last_mouse={x:l,y:a}}else He(e,t,{ts:o}),c();return function(e,t,n){Me[e].evtInfos[t]=n}(e,t,i),a}},ft=e({name:"new-game-dialog",components:{ResponsiveImage:W},props:{image:{type:Object,required:!0}},emits:{newGame:null,bgclick:null},data:()=>({tiles:1e3,scoreMode:Be.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 wt={class:"area-image"},vt={class:"has-image"},xt={class:"area-settings"},bt=n("td",null,[n("label",null,"Pieces")],-1),At=n("td",null,[n("label",null,"Scoring: ")],-1),Ct=s(" Any (Score when pieces are connected to each other or on final location)"),kt=n("br",null,null,-1),St=s(" Final (Score when pieces are put to their final location)"),Tt={class:"area-buttons"};ft.render=function(e,o,l,s,r,d){const c=i("responsive-image");return a(),t("div",{class:"overlay new-game-dialog",onClick:o[6]||(o[6]=t=>e.$emit("bgclick"))},[n("div",{class:"overlay-content",onClick:o[5]||(o[5]=p((()=>{}),["stop"]))},[n("div",wt,[n("div",vt,[n(c,{src:e.image.url,title:e.image.title},null,8,["src","title"])])]),n("div",xt,[n("table",null,[n("tr",null,[bt,n("td",null,[u(n("input",{type:"text","onUpdate:modelValue":o[1]||(o[1]=t=>e.tiles=t)},null,512),[[g,e.tiles]])])]),n("tr",null,[At,n("td",null,[n("label",null,[u(n("input",{type:"radio","onUpdate:modelValue":o[2]||(o[2]=t=>e.scoreMode=t),value:"1"},null,512),[[h,e.scoreMode]]),Ct]),kt,n("label",null,[u(n("input",{type:"radio","onUpdate:modelValue":o[3]||(o[3]=t=>e.scoreMode=t),value:"0"},null,512),[[h,e.scoreMode]]),St])])])])]),n("div",Tt,[n("button",{class:"btn",disabled:!e.canStartNewGame,onClick:o[4]||(o[4]=(...t)=>e.onNewGameClick&&e.onNewGameClick(...t))}," 🧩 Generate Puzzle ",8,["disabled"])])])])};var zt=e({components:{ImageLibrary:V,NewImageDialog:L,NewGameDialog:ft},data:()=>({filters:{sort:"date_desc",category:""},images:[],categories:[],image:{url:"",file:"",title:"",category:""},dialog:""}),async created(){await this.loadImages()},methods:{async loadImages(){const e=await fetch(`/api/newgame-data${Ee.asQueryArgs(this.filters)}`),t=await e.json();this.images=t.images,this.categories=t.categories},async filtersChanged(){await this.loadImages()},imageClicked(e){this.image=e,this.dialog="new-game"},setupGameClick(e){this.image=e,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 It={class:"upload-image-teaser"},Pt=n("div",{class:"hint"},"(The image you upload will be added to the public gallery.)",-1),_t={key:0},Dt=s(" Category: "),Bt=n("option",{value:""},"All",-1),Ot=s(" Sort by: "),Et=n("option",{value:"date_desc"},"Newest first",-1),Mt=n("option",{value:"date_asc"},"Oldest first",-1),Nt=n("option",{value:"alpha_asc"},"A-Z",-1),Ut=n("option",{value:"alpha_desc"},"Z-A",-1);zt.render=function(e,o,s,g,p,h){const y=i("image-library"),f=i("new-image-dialog"),w=i("new-game-dialog");return a(),t("div",null,[n("div",It,[n("div",{class:"btn btn-big",onClick:o[1]||(o[1]=t=>e.dialog="new-image")},"Upload your image"),Pt]),n("div",null,[e.categories.length>0?(a(),t("label",_t,[Dt,u(n("select",{"onUpdate:modelValue":o[2]||(o[2]=t=>e.filters.category=t),onChange:o[3]||(o[3]=(...t)=>e.filtersChanged&&e.filtersChanged(...t))},[Bt,(a(!0),t(d,null,c(e.categories,((e,n)=>(a(),t("option",{key:n,value:e},r(e),9,["value"])))),128))],544),[[m,e.filters.category]])])):l("",!0),n("label",null,[Ot,u(n("select",{"onUpdate:modelValue":o[4]||(o[4]=t=>e.filters.sort=t),onChange:o[5]||(o[5]=(...t)=>e.filtersChanged&&e.filtersChanged(...t))},[Et,Mt,Nt,Ut],544),[[m,e.filters.sort]])])]),n(y,{images:e.images,categories:e.categories,onImageClicked:e.imageClicked},null,8,["images","categories","onImageClicked"]),"new-image"===e.dialog?(a(),t(f,{key:0,onBgclick:o[6]||(o[6]=t=>e.dialog=""),onSetupGameClick:e.setupGameClick},null,8,["onSetupGameClick"])):l("",!0),e.image&&"new-game"===e.dialog?(a(),t(w,{key:1,onBgclick:o[7]||(o[7]=t=>e.dialog=""),onNewGame:e.onNewGame,image:e.image},null,8,["onNewGame","image"])):l("",!0)])};var Gt=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 Rt={class:"scores"},$t=n("div",null,"Scores",-1),Vt=n("td",null,"⚑",-1),jt=n("td",null,"πŸ’€",-1);Gt.render=function(e,o,l,i,s,u){return a(),t("div",Rt,[$t,n("table",null,[(a(!0),t(d,null,c(e.actives,((e,o)=>(a(),t("tr",{key:o,style:{color:e.color}},[Vt,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,o)=>(a(),t("tr",{key:o,style:{color:e.color}},[jt,n("td",null,r(e.name),1),n("td",null,r(e.points),1)],4)))),128))])])};var Ft=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 Wt={class:"timer"};Ft.render=function(e,o,l,i,s,d){return a(),t("div",Wt,[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 Lt=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 Ht=n("td",null,[n("label",null,"Background: ")],-1),Qt=n("td",null,[n("label",null,"Color: ")],-1),Yt=n("td",null,[n("label",null,"Name: ")],-1);Lt.render=function(e,o,l,i,s,r){return a(),t("div",{class:"overlay transparent",onClick:o[5]||(o[5]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content settings",onClick:o[4]||(o[4]=p((()=>{}),["stop"]))},[n("tr",null,[Ht,n("td",null,[u(n("input",{type:"color","onUpdate:modelValue":o[1]||(o[1]=t=>e.modelValue.background=t)},null,512),[[g,e.modelValue.background]])])]),n("tr",null,[Qt,n("td",null,[u(n("input",{type:"color","onUpdate:modelValue":o[2]||(o[2]=t=>e.modelValue.color=t)},null,512),[[g,e.modelValue.color]])])]),n("tr",null,[Yt,n("td",null,[u(n("input",{type:"text",maxLength:"16","onUpdate:modelValue":o[3]||(o[3]=t=>e.modelValue.name=t)},null,512),[[g,e.modelValue.name]])])])])])};var qt=e({name:"preview-overlay",props:{img:String},emits:{bgclick:null},computed:{previewStyle(){return{backgroundImage:`url('${this.img}')`}}}});const Zt={class:"preview"};qt.render=function(e,o,l,i,s,r){return a(),t("div",{class:"overlay",onClick:o[1]||(o[1]=t=>e.$emit("bgclick"))},[n("div",Zt,[n("div",{class:"img",style:e.previewStyle},null,4)])])};const Kt=Pe("Communication.js");let Jt,Xt=e=>{},en=e=>{};let tn=0;const nn=e=>{tn!==e&&(tn=e,en(e))};function on(e){if(2===tn)try{Jt.send(JSON.stringify(e))}catch(t){Kt.info("unable to send message.. maybe because ws is invalid?")}}let ln,an;var sn={connect:function(e,t,n){return ln=0,an={},nn(3),new Promise((o=>{Jt=new WebSocket(e,n+"|"+t),Jt.onopen=e=>{nn(2),on([de])},Jt.onmessage=e=>{const t=JSON.parse(e.data),l=t[0];if(l===ae){const e=t[1];o(e)}else{if(l!==ie)throw`[ 2021-05-09 invalid connect msgType ${l} ]`;{const e=t[1],o=t[2];if(e===n&&an[o])return void delete an[o];Xt(t)}}},Jt.onerror=e=>{throw nn(1),"[ 2021-05-15 onerror ]"},Jt.onclose=e=>{4e3===e.code||1001===e.code?nn(4):nn(1)}}))},connectReplay:function(e,t,n){return ln=0,an={},nn(3),new Promise((o=>{Jt=new WebSocket(e,n+"|"+t),Jt.onopen=e=>{nn(2),on([ce])},Jt.onmessage=e=>{const t=JSON.parse(e.data),n=t[0];if(n!==se)throw`[ 2021-05-09 invalid connectReplay msgType ${n} ]`;{const e=t[1],n=t[2];o({game:e,log:n})}},Jt.onerror=e=>{throw nn(1),"[ 2021-05-15 onerror ]"},Jt.onclose=e=>{4e3===e.code||1001===e.code?nn(4):nn(1)}}))},disconnect:function(){Jt&&Jt.close(4e3),ln=0,an={}},sendClientEvent:function(e){ln++,an[ln]=e,on([re,ln,an[ln]])},onServerChange:function(e){Xt=e},onConnectionStateChange:function(e){en=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},rn=e({name:"connection-overlay",emits:{reconnect:null},props:{connectionState:Number},computed:{lostConnection(){return this.connectionState===sn.CONN_STATE_DISCONNECTED},connecting(){return this.connectionState===sn.CONN_STATE_CONNECTING},show(){return!(!this.lostConnection&&!this.connecting)}}});const dn={key:0,class:"overlay connection-lost"},cn={key:0,class:"overlay-content"},un=n("div",null,"⁉️ LOST CONNECTION ⁉️",-1),gn={key:1,class:"overlay-content"},pn=n("div",null,"Connecting...",-1);rn.render=function(e,o,i,s,r,d){return e.show?(a(),t("div",dn,[e.lostConnection?(a(),t("div",cn,[un,n("span",{class:"btn",onClick:o[1]||(o[1]=t=>e.$emit("reconnect"))},"Reconnect")])):l("",!0),e.connecting?(a(),t("div",gn,[pn])):l("",!0)])):l("",!0)};var hn=e({name:"help-overlay",emits:{bgclick:null}});const mn=n("tr",null,[n("td",null,"⬆️ Move up:"),n("td",null,[n("div",null,[n("kbd",null,"W"),s("/"),n("kbd",null,"↑"),s("/πŸ–±οΈ")])])],-1),yn=n("tr",null,[n("td",null,"⬇️ Move down:"),n("td",null,[n("div",null,[n("kbd",null,"S"),s("/"),n("kbd",null,"↓"),s("/πŸ–±οΈ")])])],-1),fn=n("tr",null,[n("td",null,"⬅️ Move left:"),n("td",null,[n("div",null,[n("kbd",null,"A"),s("/"),n("kbd",null,"←"),s("/πŸ–±οΈ")])])],-1),wn=n("tr",null,[n("td",null,"➑️ Move right:"),n("td",null,[n("div",null,[n("kbd",null,"D"),s("/"),n("kbd",null,"β†’"),s("/πŸ–±οΈ")])])],-1),vn=n("tr",null,[n("td"),n("td",null,[n("div",null,[s("Move faster by holding "),n("kbd",null,"Shift")])])],-1),xn=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),An=n("tr",null,[n("td",null,"πŸ–ΌοΈ Toggle preview:"),n("td",null,[n("div",null,[n("kbd",null,"Space")])])],-1),Cn=n("tr",null,[n("td",null,"πŸ§©βœ”οΈ Toggle fixed pieces:"),n("td",null,[n("div",null,[n("kbd",null,"F")])])],-1),kn=n("tr",null,[n("td",null,"πŸ§©β“ Toggle loose pieces:"),n("td",null,[n("div",null,[n("kbd",null,"G")])])],-1);hn.render=function(e,o,l,i,s,r){return a(),t("div",{class:"overlay transparent",onClick:o[2]||(o[2]=t=>e.$emit("bgclick"))},[n("table",{class:"overlay-content help",onClick:o[1]||(o[1]=p((()=>{}),["stop"]))},[mn,yn,fn,wn,vn,xn,bn,An,Cn,kn])])};var Sn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVQ4je1RywrAIAxLxP//5exixRWlVgZelpOKeTQFfnDypgy3eLIkSLLL8mxGPoHsU2hPAgDHBLvRX6hZZw/fwT0BtlLSONqCbWAmEIqMZOCDDlaDR3N03gOyDCn+y4DWmAAAAABJRU5ErkJggg=="}),Tn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARElEQVQ4jWNgGAU0Af+hmBCbgYGBgYERhwHEAEYGBgYGJtIdiApYyLAZBVDsAqoagC1ACQJyY4ERg0GCISh6KA4DigEAou8LC+LnIJoAAAAASUVORK5CYII="}),zn=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVQ4ja1TQQ7AIAgD///n7jCozA2Hbk00jbG1KIrcARszTugoBs49qioZj7r2kKACptkyAOCJsJuA+GzglwHjvMSSWFVaENWVASxh5eRLiq5fN/ASjI89VcP2K3hHpq1cEXNaMfnrL3TDZP2tDuoOA6MzCCXWr38AAAAASUVORK5CYII="}),In=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4jWNgoAH4D8X42HDARKlt5BoAd82AuQAOGLGIYQQUPv0wF5CiCQUge4EsQ5C9QI4BjMguwBYeBAElscCIy1ZivMKIwSDBEBQ9FCckigEAU3QOD7TGvY4AAAAASUVORK5CYII="});function Pn(){let e=0,t=0,n=1;const o=(o,l)=>{e+=o/n,t+=l/n},l=e=>{const t=n+.05*n*("in"===e?1:-1);return Math.min(Math.max(t,.1),6)},i=o=>({x:o.x/n-e,y:o.y/n-t}),a=o=>({x:(o.x+e)*n,y:(o.y+t)*n}),s=e=>({w:e.w*n,h:e.h*n});return{move:o,canZoom:e=>n!=l(e),zoom:(e,t)=>((e,t)=>{if(n==e)return!1;const l=1-n/e;return o(-t.x*l,-t.y*l),n=e,!0})(l(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 _n(e=0,t=0){const n=document.createElement("canvas");return n.width=e,n.height=t,n}var Dn={createCanvas:_n,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 o=_n(t,n);return o.getContext("2d").drawImage(e,0,0,e.width,e.height,0,0,t,n),await createImageBitmap(o)},colorize:async function(e,t,n){const o=_n(e.width,e.height),l=o.getContext("2d");return l.save(),l.drawImage(t,0,0),l.fillStyle=n,l.globalCompositeOperation="source-in",l.fillRect(0,0,t.width,t.height),l.restore(),l.save(),l.globalCompositeOperation="destination-over",l.drawImage(e,0,0),l.restore(),await createImageBitmap(o)}};const Bn=Pe("Debug.js");let On=0,En=0;var Mn=e=>{On=performance.now(),En=e},Nn=e=>{const t=performance.now(),n=t-On;n>En&&Bn.log(e+": "+n),On=t};const Un=Pe("PuzzleGraphics.js");function Gn(e,t){const n=Ee.coordByTileIdx(e,t);return{x:n.x*e.tileSize,y:n.y*e.tileSize,w:e.tileSize,h:e.tileSize}}var Rn={loadPuzzleBitmaps:async function(e){const t=await Dn.loadImageToBitmap(e.info.imageUrl),n=await Dn.resizeBitmap(t,e.info.width,e.info.height);return await async function(e,t,n){Un.log("start createPuzzleTileBitmaps");var o=n.tileSize,l=n.tileMarginWidth,i=n.tileDrawSize,a=o/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,i={x:l,y:l},r=le.pointAdd(i,{x:o,y:0}),c=le.pointAdd(r,{x:0,y:o}),u=le.pointSub(c,{x:o,y:0});if(n.moveTo(i.x,i.y),0!==e.top)for(let o=0;o=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,Fn=t-jn;const n=1/4*this.canvas.width/(t/2);$n=-n,Vn=2*n}resize(){this.setSpeedParams()}init(){this.readyBombs=[],this.explodedBombs=[],this.particles=[];for(let e=0;e<1;e++)this.readyBombs.push(new Wn(this.rng))}update(){100*Math.random()<5&&this.readyBombs.push(new Wn(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 o=e.d?r:d;h[t]=await Dn.colorize(n,o,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,Zn=!0})),t}(l,Dn.createCanvas()),f={log:[],logIdx:0,speeds:[.5,1,2,5,10,20,50],speedIdx:1,paused:!1,lastRealTs:0,lastGameTs:0,gameStartTs:0};sn.onConnectionStateChange((e=>{i.setConnectionState(e)}));let w=()=>0;const v=async()=>{if("play"===o){const o=await sn.connect(n,e,t),l=Ee.decodeGame(o);yt.setGame(l.id,l),w=()=>P()}else{if("replay"!==o)throw"[ 2020-12-22 MODE invalid, must be play|replay ]";{const o=await sn.connectReplay(n,e,t),l=Ee.decodeGame(o.game);yt.setGame(l.id,l),f.log=o.log,f.lastRealTs=P(),f.gameStartTs=parseInt(f.log[0][f.log[0].length-2],10),f.lastGameTs=f.gameStartTs,w=()=>f.lastGameTs}}Zn=!0};await v();const x=yt.getTileDrawOffset(e),b=yt.getTileDrawSize(e),A=yt.getPuzzleWidth(e),C=yt.getPuzzleHeight(e),k=yt.getTableWidth(e),S=yt.getTableHeight(e),T={x:(k-A)/2,y:(S-C)/2},z={w:A,h:C},I={w:b,h:b},_=await Rn.loadPuzzleBitmaps(yt.getPuzzle(e)),D=new Hn(y,yt.getRng(e));D.init();const B=y.getContext("2d");y.classList.add("loaded");const O=Pn();O.move(-(k-y.width)/2,-(S-y.height)/2);const E=function(e,t,n){let o=[],l=!0,i=!1,a=!1,s=!1,r=!1,d=!1,c=!1,u=!1;const g=(e,t)=>{const o=n.viewportToWorld({x:e,y:t});return[o.x,o.y]},p=e=>g(e.offsetX,e.offsetY),h=()=>g(e.width/2,e.height/2),m=(e,t)=>{l&&("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?c=e:"e"===t.key&&(d=e))};e.addEventListener("mousedown",(e=>{0===e.button&&y([me,...p(e)])})),e.addEventListener("mouseup",(e=>{0===e.button&&y([ye,...p(e)])})),e.addEventListener("mousemove",(e=>{y([fe,...p(e)])})),e.addEventListener("wheel",(e=>{if(n.canZoom(e.deltaY<0?"in":"out")){const t=e.deltaY<0?we:ve;y([t,...p(e)])}})),t.addEventListener("keydown",(e=>m(!0,e))),t.addEventListener("keyup",(e=>m(!1,e))),t.addEventListener("keypress",(e=>{l&&(" "===e.key&&y([Ce]),"F"!==e.key&&"f"!==e.key||(Yn=!Yn,Zn=!0),"G"!==e.key&&"g"!==e.key||(qn=!qn,Zn=!0))}));const y=e=>{o.push(e)};return{addEvent:y,consumeAll:()=>{if(0===o.length)return[];const e=o.slice();return o=[],e},createKeyEvents:()=>{const e=u?20:10,t=(i?e:0)-(a?e:0),o=(s?e:0)-(r?e:0);0===t&&0===o||y([he,t,o]),d&&c||(d?n.canZoom("in")&&y([we,...h()]):c&&n.canZoom("out")&&y([ve,...h()]))},setHotkeys:e=>{l=e}}}(y,window,O),M=yt.getImageUrl(e),N=()=>{const t=yt.getStartTs(e),n=yt.getFinishTs(e),o=w();i.setFinished(!!n),i.setDuration((n||o)-t)};N(),i.setPiecesDone(yt.getFinishedTileCount(e)),i.setPiecesTotal(yt.getTileCount(e));const U=w();i.setActivePlayers(yt.getActivePlayers(e,U)),i.setIdlePlayers(yt.getIdlePlayers(e,U));const G=!!yt.getFinishTs(e);let R=G;const $=()=>R&&!G,V=()=>yt.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"===o?setInterval(N,1e3):"replay"===o&&j(),"play"===o)sn.onServerChange((n=>{n[0],n[1],n[2];const o=n[3];for(const[l,i]of o)switch(l){case Te:{const n=Ee.decodePlayer(i);n.id!==t&&(yt.setPlayer(e,n.id,n),Zn=!0)}break;case Se:{const t=Ee.decodeTile(i);yt.setTile(e,t.idx,t),Zn=!0}break;case ke:yt.setPuzzleData(e,i),Zn=!0}R=!!yt.getFinishTs(e)}));else if("replay"===o){let t=setInterval((()=>{const n=P();if(f.paused)return void(f.lastRealTs=n);const o=(n-f.lastRealTs)*f.speeds[f.speedIdx],l=f.lastGameTs+o;for(;;){if(f.paused)break;const n=f.logIdx+1;if(n>=f.log.length){clearInterval(t);break}const o=f.log[n],i=f.gameStartTs+o[o.length-1];if(i>l)break;const a=o.slice();if(a[0]===ue){const t=a[1];yt.addPlayer(e,t,i),Zn=!0}else if(a[0]===ge){const t=yt.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (update player) ]";yt.addPlayer(e,t,i),Zn=!0}else if(a[0]===pe){const t=yt.getPlayerIdByIndex(e,a[1]);if(!t)throw"[ 2021-05-17 player not found (handle input) ]";const n=a[2];yt.handleInput(e,t,n,i),Zn=!0}f.logIdx=n}f.lastRealTs=n,f.lastGameTs=l,N()}),50)}let F=null;return(e=>{const t=e.fps||60,n=e.slow||1,o=e.update,l=e.render,i=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,o(a);l(d/n),c=r,i(u)};i(u)})({update:()=>{E.createKeyEvents();for(const n of E.consumeAll())if("play"===o){const o=n[0];if(o===he){const e=n[1],t=n[2];Zn=!0,O.move(e,t)}else if(o===fe){if(F&&!yt.getFirstOwnedTile(e,t)){const e={x:n[1],y:n[2]},t=O.worldToViewport(e),o=Math.round(t.x-F.x),l=Math.round(t.y-F.y);Zn=!0,O.move(o,l),F=t}}else if(o===me){const e={x:n[1],y:n[2]};F=O.worldToViewport(e)}else if(o===ye)F=null;else if(o===we){const e={x:n[1],y:n[2]};Zn=!0,O.zoom("in",O.worldToViewport(e))}else if(o===ve){const e={x:n[1],y:n[2]};Zn=!0,O.zoom("out",O.worldToViewport(e))}else o===Ce&&i.togglePreview();const l=w();yt.handleInput(e,t,n,l).length>0&&(Zn=!0),sn.sendClientEvent(n)}else if("replay"===o){const e=n[0];if(e===he){const e=n[1],t=n[2];Zn=!0,O.move(e,t)}else if(e===fe){if(F){const e={x:n[1],y:n[2]},t=O.worldToViewport(e),o=Math.round(t.x-F.x),l=Math.round(t.y-F.y);Zn=!0,O.move(o,l),F=t}}else if(e===me){const e={x:n[1],y:n[2]};F=O.worldToViewport(e)}else if(e===ye)F=null;else if(e===we){const e={x:n[1],y:n[2]};Zn=!0,O.zoom("in",O.worldToViewport(e))}else if(e===ve){const e={x:n[1],y:n[2]};Zn=!0,O.zoom("out",O.worldToViewport(e))}else e===Ce&&i.togglePreview()}R=!!yt.getFinishTs(e),$()&&(D.update(),Zn=!0)},render:async()=>{if(!Zn)return;const n=w();let l,a,s;window.DEBUG&&Mn(0),B.fillStyle=V(),B.fillRect(0,0,y.width,y.height),window.DEBUG&&Nn("clear done"),l=O.worldToViewportRaw(T),a=O.worldDimToViewportRaw(z),B.fillStyle="rgba(255, 255, 255, .3)",B.fillRect(l.x,l.y,a.w,a.h),window.DEBUG&&Nn("board done");const r=yt.getTilesSortedByZIndex(e);window.DEBUG&&Nn("get tiles done"),a=O.worldDimToViewportRaw(I);for(const e of r)(-1===e.owner?Yn:qn)&&(s=_[e.idx],l=O.worldToViewportRaw({x:x+e.pos.x,y:x+e.pos.y}),B.drawImage(s,0,0,s.width,s.height,l.x,l.y,a.w,a.h));window.DEBUG&&Nn("tiles done");const d=[];for(const i of yt.getActivePlayers(e,n))s=await m(i),l=O.worldToViewport(i),B.drawImage(s,l.x-u,l.y-p),c=i,("replay"===o||c.id!==t)&&d.push([`${i.name} (${i.points})`,l.x,l.y+g]);var c;B.fillStyle="white",B.textAlign="center";for(const[e,t,o]of d)B.fillText(e,t,o);window.DEBUG&&Nn("players done"),i.setActivePlayers(yt.getActivePlayers(e,n)),i.setIdlePlayers(yt.getIdlePlayers(e,n)),i.setPiecesDone(yt.getFinishedTileCount(e)),window.DEBUG&&Nn("HUD done"),$()&&D.render(),Zn=!1}}),{setHotkeys:e=>{E.setHotkeys(e)},onBgChange:e=>{localStorage.setItem("bg_color",e),E.addEvent([xe,e])},onColorChange:e=>{localStorage.setItem("player_color",e),E.addEvent([be,e])},onNameChange:e=>{localStorage.setItem("player_name",e),E.addEvent([Ae,e])},replayOnSpeedUp:()=>{f.speedIdx+1{f.speedIdx>=1&&(f.speedIdx--,j())},replayOnPauseToggle:()=>{f.paused=!f.paused,j()},previewImageUrl:M,player:{background:V(),color:yt.getPlayerColor(e,t)||localStorage.getItem("player_color")||"#ffffff",name:yt.getPlayerName(e,t)||localStorage.getItem("player_name")||"anon"},disconnect:sn.disconnect,connect:v}}var Jn=e({name:"game",components:{PuzzleStatus:Ft,Scores:Gt,SettingsOverlay:Lt,PreviewOverlay:qt,ConnectionOverlay:rn,HelpOverlay:hn},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 Kn(`${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 Xn={id:"game"},eo={class:"menu"},to={class:"tabs"},no=s("🧩 Puzzles");Jn.render=function(e,l,s,r,d,c){const g=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",Xn,[u(n(g,{onBgclick:l[1]||(l[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":l[2]||(l[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[f,"settings"===e.overlay]]),u(n(p,{onBgclick:l[3]||(l[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[f,"preview"===e.overlay]]),u(n(h,{onBgclick:l[4]||(l[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",eo,[n("div",to,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:o((()=>[no])),_:1}),n("div",{class:"opener",onClick:l[5]||(l[5]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:l[6]||(l[6]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:l[7]||(l[7]=t=>e.toggle("help",!0))},"ℹ️ Help")])]),n(v,{activePlayers:e.activePlayers,idlePlayers:e.idlePlayers},null,8,["activePlayers","idlePlayers"])])};var oo=e({name:"replay",components:{PuzzleStatus:Ft,Scores:Gt,SettingsOverlay:Lt,PreviewOverlay:qt,HelpOverlay:hn},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 Kn(`${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 lo={id:"replay"},io={class:"menu"},ao={class:"tabs"},so=s("🧩 Puzzles");oo.render=function(e,l,s,d,c,g){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",lo,[u(n(p,{onBgclick:l[1]||(l[1]=t=>e.toggle("settings",!0)),modelValue:e.g.player,"onUpdate:modelValue":l[2]||(l[2]=t=>e.g.player=t)},null,8,["modelValue"]),[[f,"settings"===e.overlay]]),u(n(h,{onBgclick:l[3]||(l[3]=t=>e.toggle("preview",!1)),img:e.g.previewImageUrl},null,8,["img"]),[[f,"preview"===e.overlay]]),u(n(m,{onBgclick:l[4]||(l[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:o((()=>[n("div",null,[n("div",null,r(e.replayText),1),n("button",{class:"btn",onClick:l[5]||(l[5]=t=>e.g.replayOnSpeedUp())},"⏫"),n("button",{class:"btn",onClick:l[6]||(l[6]=t=>e.g.replayOnSpeedDown())},"⏬"),n("button",{class:"btn",onClick:l[7]||(l[7]=t=>e.g.replayOnPauseToggle())},"⏸️")])])),_:1},8,["finished","duration","piecesDone","piecesTotal"]),n("div",io,[n("div",ao,[n(w,{class:"opener",to:{name:"index"},target:"_blank"},{default:o((()=>[so])),_:1}),n("div",{class:"opener",onClick:l[8]||(l[8]=t=>e.toggle("preview",!1))},"πŸ–ΌοΈ Preview"),n("div",{class:"opener",onClick:l[9]||(l[9]=t=>e.toggle("settings",!0))},"πŸ› οΈ Settings"),n("div",{class:"opener",onClick:l[10]||(l[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:U},{name:"new-game",path:"/new-game",component:zt},{name:"game",path:"/g/:id",component:Jn},{name:"replay",path:"/replay/:id",component:oo}]});n.beforeEach(((e,t)=>{t.name&&document.documentElement.classList.remove(`view-${String(t.name)}`),document.documentElement.classList.add(`view-${String(e.name)}`)}));const o=x(b);o.config.globalProperties.$config=t,o.config.globalProperties.$clientId=function(){let e=localStorage.getItem("ID");return e||(e=Ee.uniqId(),localStorage.setItem("ID",e)),e}(),o.use(n),o.mount("#app")})(); diff --git a/build/public/assets/vendor.00b608ff.js b/build/public/assets/vendor.00b608ff.js deleted file mode 100644 index 479e89d..0000000 --- a/build/public/assets/vendor.00b608ff.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(x(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(C(e))t=e;else if(x(e))for(let n=0;nnull==e?"":A(e)?JSON.stringify(e,u,2):String(e),u=(e,t)=>E(t)?{[`Map(${t.size})`]:[...t.entries()].reduce(((e,[t,n])=>(e[`${t} =>`]=n,e)),{})}:k(t)?{[`Set(${t.size})`]:[...t.values()]}:!A(t)||x(t)||$(t)?t:String(t),f={},p=[],d=()=>{},h=()=>!1,m=/^on[^a-z]/,g=e=>m.test(e),v=e=>e.startsWith("onUpdate:"),y=Object.assign,b=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},_=Object.prototype.hasOwnProperty,w=(e,t)=>_.call(e,t),x=Array.isArray,E=e=>"[object Map]"===j(e),k=e=>"[object Set]"===j(e),S=e=>e instanceof Date,O=e=>"function"==typeof e,C=e=>"string"==typeof e,R=e=>"symbol"==typeof e,A=e=>null!==e&&"object"==typeof e,P=e=>A(e)&&O(e.then)&&O(e.catch),F=Object.prototype.toString,j=e=>F.call(e),$=e=>"[object Object]"===j(e),M=e=>C(e)&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,T=e(",key,ref,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),I=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},U=/-(\w)/g,V=I((e=>e.replace(U,((e,t)=>t?t.toUpperCase():"")))),N=/\B([A-Z])/g,L=I((e=>e.replace(N,"-$1").toLowerCase())),B=I((e=>e.charAt(0).toUpperCase()+e.slice(1))),D=I((e=>e?`on${B(e)}`:"")),q=(e,t)=>e!==t&&(e==e||t==t),z=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},K=e=>{const t=parseFloat(e);return isNaN(t)?e:t},G=new WeakMap,H=[];let X;const J=Symbol(""),Q=Symbol("");function Y(e,t=f){(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(!H.includes(n)){te(n);try{return re.push(ne),ne=!0,H.push(n),X=n,e()}finally{H.pop(),se(),X=H[H.length-1]}}};return n.id=ee++,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 Z(e){e.active&&(te(e),e.options.onStop&&e.options.onStop(),e.active=!1)}let ee=0;function te(e){const{deps:t}=e;if(t.length){for(let n=0;n{e&&e.forEach((e=>{(e!==X||e.allowRecurse)&&i.add(e)}))};if("clear"===t)l.forEach(c);else if("length"===n&&x(e))l.forEach(((e,t)=>{("length"===t||t>=r)&&c(e)}));else switch(void 0!==n&&c(l.get(n)),t){case"add":x(e)?M(n)&&c(l.get("length")):(c(l.get(J)),E(e)&&c(l.get(Q)));break;case"delete":x(e)||(c(l.get(J)),E(e)&&c(l.get(Q)));break;case"set":E(e)&&c(l.get(J))}i.forEach((e=>{e.options.scheduler?e.options.scheduler(e):e()}))}const ce=e("__proto__,__v_isRef,__isVue"),ae=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(R)),ue=me(),fe=me(!1,!0),pe=me(!0),de=me(!0,!0),he={};function me(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?We:ze:t?qe:De).get(n))return n;const s=x(n);if(!e&&s&&w(he,r))return Reflect.get(he,r,o);const l=Reflect.get(n,r,o);if(R(r)?ae.has(r):ce(r))return l;if(e||le(n,0,r),t)return l;if(tt(l)){return!s||!M(r)?l.value:l}return A(l)?e?He(l):Ge(l):l}}["includes","indexOf","lastIndexOf"].forEach((e=>{const t=Array.prototype[e];he[e]=function(...e){const n=Ze(this);for(let t=0,o=this.length;t{const t=Array.prototype[e];he[e]=function(...e){oe();const n=t.apply(this,e);return se(),n}}));function ge(e=!1){return function(t,n,r,o){let s=t[n];if(!e&&(r=Ze(r),s=Ze(s),!x(t)&&tt(s)&&!tt(r)))return s.value=r,!0;const l=x(t)&&M(n)?Number(n)!0,deleteProperty:(e,t)=>!0},be=y({},ve,{get:fe,set:ge(!0)});y({},ye,{get:de});const _e=e=>A(e)?Ge(e):e,we=e=>A(e)?He(e):e,xe=e=>e,Ee=e=>Reflect.getPrototypeOf(e);function ke(e,t,n=!1,r=!1){const o=Ze(e=e.__v_raw),s=Ze(t);t!==s&&!n&&le(o,0,t),!n&&le(o,0,s);const{has:l}=Ee(o),i=r?xe:n?we:_e;return l.call(o,t)?i(e.get(t)):l.call(o,s)?i(e.get(s)):void 0}function Se(e,t=!1){const n=this.__v_raw,r=Ze(n),o=Ze(e);return e!==o&&!t&&le(r,0,e),!t&&le(r,0,o),e===o?n.has(e):n.has(e)||n.has(o)}function Oe(e,t=!1){return e=e.__v_raw,!t&&le(Ze(e),0,J),Reflect.get(e,"size",e)}function Ce(e){e=Ze(e);const t=Ze(this);return Ee(t).has.call(t,e)||(t.add(e),ie(t,"add",e,e)),this}function Re(e,t){t=Ze(t);const n=Ze(this),{has:r,get:o}=Ee(n);let s=r.call(n,e);s||(e=Ze(e),s=r.call(n,e));const l=o.call(n,e);return n.set(e,t),s?q(t,l)&&ie(n,"set",e,t):ie(n,"add",e,t),this}function Ae(e){const t=Ze(this),{has:n,get:r}=Ee(t);let o=n.call(t,e);o||(e=Ze(e),o=n.call(t,e)),r&&r.call(t,e);const s=t.delete(e);return o&&ie(t,"delete",e,void 0),s}function Pe(){const e=Ze(this),t=0!==e.size,n=e.clear();return t&&ie(e,"clear",void 0,void 0),n}function Fe(e,t){return function(n,r){const o=this,s=o.__v_raw,l=Ze(s),i=t?xe:e?we:_e;return!e&&le(l,0,J),s.forEach(((e,t)=>n.call(r,i(e),i(t),o)))}}function je(e,t,n){return function(...r){const o=this.__v_raw,s=Ze(o),l=E(s),i="entries"===e||e===Symbol.iterator&&l,c="keys"===e&&l,a=o[e](...r),u=n?xe:t?we:_e;return!t&&le(s,0,c?Q:J),{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 $e(e){return function(...t){return"delete"!==e&&this}}const Me={get(e){return ke(this,e)},get size(){return Oe(this)},has:Se,add:Ce,set:Re,delete:Ae,clear:Pe,forEach:Fe(!1,!1)},Te={get(e){return ke(this,e,!1,!0)},get size(){return Oe(this)},has:Se,add:Ce,set:Re,delete:Ae,clear:Pe,forEach:Fe(!1,!0)},Ie={get(e){return ke(this,e,!0)},get size(){return Oe(this,!0)},has(e){return Se.call(this,e,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Fe(!0,!1)},Ue={get(e){return ke(this,e,!0,!0)},get size(){return Oe(this,!0)},has(e){return Se.call(this,e,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Fe(!0,!0)};function Ve(e,t){const n=t?e?Ue:Te:e?Ie:Me;return(t,r,o)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(w(n,r)&&r in t?n:t,r,o)}["keys","values","entries",Symbol.iterator].forEach((e=>{Me[e]=je(e,!1,!1),Ie[e]=je(e,!0,!1),Te[e]=je(e,!1,!0),Ue[e]=je(e,!0,!0)}));const Ne={get:Ve(!1,!1)},Le={get:Ve(!1,!0)},Be={get:Ve(!0,!1)},De=new WeakMap,qe=new WeakMap,ze=new WeakMap,We=new WeakMap;function Ke(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=>j(e).slice(8,-1))(e))}function Ge(e){return e&&e.__v_isReadonly?e:Xe(e,!1,ve,Ne,De)}function He(e){return Xe(e,!0,ye,Be,ze)}function Xe(e,t,n,r,o){if(!A(e))return e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const s=o.get(e);if(s)return s;const l=Ke(e);if(0===l)return e;const i=new Proxy(e,2===l?r:n);return o.set(e,i),i}function Je(e){return Qe(e)?Je(e.__v_raw):!(!e||!e.__v_isReactive)}function Qe(e){return!(!e||!e.__v_isReadonly)}function Ye(e){return Je(e)||Qe(e)}function Ze(e){return e&&Ze(e.__v_raw)||e}const et=e=>A(e)?Ge(e):e;function tt(e){return Boolean(e&&!0===e.__v_isRef)}class nt{constructor(e,t=!1){this._rawValue=e,this._shallow=t,this.__v_isRef=!0,this._value=t?e:et(e)}get value(){return le(Ze(this),0,"value"),this._value}set value(e){q(Ze(e),this._rawValue)&&(this._rawValue=e,this._value=this._shallow?e:et(e),ie(Ze(this),"set","value",e))}}function rt(e,t=!1){return tt(e)?e:new nt(e,t)}function ot(e){return tt(e)?e.value:e}const st={get:(e,t,n)=>ot(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const o=e[t];return tt(o)&&!tt(n)?(o.value=n,!0):Reflect.set(e,t,n,r)}};function lt(e){return Je(e)?e:new Proxy(e,st)}class it{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 ct{constructor(e,t,n){this._setter=t,this._dirty=!0,this.__v_isRef=!0,this.effect=Y(e,{lazy:!0,scheduler:()=>{this._dirty||(this._dirty=!0,ie(Ze(this),"set","value"))}}),this.__v_isReadonly=n}get value(){const e=Ze(this);return e._dirty&&(e._value=this.effect(),e._dirty=!1),le(e,0,"value"),e._value}set value(e){this._setter(e)}}function at(e,t,n,r){let o;try{o=r?e(...r):e()}catch(s){ft(s,t,n)}return o}function ut(e,t,n,r){if(O(e)){const o=at(e,t,n,r);return o&&P(o)&&o.catch((e=>{ft(e,t,n)})),o}const o=[];for(let s=0;s>>1;Ft(ht[e])-1?ht.splice(t,0,e):ht.push(e),Ct()}}function Ct(){pt||dt||(dt=!0,Et=xt.then(jt))}function Rt(e,t,n,r){x(e)?n.push(...e):t&&t.includes(e,e.allowRecurse?r+1:r)||n.push(e),Ct()}function At(e,t=null){if(gt.length){for(kt=t,vt=[...new Set(gt)],gt.length=0,yt=0;ytFt(e)-Ft(t))),wt=0;wt<_t.length;wt++)_t[wt]();_t=null,wt=0}}const Ft=e=>null==e.id?1/0:e.id;function jt(e){dt=!1,pt=!0,At(e),ht.sort(((e,t)=>Ft(e)-Ft(t)));try{for(mt=0;mte.trim())):t&&(o=n.map(K))}let i,c=r[i=D(t)]||r[i=D(V(t))];!c&&s&&(c=r[i=D(L(t))]),c&&ut(c,e,6,o);const a=r[i+"Once"];if(a){if(e.emitted){if(e.emitted[i])return}else(e.emitted={})[i]=!0;ut(a,e,6,o)}}function Mt(e,t,n=!1){if(!t.deopt&&void 0!==e.__emits)return e.__emits;const r=e.emits;let o={},s=!1;if(!O(e)){const r=e=>{const n=Mt(e,t,!0);n&&(s=!0,y(o,n))};!n&&t.mixins.length&&t.mixins.forEach(r),e.extends&&r(e.extends),e.mixins&&e.mixins.forEach(r)}return r||s?(x(r)?r.forEach((e=>o[e]=null)):y(o,r),e.__emits=o):e.__emits=null}function Tt(e,t){return!(!e||!g(t))&&(t=t.slice(2).replace(/Once$/,""),w(e,t[0].toLowerCase()+t.slice(1))||w(e,L(t))||w(e,t))}let It=0;const Ut=e=>It+=e;function Vt(e,t,n={},r,o){let s=e[t];It++,Xn();const l=s&&Nt(s(n)),i=Qn(qn,{key:n.key||`_${t}`},l||(r?r():[]),l&&1===e._?64:-2);return!o&&i.scopeId&&(i.slotScopeIds=[i.scopeId+"-s"]),It--,i}function Nt(e){return e.some((e=>!Yn(e)||e.type!==Wn&&!(e.type===qn&&!Nt(e.children))))?e:null}let Lt=null,Bt=null;function Dt(e){const t=Lt;return Lt=e,Bt=e&&e.type.__scopeId||null,t}function qt(e,t=Lt){if(!t)return e;const n=(...n)=>{It||Xn(!0);const r=Dt(t),o=e(...n);return Dt(r),It||Jn(),o};return n._c=!0,n}function zt(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=Dt(e);try{let e;if(4&n.shapeFlag){const t=o||r;m=ir(u.call(t,t,f,s,d,p,h)),e=c}else{const n=t;0,m=ir(n.length>1?n(s,{attrs:c,slots:i,emit:a}):n(s,null)),e=t.props?c:Kt(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(v)&&(e=Gt(e,l)),g=or(g,e))}n.dirs&&(g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),m=g}catch(y){Gn.length=0,ft(y,e,1),m=rr(Wn)}return Dt(g),m}function Wt(e){let t;for(let n=0;n{let t;for(const n in e)("class"===n||"style"===n||g(n))&&((t||(t={}))[n]=e[n]);return t},Gt=(e,t)=>{const n={};for(const r in e)v(r)&&r.slice(9)in t||(n[r]=e[r]);return n};function Ht(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]=Zt(e,t,!0);y(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=p;if(x(r))for(let i=0;i-1,n[1]=r<0||t-1||w(n,"default"))&&s.push(e)}}}return e.__props=[o,s]}function en(e){return"$"!==e[0]}function tn(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:""}function nn(e,t){return tn(e)===tn(t)}function rn(e,t){return x(t)?t.findIndex((t=>nn(t,e))):O(t)&&nn(t,e)?0:-1}function on(e,t,n=Or,r=!1){if(n){const o=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;oe(),Cr(n);const o=ut(t,n,e,r);return Cr(null),se(),o});return r?o.unshift(s):o.push(s),s}}const sn=e=>(t,n=Or)=>!Ar&&on(e,t,n),ln=sn("bm"),cn=sn("m"),an=sn("bu"),un=sn("u"),fn=sn("bum"),pn=sn("um"),dn=sn("rtg"),hn=sn("rtc"),mn={};function gn(e,t,n){return vn(e,t,n)}function vn(e,t,{immediate:n,deep:r,flush:o,onTrack:s,onTrigger:l}=f,i=Or){let c,a,u=!1;if(tt(e)?(c=()=>e.value,u=!!e._shallow):Je(e)?(c=()=>e,r=!0):c=x(e)?()=>e.map((e=>tt(e)?e.value:Je(e)?bn(e):O(e)?at(e,i,2,[i&&i.proxy]):void 0)):O(e)?t?()=>at(e,i,2,[i&&i.proxy]):()=>{if(!i||!i.isUnmounted)return a&&a(),ut(e,i,3,[p])}:d,t&&r){const e=c;c=()=>bn(e())}let p=e=>{a=v.options.onStop=()=>{at(e,i,4)}},h=x(e)?[]:mn;const m=()=>{if(v.active)if(t){const e=v();(r||u||q(e,h))&&(a&&a(),ut(t,i,3,[e,h===mn?void 0:h,p]),h=e)}else v()};let g;m.allowRecurse=!!t,g="sync"===o?m:"post"===o?()=>Tn(m,i&&i.suspense):()=>{!i||i.isMounted?function(e){Rt(e,vt,gt,yt)}(m):m()};const v=Y(c,{lazy:!0,onTrack:s,onTrigger:l,scheduler:g});return jr(v,i),t?n?m():h=v():"post"===o?Tn(v,i&&i.suspense):v(),()=>{Z(v),i&&b(i.effects,v)}}function yn(e,t,n){const r=this.proxy;return vn(C(e)?()=>r[e]:e.bind(r),t.bind(r),n,this)}function bn(e,t=new Set){if(!A(e)||t.has(e))return e;if(t.add(e),tt(e))bn(e.value,t);else if(x(e))for(let n=0;n{bn(e,t)}));else for(const n in e)bn(e[n],t);return e}const _n=e=>e.type.__isKeepAlive;function wn(e,t,n=Or){const r=e.__wdc||(e.__wdc=()=>{let t=n;for(;t;){if(t.isDeactivated)return;t=t.parent}e()});if(on(t,r,n),n){let e=n.parent;for(;e&&e.parent;)_n(e.parent.vnode)&&xn(r,t,n,e),e=e.parent}}function xn(e,t,n,r){const o=on(t,e,r,!0);pn((()=>{b(r[t],o)}),n)}const En=e=>"_"===e[0]||"$stable"===e,kn=e=>x(e)?e.map(ir):[ir(e)],Sn=(e,t,n)=>qt((e=>kn(t(e))),n),On=(e,t)=>{const n=e._ctx;for(const r in e){if(En(r))continue;const o=e[r];if(O(o))t[r]=Sn(0,o,n);else if(null!=o){const e=kn(o);t[r]=()=>e}}},Cn=(e,t)=>{const n=kn(t);e.slots.default=()=>n};function Rn(e,t){if(null===Lt)return e;const n=Lt.proxy,r=e.dirs||(e.dirs=[]);for(let o=0;o(s.has(e)||(e&&O(e.install)?(s.add(e),e.install(i,...t)):O(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=rr(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 $n(e){return O(e)?{setup:e,name:e.name}:e}const Mn={scheduler:Ot,allowRecurse:!0},Tn=function(e,t){t&&t.pendingBranch?x(e)?t.effects.push(...e):t.effects.push(e):Rt(e,_t,bt,wt)},In=(e,t,n,r)=>{if(x(e))return void e.forEach(((e,o)=>In(e,t&&(x(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===f?s.refs={}:s.refs,a=s.setupState;if(null!=i&&i!==l&&(C(i)?(c[i]=null,w(a,i)&&(a[i]=null)):tt(i)&&(i.value=null)),C(l)){const e=()=>{c[l]=o,w(a,l)&&(a[l]=o)};o?(e.id=-1,Tn(e,n)):e()}else if(tt(l)){const e=()=>{l.value=o};o?(e.id=-1,Tn(e,n)):e()}else O(l)&&at(l,s,12,[o,c])};function Un(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:h,nextSibling:m,setScopeId:g=d,cloneNode:v,insertStaticContent:b}=e,_=(e,t,n,r=null,o=null,s=null,l=!1,i=null,c=!1)=>{e&&!Zn(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 zn:x(e,t,n,r);break;case Wn:E(e,t,n,r);break;case Kn:null==e&&k(t,n,r,l);break;case qn: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,ce)}null!=u&&o&&In(u,e&&e.ref,s,t)},x=(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]=b(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&&F(e.children,p,null,s,i,c&&"foreignObject"!==h,a,f||!!e.dynamicChildren),_&&An(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)&&Vn(d,s,e)}A(p,e,e.scopeId,a,s)}_&&An(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&&Vn(d,s,e),w&&y.enter(p),_&&An(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:p,dynamicChildren:d,dirs:h}=t;p|=16&e.patchFlag;const m=e.props||f,g=t.props||f;let v;if((v=g.onVnodeBeforeUpdate)&&Vn(v,n,t,e),h&&An(t,e,n,"beforeUpdate"),p>0){if(16&p)M(a,t,m,g,n,r,l);else if(2&p&&m.class!==g.class&&o(a,"class",null,g.class,l),4&p&&o(a,"style",m.style,g.style,l),8&p){const i=t.dynamicProps;for(let t=0;t{v&&Vn(v,n,t,e),h&&An(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!==f)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),F(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)&&Nn(e,t,!0)):K(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):N(t,n,r,o,s,l,c):B(e,t,c)},N=(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)||kr,s={uid:Sr++,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:Zt(r,o),emitsOptions:Mt(r,o),emit:null,emitted:null,propsDefaults:f,ctx:f,data:f,props:f,attrs:f,slots:f,refs:f,setupState:f,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=$t.bind(null,s),s}(e,r,o);if(_n(e)&&(i.ctx.renderer=ce),function(e,t=!1){Ar=t;const{props:n,children:r}=e.vnode,o=Rr(e);Jt(e,n,o,t),((e,t)=>{if(32&e.vnode.shapeFlag){const n=t._;n?(e.slots=t,W(t,"_",n)):On(t,e.slots={})}else e.slots={},t&&Cn(e,t);W(e.slots,er,1)})(e,r);const s=o?function(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,xr);const{setup:r}=n;if(r){const n=e.setupContext=r.length>1?function(e){const t=t=>{e.exposed=lt(t)};return{attrs:e.attrs,slots:e.slots,emit:e.emit,expose:t}}(e):null;Or=e,oe();const o=at(r,e,0,[e.props,n]);if(se(),Or=null,P(o)){if(t)return o.then((t=>{Pr(e,t)})).catch((t=>{ft(t,e,0)}));e.asyncDep=o}else Pr(e,o)}else Fr(e)}(e,t):void 0;Ar=!1}(i),i.asyncDep){if(o&&o.registerDep(i,D),!e.el){const e=i.subTree=rr(Wn);E(null,e,t,n)}}else D(i,e,t,n,o,s,l)},B=(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||Ht(r,l,a):!!l);if(1024&c)return!0;if(16&c)return r?Ht(r,l,a):!!l;if(8&c){const e=t.dynamicProps;for(let t=0;tmt&&ht.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=Y((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&&z(r),(t=n.props&&n.props.onVnodeBeforeUpdate)&&Vn(t,c,n,a);const f=zt(e),p=e.subTree;e.subTree=f,_(p,f,h(p.el),re(p),e,o,s),n.el=f.el,null===u&&function({vnode:e,parent:t},n){for(;t&&t.subTree===e;)(e=t.vnode).el=n,t=t.parent}(e,f.el),i&&Tn(i,o),(t=n.props&&n.props.onVnodeUpdated)&&Tn((()=>{Vn(t,c,n,a)}),o)}else{let l;const{el:i,props:c}=t,{bm:a,m:u,parent:f}=e;a&&z(a),(l=c&&c.onVnodeBeforeMount)&&Vn(l,f,t);const p=e.subTree=zt(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((()=>{Vn(l,f,e)}),o)}const{a:d}=e;d&&256&t.shapeFlag&&Tn(d,o),e.isMounted=!0,t=n=r=null}}),Mn)},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=Ze(o),[c]=e.propsOptions;if(!(r||l>0)||16&l){let r;Qt(e,t,o,s);for(const s in i)t&&(w(t,s)||(r=L(s))!==s&&w(t,r))||(c?!n||void 0===n[s]&&void 0===n[r]||(o[s]=Yt(c,t||f,s,void 0,e)):delete o[s]);if(s!==i)for(const e in s)t&&w(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=f;if(32&r.shapeFlag){const e=t._;e?n&&1===e?s=!1:(y(o,t),n||1!==e||delete o._):(s=!t.$stable,On(t,o)),l=t}else t&&(Cn(e,t),l={default:1});if(s)for(const i in o)En(i)||i in l||delete o[i]})(e,t.children,n),oe(),At(void 0,e.update),se()},K=(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&&F(p,n,r,o,s,l,i,c))},G=(e,t,n,r,o,s,l,i,c)=>{t=t||p;const a=(e=e||p).length,u=t.length,f=Math.min(a,u);let d;for(d=0;du?ne(e,o,s,!0,!1,f):F(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,d=u-1;for(;a<=f&&a<=d;){const r=e[a],u=t[a]=c?cr(t[a]):ir(t[a]);if(!Zn(r,u))break;_(r,u,n,null,o,s,l,i,c),a++}for(;a<=f&&a<=d;){const r=e[f],a=t[d]=c?cr(t[d]):ir(t[d]);if(!Zn(r,a))break;_(r,a,n,null,o,s,l,i,c),f--,d--}if(a>f){if(a<=d){const e=d+1,f=ed)for(;a<=f;)J(e[a],o,s,!0),a++;else{const h=a,m=a,g=new Map;for(a=m;a<=d;a++){const e=t[a]=c?cr(t[a]):ir(t[a]);null!=e.key&&g.set(e.key,a)}let v,y=0;const b=d-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<=d;v++)if(0===E[v-m]&&Zn(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):p;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,ce);if(i===qn){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&&In(i,null,n,null),256&u)return void t.ctx.deactivate(e);const d=1&u&&p;let h;if((h=l&&l.onVnodeBeforeUnmount)&&Vn(h,t,e),6&u)te(e.component,n,r);else{if(128&u)return void e.suspense.unmount(n,r);d&&An(e,null,t,"beforeUnmount"),64&u?e.type.remove(e,t,n,o,ce,r):a&&(s!==qn||f>0&&64&f)?ne(a,t,n,!1,!0):(s===qn&&(128&f||256&f)||!o&&16&u)&&ne(c,t,n),r&&Q(e)}((h=l&&l.onVnodeUnmounted)||d)&&Tn((()=>{h&&Vn(h,t,e),d&&An(e,null,t,"unmounted")}),n)},Q=e=>{const{type:t,el:n,anchor:o,transition:s}=e;if(t===qn)return void ee(n,o);if(t===Kn)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()},ee=(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&&z(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),le=(e,t,n)=>{null==e?t._vnode&&J(t._vnode,null,null,!0):_(t._vnode||null,e,t,null,null,null,n),Pt(),t._vnode=e},ce={p:_,um:J,m:X,r:Q,mt:N,mc:F,pc:K,pbc:$,n:re,o:e};let ae,ue;t&&([ae,ue]=t(ce));return{render:le,hydrate:ae,createApp:jn(le,ae)}}(e)}function Vn(e,t,n,r=null){ut(e,t,7,[n,r])}function Nn(e,t,n=!1){const r=e.children,o=t.children;if(x(r)&&x(o))for(let s=0;snull!=e?e:null,nr=({ref:e})=>null!=e?C(e)||tt(e)||O(e)?{i:Lt,r:e}:e:null,rr=function(e,t=null,n=null,o=0,s=null,l=!1){e&&e!==Bn||(e=Wn);if(Yn(e)){const r=or(e,t,!0);return n&&ar(r,n),r}c=e,O(c)&&"__vccOpts"in c&&(e=e.__vccOpts);var c;if(t){(Ye(t)||er in t)&&(t=y({},t));let{class:e,style:n}=t;e&&!C(e)&&(t.class=i(e)),A(n)&&(Ye(n)&&!x(n)&&(n=y({},n)),t.style=r(n))}const a=C(e)?1:(e=>e.__isSuspense)(e)?128:(e=>e.__isTeleport)(e)?64:A(e)?4:O(e)?2:0,u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&tr(t),ref:t&&nr(t),scopeId:Bt,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(ar(u,n),128&a){const{content:e,fallback:t}=function(e){const{shapeFlag:t,children:n}=e;let r,o;return 32&t?(r=Xt(n.default),o=Xt(n.fallback)):(r=Xt(n),o=ir(null)),{content:r,fallback:o}}(u);u.ssContent=e,u.ssFallback=t}!l&&Hn&&(o>0||6&a)&&32!==o&&Hn.push(u);return u};function or(e,t,n=!1){const{props:o,ref:s,patchFlag:l,children:c}=e,a=t?function(...e){const t=y({},e[0]);for(let n=1;n1)return n&&O(t)?t():t}}let pr=!0;function dr(e,t,n=[],r=[],o=[],s=!1){const{mixins:l,extends:i,data:c,computed:a,methods:u,watch:p,provide:h,inject:m,components:g,directives:v,beforeMount:b,mounted:_,beforeUpdate:w,updated:E,activated:k,deactivated:S,beforeDestroy:C,beforeUnmount:R,destroyed:P,unmounted:F,render:j,renderTracked:$,renderTriggered:M,errorCaptured:T,expose:I}=t,U=e.proxy,V=e.ctx,N=e.appContext.mixins;if(s&&j&&e.render===d&&(e.render=j),s||(pr=!1,hr("beforeCreate","bc",t,e,N),pr=!0,gr(e,N,n,r,o)),i&&dr(e,i,n,r,o,!0),l&&gr(e,l,n,r,o),m)if(x(m))for(let f=0;fvr(e,t,U))),c&&vr(e,c,U)),a)for(const f in a){const e=a[f],t=Mr({get:O(e)?e.bind(U,U):O(e.get)?e.get.bind(U,U):d,set:!O(e)&&O(e.set)?e.set.bind(U):d});Object.defineProperty(V,f,{enumerable:!0,configurable:!0,get:()=>t.value,set:e=>t.value=e})}var L;if(p&&r.push(p),!s&&r.length&&r.forEach((e=>{for(const t in e)yr(e[t],V,U,t)})),h&&o.push(h),!s&&o.length&&o.forEach((e=>{const t=O(e)?e.call(U):e;Reflect.ownKeys(t).forEach((e=>{ur(e,t[e])}))})),s&&(g&&y(e.components||(e.components=y({},e.type.components)),g),v&&y(e.directives||(e.directives=y({},e.type.directives)),v)),s||hr("created","c",t,e,N),b&&ln(b.bind(U)),_&&cn(_.bind(U)),w&&an(w.bind(U)),E&&un(E.bind(U)),k&&wn(k.bind(U),"a",L),S&&function(e,t){wn(e,"da",t)}(S.bind(U)),T&&((e,t=Or)=>{on("ec",e,t)})(T.bind(U)),$&&hn($.bind(U)),M&&dn(M.bind(U)),R&&fn(R.bind(U)),F&&pn(F.bind(U)),x(I)&&!s)if(I.length){const t=e.exposed||(e.exposed=lt({}));I.forEach((e=>{t[e]=function(e,t){return tt(e[t])?e[t]:new it(e,t)}(U,e)}))}else e.exposed||(e.exposed=f)}function hr(e,t,n,r,o){for(let s=0;s{let t=e;for(let e=0;en[r];if(C(e)){const n=t[e];O(n)&&gn(o,n)}else if(O(e))gn(o,e.bind(n));else if(A(e))if(x(e))e.forEach((e=>yr(e,t,n,r)));else{const r=O(e.handler)?e.handler.bind(n):t[e.handler];O(r)&&gn(o,r,e)}}function br(e,t,n){const r=n.appContext.config.optionMergeStrategies,{mixins:o,extends:s}=t;s&&br(e,s,n),o&&o.forEach((t=>br(e,t,n)));for(const l in t)r&&w(r,l)?e[l]=r[l](e[l],t[l],n.proxy,l):e[l]=t[l]}const _r=e=>e?Rr(e)?e.exposed?e.exposed:e.proxy:_r(e.parent):null,wr=y(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=>_r(e.parent),$root:e=>_r(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=>br(l,t,e))),br(l,t,e),t.__merged=l}(e),$forceUpdate:e=>()=>Ot(e.update),$nextTick:e=>St.bind(e.proxy),$watch:e=>yn.bind(e)}),xr={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!==f&&w(r,t))return l[t]=0,r[t];if(o!==f&&w(o,t))return l[t]=1,o[t];if((a=e.propsOptions[0])&&w(a,t))return l[t]=2,s[t];if(n!==f&&w(n,t))return l[t]=3,n[t];pr&&(l[t]=4)}}const u=wr[t];let p,d;return u?("$attrs"===t&&le(e,0,t),u(e)):(p=i.__cssModules)&&(p=p[t])?p:n!==f&&w(n,t)?(l[t]=3,n[t]):(d=c.config.globalProperties,w(d,t)?d[t]:void 0)},set({_:e},t,n){const{data:r,setupState:o,ctx:s}=e;if(o!==f&&w(o,t))o[t]=n;else if(r!==f&&w(r,t))r[t]=n;else if(w(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!==f&&w(e,l)||t!==f&&w(t,l)||(i=s[0])&&w(i,l)||w(r,l)||w(wr,l)||w(o.config.globalProperties,l)}},Er=y({},xr,{get(e,t){if(t!==Symbol.unscopables)return xr.get(e,t,e)},has:(e,n)=>"_"!==n[0]&&!t(n)}),kr=Pn();let Sr=0;let Or=null;const Cr=e=>{Or=e};function Rr(e){return 4&e.vnode.shapeFlag}let Ar=!1;function Pr(e,t,n){O(t)?e.render=t:A(t)&&(e.setupState=lt(t)),Fr(e)}function Fr(e,t){const n=e.type;e.render||(e.render=n.render||d,e.render._rc&&(e.withProxy=new Proxy(e.ctx,Er))),Or=e,oe(),dr(e,n),se(),Or=null}function jr(e,t=Or){t&&(t.effects||(t.effects=[])).push(e)}function $r(e){return O(e)&&e.displayName||e.name}function Mr(e){const t=function(e){let t,n;return O(e)?(t=e,n=d):(t=e.get,n=e.set),new ct(t,n,O(e)||!e.set)}(e);return jr(t.effect),t}function Tr(e,t,n){const r=arguments.length;return 2===r?A(t)&&!x(t)?Yn(t)?rr(e,null,[t]):rr(e,t):rr(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):3===r&&Yn(n)&&(n=[n]),rr(e,t,n))}function Ir(e,t){let n;if(x(e)||C(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?Nr.createElementNS(Vr,e):Nr.createElement(e,n?{is:n}:void 0);return"select"===e&&r&&null!=r.multiple&&o.setAttribute("multiple",r.multiple),o},createText:e=>Nr.createTextNode(e),createComment:e=>Nr.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Nr.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?Br||(Br=Nr.createElementNS(Vr,"svg")):Lr||(Lr=Nr.createElement("div"));o.innerHTML=e;const s=o.firstChild;let l=s,i=l;for(;l;)i=l,Dr.insert(l,t,n),l=o.firstChild;return[s,i]}};const qr=/\s*!important$/;function zr(e,t,n){if(x(n))n.forEach((n=>zr(e,t,n)));else if(t.startsWith("--"))e.setProperty(t,n);else{const r=function(e,t){const n=Kr[t];if(n)return n;let r=V(t);if("filter"!==r&&r in e)return Kr[t]=r;r=B(r);for(let o=0;odocument.createEvent("Event").timeStamp&&(Hr=()=>performance.now());const e=navigator.userAgent.match(/firefox\/(\d+)/i);Xr=!!(e&&Number(e[1])<=53)}let Jr=0;const Qr=Promise.resolve(),Yr=()=>{Jr=0};function Zr(e,t,n,r){e.addEventListener(t,n,r)}function eo(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(to.test(e)){let n;for(t={};n=e.match(to);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[L(e.slice(2)),t]}(t);if(r){Zr(e,n,s[t]=function(e,t){const n=e=>{const r=e.timeStamp||Hr();(Xr||r>=n.attached-1)&&ut(function(e,t){if(x(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=(()=>Jr||(Qr.then(Yr),Jr=Hr()))(),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 to=/(?:Once|Passive|Capture)$/;const no=/^on[a-z]/;const ro=e=>{const t=e.props["onUpdate:modelValue"];return x(t)?e=>z(t,e):t};function oo(e){e.target.composing=!0}function so(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 lo={created(e,{modifiers:{lazy:t,trim:n,number:r}},o){e._assign=ro(o);const s=r||"number"===e.type;Zr(e,t?"change":"input",(t=>{if(t.target.composing)return;let r=e.value;n?r=r.trim():s&&(r=K(r)),e._assign(r)})),n&&Zr(e,"change",(()=>{e.value=e.value.trim()})),t||(Zr(e,"compositionstart",oo),Zr(e,"compositionend",so),Zr(e,"change",so))},mounted(e,{value:t}){e.value=null==t?"":t},beforeUpdate(e,{value:t,modifiers:{trim:n,number:r}},o){if(e._assign=ro(o),e.composing)return;if(document.activeElement===e){if(n&&e.value.trim()===t)return;if((r||"number"===e.type)&&K(e.value)===t)return}const s=null==t?"":t;e.value!==s&&(e.value=s)}},io={created(e,{value:t},n){e.checked=c(t,n.props.value),e._assign=ro(n),Zr(e,"change",(()=>{e._assign(function(e){return"_value"in e?e._value:e.value}(e))}))},beforeUpdate(e,{value:t,oldValue:n},r){e._assign=ro(r),t!==n&&(e.checked=c(t,r.props.value))}};const co=["ctrl","shift","alt","meta"],ao={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)=>co.some((n=>e[`${n}Key`]&&!t.includes(n)))},uo=(e,t)=>(n,...r)=>{for(let e=0;e{po(e,!1)})):po(e,t))},beforeUnmount(e,{value:t}){po(e,t)}};function po(e,t){e.style.display=t?e._vod:"none"}const ho=y({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(C(n)){if(t!==n){const t=r.display;r.cssText=n,"_vod"in e&&(r.display=t)}}else{for(const e in n)zr(r,e,n[e]);if(t&&!C(t))for(const e in t)null==n[e]&&zr(r,e,"")}else e.removeAttribute("style")}(e,r,o);break;default:g(t)?v(t)||eo(e,t,0,o,i):function(e,t,n,r){if(r)return"innerHTML"===t||!!(t in e&&no.test(t)&&O(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(no.test(t)&&C(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(Gr,t.slice(6,t.length)):e.setAttributeNS(Gr,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},Dr);let mo;const go=(...e)=>{const t=(mo||(mo=Un(ho))).createApp(...e),{mount:n}=t;return t.mount=e=>{const r=function(e){if(C(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;O(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 vo="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,yo=e=>vo?Symbol(e):"_vr_"+e,bo=yo("rvlm"),_o=yo("rvd"),wo=yo("r"),xo=yo("rl"),Eo=yo("rvl"),ko="undefined"!=typeof window;const So=Object.assign;function Oo(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 Co=()=>{};const Ro=/\/$/;function Ao(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 To,Io,Uo,Vo;function No(e){if(!e)if(ko){const t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return"/"!==e[0]&&"#"!==e[0]&&(e="/"+e),e.replace(Ro,"")}(Io=To||(To={})).pop="pop",Io.push="push",(Vo=Uo||(Uo={})).back="back",Vo.forward="forward",Vo.unknown="";const Lo=/^[^#]+#/;function Bo(e,t){return e.replace(Lo,"#")+t}const Do=()=>({left:window.pageXOffset,top:window.pageYOffset});function qo(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 zo(e,t){return(history.state?history.state.position-t:-1)+e}const Wo=new Map;function Ko(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),Po(n,"")}return Po(n,e)+r+o}function Go(e,t,n,r=!1,o=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:o?Do():null}}function Ho(e){const{history:t,location:n}=window;let r={value:Ko(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=So({},o.value,t.state,{forward:e,scroll:Do()});s(l.current,l,!0),s(e,So({},Go(r.value,e,null),{position:l.position+1},n),!1),r.value=e},replace:function(e,n){s(e,So({},t.state,Go(o.value.back,e,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=e}}}function Xo(e){const t=Ho(e=No(e)),n=function(e,t,n,r){let o=[],s=[],l=null;const i=({state:s})=>{const i=Ko(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:To.pop,direction:u?u>0?Uo.forward:Uo.back:Uo.unknown})}))};function c(){const{history:e}=window;e.state&&e.replaceState(So({},e.state,{scroll:Do()}),"")}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=So({location:"",base:e,go:function(e,t=!0){t||n.pauseListeners(),history.go(e)},createHref:Bo.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 Jo(e){return(e=location.host?e||location.pathname+location.search:"").indexOf("#")<0&&(e+="#"),Xo(e)}function Qo(e){return"string"==typeof e||"symbol"==typeof e}const Yo={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Zo=yo("nf");var es,ts;function ns(e,t){return So(new Error,{type:e,[Zo]:!0},t)}function rs(e,t){return e instanceof Error&&Zo in e&&(null==t||!!(e.type&t))}(ts=es||(es={}))[ts.aborted=4]="aborted",ts[ts.cancelled=8]="cancelled",ts[ts.duplicated=16]="duplicated";const os={sensitive:!1,strict:!1,start:!0,end:!0},ss=/[.+*?^${}()[\]/\\]/g;function ls(e,t){let n=0;for(;nt.length?1===t.length&&80===t[0]?1:-1:0}function is(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)}:Co}function s(e){if(Qo(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&&!ds(e)&&r.set(e.record.name,e)}return t=ms({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 ns(1,{location:e});l=o.record.name,i=So(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 ns(1,{location:e,currentLocation:t});l=o.record.name,i=So({},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:hs(c)}},removeRoute:s,getRoutes:function(){return n},getRecordMatcher:function(e){return r.get(e)}}}function ps(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 ds(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function hs(e){return e.reduce(((e,t)=>So(e,t.meta)),{})}function ms(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}const gs=/#/g,vs=/&/g,ys=/\//g,bs=/=/g,_s=/\?/g,ws=/\+/g,xs=/%5B/g,Es=/%5D/g,ks=/%5E/g,Ss=/%60/g,Os=/%7B/g,Cs=/%7C/g,Rs=/%7D/g,As=/%20/g;function Ps(e){return encodeURI(""+e).replace(Cs,"|").replace(xs,"[").replace(Es,"]")}function Fs(e){return Ps(e).replace(ws,"%2B").replace(As,"+").replace(gs,"%23").replace(vs,"%26").replace(Ss,"`").replace(Os,"{").replace(Rs,"}").replace(ks,"^")}function js(e){return function(e){return Ps(e).replace(gs,"%23").replace(_s,"%3F")}(e).replace(ys,"%2F")}function $s(e){try{return decodeURIComponent(""+e)}catch(t){}return""+e}function Ms(e){const t={};if(""===e||"?"===e)return t;const n=("?"===e[0]?e.slice(1):e).split("&");for(let r=0;re&&Fs(e))):[r&&Fs(r)]).forEach((e=>{void 0!==e&&(t+=(t.length?"&":"")+n,null!=e&&(t+="="+e))}))}return t}function Is(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 Us(){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 Vs(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(ns(4,{from:n,to:t})):e instanceof Error?i(e):"string"==typeof(c=e)||c&&"object"==typeof c?i(ns(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 Ns(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(Vs(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||vo&&"Module"===i[Symbol.toStringTag]?o.default:o;var i;l.components[e]=s;const c=(s.__vccOpts||s)[t];return c&&Vs(c,n,r,l,e)()}))))}}var s;return o}function Ls(e){const t=fr(wo),n=fr(xo),r=Mr((()=>t.resolve(ot(e.to)))),o=Mr((()=>{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(Fo.bind(null,o));if(l>-1)return l;let i=Ds(e[t-2]);return t>1&&Ds(o)===i&&s[s.length-1].path!==i?s.findIndex(Fo.bind(null,e[t-2])):l})),s=Mr((()=>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=Mr((()=>o.value>-1&&o.value===n.matched.length-1&&jo(n.params,r.value.params)));return{route:r,href:Mr((()=>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[ot(e.replace)?"replace":"push"](ot(e.to)):Promise.resolve()}}}const Bs=$n({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=Ge(Ls(e)),{options:r}=fr(wo),o=Mr((()=>({[qs(e.activeClass,r.linkActiveClass,"router-link-active")]:n.isActive,[qs(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 Ds(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const qs=(e,t,n)=>null!=e?e:null!=t?t:n;function zs(e,t){if(!e)return null;const n=e(t);return 1===n.length?n[0]:n}const Ws=$n({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},setup(e,{attrs:t,slots:n}){const r=fr(Eo),o=Mr((()=>e.route||r.value)),s=fr(_o,0),l=Mr((()=>o.value.matched[s]));ur(_o,s+1),ur(bo,l),ur(Eo,o);const i=rt(c);var c;return gn((()=>[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&&Fo(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 zs(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,So({},f,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(s.instances[a]=null)},ref:i}));return zs(n.default,{Component:p,route:r})||p}}});function Ks(e){const t=fs(e.routes,e);let n=e.parseQuery||Ms,r=e.stringifyQuery||Ts,o=e.history;const s=Us(),l=Us(),i=Us(),c=rt(Yo,!0);let a=Yo;ko&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=Oo.bind(null,(e=>""+e)),f=Oo.bind(null,js),p=Oo.bind(null,$s);function d(e,s){if(s=So({},s||c.value),"string"==typeof e){let r=Ao(n,e,s.path),l=t.resolve({path:r.path},s),i=o.createHref(r.fullPath);return So(r,l,{params:p(l.params),hash:$s(r.hash),redirectedFrom:void 0,href:i})}let l;"path"in e?l=So({},e,{path:Ao(n,e.path,s.path).path}):(l=So({},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,So({},e,{hash:(h=a,Ps(h).replace(Os,"{").replace(Rs,"}").replace(ks,"^")),path:i.path}));var h;let m=o.createHref(d);return So({fullPath:d,hash:a,query:r===Ts?Is(e.query):e.query},i,{redirectedFrom:void 0,href:m})}function h(e){return"string"==typeof e?Ao(n,e,c.value.path):So({},e)}function m(e,t){if(a!==e)return ns(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}),So({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(So(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&&Fo(t.matched[r],n.matched[o])&&jo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}(r,o,n)&&(p=ns(16,{to:f,from:o}),P(o,o,!0,!1)),(p?Promise.resolve(p):_(f,o)).catch((e=>rs(e)?e:R(e))).then((e=>{if(e){if(rs(e,2))return y(So(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;lFo(e,s)))?r.push(s):n.push(s));const i=e.matched[l];i&&(t.matched.find((e=>Fo(e,i)))||o.push(i))}return[n,r,o]}(e,t);n=Ns(r.reverse(),"beforeRouteLeave",e,t);for(const s of r)s.leaveGuards.forEach((r=>{n.push(Vs(r,e,t))}));const c=b.bind(null,e,t);return n.push(c),Gs(n).then((()=>{n=[];for(const r of s.list())n.push(Vs(r,e,t));return n.push(c),Gs(n)})).then((()=>{n=Ns(o,"beforeRouteUpdate",e,t);for(const r of o)r.updateGuards.forEach((r=>{n.push(Vs(r,e,t))}));return n.push(c),Gs(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(Vs(o,e,t));else n.push(Vs(r.beforeEnter,e,t));return n.push(c),Gs(n)})).then((()=>(e.matched.forEach((e=>e.enterCallbacks={})),n=Ns(i,"beforeRouteEnter",e,t),n.push(c),Gs(n)))).then((()=>{n=[];for(const r of l.list())n.push(Vs(r,e,t));return n.push(c),Gs(n)})).catch((e=>rs(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===Yo,a=ko?history.state:{};n&&(r||i?o.replace(e.fullPath,So({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(So(s,{replace:!0}),r).catch(Co);a=r;const l=c.value;var i,u;ko&&(i=zo(l.fullPath,n.delta),u=Do(),Wo.set(i,u)),_(r,l).catch((e=>rs(e,12)?e:rs(e,2)?(y(e.to,r).catch(Co),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(Co)}))}let S,O=Us(),C=Us();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(!ko||!s)return Promise.resolve();let l=!r&&function(e){const t=Wo.get(e);return Wo.delete(e),t}(zo(t.fullPath,0))||(o||!r)&&history.state&&history.state.scroll||null;return St().then((()=>s(t,n,l))).then((e=>e&&qo(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 Qo(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(So(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!==Yo?Promise.resolve():new Promise(((e,t)=>{O.add([e,t])}))},install(e){e.component("RouterLink",Bs),e.component("RouterView",Ws),e.config.globalProperties.$router=this,Object.defineProperty(e.config.globalProperties,"$route",{enumerable:!0,get:()=>ot(c)}),ko&&!j&&c.value===Yo&&(j=!0,g(o.location).catch((e=>{})));const t={};for(let r in Yo)t[r]=Mr((()=>c.value[r]));e.provide(wo,this),e.provide(xo,Ge(t)),e.provide(Eo,c);let n=e.unmount;$.add(e),e.unmount=function(){$.delete(e),$.size<1&&(E(),c.value=Yo,j=!1,S=!1),n()}}}}function Gs(e){return e.reduce(((e,t)=>e.then((()=>t()))),Promise.resolve())}export{qn as F,rr as a,lr as b,Qn as c,$n as d,sr as e,Ir as f,Rn as g,io as h,Vt as i,uo as j,fo as k,Ks as l,Jo as m,go as n,Xn as o,Ln as r,a as t,lo as v,qt as w}; diff --git a/build/public/assets/vendor.8616a479.js b/build/public/assets/vendor.8616a479.js new file mode 100644 index 0000000..23960f6 --- /dev/null +++ b/build/public/assets/vendor.8616a479.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++,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,An as g,mo 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/index.html b/build/public/index.html index b6fcd97..9d62e70 100644 --- a/build/public/index.html +++ b/build/public/index.html @@ -3,9 +3,9 @@ 🧩 jigsaw.hyottoko.club - - - + + +
diff --git a/build/server/main.js b/build/server/main.js index d906fa4..aea4126 100644 --- a/build/server/main.js +++ b/build/server/main.js @@ -181,6 +181,17 @@ const hash = (str) => { } return hash; }; +function asQueryArgs(data) { + const q = []; + for (let k in data) { + const pair = [k, data[k]].map(encodeURIComponent); + q.push(pair.join('=')); + } + if (q.length === 0) { + return ''; + } + return `?${q.join('&')}`; +} var Util = { hash, uniqId, @@ -193,6 +204,7 @@ var Util = { encodeGame, decodeGame, coordByTileIdx, + asQueryArgs, }; const log$4 = logger('WebSocketServer.js'); @@ -1236,18 +1248,40 @@ async function getExifOrientation(imagePath) { }); }); } -const allImages = () => { - const images = fs.readdirSync(UPLOAD_DIR) +const allImages = (sort) => { + let images = fs.readdirSync(UPLOAD_DIR) .filter(f => f.toLowerCase().match(/\.(jpe?g|webp|png)$/)) .map(f => ({ filename: f, file: `${UPLOAD_DIR}/${f}`, url: `${UPLOAD_URL}/${encodeURIComponent(f)}`, - })) - .sort((a, b) => { - return fs.statSync(b.file).mtime.getTime() - - fs.statSync(a.file).mtime.getTime(); - }); + title: '', + category: '', + ts: fs.statSync(`${UPLOAD_DIR}/${f}`).mtime.getTime(), + })); + switch (sort) { + case 'alpha_asc': + images = images.sort((a, b) => { + return a.file > b.file ? 1 : -1; + }); + break; + case 'alpha_desc': + images = images.sort((a, b) => { + return a.file < b.file ? 1 : -1; + }); + break; + case 'date_asc': + images = images.sort((a, b) => { + return a.ts > b.ts ? 1 : -1; + }); + break; + case 'date_desc': + default: + images = images.sort((a, b) => { + return a.ts < b.ts ? 1 : -1; + }); + break; + } return images; }; async function getDimensions(imagePath) { @@ -1650,8 +1684,10 @@ app.get('/api/conf', (req, res) => { }); }); app.get('/api/newgame-data', (req, res) => { + const q = req.query; res.send({ - images: Images.allImages(), + images: Images.allImages(q.sort), + categories: [], }); }); app.get('/api/index-data', (req, res) => { @@ -1695,11 +1731,12 @@ app.post('/upload', (req, res) => { }); }); app.post('/newgame', bodyParser.json(), async (req, res) => { - log.log(req.body.tiles, req.body.image); + const gameSettings = req.body; + log.log(gameSettings); const gameId = Util.uniqId(); if (!Game.exists(gameId)) { const ts = Time.timestamp(); - await Game.createGame(gameId, req.body.tiles, req.body.image, ts, req.body.scoreMode); + await Game.createGame(gameId, gameSettings.tiles, gameSettings.image, ts, gameSettings.scoreMode); } res.send({ id: gameId }); }); diff --git a/src/common/GameCommon.ts b/src/common/GameCommon.ts index b73bca5..46d3189 100644 --- a/src/common/GameCommon.ts +++ b/src/common/GameCommon.ts @@ -8,6 +8,9 @@ export type EncodedPlayer = Array export type EncodedPiece = Array export type EncodedPieceShape = number +// TODO: maybe something other than string in the future +export type Category = string + interface GameRng { obj: Rng type?: string @@ -22,6 +25,19 @@ interface Game { rng: GameRng } +export interface Image { + file: string + url: string + category: Category + title: string +} + +export interface GameSettings { + tiles: number + image: Image + scoreMode: ScoreMode +} + export interface Puzzle { tiles: Array data: PuzzleData diff --git a/src/common/Util.ts b/src/common/Util.ts index 9bf6ae9..69248fa 100644 --- a/src/common/Util.ts +++ b/src/common/Util.ts @@ -148,6 +148,18 @@ const hash = (str: string): number => { return hash; } +function asQueryArgs(data: any) { + const q = [] + for (let k in data) { + const pair = [k, data[k]].map(encodeURIComponent) + q.push(pair.join('=')) + } + if (q.length === 0) { + return '' + } + return `?${q.join('&')}` +} + export default { hash, uniqId, @@ -165,4 +177,6 @@ export default { decodeGame, coordByTileIdx, + + asQueryArgs, } diff --git a/src/frontend/components/ImageLibrary.vue b/src/frontend/components/ImageLibrary.vue new file mode 100644 index 0000000..4ba4ef4 --- /dev/null +++ b/src/frontend/components/ImageLibrary.vue @@ -0,0 +1,32 @@ + + diff --git a/src/frontend/components/NewGameDialog.vue b/src/frontend/components/NewGameDialog.vue index 33d9789..ba6a5ec 100644 --- a/src/frontend/components/NewGameDialog.vue +++ b/src/frontend/components/NewGameDialog.vue @@ -1,92 +1,86 @@ + + +// TODO: scoped vs .new-game-dialog + diff --git a/src/frontend/components/NewImageDialog.vue b/src/frontend/components/NewImageDialog.vue new file mode 100644 index 0000000..c130d36 --- /dev/null +++ b/src/frontend/components/NewImageDialog.vue @@ -0,0 +1,163 @@ +"Upload image" clicked: what it looks like when the image was uploaded. +Probably needs a (x) in the upper right corner of the image to allow the +user to remove the image if a wrong one was selected. The image should +be uploaded to the actual gallery only when the user presses "post to +gallery", if possible! + + + +// TODO: scoped vs .new-image-dialog + diff --git a/src/frontend/components/ResponsiveImage.vue b/src/frontend/components/ResponsiveImage.vue new file mode 100644 index 0000000..775d8a7 --- /dev/null +++ b/src/frontend/components/ResponsiveImage.vue @@ -0,0 +1,37 @@ + + diff --git a/src/frontend/style.css b/src/frontend/style.css index 23695a9..3a1e086 100644 --- a/src/frontend/style.css +++ b/src/frontend/style.css @@ -2,6 +2,7 @@ :root { --main-color: #c1b19f; + --main-darker-color: #4f4e4c; --link-color: #808db0; --link-hover-color: #c5cfeb; --highlight-color: #dd7e7e; @@ -48,6 +49,11 @@ td, th { user-select: none; } +.btn-big { + font-size: 1.5em; + padding: 10px 20px; +} + .btn:hover { background: #2f2e2c; color: var(--link-hover-color); @@ -202,6 +208,22 @@ kbd { /* pre-game stuff */ +.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; diff --git a/src/frontend/views/NewGame.vue b/src/frontend/views/NewGame.vue index c9de054..bc478eb 100644 --- a/src/frontend/views/NewGame.vue +++ b/src/frontend/views/NewGame.vue @@ -1,32 +1,97 @@ +"New Game" page: Upload button big, centered, at the top of the page, as +visible as possible. Upload button has a warning that the image will +be added to public gallery, just so noone uploads anything naughty on +accident. The page can show all the images by default, or one of the categories +of images. Instead of categories, you can make the system tag-based, like +in jigsawpuzzles.io + diff --git a/src/server/Images.ts b/src/server/Images.ts index 2429183..6d1a536 100644 --- a/src/server/Images.ts +++ b/src/server/Images.ts @@ -46,18 +46,44 @@ async function getExifOrientation(imagePath: string) { }) } -const allImages = () => { - const images = fs.readdirSync(UPLOAD_DIR) +const allImages = (sort: string) => { + let images = fs.readdirSync(UPLOAD_DIR) .filter(f => f.toLowerCase().match(/\.(jpe?g|webp|png)$/)) .map(f => ({ filename: f, file: `${UPLOAD_DIR}/${f}`, url: `${UPLOAD_URL}/${encodeURIComponent(f)}`, + title: '', + category: '', + ts: fs.statSync(`${UPLOAD_DIR}/${f}`).mtime.getTime(), })) - .sort((a, b) => { - return fs.statSync(b.file).mtime.getTime() - - fs.statSync(a.file).mtime.getTime() - }) + + switch (sort) { + case 'alpha_asc': + images = images.sort((a, b) => { + return a.file > b.file ? 1 : -1 + }) + break; + + case 'alpha_desc': + images = images.sort((a, b) => { + return a.file < b.file ? 1 : -1 + }) + break; + + case 'date_asc': + images = images.sort((a, b) => { + return a.ts > b.ts ? 1 : -1 + }) + break; + + case 'date_desc': + default: + images = images.sort((a, b) => { + return a.ts < b.ts ? 1 : -1 + }) + break; + } return images } diff --git a/src/server/main.ts b/src/server/main.ts index 028b8d3..ebc0912 100644 --- a/src/server/main.ts +++ b/src/server/main.ts @@ -13,7 +13,7 @@ import GameSockets from './GameSockets' import Time from './../common/Time' import Images from './Images' import { UPLOAD_DIR, UPLOAD_URL, PUBLIC_DIR } from './Dirs' -import GameCommon, { ScoreMode } from '../common/GameCommon' +import { GameSettings, ScoreMode } from '../common/GameCommon' import GameStorage from './GameStorage' let configFile = '' @@ -52,8 +52,10 @@ app.get('/api/conf', (req, res) => { }) app.get('/api/newgame-data', (req, res) => { + const q = req.query as any res.send({ - images: Images.allImages(), + images: Images.allImages(q.sort), + categories: [], }) }) @@ -102,16 +104,17 @@ app.post('/upload', (req, res) => { }) app.post('/newgame', bodyParser.json(), async (req, res) => { - log.log(req.body.tiles, req.body.image) + const gameSettings = req.body as GameSettings + log.log(gameSettings) const gameId = Util.uniqId() if (!Game.exists(gameId)) { const ts = Time.timestamp() await Game.createGame( gameId, - req.body.tiles, - req.body.image, + gameSettings.tiles, + gameSettings.image, ts, - req.body.scoreMode + gameSettings.scoreMode ) } res.send({ id: gameId })