diff --git a/dist/css/app.5bb342d4.css b/dist/css/app.83a7148d.css similarity index 87% rename from dist/css/app.5bb342d4.css rename to dist/css/app.83a7148d.css index 3ebd015..2f895c4 100644 --- a/dist/css/app.5bb342d4.css +++ b/dist/css/app.83a7148d.css @@ -1 +1 @@ -:root{--bg-color:#282a36;--accent:#353744;--current-line:#44475a;--comment:#6272a4;--foreground:#f8f8f2;--orange:#ffb86c;--cyan:#8be9fd;--green:#50fa7b;--pink:#ff79c6;--purple:#bd93f9;--red:#f55;--yellow:#f1fa8c}body{background:var(--bg-color);margin:0}#app{height:100vh;width:100vw;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--foreground);display:grid;grid-template-areas:"header header" "filters body " "stats body " "footer body ";grid-template-columns:1fr 5fr;grid-template-rows:auto 1fr auto auto}@media only screen and (max-width:922px){#app{grid-template-areas:"header header" "filters filters" "body body ";grid-template-rows:auto auto 1fr}}@media only screen and (max-width:600px){.github-link{display:none}}header{grid-area:header;height:64px;background:var(--bg-color);color:var(--foreground)}nav{display:flex;flex-direction:row;text-align:center;vertical-align:middle}nav a{font-weight:700;color:var(--foreground)}nav a.router-link-exact-active{color:var(--orange)}.navbar-element{text-align:center;line-height:16px;padding:24px 32px}.navbar-element:hover{background:var(--current-line)}.spacer{width:100%}[data-v-30830e9b]{box-sizing:border-box}.playerTable[data-v-30830e9b]{grid-area:list;margin-right:1rem;overflow:auto;height:100%}.playerHeaders[data-v-30830e9b],.playerRow[data-v-30830e9b]{box-sizing:border-box;display:grid;grid-template-columns:4ch 20ch 6ch 6ch 6ch 10ch 1fr;background:var(--bg-color);text-align:left;cursor:pointer;margin:0;transition:border .25s;height:2em}.playerHeaders[data-v-30830e9b]{position:sticky;top:0;height:3em}.playerHeaders>span[data-v-30830e9b]{padding:.5em .8em 0 .25em}.playerRow>div[data-v-30830e9b]{padding:.5em .8em 0 .25em;overflow:hidden}.playerHeaders[data-v-30830e9b],.playerRow[data-v-30830e9b]:nth-child(2n){background:var(--current-line)}.playerRow[data-v-30830e9b]:nth-child(odd){background:var(--accent)}.playerHeaders div[data-v-30830e9b]:hover,.playerRow[data-v-30830e9b]:hover{background:var(--bg-color)}.playerHeaders>div[data-v-30830e9b]:not(:last-child),.playerRow>div[data-v-30830e9b]:not(:last-child){border-right:solid var(--bg-color) 2px}.playerHeaders>span[data-v-30830e9b]:last-child{width:100%}@media only screen and (max-width:600px){.playerHeaders>span[data-v-30830e9b]:nth-child(6),.playerHeaders>span[data-v-30830e9b]:nth-child(7),.playerRow>div[data-v-30830e9b]:nth-child(6),.playerRow>div[data-v-30830e9b]:nth-child(7){display:none}.playerHeaders[data-v-30830e9b],.playerRow[data-v-30830e9b]{grid-template-columns:4ch 20ch 6ch 6ch 1fr}}.player span[data-v-30830e9b]{pointer-events:none}.selected[data-v-30830e9b]{background:var(--comment)!important}canvas[data-v-4e740fcc]{background:var(--accent)}@media only screen and (max-width:922px){canvas[data-v-4e740fcc]{display:none!important}}canvas[data-v-1463b4d6]{background:var(--accent)}@media only screen and (max-width:922px){canvas[data-v-1463b4d6]{display:none!important}}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.multiselect[data-v-ac04060e]{margin:0 .5em 1em .5em}#playerView[data-v-ac04060e]{margin:0 1rem 1rem 1rem;display:grid;overflow:auto;grid-template-areas:"list chart" "list info";grid-template-columns:50% 50%;grid-template-rows:50% 50%}@media only screen and (max-width:922px){#playerView[data-v-ac04060e]{margin:0 1rem 1rem 1rem;display:grid;overflow:auto;grid-template-areas:"list list";grid-template-columns:100%;grid-template-rows:100%;width:calc(100vw - 1em);margin:0 0 1rem 1rem}.multiselect[data-v-ac04060e]{width:calc(100% - 1em)}}#filters[data-v-ac04060e]{grid-area:filters} \ No newline at end of file +:root{--bg-color:#282a36;--accent:#353744;--current-line:#44475a;--comment:#6272a4;--foreground:#f8f8f2;--orange:#ffb86c;--cyan:#8be9fd;--green:#50fa7b;--pink:#ff79c6;--purple:#bd93f9;--red:#f55;--yellow:#f1fa8c}body{background:var(--bg-color);margin:0}#app{height:100vh;width:100vw;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--foreground);display:grid;grid-template-areas:"header header" "filters body " "stats body " "footer body ";grid-template-columns:1fr 5fr;grid-template-rows:auto 1fr auto auto}@media only screen and (max-width:922px){#app{grid-template-areas:"header header" "filters filters" "body body ";grid-template-rows:auto auto 1fr}}@media only screen and (max-width:600px){.github-link{display:none}}header{grid-area:header;height:64px;background:var(--bg-color);color:var(--foreground)}nav{display:flex;flex-direction:row;text-align:center;vertical-align:middle}nav a{font-weight:700;color:var(--foreground)}nav a.router-link-exact-active{color:var(--orange)}.navbar-element{text-align:center;line-height:16px;padding:24px 32px}.navbar-element:hover{background:var(--current-line)}.spacer{width:100%}[data-v-24acbb0c]{box-sizing:border-box}.playerTable[data-v-24acbb0c]{grid-area:list;margin-right:1rem;overflow:auto;height:100%}.playerHeaders[data-v-24acbb0c],.playerRow[data-v-24acbb0c]{box-sizing:border-box;display:grid;grid-template-columns:4ch 20ch 6ch 6ch 6ch 10ch 1fr;background:var(--bg-color);text-align:left;cursor:pointer;margin:0;transition:border .25s;height:2em}.playerHeaders[data-v-24acbb0c]{position:sticky;top:0;height:3em}.playerHeaders>span[data-v-24acbb0c]{padding:.5em .8em 0 .25em}.playerRow>div[data-v-24acbb0c]{padding:.5em .8em 0 .25em;overflow:hidden}.playerHeaders[data-v-24acbb0c],.playerRow[data-v-24acbb0c]:nth-child(2n){background:var(--current-line)}.playerRow[data-v-24acbb0c]:nth-child(odd){background:var(--accent)}.playerHeaders div[data-v-24acbb0c]:hover,.playerRow[data-v-24acbb0c]:hover{background:var(--bg-color)}.playerHeaders>div[data-v-24acbb0c]:not(:last-child),.playerRow>div[data-v-24acbb0c]:not(:last-child){border-right:solid var(--bg-color) 2px}.playerHeaders>span[data-v-24acbb0c]:last-child{width:100%}@media only screen and (max-width:600px){.playerHeaders>span[data-v-24acbb0c]:nth-child(6),.playerHeaders>span[data-v-24acbb0c]:nth-child(7),.playerRow>div[data-v-24acbb0c]:nth-child(6),.playerRow>div[data-v-24acbb0c]:nth-child(7){display:none}.playerHeaders[data-v-24acbb0c],.playerRow[data-v-24acbb0c]{grid-template-columns:4ch 20ch 6ch 6ch 1fr}}.player span[data-v-24acbb0c]{pointer-events:none}.selected[data-v-24acbb0c]{background:var(--comment)!important}canvas[data-v-4e740fcc]{background:var(--accent)}@media only screen and (max-width:922px){canvas[data-v-4e740fcc]{display:none!important}}canvas[data-v-1463b4d6]{background:var(--accent)}@media only screen and (max-width:922px){canvas[data-v-1463b4d6]{display:none!important}}fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.multiselect[data-v-ac04060e]{margin:0 .5em 1em .5em}#playerView[data-v-ac04060e]{margin:0 1rem 1rem 1rem;display:grid;overflow:auto;grid-template-areas:"list chart" "list info";grid-template-columns:50% 50%;grid-template-rows:50% 50%}@media only screen and (max-width:922px){#playerView[data-v-ac04060e]{margin:0 1rem 1rem 1rem;display:grid;overflow:auto;grid-template-areas:"list list";grid-template-columns:100%;grid-template-rows:100%;width:calc(100vw - 1em);margin:0 0 1rem 1rem}.multiselect[data-v-ac04060e]{width:calc(100% - 1em)}}#filters[data-v-ac04060e]{grid-area:filters} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index bc5cea5..25c8729 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1 @@ -toneapi_webclient
\ No newline at end of file +toneapi_webclient
\ No newline at end of file diff --git a/dist/js/app.10e29765.js b/dist/js/app.10e29765.js new file mode 100644 index 0000000..728bcbf --- /dev/null +++ b/dist/js/app.10e29765.js @@ -0,0 +1,2 @@ +(function(){"use strict";var e={7764:function(e,t,r){var s=r(9242),a=r(3396);const i=(0,a.uE)('
TONE API
Github
Northstar Server Mod
',4);function l(e,t){const r=(0,a.up)("router-link"),s=(0,a.up)("router-view");return(0,a.wg)(),(0,a.iD)(a.HY,null,[(0,a._)("header",null,[(0,a._)("nav",null,[i,(0,a.Wm)(r,{to:"/",class:"navbar-element"},{default:(0,a.w5)((()=>[(0,a.Uk)("Players")])),_:1})])]),(0,a.Wm)(s)],64)}var o=r(89);const n={},p=(0,o.Z)(n,[["render",l]]);var h=p,d=r(2483);const c={id:"filters"},g={id:"playerView"};function u(e,t,r,s,i,l){const o=(0,a.up)("VueMultiselect"),n=(0,a.up)("PlayerList"),p=(0,a.up)("PlayerChart"),h=(0,a.up)("WeaponChart");return(0,a.wg)(),(0,a.iD)(a.HY,null,[(0,a._)("div",c,[(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Select server",modelValue:e.models.server,"onUpdate:modelValue":t[0]||(t[0]=t=>e.models.server=t),options:e.servers,"allow-empty":!0,"custom-label":e=>e.name,onSelect:t[1]||(t[1]=t=>e.changeFilter({server:t.id})),onRemove:t[2]||(t[2]=t=>e.changeFilter({server:""}))},null,8,["modelValue","options","custom-label"]),(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Select weapon",modelValue:e.models.weapon,"onUpdate:modelValue":t[3]||(t[3]=t=>e.models.weapon=t),options:e.sortedWeaponList,"allow-empty":!0,onSelect:t[4]||(t[4]=t=>e.changeFilter({weapon:t})),onRemove:t[5]||(t[5]=t=>e.changeFilter({weapon:""}))},null,8,["modelValue","options"]),(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Search player",modelValue:e.playerHighlighted,"onUpdate:modelValue":t[6]||(t[6]=t=>e.playerHighlighted=t),options:e.sortedPlayerList,"allow-empty":!0,"custom-label":t=>e.players[t]?.username},null,8,["modelValue","options","custom-label"])]),(0,a._)("div",g,[(0,a.Wm)(n,{filters:e.filters,onHighlightPlayer:t[7]||(t[7]=t=>e.playerHighlighted=t),playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"]),(0,a.Wm)(p,{filters:e.filters,onHighlightPlayer:t[8]||(t[8]=t=>e.playerHighlighted=t),playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"]),(0,a.Wm)(h,{filters:{player:e.playerHighlighted,...e.filters},playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"])])],64)}r(7658);var y=r(65),f=r(7139);const m=e=>((0,a.dD)("data-v-24acbb0c"),e=e(),(0,a.Cn)(),e),v={class:"playerHeaders"},b=m((()=>(0,a._)("span",null,null,-1))),w=["onClick"];function k(e,t,r,s,i,l){return(0,a.wg)(),(0,a.iD)("div",{class:"playerTable",onKeydown:t[6]||(t[6]=(...t)=>e.selectNextPlayer&&e.selectNextPlayer(...t)),tabindex:"0"},[(0,a._)("div",v,[b,(0,a._)("span",{onClick:t[0]||(t[0]=t=>e.sortPlayerList("username")),class:(0,f.C_)("username"==e.sortingData.argument?"selected":"")},"Username",2),(0,a._)("span",{onClick:t[1]||(t[1]=t=>e.sortPlayerList("kills")),class:(0,f.C_)("kills"==e.sortingData.argument?"selected":"")},"K",2),(0,a._)("span",{onClick:t[2]||(t[2]=t=>e.sortPlayerList("deaths")),class:(0,f.C_)("deaths"==e.sortingData.argument?"selected":"")},"D",2),(0,a._)("span",{onClick:t[3]||(t[3]=t=>e.sortPlayerList("k/d")),class:(0,f.C_)("k/d"==e.sortingData.argument?"selected":"")},"K/D",2),(0,a._)("span",{onClick:t[4]||(t[4]=t=>e.sortPlayerList("max_kill_distance")),class:(0,f.C_)("max_kill_distance"==e.sortingData.argument?"selected":"")},"max distance",2),(0,a._)("span",{onClick:t[5]||(t[5]=t=>e.sortPlayerList("avg_kill_distance")),class:(0,f.C_)("avg_kill_distance"==e.sortingData.argument?"selected":"")},"average distance",2)]),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.playerIdList,((t,r)=>((0,a.wg)(),(0,a.iD)("div",{class:(0,f.C_)("playerRow "+(t===e.$props.playerHighlighted?"selected":"")),key:t,onClick:r=>e.$emit("highlightPlayer",t),ref_for:!0,ref:"player:"+t},[(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(r),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].username),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].kills),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].deaths),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(Math.round(e.players[t].kills/e.players[t].deaths*100)/100),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].max_kill_distance),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(Math.round(100*e.players[t].avg_kill_distance)/100),1)])],10,w)))),128))],32)}var P=(0,a.aZ)({props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],data(){return{sortingData:{direction:-1,argument:"kills"},playerIdList:[],store:(0,y.oR)()}},computed:{players(){return this.store.getters.getPlayerList(this.filters)}},watch:{players:{handler(e){e&&(this.playerIdList=[],this.sortingData.direction*=-1,this.playerIdList=Object.keys(e),this.sortPlayerList(this.sortingData.argument))},immediate:!0},playerHighlighted(e){const t=this.$refs["player:"+e];t[0].scrollIntoView({behavior:"smooth",block:"center"})}},updated(){const e=this.$refs["player:"+this.$props.playerHighlighted];e&&e[0]&&e[0].scrollIntoView({behavior:"smooth",block:"center"})},methods:{sortPlayerList(e){e===this.sortingData.argument?this.sortingData.direction*=-1:"username"===e&&(this.sortingData.direction=1),this.sortingData.argument=e,this.playerIdList.sort(((t,r)=>{if(!this.players)return 0;let s,a;return"k/d"===e?(s=this.players[t].kills/this.players[t].deaths,a=this.players[r].kills/this.players[r].deaths):(s=this.players[t][e],a=this.players[r][e]),sa?1*this.sortingData.direction:0}))},selectNextPlayer(e){const t={Home:-1/0,End:1/0,PageDown:100,PageUp:-100,ArrowUp:-1,ArrowDown:1,ArrowRight:10,ArrowLeft:-10};if(!this.$props.playerHighlighted)return;if(!Object.keys(t).includes(e.key))return;e.preventDefault();const r=this.playerIdList.indexOf(this.$props.playerHighlighted);let s=r+t[e.key];s>=this.playerIdList.length&&(s=this.playerIdList.length-1),s<0&&(s=0),this.$emit("highlightPlayer",this.playerIdList[s])}}});const L=(0,o.Z)(P,[["render",k],["__scopeId","data-v-24acbb0c"]]);var _=L;const H={class:"playerChart",ref:"container"};function C(e,t,r,s,i,l){const o=(0,a.up)("Scatter");return(0,a.wg)(),(0,a.iD)("div",H,[(0,a.Wm)(o,{data:e.chart,options:e.chartOptions},null,8,["data","options"])],512)}var x=r(3254),I=r(9152),D=r(3013),W=r(5866);x.kL.register(x.f$,x.od,x.jn,x.u,x.De,I.Z,D.Z);var O=(0,a.aZ)({name:"PlayerChart",props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],components:{Scatter:W.bp},mounted(){this.refreshColors++},computed:{colors(){this.refreshColors;const e={};if(this.$refs.container){const t=getComputedStyle(this.$refs.container);e.fg=t.getPropertyValue("--foreground"),e.bg=t.getPropertyValue("--bg-color"),e.orange=t.getPropertyValue("--orange"),e.cyan=t.getPropertyValue("--cyan"),e.currentLine=t.getPropertyValue("--current-line")}else e.fg="#ffffff";return e},chart(){const e={datasets:[{label:"Players",labels:this.playerIdList||[],borderColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?this.colors.orange:this.colors.cyan,backgroundColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?this.colors.orange:this.colors.cyan,pointRadius:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?20:1,pointStyle:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?"crossRot":"dot",hoverRadius:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?30:4,data:[]}]};return this.players?(e.datasets[0].data=this.playerIdList.map((e=>this.players?{x:this.players[e].deaths,y:this.players[e].kills}:{x:0,y:0})),e):e},chartOptions(){this.$props.playerHighlighted;const e={responsive:!0,maintainAspectRatio:!0,animation:{duration:500},layout:{autoPadding:!1},scales:{y:{title:{text:"Kills",display:!0,color:this.colors.fg},ticks:{color:this.colors.fg}},x:{title:{text:"Deaths",display:!0,color:this.colors.fg},ticks:{color:this.colors.fg}}},plugins:{tooltip:{callbacks:{label:e=>{let t;return t=this.players?this.players[e.dataset.labels[e.dataIndex]].username:e.dataset.labels[e.dataIndex],t+=" ("+e.parsed.y+" kills "+e.parsed.x+" deaths)",t}}},annotation:{},legend:{display:!1},datalabels:{formatter:(e,t)=>this.players[this.playerIdList[t.dataIndex]].username,backgroundColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?this.colors.orange:null,borderColor:this.colors.fg,borderWidth:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?1:0,borderRadius:5,display:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?"true":"auto",align:"-45",anchor:"end",clamp:!0,color:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?this.colors.bg:this.colors.fg}},onClick:(e,t)=>{this.$emit("highlightPlayer",t.length>0?this.playerIdList[t[0].index]:void 0)},onHover:(e,t)=>{e.native.target&&(e.native.target.style.cursor=t[0]?"pointer":"default")}};if(!this.players)return e;const t=Math.max(...Object.values(this.players).map((e=>e.deaths))),r=Math.max(...Object.values(this.players).map((e=>e.kills)));let s,a;return r>t?(s=t,a=t/r*r):(a=r,s=r/t*t),e.plugins.annotation={annotations:{line:{type:"line",yMin:0,xMin:0,yMax:a,xMax:s,borderWidth:2,borderColor:this.colors.orange,borderDash:[1,5]}}},e},players(){return this.store.getters.getPlayerList(this.filters)||{}},playerIdList(){return Object.keys(this.players)}},data(){return{store:(0,y.oR)(),refreshColors:0}}});const $=(0,o.Z)(O,[["render",C],["__scopeId","data-v-4e740fcc"]]);var V=$;const S={class:"weaponChart",ref:"container"};function j(e,t,r,s,i,l){const o=(0,a.up)("Doughnut");return(0,a.wg)(),(0,a.iD)("div",S,[(0,a.Wm)(o,{data:e.chart,options:e.chartOptions},null,8,["data","options"])],512)}x.kL.register(x.qi,x.u,x.De,D.Z);var R=(0,a.aZ)({name:"PlayerChart",props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],components:{Doughnut:W.$I},mounted(){this.refreshColors++},computed:{colors(){this.refreshColors;const e={};if(this.$refs.container){const t=getComputedStyle(this.$refs.container);e.fg=t.getPropertyValue("--foreground"),e.bg=t.getPropertyValue("--bg-color"),e.orange=t.getPropertyValue("--orange"),e.cyan=t.getPropertyValue("--cyan"),e.yellow=t.getPropertyValue("--yellow"),e.green=t.getPropertyValue("--green"),e.purple=t.getPropertyValue("--purple"),e.red=t.getPropertyValue("--red"),e.pink=t.getPropertyValue("--pink"),e.currentLine=t.getPropertyValue("--current-line")}else e.fg="#ffffff";return e},chart(){const e=["cyan","green","orange","pink","purple","red","yellow"],t={datasets:[{label:"Weapons",labels:this.sortedWeaponList||[],borderColor:e=>this.colors.fg,backgroundColor:t=>this.colors[e[3*t.dataIndex%e.length]],data:[]}]};return this.sortedWeaponList?(t.datasets[0].data=this.sortedWeaponList.map((e=>this.weapons?this.weapons[e].kills:0)),t):t},chartOptions(){this.$props.playerHighlighted;const e={responsive:!0,maintainAspectRatio:!0,animation:{duration:500},layout:{autoPadding:!1},plugins:{datalabels:{formatter:(e,t)=>this.sortedWeaponList[t.dataIndex],backgroundColor:e=>e.dataset.backgroundColor(e),borderColor:this.colors.fg,borderRadius:25,borderWidth:2,color:this.colors.bg,display:e=>e.dataIndex===e.dataset.labels.length-1||"auto",font:{weight:"bold"},padding:6},tooltip:{callbacks:{label:e=>{let t;return this.sortedWeaponList?(console.log(this.sortedWeaponList),t=this.sortedWeaponList[e.dataIndex]):t=e.dataset.labels[e.dataIndex],t+=" ("+this.weapons[t].kills+" kills)",t}}}}};return e},weapons(){return this.store.getters.getWeaponList(this.filters)},sortedWeaponList(){if(!this.weapons)return[];const e=Object.keys(this.weapons);return e.sort(((e,t)=>Number(this.weapons[e].kills)Number(this.weapons[t].kills)?1:0)),e}},data(){return{store:(0,y.oR)(),refreshColors:0}}});const N=(0,o.Z)(R,[["render",j],["__scopeId","data-v-1463b4d6"]]);var M=N,Z=r(6368),z=(0,a.aZ)({name:"PlayerView",components:{PlayerList:_,PlayerChart:V,VueMultiselect:Z.ZP,WeaponChart:M},data(){return{models:{},filters:{minKills:100,minDeaths:100},store:(0,y.oR)(),playerHighlighted:void 0}},computed:{servers(){return this.store.state.servers},weapons(){return this.store.getters.getWeaponList(this.filters)},sortedWeaponList(){if(!this.weapons)return[];const e=Object.keys(this.weapons);return e.sort()},players(){return this.store.getters.getPlayerList(this.filters)},sortedPlayerList(){if(!this.players)return[];const e=Object.keys(this.players);return e.sort(((e,t)=>this.players?this.players[e].usernamethis.players[t].username?1:0:0))}},watch:{playerHighlighted:function(e){this.fetchPlayerData({player:e,...this.filters})}},methods:{async fetchPlayerData({player:e,server:t}){if(!this.store.getters.getWeaponList({player:e,server:t}))return await this.store.dispatch("fetchWeapons",{player:e,server:t})},async changeFilter({weapon:e,server:t}){const r=JSON.parse(JSON.stringify(this.filters));void 0!==e&&(r.weapon=e),void 0!==t&&(r.server=t),""===e&&delete r.weapon,""===t&&delete r.server;const s=[];this.store.getters.getPlayerList(r)||s.push(this.store.dispatch("fetchPlayers",r)),this.store.getters.getWeaponList(r)||s.push(this.store.dispatch("fetchWeapons",r)),s.push(this.fetchPlayerData({player:this.playerHighlighted,...r})),await Promise.all(s),this.filters=r}}});const U=(0,o.Z)(z,[["render",u],["__scopeId","data-v-ac04060e"]]);var A=U;const T=[{path:"/",name:"home",component:A}],K=(0,d.p7)({history:(0,d.PO)("/Tone_WebClient/"),routes:T});var E=K;Symbol();var F=(0,y.MT)({state:{servers:[],players:{},weapons:{}},getters:{getPlayerList:e=>({server:t,weapon:r,minKills:s,minDeaths:a})=>{let i=[];return e.players[""]&&(i=Object.entries(e.players[""]).filter((([,e])=>e.kills>=s||e.deaths>=a)).map((e=>e[0]))),i.length>0&&e.players[(t||"")+(r||"")]?Object.fromEntries(Object.entries(e.players[(t||"")+(r||"")]).filter((([e])=>i.includes(e)))):e.players[(t||"")+(r||"")]},getWeaponList:e=>({server:t,player:r})=>e.weapons[(t||"")+(r||"")]},mutations:{setPlayers(e,t){e.players[(t.filters.server||"")+(t.filters.weapon||"")]=t.data},setWeapons(e,t){e.weapons[(t.filters.server||"")+(t.filters.player||"")]=t.data},setServers(e,t){e.servers=t}},actions:{async fetchPlayers(e,{weapon:t,server:r}){const s={};t?.toString()&&(s.weapon=t),r?.toString()&&(s.server=r);const a=await fetch("https://tone.sleepycat.date/v1/client/players?"+new URLSearchParams(s)),i=await a.json();Object.keys(i).forEach((e=>{i[e].kills=Number(i[e].kills),i[e].deaths=Number(i[e].deaths),i[e].max_kill_distance=Number(i[e].max_kill_distance),i[e].avg_kill_distance=Number(i[e].avg_kill_distance)})),e.commit("setPlayers",{data:i,filters:{weapon:t,server:r}})},async fetchWeapons(e,{player:t,server:r}){const s={};t?.toString()&&(s.player=t),r?.toString()&&(s.server=r);const a=await fetch("https://tone.sleepycat.date/v1/client/weapons?"+new URLSearchParams(s)),i=await a.json();e.commit("setWeapons",{data:i,filters:{player:t,server:r}})},async fetchServers(e){const t=await fetch("https://tone.sleepycat.date/v1/client/servers"),r=await t.json();e.commit("setServers",r)}},modules:{}});(0,s.ri)(h).use(F).use(E).mount("#app"),F.dispatch("fetchServers",{}),F.dispatch("fetchPlayers",{}),F.dispatch("fetchWeapons",{})}},t={};function r(s){var a=t[s];if(void 0!==a)return a.exports;var i=t[s]={exports:{}};return e[s](i,i.exports,r),i.exports}r.m=e,function(){var e=[];r.O=function(t,s,a,i){if(!s){var l=1/0;for(h=0;h=i)&&Object.keys(r.O).every((function(e){return r.O[e](s[n])}))?s.splice(n--,1):(o=!1,i0&&e[h-1][2]>i;h--)e[h]=e[h-1];e[h]=[s,a,i]}}(),function(){r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,{a:t}),t}}(),function(){r.d=function(e,t){for(var s in t)r.o(t,s)&&!r.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}}(),function(){r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){var e={143:0};r.O.j=function(t){return 0===e[t]};var t=function(t,s){var a,i,l=s[0],o=s[1],n=s[2],p=0;if(l.some((function(t){return 0!==e[t]}))){for(a in o)r.o(o,a)&&(r.m[a]=o[a]);if(n)var h=n(r)}for(t&&t(s);p\n
\n \n
\n \n\n\n\n","import { render } from \"./App.vue?vue&type=template&id=5eedbd3a\"\nconst script = {}\n\nimport \"./App.vue?vue&type=style&index=0&id=5eedbd3a&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-ac04060e\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { id: \"filters\" }\nconst _hoisted_2 = { id: \"playerView\" }\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_VueMultiselect = _resolveComponent(\"VueMultiselect\")!\n const _component_PlayerList = _resolveComponent(\"PlayerList\")!\n const _component_PlayerChart = _resolveComponent(\"PlayerChart\")!\n const _component_WeaponChart = _resolveComponent(\"WeaponChart\")!\n\n return (_openBlock(), _createElementBlock(_Fragment, null, [\n _createElementVNode(\"div\", _hoisted_1, [\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Select server\",\n modelValue: _ctx.models.server,\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((_ctx.models.server) = $event)),\n options: _ctx.servers,\n \"allow-empty\": true,\n \"custom-label\": ((e) => e.name),\n onSelect: _cache[1] || (_cache[1] = ($event: any) => (_ctx.changeFilter({ server: $event.id }))),\n onRemove: _cache[2] || (_cache[2] = ($event: any) => (_ctx.changeFilter({ server: '' })))\n }, null, 8, [\"modelValue\", \"options\", \"custom-label\"]),\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Select weapon\",\n modelValue: _ctx.models.weapon,\n \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((_ctx.models.weapon) = $event)),\n options: _ctx.sortedWeaponList,\n \"allow-empty\": true,\n onSelect: _cache[4] || (_cache[4] = ($event: any) => (_ctx.changeFilter({ weapon: $event }))),\n onRemove: _cache[5] || (_cache[5] = ($event: any) => (_ctx.changeFilter({ weapon: '' })))\n }, null, 8, [\"modelValue\", \"options\"]),\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Search player\",\n modelValue: _ctx.playerHighlighted,\n \"onUpdate:modelValue\": _cache[6] || (_cache[6] = ($event: any) => ((_ctx.playerHighlighted) = $event)),\n options: _ctx.sortedPlayerList,\n \"allow-empty\": true,\n \"custom-label\": ((e) => _ctx.players[e]?.username)\n }, null, 8, [\"modelValue\", \"options\", \"custom-label\"])\n ]),\n _createElementVNode(\"div\", _hoisted_2, [\n _createVNode(_component_PlayerList, {\n filters: _ctx.filters,\n onHighlightPlayer: _cache[7] || (_cache[7] = ($event: any) => (_ctx.playerHighlighted = $event)),\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"]),\n _createVNode(_component_PlayerChart, {\n filters: _ctx.filters,\n onHighlightPlayer: _cache[8] || (_cache[8] = ($event: any) => (_ctx.playerHighlighted = $event)),\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"]),\n _createVNode(_component_WeaponChart, {\n filters: {player: _ctx.playerHighlighted, ..._ctx.filters},\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"])\n ])\n ], 64))\n}","import { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-24acbb0c\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"playerHeaders\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, null, -1))\nconst _hoisted_3 = [\"onClick\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: \"playerTable\",\n onKeydown: _cache[6] || (_cache[6] = \n//@ts-ignore\n(...args) => (_ctx.selectNextPlayer && _ctx.selectNextPlayer(...args))),\n tabindex: \"0\"\n }, [\n _createElementVNode(\"div\", _hoisted_1, [\n _hoisted_2,\n _createElementVNode(\"span\", {\n onClick: _cache[0] || (_cache[0] = ($event: any) => (_ctx.sortPlayerList('username'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'username' ? 'selected' : '')\n }, \"Username\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[1] || (_cache[1] = ($event: any) => (_ctx.sortPlayerList('kills'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'kills' ? 'selected' : '')\n }, \"K\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[2] || (_cache[2] = ($event: any) => (_ctx.sortPlayerList('deaths'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'deaths' ? 'selected' : '')\n }, \"D\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[3] || (_cache[3] = ($event: any) => (_ctx.sortPlayerList('k/d'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'k/d' ? 'selected' : '')\n }, \"K/D\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[4] || (_cache[4] = ($event: any) => (_ctx.sortPlayerList('max_kill_distance'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'max_kill_distance' ? 'selected' : '')\n }, \"max distance\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[5] || (_cache[5] = ($event: any) => (_ctx.sortPlayerList('avg_kill_distance'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'avg_kill_distance' ? 'selected' : '')\n }, \"average distance\", 2)\n ]),\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.playerIdList, (playerId, index) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: _normalizeClass('playerRow ' + (playerId === _ctx.$props.playerHighlighted ? 'selected' : '')),\n key: playerId,\n onClick: ($event: any) => (_ctx.$emit('highlightPlayer', playerId)),\n ref_for: true,\n ref: `player:` + playerId\n }, [\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(index), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].username), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].kills), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].deaths), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(Math.round(_ctx.players[playerId].kills / _ctx.players[playerId].deaths * 100) / 100), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].max_kill_distance), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(Math.round(_ctx.players[playerId].avg_kill_distance * 100) / 100), 1)\n ])\n ], 10, _hoisted_3))\n }), 128))\n ], 32))\n}","\nimport { defineComponent } from 'vue'\nimport { Player } from '@/store/index'\nimport { useStore } from 'vuex'\n\nexport default defineComponent({\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n data () {\n return {\n sortingData: { direction: -1, argument: 'kills' as keyof Player | 'k/d' },\n playerIdList: [] as string[],\n store: useStore()\n }\n },\n computed: {\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) }\n },\n watch: {\n players: {\n handler (newval: { [key: string]: Player }): void {\n if (!newval) return\n this.playerIdList = []\n this.sortingData.direction *= -1\n this.playerIdList = Object.keys(newval)\n this.sortPlayerList(this.sortingData.argument)\n },\n immediate: true\n },\n playerHighlighted (newval) {\n const newElement = this.$refs['player:' + newval] as HTMLElement[]\n newElement[0].scrollIntoView({ behavior: 'smooth', block: 'center' })\n }\n },\n updated () {\n const element = this.$refs['player:' + this.$props.playerHighlighted] as HTMLElement[]\n if (!element || !element[0]) return\n element[0].scrollIntoView({ behavior: 'smooth', block: 'center' })\n },\n methods: {\n sortPlayerList (arg: ((keyof Player) | 'k/d')) {\n if (arg === this.sortingData.argument) {\n this.sortingData.direction *= -1\n } else {\n if (arg === 'username') {\n this.sortingData.direction = 1\n }\n }\n this.sortingData.argument = arg\n\n this.playerIdList.sort((a: string, b: string) => {\n if (!this.players) {\n return 0\n }\n let varA, varB\n if (arg === 'k/d') {\n varA = this.players[a].kills / this.players[a].deaths\n varB = this.players[b].kills / this.players[b].deaths\n } else {\n varA = this.players[a][arg]\n varB = this.players[b][arg]\n }\n\n if (varA < varB) {\n return -1 * this.sortingData.direction\n }\n if (varA > varB) {\n return 1 * this.sortingData.direction\n }\n return 0\n })\n },\n selectNextPlayer (e: KeyboardEvent) {\n const values = {\n Home: -Infinity,\n End: Infinity,\n PageDown: 100,\n PageUp: -100,\n ArrowUp: -1,\n ArrowDown: 1,\n ArrowRight: 10,\n ArrowLeft: -10\n } as { [key: string]: number }\n if (!this.$props.playerHighlighted) return\n if (!Object.keys(values).includes(e.key)) return\n e.preventDefault()\n const index = this.playerIdList.indexOf(this.$props.playerHighlighted)\n let nextIndex = (index + values[e.key])\n if (nextIndex >= this.playerIdList.length) nextIndex = this.playerIdList.length - 1\n if (nextIndex < 0) nextIndex = 0\n this.$emit('highlightPlayer', this.playerIdList[nextIndex])\n }\n }\n\n})\n","import { render } from \"./PlayerList.vue?vue&type=template&id=24acbb0c&scoped=true&ts=true\"\nimport script from \"./PlayerList.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerList.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerList.vue?vue&type=style&index=0&id=24acbb0c&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-24acbb0c\"]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-4e740fcc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n class: \"playerChart\",\n ref: \"container\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_Scatter = _resolveComponent(\"Scatter\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_component_Scatter, {\n data: _ctx.chart,\n options: _ctx.chartOptions\n }, null, 8, [\"data\", \"options\"])\n ], 512))\n}","\nimport {\n Chart as ChartJS,\n LinearScale,\n PointElement,\n LineElement,\n Tooltip,\n Legend\n} from 'chart.js'\nimport annotationPlugin from 'chartjs-plugin-annotation'\nimport dataLabel from 'chartjs-plugin-datalabels'\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon } from '@/store/index'\n\nimport { Scatter } from 'vue-chartjs'\nimport { defineComponent } from 'vue'\n\nChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend, annotationPlugin, dataLabel)\n\nexport default defineComponent({\n name: 'PlayerChart',\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n components: {\n Scatter\n },\n mounted () {\n this.refreshColors++\n },\n computed: {\n colors () {\n // eslint-disable-next-line no-unused-expressions\n this.refreshColors\n const colors = {} as { [key: string]: string }\n if (this.$refs.container) {\n const style = getComputedStyle(this.$refs.container as Element)\n colors.fg = style.getPropertyValue('--foreground')\n colors.bg = style.getPropertyValue('--bg-color')\n colors.orange = style.getPropertyValue('--orange')\n colors.cyan = style.getPropertyValue('--cyan')\n colors.currentLine = style.getPropertyValue('--current-line')\n } else {\n colors.fg = '#ffffff'\n }\n return colors\n },\n chart () {\n const chartData = {\n datasets: [\n {\n label: 'Players',\n labels: this.playerIdList || [] as string[],\n borderColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? this.colors.orange : this.colors.cyan,\n backgroundColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? this.colors.orange : this.colors.cyan,\n pointRadius: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 20 : 1,\n pointStyle: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 'crossRot' : 'dot',\n hoverRadius: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 30 : 4,\n data: [] as { x: number, y: number }[]\n }\n ]\n }\n if (!this.players) {\n return chartData\n }\n chartData.datasets[0].data = this.playerIdList.map(e => {\n if (!this.players) {\n return { x: 0, y: 0 }\n }\n return { x: this.players[e].deaths, y: this.players[e].kills }\n })\n return chartData\n },\n chartOptions () {\n // eslint-disable-next-line no-unused-expressions\n this.$props.playerHighlighted\n const options = {\n responsive: true,\n maintainAspectRatio: true,\n animation: { duration: 500 },\n layout: { autoPadding: false },\n scales: {\n y: {\n title: {\n text: 'Kills',\n display: true,\n color: this.colors.fg\n },\n ticks: {\n color: this.colors.fg\n }\n },\n x: {\n title: {\n text: 'Deaths',\n display: true,\n color: this.colors.fg\n },\n ticks: {\n color: this.colors.fg\n }\n }\n },\n plugins: {\n tooltip: {\n callbacks: {\n label: (ctx: any) => {\n let label: string\n if (!this.players) {\n label = ctx.dataset.labels[ctx.dataIndex]\n } else {\n label = this.players[ctx.dataset.labels[ctx.dataIndex]].username\n }\n label += ' (' + ctx.parsed.y + ' kills ' + ctx.parsed.x + ' deaths)'\n return label\n }\n }\n },\n annotation: {},\n legend: { display: false },\n datalabels: {\n formatter: (value: any, context: any) => {\n return this.players[this.playerIdList[context.dataIndex]].username\n },\n backgroundColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? this.colors.orange : null,\n borderColor: this.colors.fg,\n borderWidth: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? 1 : 0,\n borderRadius: 5,\n display: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? 'true' : 'auto',\n align: '-45',\n anchor: 'end',\n clamp: true,\n color: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? this.colors.bg : this.colors.fg\n }\n },\n onClick: (e: Event, element: any) => {\n this.$emit('highlightPlayer', element.length > 0 ? this.playerIdList[element[0].index] : undefined)\n },\n onHover: (e: any, element: any) => {\n if (!e.native.target) return\n (e.native.target as HTMLElement).style.cursor = element[0] ? 'pointer' : 'default'\n }\n }\n if (!this.players) {\n return options\n }\n const maxX = Math.max(...Object.values(this.players).map(e => e.deaths))\n const maxY = Math.max(...Object.values(this.players).map(e => e.kills))\n let endX, endY\n if (maxY > maxX) {\n endX = maxX\n endY = (maxX / maxY) * maxY\n } else {\n endY = maxY\n endX = (maxY / maxX) * maxX\n }\n options.plugins.annotation = {\n annotations: {\n line: {\n type: 'line',\n yMin: 0,\n xMin: 0,\n yMax: endY,\n xMax: endX,\n borderWidth: 2,\n borderColor: this.colors.orange,\n borderDash: [1, 5]\n }\n }\n }\n return options\n },\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) || {} },\n playerIdList (): string[] { return Object.keys(this.players) }\n\n },\n data () {\n return {\n store: useStore(),\n refreshColors: 0\n }\n }\n})\n","import { render } from \"./PlayerChart.vue?vue&type=template&id=4e740fcc&scoped=true&ts=true\"\nimport script from \"./PlayerChart.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerChart.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerChart.vue?vue&type=style&index=0&id=4e740fcc&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4e740fcc\"]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-1463b4d6\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n class: \"weaponChart\",\n ref: \"container\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_Doughnut = _resolveComponent(\"Doughnut\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_component_Doughnut, {\n data: _ctx.chart,\n options: _ctx.chartOptions\n }, null, 8, [\"data\", \"options\"])\n ], 512))\n}","\nimport {\n Chart as ChartJS,\n ArcElement,\n PointElement,\n LineElement,\n Tooltip,\n Legend\n} from 'chart.js'\nimport annotationPlugin from 'chartjs-plugin-annotation'\nimport dataLabel from 'chartjs-plugin-datalabels'\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon } from '@/store/index'\nimport { Doughnut } from 'vue-chartjs'\nimport { defineComponent } from 'vue'\nimport { functionExpression } from '@babel/types'\n\nChartJS.register(ArcElement, Tooltip, Legend, dataLabel)\n\nexport default defineComponent({\n name: 'PlayerChart',\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n components: {\n Doughnut\n },\n mounted () {\n this.refreshColors++\n },\n computed: {\n colors () {\n // eslint-disable-next-line no-unused-expressions\n this.refreshColors\n const colors = {} as { [key: string]: string }\n if (this.$refs.container) {\n const style = getComputedStyle(this.$refs.container as Element)\n colors.fg = style.getPropertyValue('--foreground')\n colors.bg = style.getPropertyValue('--bg-color')\n colors.orange = style.getPropertyValue('--orange')\n colors.cyan = style.getPropertyValue('--cyan')\n colors.yellow = style.getPropertyValue('--yellow')\n colors.green = style.getPropertyValue('--green')\n colors.purple = style.getPropertyValue('--purple')\n colors.red = style.getPropertyValue('--red')\n colors.pink = style.getPropertyValue('--pink')\n colors.currentLine = style.getPropertyValue('--current-line')\n } else {\n colors.fg = '#ffffff'\n }\n return colors\n },\n chart () {\n const colors = ['cyan', 'green', 'orange', 'pink', 'purple', 'red', 'yellow']\n const chartData = {\n datasets: [\n {\n label: 'Weapons',\n labels: this.sortedWeaponList || [] as string[],\n borderColor: (context: any) => this.colors.fg,\n backgroundColor: (context: any) => { return this.colors[colors[(context.dataIndex * 3) % colors.length]] },\n data: [] as number[]\n }\n ]\n }\n if (!this.sortedWeaponList) {\n return chartData\n }\n chartData.datasets[0].data = this.sortedWeaponList.map(e => {\n if (!this.weapons) {\n return 0\n }\n return this.weapons[e].kills\n })\n return chartData\n },\n chartOptions () {\n // eslint-disable-next-line no-unused-expressions\n this.$props.playerHighlighted\n const options = {\n responsive: true,\n maintainAspectRatio: true,\n animation: { duration: 500 },\n layout: { autoPadding: false },\n plugins: {\n datalabels: {\n formatter: (value:any, context:any) => {\n return this.sortedWeaponList[context.dataIndex]\n },\n backgroundColor: (context:any) => {\n return context.dataset.backgroundColor(context)\n },\n borderColor: this.colors.fg,\n borderRadius: 25,\n borderWidth: 2,\n color: this.colors.bg,\n display: (context:any) => {\n return context.dataIndex === context.dataset.labels.length - 1 ? true : 'auto'\n },\n font: {\n weight: 'bold'\n },\n padding: 6\n },\n tooltip: {\n callbacks: {\n label: (ctx: any) => {\n let label: string\n if (!this.sortedWeaponList) {\n label = ctx.dataset.labels[ctx.dataIndex]\n } else {\n console.log(this.sortedWeaponList)\n label = this.sortedWeaponList[ctx.dataIndex]\n }\n label += ' (' + this.weapons[label].kills + ' kills)'\n return label\n }\n }\n }\n\n }\n }\n return options\n },\n weapons (): { [key: string]: Weapon } {\n return this.store.getters.getWeaponList(this.filters)\n },\n sortedWeaponList (): string[] {\n if (!this.weapons) return []\n const weapons = Object.keys(this.weapons)\n weapons.sort((a, b) => {\n if (Number(this.weapons[a].kills) < Number(this.weapons[b].kills)) {\n return -1\n }\n if (Number(this.weapons[a].kills) > Number(this.weapons[b].kills)) {\n return 1\n }\n return 0\n })\n return weapons\n }\n\n },\n data () {\n return {\n store: useStore(),\n refreshColors: 0\n }\n }\n})\n","import { render } from \"./WeaponChart.vue?vue&type=template&id=1463b4d6&scoped=true&ts=true\"\nimport script from \"./WeaponChart.vue?vue&type=script&lang=ts\"\nexport * from \"./WeaponChart.vue?vue&type=script&lang=ts\"\n\nimport \"./WeaponChart.vue?vue&type=style&index=0&id=1463b4d6&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1463b4d6\"]])\n\nexport default __exports__","\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon, Server } from '@/store/index'\nimport PlayerList from '@/components/PlayerList.vue'\nimport PlayerChart from '@/components/PlayerChart.vue'\nimport WeaponChart from '@/components/WeaponChart.vue'\nimport { defineComponent } from 'vue'\nimport VueMultiselect from 'vue-multiselect'\nimport 'vue-multiselect/dist/vue-multiselect.css'\n\nexport default defineComponent({\n name: 'PlayerView',\n components: {\n PlayerList, PlayerChart, VueMultiselect, WeaponChart\n },\n\n data () {\n return {\n models: {},\n filters: { minKills: 100, minDeaths: 100 },\n store: useStore(),\n playerHighlighted: undefined\n } as { filters: { weapon?: string, server?: string }, store: Store, playerHighlighted?: string }\n },\n computed: {\n servers (): Server[] { return this.store.state.servers },\n weapons (): { [key: string]: Weapon } { return this.store.getters.getWeaponList(this.filters) },\n sortedWeaponList (): string[] {\n if (!this.weapons) return []\n const weapons = Object.keys(this.weapons)\n return weapons.sort()\n },\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) },\n sortedPlayerList (): string[] {\n if (!this.players) return []\n const players = Object.keys(this.players)\n return players.sort((a: string, b: string) => {\n if (!this.players) {\n return 0\n }\n\n if (this.players[a].username < this.players[b].username) {\n return -1\n }\n if (this.players[a].username > this.players[b].username) {\n return 1\n }\n return 0\n })\n }\n },\n watch: {\n playerHighlighted: function (newval:string) {\n this.fetchPlayerData({ player: newval, ...this.filters })\n }\n },\n methods: {\n async fetchPlayerData ({ player, server }: { player?: string, server?:string }) {\n if (!this.store.getters.getWeaponList({ player, server })) return await this.store.dispatch('fetchWeapons', { player, server })\n },\n async changeFilter ({ weapon, server }: { weapon?: string, server?: string }) {\n const filters = JSON.parse(JSON.stringify(this.filters))\n if (weapon !== undefined) filters.weapon = weapon\n if (server !== undefined) filters.server = server\n if (weapon === '') delete filters.weapon\n if (server === '') delete filters.server\n const promises = []\n if (!this.store.getters.getPlayerList(filters)) promises.push(this.store.dispatch('fetchPlayers', filters))\n if (!this.store.getters.getWeaponList(filters)) promises.push(this.store.dispatch('fetchWeapons', filters))\n promises.push(this.fetchPlayerData({ player: this.playerHighlighted, ...filters }))\n await Promise.all(promises)\n // Delay the update of filters propery after we fetch the data to the API as changing it will cause subcomponents to reload before data is fetched\n this.filters = filters\n }\n }\n})\n","import { render } from \"./PlayerView.vue?vue&type=template&id=ac04060e&scoped=true&ts=true\"\nimport script from \"./PlayerView.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerView.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerView.vue?vue&type=style&index=0&id=ac04060e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ac04060e\"]])\n\nexport default __exports__","import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'\nimport HomeView from '../views/HomeView.vue'\nimport PlayerView from '../views/PlayerView.vue'\n\nconst routes: Array = [\n {\n path: '/',\n name: 'home',\n component: PlayerView\n }\n // {\n // path: '/players',\n // name: 'players',\n // component: PlayerView\n // },\n // {\n // path: '/about',\n // name: 'about',\n // // route level code-splitting\n // // this generates a separate chunk (about.[hash].js) for this route\n // // which is lazy-loaded when the route is visited.\n // component: () => import(/* webpackChunkName: \"about\" */ '../views/AboutView.vue')\n // }\n]\n\nconst router = createRouter({\n history: createWebHistory(process.env.BASE_URL),\n routes\n})\n\nexport default router\n","// store.ts\nimport { InjectionKey } from 'vue'\nimport { createStore, Store } from 'vuex'\n\nexport interface Player {\n deaths: number;\n username: string;\n // eslint-disable-next-line camelcase\n max_kill_distance: number;\n // eslint-disable-next-line camelcase\n avg_kill_distance: number;\n kills: number;\n}\n\nexport interface Weapon {\n id?:string,\n // eslint-disable-next-line camelcase\n max_kill_distance: number;\n // eslint-disable-next-line camelcase\n avg_kill_distance: number;\n kills: number;\n}\n\nexport interface Server{\n name:string;\n id:number;\n description:string\n}\n// define your typings for the store state\nexport interface State {\n servers: Server[]\n players: { [key: string]: { [key: string]: Player } };\n weapons: { [key: string]:{ [key: string]: Weapon }};\n}\n\n// define injection key\n// eslint-disable-next-line symbol-description\nexport const key: InjectionKey> = Symbol()\n\nexport default createStore({\n state: {\n servers: [],\n players: {},\n weapons: {}\n },\n getters: {\n getPlayerList: (state) => ({ server, weapon, minKills, minDeaths }: { server?: number, weapon?: string, minKills:number, minDeaths:number }) => {\n let playerFilter: string[] = []\n if (state.players['']) {\n playerFilter = Object.entries(state.players['']).filter(([, value]:any) => { return (value.kills >= minKills) || (value.deaths >= minDeaths) }).map(e => e[0])\n }\n if (playerFilter.length > 0 && state.players[(server || '') + (weapon || '')]) {\n return Object.fromEntries(Object.entries(state.players[(server || '') + (weapon || '')]).filter(([key]) => playerFilter.includes(key)))\n }\n\n return state.players[(server || '') + (weapon || '')]\n },\n getWeaponList: (state) => ({ server, player }: { server?: number, player?: string }) => {\n return state.weapons[(server || '') + (player || '')]\n }\n },\n mutations: {\n setPlayers (state, data: { data: { [key: string]: Player }, filters: { weapon: string, server: number } }) {\n state.players[(data.filters.server || '') + (data.filters.weapon || '')] = data.data\n },\n setWeapons (state, data:{data: {[key:string]:Weapon}, filters:{server:string, player:string}}) {\n state.weapons[(data.filters.server || '') + (data.filters.player || '')] = data.data\n },\n setServers (state, data) {\n state.servers = data\n }\n },\n actions: {\n async fetchPlayers (context, { weapon, server }) {\n const searchParams: Record = {}\n if (weapon?.toString()) { searchParams.weapon = weapon }\n if (server?.toString()) { searchParams.server = server }\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/players?' + new URLSearchParams(searchParams)\n )\n const data = await response.json()\n Object.keys(data).forEach(e => {\n data[e].kills = Number(data[e].kills)\n data[e].deaths = Number(data[e].deaths)\n data[e].max_kill_distance = Number(data[e].max_kill_distance)\n data[e].avg_kill_distance = Number(data[e].avg_kill_distance)\n })\n\n context.commit('setPlayers', { data, filters: { weapon, server } })\n },\n async fetchWeapons (context, { player, server }) {\n const searchParams: Record = {}\n if (player?.toString()) { searchParams.player = player }\n if (server?.toString()) { searchParams.server = server }\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/weapons?' + new URLSearchParams(searchParams)\n )\n const data = await response.json()\n context.commit('setWeapons', { data, filters: { player, server } })\n },\n async fetchServers (context) {\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/servers'\n )\n const data = await response.json()\n context.commit('setServers', data)\n }\n },\n modules: {}\n})\n","import { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\n\r\ncreateApp(App).use(store).use(router).mount('#app')\r\n\r\nstore.dispatch('fetchServers', {})\r\nstore.dispatch('fetchPlayers', {})\r\nstore.dispatch('fetchWeapons', {})\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunktoneapi_webclient\"] = self[\"webpackChunktoneapi_webclient\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(7764); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createElementVNode","_hoisted_1","_createVNode","_component_router_link","to","class","_component_router_view","script","__exports__","render","id","_hoisted_2","_ctx","_cache","$props","$setup","$data","$options","_component_VueMultiselect","_resolveComponent","_component_PlayerList","_component_PlayerChart","_component_WeaponChart","_openBlock","_createElementBlock","_Fragment","selectLabel","deselectLabel","placeholder","modelValue","models","server","$event","options","servers","e","name","onSelect","changeFilter","onRemove","weapon","sortedWeaponList","playerHighlighted","sortedPlayerList","players","username","filters","onHighlightPlayer","player","_withScopeId","n","_pushScopeId","_popScopeId","_hoisted_3","onKeydown","args","selectNextPlayer","tabindex","onClick","sortPlayerList","_normalizeClass","sortingData","argument","_renderList","playerIdList","playerId","index","key","$emit","ref_for","ref","_toDisplayString","kills","deaths","Math","round","max_kill_distance","avg_kill_distance","defineComponent","props","Object","String","emits","data","direction","store","useStore","computed","this","getters","getPlayerList","watch","handler","newval","keys","immediate","newElement","$refs","scrollIntoView","behavior","block","updated","element","methods","arg","sort","a","b","varA","varB","values","Home","Infinity","End","PageDown","PageUp","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","indexOf","nextIndex","length","_component_Scatter","chart","chartOptions","ChartJS","LinearScale","PointElement","LineElement","Tooltip","Legend","annotationPlugin","dataLabel","components","Scatter","mounted","refreshColors","colors","container","style","getComputedStyle","fg","getPropertyValue","bg","orange","cyan","currentLine","chartData","datasets","label","labels","borderColor","context","backgroundColor","pointRadius","pointStyle","hoverRadius","map","x","y","responsive","maintainAspectRatio","animation","duration","layout","autoPadding","scales","title","text","display","color","ticks","plugins","tooltip","callbacks","ctx","dataset","dataIndex","parsed","annotation","legend","datalabels","formatter","value","borderWidth","borderRadius","align","anchor","clamp","undefined","onHover","native","target","cursor","maxX","max","maxY","endX","endY","annotations","line","type","yMin","xMin","yMax","xMax","borderDash","_component_Doughnut","ArcElement","Doughnut","yellow","green","purple","red","pink","weapons","font","weight","padding","console","log","getWeaponList","Number","PlayerList","PlayerChart","VueMultiselect","WeaponChart","minKills","minDeaths","state","fetchPlayerData","async","dispatch","JSON","parse","stringify","promises","push","Promise","all","routes","path","component","PlayerView","router","createRouter","history","createWebHistory","process","Symbol","createStore","playerFilter","entries","filter","fromEntries","mutations","setPlayers","setWeapons","setServers","actions","searchParams","toString","response","fetch","URLSearchParams","json","forEach","commit","modules","createApp","App","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","i","fulfilled","j","every","splice","r","getter","__esModule","d","definition","o","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","call","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/js/app.31f080e6.js b/dist/js/app.31f080e6.js deleted file mode 100644 index 6b05ef2..0000000 --- a/dist/js/app.31f080e6.js +++ /dev/null @@ -1,2 +0,0 @@ -(function(){"use strict";var e={4324:function(e,t,s){var r=s(9242),a=s(3396);const l=(0,a.uE)('
TONE API
Github
Northstar Server Mod
',4);function i(e,t){const s=(0,a.up)("router-link"),r=(0,a.up)("router-view");return(0,a.wg)(),(0,a.iD)(a.HY,null,[(0,a._)("header",null,[(0,a._)("nav",null,[l,(0,a.Wm)(s,{to:"/",class:"navbar-element"},{default:(0,a.w5)((()=>[(0,a.Uk)("Players")])),_:1})])]),(0,a.Wm)(r)],64)}var o=s(89);const n={},h=(0,o.Z)(n,[["render",i]]);var p=h,d=s(2483);const c={id:"filters"},g={id:"playerView"};function u(e,t,s,r,l,i){const o=(0,a.up)("VueMultiselect"),n=(0,a.up)("PlayerList"),h=(0,a.up)("PlayerChart"),p=(0,a.up)("WeaponChart");return(0,a.wg)(),(0,a.iD)(a.HY,null,[(0,a._)("div",c,[(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Select server",modelValue:e.models.server,"onUpdate:modelValue":t[0]||(t[0]=t=>e.models.server=t),options:e.servers,"allow-empty":!0,"custom-label":e=>e.name,onSelect:t[1]||(t[1]=t=>e.changeFilter({server:t.id})),onRemove:t[2]||(t[2]=t=>e.changeFilter({server:""}))},null,8,["modelValue","options","custom-label"]),(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Select weapon",modelValue:e.models.weapon,"onUpdate:modelValue":t[3]||(t[3]=t=>e.models.weapon=t),options:e.sortedWeaponList,"allow-empty":!0,onSelect:t[4]||(t[4]=t=>e.changeFilter({weapon:t})),onRemove:t[5]||(t[5]=t=>e.changeFilter({weapon:""}))},null,8,["modelValue","options"]),(0,a.Wm)(o,{selectLabel:"",deselectLabel:"remove",placeholder:"Search player",modelValue:e.playerHighlighted,"onUpdate:modelValue":t[6]||(t[6]=t=>e.playerHighlighted=t),options:e.sortedPlayerList,"allow-empty":!0,"custom-label":t=>e.players[t]?.username},null,8,["modelValue","options","custom-label"])]),(0,a._)("div",g,[(0,a.Wm)(n,{filters:e.filters,onHighlightPlayer:t[7]||(t[7]=t=>e.playerHighlighted=t),playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"]),(0,a.Wm)(h,{filters:e.filters,onHighlightPlayer:t[8]||(t[8]=t=>e.playerHighlighted=t),playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"]),(0,a.Wm)(p,{filters:{player:e.playerHighlighted,...e.filters},playerHighlighted:e.playerHighlighted},null,8,["filters","playerHighlighted"])])],64)}s(7658);var y=s(65),f=s(7139);const m=e=>((0,a.dD)("data-v-30830e9b"),e=e(),(0,a.Cn)(),e),v={class:"playerHeaders"},b=m((()=>(0,a._)("span",null,null,-1))),w=["onClick"];function k(e,t,s,r,l,i){return(0,a.wg)(),(0,a.iD)("div",{class:"playerTable",onKeydown:t[6]||(t[6]=(...t)=>e.selectNextPlayer&&e.selectNextPlayer(...t)),tabindex:"0"},[(0,a._)("div",v,[b,(0,a._)("span",{onClick:t[0]||(t[0]=t=>e.sortPlayerList("username")),class:(0,f.C_)("username"==e.sortingData.argument?"selected":"")},"Username",2),(0,a._)("span",{onClick:t[1]||(t[1]=t=>e.sortPlayerList("kills")),class:(0,f.C_)("kills"==e.sortingData.argument?"selected":"")},"K",2),(0,a._)("span",{onClick:t[2]||(t[2]=t=>e.sortPlayerList("deaths")),class:(0,f.C_)("deaths"==e.sortingData.argument?"selected":"")},"D",2),(0,a._)("span",{onClick:t[3]||(t[3]=t=>e.sortPlayerList("k/d")),class:(0,f.C_)("k/d"==e.sortingData.argument?"selected":"")},"K/D",2),(0,a._)("span",{onClick:t[4]||(t[4]=t=>e.sortPlayerList("max_kill_distance")),class:(0,f.C_)("max_kill_distance"==e.sortingData.argument?"selected":"")},"max distance",2),(0,a._)("span",{onClick:t[5]||(t[5]=t=>e.sortPlayerList("avg_kill_distance")),class:(0,f.C_)("avg_kill_distance"==e.sortingData.argument?"selected":"")},"average distance",2)]),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.playerIdList,((t,s)=>((0,a.wg)(),(0,a.iD)("div",{class:"playerRow",key:t,onClick:s=>e.$emit("highlightPlayer",t),ref_for:!0,ref:"player:"+t},[(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(s),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].username),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].kills),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].deaths),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(Math.round(e.players[t].kills/e.players[t].deaths*100)/100),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(e.players[t].max_kill_distance),1)]),(0,a._)("div",null,[(0,a._)("span",null,(0,f.zw)(Math.round(100*e.players[t].avg_kill_distance)/100),1)])],8,w)))),128))],32)}var L=(0,a.aZ)({props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],data(){return{sortingData:{direction:-1,argument:"kills"},playerIdList:[],store:(0,y.oR)(),selected:void 0}},computed:{players(){return this.store.getters.getPlayerList(this.filters)}},watch:{players:{handler(e){e&&(this.playerIdList=[],this.sortingData.direction*=-1,this.playerIdList=Object.keys(e),this.sortPlayerList(this.sortingData.argument),this.$nextTick((()=>{const e=this.$refs["player:"+this.selected];e&&e.length>0&&e[0].classList.add("selected")})))},immediate:!0},playerHighlighted(e,t){const s=this.$refs["player:"+t];s&&(s[0].classList.remove("selected"),delete this.selected);const r=this.$refs["player:"+e];r&&(r[0].classList.add("selected"),r[0].scrollIntoView({behavior:"smooth",block:"center"}),this.selected=e)}},updated(){const e=this.$refs["player:"+this.$props.playerHighlighted];e&&e[0]&&e[0].scrollIntoView({behavior:"smooth",block:"center"})},methods:{sortPlayerList(e){e===this.sortingData.argument?this.sortingData.direction*=-1:"username"===e&&(this.sortingData.direction=1),this.sortingData.argument=e,this.playerIdList.sort(((t,s)=>{if(!this.players)return 0;let r,a;return"k/d"===e?(r=this.players[t].kills/this.players[t].deaths,a=this.players[s].kills/this.players[s].deaths):(r=this.players[t][e],a=this.players[s][e]),ra?1*this.sortingData.direction:0}))},selectNextPlayer(e){const t={Home:-1/0,End:1/0,PageDown:100,PageUp:-100,ArrowUp:-1,ArrowDown:1,ArrowRight:10,ArrowLeft:-10};if(!this.selected)return;if(!Object.keys(t).includes(e.key))return;e.preventDefault();const s=this.playerIdList.indexOf(this.selected);let r=s+t[e.key];r>=this.playerIdList.length&&(r=this.playerIdList.length-1),r<0&&(r=0),this.$emit("highlightPlayer",this.playerIdList[r])}}});const P=(0,o.Z)(L,[["render",k],["__scopeId","data-v-30830e9b"]]);var _=P;const H={class:"playerChart",ref:"container"};function x(e,t,s,r,l,i){const o=(0,a.up)("Scatter");return(0,a.wg)(),(0,a.iD)("div",H,[(0,a.Wm)(o,{data:e.chart,options:e.chartOptions},null,8,["data","options"])],512)}var C=s(3254),I=s(9152),D=s(3013),W=s(5866);C.kL.register(C.f$,C.od,C.jn,C.u,C.De,I.Z,D.Z);var O=(0,a.aZ)({name:"PlayerChart",props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],components:{Scatter:W.bp},mounted(){this.refreshColors++},computed:{colors(){this.refreshColors;const e={};if(this.$refs.container){const t=getComputedStyle(this.$refs.container);e.fg=t.getPropertyValue("--foreground"),e.bg=t.getPropertyValue("--bg-color"),e.orange=t.getPropertyValue("--orange"),e.cyan=t.getPropertyValue("--cyan"),e.currentLine=t.getPropertyValue("--current-line")}else e.fg="#ffffff";return e},chart(){const e={datasets:[{label:"Players",labels:this.playerIdList||[],borderColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?this.colors.orange:this.colors.cyan,backgroundColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?this.colors.orange:this.colors.cyan,pointRadius:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?20:1,pointStyle:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?"crossRot":"dot",hoverRadius:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.index]?30:4,data:[]}]};return this.players?(e.datasets[0].data=this.playerIdList.map((e=>this.players?{x:this.players[e].deaths,y:this.players[e].kills}:{x:0,y:0})),e):e},chartOptions(){this.$props.playerHighlighted;const e={responsive:!0,maintainAspectRatio:!0,animation:{duration:500},layout:{autoPadding:!1},scales:{y:{title:{text:"Kills",display:!0,color:this.colors.fg},ticks:{color:this.colors.fg}},x:{title:{text:"Deaths",display:!0,color:this.colors.fg},ticks:{color:this.colors.fg}}},plugins:{tooltip:{callbacks:{label:e=>{let t;return t=this.players?this.players[e.dataset.labels[e.dataIndex]].username:e.dataset.labels[e.dataIndex],t+=" ("+e.parsed.y+" kills "+e.parsed.x+" deaths)",t}}},annotation:{},legend:{display:!1},datalabels:{formatter:(e,t)=>this.players[this.playerIdList[t.dataIndex]].username,backgroundColor:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?this.colors.orange:null,borderColor:this.colors.fg,borderWidth:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?1:0,borderRadius:5,display:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?"true":"auto",align:"-45",anchor:"end",clamp:!0,color:e=>this.$props.playerHighlighted&&this.$props.playerHighlighted===this.playerIdList[e.dataIndex]?this.colors.bg:this.colors.fg}},onClick:(e,t)=>{this.$emit("highlightPlayer",t.length>0?this.playerIdList[t[0].index]:void 0)},onHover:(e,t)=>{e.native.target&&(e.native.target.style.cursor=t[0]?"pointer":"default")}};if(!this.players)return e;const t=Math.max(...Object.values(this.players).map((e=>e.deaths))),s=Math.max(...Object.values(this.players).map((e=>e.kills)));let r,a;return s>t?(r=t,a=t/s*s):(a=s,r=s/t*t),e.plugins.annotation={annotations:{line:{type:"line",yMin:0,xMin:0,yMax:a,xMax:r,borderWidth:2,borderColor:this.colors.orange,borderDash:[1,5]}}},e},players(){return this.store.getters.getPlayerList(this.filters)||{}},playerIdList(){return Object.keys(this.players)}},data(){return{store:(0,y.oR)(),refreshColors:0}}});const $=(0,o.Z)(O,[["render",x],["__scopeId","data-v-4e740fcc"]]);var V=$;const S={class:"weaponChart",ref:"container"};function j(e,t,s,r,l,i){const o=(0,a.up)("Doughnut");return(0,a.wg)(),(0,a.iD)("div",S,[(0,a.Wm)(o,{data:e.chart,options:e.chartOptions},null,8,["data","options"])],512)}C.kL.register(C.qi,C.u,C.De,D.Z);var R=(0,a.aZ)({name:"PlayerChart",props:{filters:Object,playerHighlighted:String},emits:["highlightPlayer"],components:{Doughnut:W.$I},mounted(){this.refreshColors++},computed:{colors(){this.refreshColors;const e={};if(this.$refs.container){const t=getComputedStyle(this.$refs.container);e.fg=t.getPropertyValue("--foreground"),e.bg=t.getPropertyValue("--bg-color"),e.orange=t.getPropertyValue("--orange"),e.cyan=t.getPropertyValue("--cyan"),e.yellow=t.getPropertyValue("--yellow"),e.green=t.getPropertyValue("--green"),e.purple=t.getPropertyValue("--purple"),e.red=t.getPropertyValue("--red"),e.pink=t.getPropertyValue("--pink"),e.currentLine=t.getPropertyValue("--current-line")}else e.fg="#ffffff";return e},chart(){const e=["cyan","green","orange","pink","purple","red","yellow"],t={datasets:[{label:"Weapons",labels:this.sortedWeaponList||[],borderColor:e=>this.colors.fg,backgroundColor:t=>this.colors[e[3*t.dataIndex%e.length]],data:[]}]};return this.sortedWeaponList?(t.datasets[0].data=this.sortedWeaponList.map((e=>this.weapons?this.weapons[e].kills:0)),t):t},chartOptions(){this.$props.playerHighlighted;const e={responsive:!0,maintainAspectRatio:!0,animation:{duration:500},layout:{autoPadding:!1},plugins:{datalabels:{formatter:(e,t)=>this.sortedWeaponList[t.dataIndex],backgroundColor:e=>e.dataset.backgroundColor(e),borderColor:this.colors.fg,borderRadius:25,borderWidth:2,color:this.colors.bg,display:e=>e.dataIndex===e.dataset.labels.length-1||"auto",font:{weight:"bold"},padding:6},tooltip:{callbacks:{label:e=>{let t;return this.sortedWeaponList?(console.log(this.sortedWeaponList),t=this.sortedWeaponList[e.dataIndex]):t=e.dataset.labels[e.dataIndex],t+=" ("+this.weapons[t].kills+" kills)",t}}}}};return e},weapons(){return this.store.getters.getWeaponList(this.filters)},sortedWeaponList(){if(!this.weapons)return[];const e=Object.keys(this.weapons);return e.sort(((e,t)=>Number(this.weapons[e].kills)Number(this.weapons[t].kills)?1:0)),e}},data(){return{store:(0,y.oR)(),refreshColors:0}}});const N=(0,o.Z)(R,[["render",j],["__scopeId","data-v-1463b4d6"]]);var M=N,Z=s(6368),z=(0,a.aZ)({name:"PlayerView",components:{PlayerList:_,PlayerChart:V,VueMultiselect:Z.ZP,WeaponChart:M},data(){return{models:{},filters:{minKills:100,minDeaths:100},store:(0,y.oR)(),playerHighlighted:void 0}},computed:{servers(){return this.store.state.servers},weapons(){return this.store.getters.getWeaponList(this.filters)},sortedWeaponList(){if(!this.weapons)return[];const e=Object.keys(this.weapons);return e.sort()},players(){return this.store.getters.getPlayerList(this.filters)},sortedPlayerList(){if(!this.players)return[];const e=Object.keys(this.players);return e.sort(((e,t)=>this.players?this.players[e].usernamethis.players[t].username?1:0:0))}},watch:{playerHighlighted:function(e){this.fetchPlayerData({player:e,...this.filters})}},methods:{async fetchPlayerData({player:e,server:t}){if(!this.store.getters.getWeaponList({player:e,server:t}))return await this.store.dispatch("fetchWeapons",{player:e,server:t})},async changeFilter({weapon:e,server:t}){const s=JSON.parse(JSON.stringify(this.filters));void 0!==e&&(s.weapon=e),void 0!==t&&(s.server=t),""===e&&delete s.weapon,""===t&&delete s.server;const r=[];this.store.getters.getPlayerList(s)||r.push(this.store.dispatch("fetchPlayers",s)),this.store.getters.getWeaponList(s)||r.push(this.store.dispatch("fetchWeapons",s)),r.push(this.fetchPlayerData({player:this.playerHighlighted,...s})),await Promise.all(r),this.filters=s}}});const T=(0,o.Z)(z,[["render",u],["__scopeId","data-v-ac04060e"]]);var U=T;const A=[{path:"/",name:"home",component:U}],K=(0,d.p7)({history:(0,d.PO)("/Tone_WebClient/"),routes:A});var E=K;Symbol();var F=(0,y.MT)({state:{servers:[],players:{},weapons:{}},getters:{getPlayerList:e=>({server:t,weapon:s,minKills:r,minDeaths:a})=>{let l=[];return e.players[""]&&(l=Object.entries(e.players[""]).filter((([,e])=>e.kills>=r||e.deaths>=a)).map((e=>e[0]))),l.length>0&&e.players[(t||"")+(s||"")]?Object.fromEntries(Object.entries(e.players[(t||"")+(s||"")]).filter((([e])=>l.includes(e)))):e.players[(t||"")+(s||"")]},getWeaponList:e=>({server:t,player:s})=>e.weapons[(t||"")+(s||"")]},mutations:{setPlayers(e,t){e.players[(t.filters.server||"")+(t.filters.weapon||"")]=t.data},setWeapons(e,t){e.weapons[(t.filters.server||"")+(t.filters.player||"")]=t.data},setServers(e,t){e.servers=t}},actions:{async fetchPlayers(e,{weapon:t,server:s}){const r={};t?.toString()&&(r.weapon=t),s?.toString()&&(r.server=s);const a=await fetch("https://tone.sleepycat.date/v1/client/players?"+new URLSearchParams(r)),l=await a.json();Object.keys(l).forEach((e=>{l[e].kills=Number(l[e].kills),l[e].deaths=Number(l[e].deaths),l[e].max_kill_distance=Number(l[e].max_kill_distance),l[e].avg_kill_distance=Number(l[e].avg_kill_distance)})),e.commit("setPlayers",{data:l,filters:{weapon:t,server:s}})},async fetchWeapons(e,{player:t,server:s}){const r={};t?.toString()&&(r.player=t),s?.toString()&&(r.server=s);const a=await fetch("https://tone.sleepycat.date/v1/client/weapons?"+new URLSearchParams(r)),l=await a.json();e.commit("setWeapons",{data:l,filters:{player:t,server:s}})},async fetchServers(e){const t=await fetch("https://tone.sleepycat.date/v1/client/servers"),s=await t.json();e.commit("setServers",s)}},modules:{}});(0,r.ri)(p).use(F).use(E).mount("#app"),F.dispatch("fetchServers",{}),F.dispatch("fetchPlayers",{}),F.dispatch("fetchWeapons",{})}},t={};function s(r){var a=t[r];if(void 0!==a)return a.exports;var l=t[r]={exports:{}};return e[r](l,l.exports,s),l.exports}s.m=e,function(){var e=[];s.O=function(t,r,a,l){if(!r){var i=1/0;for(p=0;p=l)&&Object.keys(s.O).every((function(e){return s.O[e](r[n])}))?r.splice(n--,1):(o=!1,l0&&e[p-1][2]>l;p--)e[p]=e[p-1];e[p]=[r,a,l]}}(),function(){s.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return s.d(t,{a:t}),t}}(),function(){s.d=function(e,t){for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){s.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){var e={143:0};s.O.j=function(t){return 0===e[t]};var t=function(t,r){var a,l,i=r[0],o=r[1],n=r[2],h=0;if(i.some((function(t){return 0!==e[t]}))){for(a in o)s.o(o,a)&&(s.m[a]=o[a]);if(n)var p=n(s)}for(t&&t(r);h\n
\n \n
\n \n\n\n\n","import { render } from \"./App.vue?vue&type=template&id=5eedbd3a\"\nconst script = {}\n\nimport \"./App.vue?vue&type=style&index=0&id=5eedbd3a&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-ac04060e\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { id: \"filters\" }\nconst _hoisted_2 = { id: \"playerView\" }\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_VueMultiselect = _resolveComponent(\"VueMultiselect\")!\n const _component_PlayerList = _resolveComponent(\"PlayerList\")!\n const _component_PlayerChart = _resolveComponent(\"PlayerChart\")!\n const _component_WeaponChart = _resolveComponent(\"WeaponChart\")!\n\n return (_openBlock(), _createElementBlock(_Fragment, null, [\n _createElementVNode(\"div\", _hoisted_1, [\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Select server\",\n modelValue: _ctx.models.server,\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((_ctx.models.server) = $event)),\n options: _ctx.servers,\n \"allow-empty\": true,\n \"custom-label\": ((e) => e.name),\n onSelect: _cache[1] || (_cache[1] = ($event: any) => (_ctx.changeFilter({ server: $event.id }))),\n onRemove: _cache[2] || (_cache[2] = ($event: any) => (_ctx.changeFilter({ server: '' })))\n }, null, 8, [\"modelValue\", \"options\", \"custom-label\"]),\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Select weapon\",\n modelValue: _ctx.models.weapon,\n \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => ((_ctx.models.weapon) = $event)),\n options: _ctx.sortedWeaponList,\n \"allow-empty\": true,\n onSelect: _cache[4] || (_cache[4] = ($event: any) => (_ctx.changeFilter({ weapon: $event }))),\n onRemove: _cache[5] || (_cache[5] = ($event: any) => (_ctx.changeFilter({ weapon: '' })))\n }, null, 8, [\"modelValue\", \"options\"]),\n _createVNode(_component_VueMultiselect, {\n selectLabel: \"\",\n deselectLabel: \"remove\",\n placeholder: \"Search player\",\n modelValue: _ctx.playerHighlighted,\n \"onUpdate:modelValue\": _cache[6] || (_cache[6] = ($event: any) => ((_ctx.playerHighlighted) = $event)),\n options: _ctx.sortedPlayerList,\n \"allow-empty\": true,\n \"custom-label\": ((e) => _ctx.players[e]?.username)\n }, null, 8, [\"modelValue\", \"options\", \"custom-label\"])\n ]),\n _createElementVNode(\"div\", _hoisted_2, [\n _createVNode(_component_PlayerList, {\n filters: _ctx.filters,\n onHighlightPlayer: _cache[7] || (_cache[7] = ($event: any) => (_ctx.playerHighlighted = $event)),\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"]),\n _createVNode(_component_PlayerChart, {\n filters: _ctx.filters,\n onHighlightPlayer: _cache[8] || (_cache[8] = ($event: any) => (_ctx.playerHighlighted = $event)),\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"]),\n _createVNode(_component_WeaponChart, {\n filters: {player: _ctx.playerHighlighted, ..._ctx.filters},\n playerHighlighted: _ctx.playerHighlighted\n }, null, 8, [\"filters\", \"playerHighlighted\"])\n ])\n ], 64))\n}","import { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-30830e9b\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"playerHeaders\" }\nconst _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, null, -1))\nconst _hoisted_3 = [\"onClick\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: \"playerTable\",\n onKeydown: _cache[6] || (_cache[6] = \n//@ts-ignore\n(...args) => (_ctx.selectNextPlayer && _ctx.selectNextPlayer(...args))),\n tabindex: \"0\"\n }, [\n _createElementVNode(\"div\", _hoisted_1, [\n _hoisted_2,\n _createElementVNode(\"span\", {\n onClick: _cache[0] || (_cache[0] = ($event: any) => (_ctx.sortPlayerList('username'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'username' ? 'selected' : '')\n }, \"Username\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[1] || (_cache[1] = ($event: any) => (_ctx.sortPlayerList('kills'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'kills' ? 'selected' : '')\n }, \"K\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[2] || (_cache[2] = ($event: any) => (_ctx.sortPlayerList('deaths'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'deaths' ? 'selected' : '')\n }, \"D\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[3] || (_cache[3] = ($event: any) => (_ctx.sortPlayerList('k/d'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'k/d' ? 'selected' : '')\n }, \"K/D\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[4] || (_cache[4] = ($event: any) => (_ctx.sortPlayerList('max_kill_distance'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'max_kill_distance' ? 'selected' : '')\n }, \"max distance\", 2),\n _createElementVNode(\"span\", {\n onClick: _cache[5] || (_cache[5] = ($event: any) => (_ctx.sortPlayerList('avg_kill_distance'))),\n class: _normalizeClass(_ctx.sortingData.argument == 'avg_kill_distance' ? 'selected' : '')\n }, \"average distance\", 2)\n ]),\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.playerIdList, (playerId, index) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n class: \"playerRow\",\n key: playerId,\n onClick: ($event: any) => (_ctx.$emit('highlightPlayer', playerId)),\n ref_for: true,\n ref: `player:` + playerId\n }, [\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(index), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].username), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].kills), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].deaths), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(Math.round(_ctx.players[playerId].kills / _ctx.players[playerId].deaths * 100) / 100), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.players[playerId].max_kill_distance), 1)\n ]),\n _createElementVNode(\"div\", null, [\n _createElementVNode(\"span\", null, _toDisplayString(Math.round(_ctx.players[playerId].avg_kill_distance * 100) / 100), 1)\n ])\n ], 8, _hoisted_3))\n }), 128))\n ], 32))\n}","\nimport { defineComponent } from 'vue'\nimport { Player } from '@/store/index'\nimport { useStore } from 'vuex'\n\nexport default defineComponent({\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n data () {\n return {\n sortingData: { direction: -1, argument: 'kills' as keyof Player | 'k/d' },\n playerIdList: [] as string[],\n store: useStore(),\n selected: undefined as string | undefined\n }\n },\n computed: {\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) }\n },\n watch: {\n players: {\n handler (newval: { [key: string]: Player }): void {\n if (!newval) return\n this.playerIdList = []\n this.sortingData.direction *= -1\n this.playerIdList = Object.keys(newval)\n this.sortPlayerList(this.sortingData.argument)\n this.$nextTick(() => {\n const element = (this.$refs['player:' + this.selected] as HTMLElement[])\n if (element && element.length > 0) element[0].classList.add('selected')\n })\n },\n immediate: true\n },\n playerHighlighted (newval, oldval) {\n const oldElement = this.$refs['player:' + oldval] as HTMLElement[]\n if (oldElement) {\n oldElement[0].classList.remove('selected')\n delete this.selected\n }\n const newElement = this.$refs['player:' + newval] as HTMLElement[]\n if (!newElement) return\n newElement[0].classList.add('selected')\n newElement[0].scrollIntoView({ behavior: 'smooth', block: 'center' })\n this.selected = newval\n }\n },\n updated () {\n const element = this.$refs['player:' + this.$props.playerHighlighted] as HTMLElement[]\n if (!element || !element[0]) return\n element[0].scrollIntoView({ behavior: 'smooth', block: 'center' })\n },\n methods: {\n sortPlayerList (arg: ((keyof Player) | 'k/d')) {\n if (arg === this.sortingData.argument) {\n this.sortingData.direction *= -1\n } else {\n if (arg === 'username') {\n this.sortingData.direction = 1\n }\n }\n this.sortingData.argument = arg\n\n this.playerIdList.sort((a: string, b: string) => {\n if (!this.players) {\n return 0\n }\n let varA, varB\n if (arg === 'k/d') {\n varA = this.players[a].kills / this.players[a].deaths\n varB = this.players[b].kills / this.players[b].deaths\n } else {\n varA = this.players[a][arg]\n varB = this.players[b][arg]\n }\n\n if (varA < varB) {\n return -1 * this.sortingData.direction\n }\n if (varA > varB) {\n return 1 * this.sortingData.direction\n }\n return 0\n })\n },\n selectNextPlayer (e: KeyboardEvent) {\n const values = {\n Home: -Infinity,\n End: Infinity,\n PageDown: 100,\n PageUp: -100,\n ArrowUp: -1,\n ArrowDown: 1,\n ArrowRight: 10,\n ArrowLeft: -10\n } as { [key: string]: number }\n if (!this.selected) return\n if (!Object.keys(values).includes(e.key)) return\n e.preventDefault()\n const index = this.playerIdList.indexOf(this.selected)\n let nextIndex = (index + values[e.key])\n if (nextIndex >= this.playerIdList.length) nextIndex = this.playerIdList.length - 1\n if (nextIndex < 0) nextIndex = 0\n this.$emit('highlightPlayer', this.playerIdList[nextIndex])\n }\n }\n\n})\n","import { render } from \"./PlayerList.vue?vue&type=template&id=30830e9b&scoped=true&ts=true\"\nimport script from \"./PlayerList.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerList.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerList.vue?vue&type=style&index=0&id=30830e9b&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-30830e9b\"]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-4e740fcc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n class: \"playerChart\",\n ref: \"container\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_Scatter = _resolveComponent(\"Scatter\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_component_Scatter, {\n data: _ctx.chart,\n options: _ctx.chartOptions\n }, null, 8, [\"data\", \"options\"])\n ], 512))\n}","\nimport {\n Chart as ChartJS,\n LinearScale,\n PointElement,\n LineElement,\n Tooltip,\n Legend\n} from 'chart.js'\nimport annotationPlugin from 'chartjs-plugin-annotation'\nimport dataLabel from 'chartjs-plugin-datalabels'\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon } from '@/store/index'\n\nimport { Scatter } from 'vue-chartjs'\nimport { defineComponent } from 'vue'\n\nChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend, annotationPlugin, dataLabel)\n\nexport default defineComponent({\n name: 'PlayerChart',\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n components: {\n Scatter\n },\n mounted () {\n this.refreshColors++\n },\n computed: {\n colors () {\n // eslint-disable-next-line no-unused-expressions\n this.refreshColors\n const colors = {} as { [key: string]: string }\n if (this.$refs.container) {\n const style = getComputedStyle(this.$refs.container as Element)\n colors.fg = style.getPropertyValue('--foreground')\n colors.bg = style.getPropertyValue('--bg-color')\n colors.orange = style.getPropertyValue('--orange')\n colors.cyan = style.getPropertyValue('--cyan')\n colors.currentLine = style.getPropertyValue('--current-line')\n } else {\n colors.fg = '#ffffff'\n }\n return colors\n },\n chart () {\n const chartData = {\n datasets: [\n {\n label: 'Players',\n labels: this.playerIdList || [] as string[],\n borderColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? this.colors.orange : this.colors.cyan,\n backgroundColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? this.colors.orange : this.colors.cyan,\n pointRadius: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 20 : 1,\n pointStyle: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 'crossRot' : 'dot',\n hoverRadius: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.index]) ? 30 : 4,\n data: [] as { x: number, y: number }[]\n }\n ]\n }\n if (!this.players) {\n return chartData\n }\n chartData.datasets[0].data = this.playerIdList.map(e => {\n if (!this.players) {\n return { x: 0, y: 0 }\n }\n return { x: this.players[e].deaths, y: this.players[e].kills }\n })\n return chartData\n },\n chartOptions () {\n // eslint-disable-next-line no-unused-expressions\n this.$props.playerHighlighted\n const options = {\n responsive: true,\n maintainAspectRatio: true,\n animation: { duration: 500 },\n layout: { autoPadding: false },\n scales: {\n y: {\n title: {\n text: 'Kills',\n display: true,\n color: this.colors.fg\n },\n ticks: {\n color: this.colors.fg\n }\n },\n x: {\n title: {\n text: 'Deaths',\n display: true,\n color: this.colors.fg\n },\n ticks: {\n color: this.colors.fg\n }\n }\n },\n plugins: {\n tooltip: {\n callbacks: {\n label: (ctx: any) => {\n let label: string\n if (!this.players) {\n label = ctx.dataset.labels[ctx.dataIndex]\n } else {\n label = this.players[ctx.dataset.labels[ctx.dataIndex]].username\n }\n label += ' (' + ctx.parsed.y + ' kills ' + ctx.parsed.x + ' deaths)'\n return label\n }\n }\n },\n annotation: {},\n legend: { display: false },\n datalabels: {\n formatter: (value: any, context: any) => {\n return this.players[this.playerIdList[context.dataIndex]].username\n },\n backgroundColor: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? this.colors.orange : null,\n borderColor: this.colors.fg,\n borderWidth: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? 1 : 0,\n borderRadius: 5,\n display: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? 'true' : 'auto',\n align: '-45',\n anchor: 'end',\n clamp: true,\n color: (context: any) => (this.$props.playerHighlighted && this.$props.playerHighlighted === this.playerIdList[context.dataIndex]) ? this.colors.bg : this.colors.fg\n }\n },\n onClick: (e: Event, element: any) => {\n this.$emit('highlightPlayer', element.length > 0 ? this.playerIdList[element[0].index] : undefined)\n },\n onHover: (e: any, element: any) => {\n if (!e.native.target) return\n (e.native.target as HTMLElement).style.cursor = element[0] ? 'pointer' : 'default'\n }\n }\n if (!this.players) {\n return options\n }\n const maxX = Math.max(...Object.values(this.players).map(e => e.deaths))\n const maxY = Math.max(...Object.values(this.players).map(e => e.kills))\n let endX, endY\n if (maxY > maxX) {\n endX = maxX\n endY = (maxX / maxY) * maxY\n } else {\n endY = maxY\n endX = (maxY / maxX) * maxX\n }\n options.plugins.annotation = {\n annotations: {\n line: {\n type: 'line',\n yMin: 0,\n xMin: 0,\n yMax: endY,\n xMax: endX,\n borderWidth: 2,\n borderColor: this.colors.orange,\n borderDash: [1, 5]\n }\n }\n }\n return options\n },\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) || {} },\n playerIdList (): string[] { return Object.keys(this.players) }\n\n },\n data () {\n return {\n store: useStore(),\n refreshColors: 0\n }\n }\n})\n","import { render } from \"./PlayerChart.vue?vue&type=template&id=4e740fcc&scoped=true&ts=true\"\nimport script from \"./PlayerChart.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerChart.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerChart.vue?vue&type=style&index=0&id=4e740fcc&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4e740fcc\"]])\n\nexport default __exports__","import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-1463b4d6\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = {\n class: \"weaponChart\",\n ref: \"container\"\n}\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_Doughnut = _resolveComponent(\"Doughnut\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n _createVNode(_component_Doughnut, {\n data: _ctx.chart,\n options: _ctx.chartOptions\n }, null, 8, [\"data\", \"options\"])\n ], 512))\n}","\nimport {\n Chart as ChartJS,\n ArcElement,\n PointElement,\n LineElement,\n Tooltip,\n Legend\n} from 'chart.js'\nimport annotationPlugin from 'chartjs-plugin-annotation'\nimport dataLabel from 'chartjs-plugin-datalabels'\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon } from '@/store/index'\nimport { Doughnut } from 'vue-chartjs'\nimport { defineComponent } from 'vue'\nimport { functionExpression } from '@babel/types'\n\nChartJS.register(ArcElement, Tooltip, Legend, dataLabel)\n\nexport default defineComponent({\n name: 'PlayerChart',\n props: {\n filters: Object,\n playerHighlighted: String\n },\n emits: ['highlightPlayer'],\n components: {\n Doughnut\n },\n mounted () {\n this.refreshColors++\n },\n computed: {\n colors () {\n // eslint-disable-next-line no-unused-expressions\n this.refreshColors\n const colors = {} as { [key: string]: string }\n if (this.$refs.container) {\n const style = getComputedStyle(this.$refs.container as Element)\n colors.fg = style.getPropertyValue('--foreground')\n colors.bg = style.getPropertyValue('--bg-color')\n colors.orange = style.getPropertyValue('--orange')\n colors.cyan = style.getPropertyValue('--cyan')\n colors.yellow = style.getPropertyValue('--yellow')\n colors.green = style.getPropertyValue('--green')\n colors.purple = style.getPropertyValue('--purple')\n colors.red = style.getPropertyValue('--red')\n colors.pink = style.getPropertyValue('--pink')\n colors.currentLine = style.getPropertyValue('--current-line')\n } else {\n colors.fg = '#ffffff'\n }\n return colors\n },\n chart () {\n const colors = ['cyan', 'green', 'orange', 'pink', 'purple', 'red', 'yellow']\n const chartData = {\n datasets: [\n {\n label: 'Weapons',\n labels: this.sortedWeaponList || [] as string[],\n borderColor: (context: any) => this.colors.fg,\n backgroundColor: (context: any) => { return this.colors[colors[(context.dataIndex * 3) % colors.length]] },\n data: [] as number[]\n }\n ]\n }\n if (!this.sortedWeaponList) {\n return chartData\n }\n chartData.datasets[0].data = this.sortedWeaponList.map(e => {\n if (!this.weapons) {\n return 0\n }\n return this.weapons[e].kills\n })\n return chartData\n },\n chartOptions () {\n // eslint-disable-next-line no-unused-expressions\n this.$props.playerHighlighted\n const options = {\n responsive: true,\n maintainAspectRatio: true,\n animation: { duration: 500 },\n layout: { autoPadding: false },\n plugins: {\n datalabels: {\n formatter: (value:any, context:any) => {\n return this.sortedWeaponList[context.dataIndex]\n },\n backgroundColor: (context:any) => {\n return context.dataset.backgroundColor(context)\n },\n borderColor: this.colors.fg,\n borderRadius: 25,\n borderWidth: 2,\n color: this.colors.bg,\n display: (context:any) => {\n return context.dataIndex === context.dataset.labels.length - 1 ? true : 'auto'\n },\n font: {\n weight: 'bold'\n },\n padding: 6\n },\n tooltip: {\n callbacks: {\n label: (ctx: any) => {\n let label: string\n if (!this.sortedWeaponList) {\n label = ctx.dataset.labels[ctx.dataIndex]\n } else {\n console.log(this.sortedWeaponList)\n label = this.sortedWeaponList[ctx.dataIndex]\n }\n label += ' (' + this.weapons[label].kills + ' kills)'\n return label\n }\n }\n }\n\n }\n }\n return options\n },\n weapons (): { [key: string]: Weapon } {\n return this.store.getters.getWeaponList(this.filters)\n },\n sortedWeaponList (): string[] {\n if (!this.weapons) return []\n const weapons = Object.keys(this.weapons)\n weapons.sort((a, b) => {\n if (Number(this.weapons[a].kills) < Number(this.weapons[b].kills)) {\n return -1\n }\n if (Number(this.weapons[a].kills) > Number(this.weapons[b].kills)) {\n return 1\n }\n return 0\n })\n return weapons\n }\n\n },\n data () {\n return {\n store: useStore(),\n refreshColors: 0\n }\n }\n})\n","import { render } from \"./WeaponChart.vue?vue&type=template&id=1463b4d6&scoped=true&ts=true\"\nimport script from \"./WeaponChart.vue?vue&type=script&lang=ts\"\nexport * from \"./WeaponChart.vue?vue&type=script&lang=ts\"\n\nimport \"./WeaponChart.vue?vue&type=style&index=0&id=1463b4d6&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1463b4d6\"]])\n\nexport default __exports__","\nimport { Store, useStore } from 'vuex'\nimport { Player, Weapon, Server } from '@/store/index'\nimport PlayerList from '@/components/PlayerList.vue'\nimport PlayerChart from '@/components/PlayerChart.vue'\nimport WeaponChart from '@/components/WeaponChart.vue'\nimport { defineComponent } from 'vue'\nimport VueMultiselect from 'vue-multiselect'\nimport 'vue-multiselect/dist/vue-multiselect.css'\n\nexport default defineComponent({\n name: 'PlayerView',\n components: {\n PlayerList, PlayerChart, VueMultiselect, WeaponChart\n },\n\n data () {\n return {\n models: {},\n filters: { minKills: 100, minDeaths: 100 },\n store: useStore(),\n playerHighlighted: undefined\n } as { filters: { weapon?: string, server?: string }, store: Store, playerHighlighted?: string }\n },\n computed: {\n servers (): Server[] { return this.store.state.servers },\n weapons (): { [key: string]: Weapon } { return this.store.getters.getWeaponList(this.filters) },\n sortedWeaponList (): string[] {\n if (!this.weapons) return []\n const weapons = Object.keys(this.weapons)\n return weapons.sort()\n },\n players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) },\n sortedPlayerList (): string[] {\n if (!this.players) return []\n const players = Object.keys(this.players)\n return players.sort((a: string, b: string) => {\n if (!this.players) {\n return 0\n }\n\n if (this.players[a].username < this.players[b].username) {\n return -1\n }\n if (this.players[a].username > this.players[b].username) {\n return 1\n }\n return 0\n })\n }\n },\n watch: {\n playerHighlighted: function (newval:string) {\n this.fetchPlayerData({ player: newval, ...this.filters })\n }\n },\n methods: {\n async fetchPlayerData ({ player, server }: { player?: string, server?:string }) {\n if (!this.store.getters.getWeaponList({ player, server })) return await this.store.dispatch('fetchWeapons', { player, server })\n },\n async changeFilter ({ weapon, server }: { weapon?: string, server?: string }) {\n const filters = JSON.parse(JSON.stringify(this.filters))\n if (weapon !== undefined) filters.weapon = weapon\n if (server !== undefined) filters.server = server\n if (weapon === '') delete filters.weapon\n if (server === '') delete filters.server\n const promises = []\n if (!this.store.getters.getPlayerList(filters)) promises.push(this.store.dispatch('fetchPlayers', filters))\n if (!this.store.getters.getWeaponList(filters)) promises.push(this.store.dispatch('fetchWeapons', filters))\n promises.push(this.fetchPlayerData({ player: this.playerHighlighted, ...filters }))\n await Promise.all(promises)\n // Delay the update of filters propery after we fetch the data to the API as changing it will cause subcomponents to reload before data is fetched\n this.filters = filters\n }\n }\n})\n","import { render } from \"./PlayerView.vue?vue&type=template&id=ac04060e&scoped=true&ts=true\"\nimport script from \"./PlayerView.vue?vue&type=script&lang=ts\"\nexport * from \"./PlayerView.vue?vue&type=script&lang=ts\"\n\nimport \"./PlayerView.vue?vue&type=style&index=0&id=ac04060e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\legon\\\\Documents\\\\Code\\\\toneapi_webclient\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ac04060e\"]])\n\nexport default __exports__","import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'\nimport HomeView from '../views/HomeView.vue'\nimport PlayerView from '../views/PlayerView.vue'\n\nconst routes: Array = [\n {\n path: '/',\n name: 'home',\n component: PlayerView\n }\n // {\n // path: '/players',\n // name: 'players',\n // component: PlayerView\n // },\n // {\n // path: '/about',\n // name: 'about',\n // // route level code-splitting\n // // this generates a separate chunk (about.[hash].js) for this route\n // // which is lazy-loaded when the route is visited.\n // component: () => import(/* webpackChunkName: \"about\" */ '../views/AboutView.vue')\n // }\n]\n\nconst router = createRouter({\n history: createWebHistory(process.env.BASE_URL),\n routes\n})\n\nexport default router\n","// store.ts\nimport { InjectionKey } from 'vue'\nimport { createStore, Store } from 'vuex'\n\nexport interface Player {\n deaths: number;\n username: string;\n // eslint-disable-next-line camelcase\n max_kill_distance: number;\n // eslint-disable-next-line camelcase\n avg_kill_distance: number;\n kills: number;\n}\n\nexport interface Weapon {\n id?:string,\n // eslint-disable-next-line camelcase\n max_kill_distance: number;\n // eslint-disable-next-line camelcase\n avg_kill_distance: number;\n kills: number;\n}\n\nexport interface Server{\n name:string;\n id:number;\n description:string\n}\n// define your typings for the store state\nexport interface State {\n servers: Server[]\n players: { [key: string]: { [key: string]: Player } };\n weapons: { [key: string]:{ [key: string]: Weapon }};\n}\n\n// define injection key\n// eslint-disable-next-line symbol-description\nexport const key: InjectionKey> = Symbol()\n\nexport default createStore({\n state: {\n servers: [],\n players: {},\n weapons: {}\n },\n getters: {\n getPlayerList: (state) => ({ server, weapon, minKills, minDeaths }: { server?: number, weapon?: string, minKills:number, minDeaths:number }) => {\n let playerFilter: string[] = []\n if (state.players['']) {\n playerFilter = Object.entries(state.players['']).filter(([, value]:any) => { return (value.kills >= minKills) || (value.deaths >= minDeaths) }).map(e => e[0])\n }\n if (playerFilter.length > 0 && state.players[(server || '') + (weapon || '')]) {\n return Object.fromEntries(Object.entries(state.players[(server || '') + (weapon || '')]).filter(([key]) => playerFilter.includes(key)))\n }\n\n return state.players[(server || '') + (weapon || '')]\n },\n getWeaponList: (state) => ({ server, player }: { server?: number, player?: string }) => {\n return state.weapons[(server || '') + (player || '')]\n }\n },\n mutations: {\n setPlayers (state, data: { data: { [key: string]: Player }, filters: { weapon: string, server: number } }) {\n state.players[(data.filters.server || '') + (data.filters.weapon || '')] = data.data\n },\n setWeapons (state, data:{data: {[key:string]:Weapon}, filters:{server:string, player:string}}) {\n state.weapons[(data.filters.server || '') + (data.filters.player || '')] = data.data\n },\n setServers (state, data) {\n state.servers = data\n }\n },\n actions: {\n async fetchPlayers (context, { weapon, server }) {\n const searchParams: Record = {}\n if (weapon?.toString()) { searchParams.weapon = weapon }\n if (server?.toString()) { searchParams.server = server }\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/players?' + new URLSearchParams(searchParams)\n )\n const data = await response.json()\n Object.keys(data).forEach(e => {\n data[e].kills = Number(data[e].kills)\n data[e].deaths = Number(data[e].deaths)\n data[e].max_kill_distance = Number(data[e].max_kill_distance)\n data[e].avg_kill_distance = Number(data[e].avg_kill_distance)\n })\n\n context.commit('setPlayers', { data, filters: { weapon, server } })\n },\n async fetchWeapons (context, { player, server }) {\n const searchParams: Record = {}\n if (player?.toString()) { searchParams.player = player }\n if (server?.toString()) { searchParams.server = server }\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/weapons?' + new URLSearchParams(searchParams)\n )\n const data = await response.json()\n context.commit('setWeapons', { data, filters: { player, server } })\n },\n async fetchServers (context) {\n const response = await fetch(\n 'https://tone.sleepycat.date/v1/client/servers'\n )\n const data = await response.json()\n context.commit('setServers', data)\n }\n },\n modules: {}\n})\n","import { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\n\r\ncreateApp(App).use(store).use(router).mount('#app')\r\n\r\nstore.dispatch('fetchServers', {})\r\nstore.dispatch('fetchPlayers', {})\r\nstore.dispatch('fetchWeapons', {})\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunktoneapi_webclient\"] = self[\"webpackChunktoneapi_webclient\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(4324); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createElementVNode","_hoisted_1","_createVNode","_component_router_link","to","class","_component_router_view","script","__exports__","render","id","_hoisted_2","_ctx","_cache","$props","$setup","$data","$options","_component_VueMultiselect","_resolveComponent","_component_PlayerList","_component_PlayerChart","_component_WeaponChart","_openBlock","_createElementBlock","_Fragment","selectLabel","deselectLabel","placeholder","modelValue","models","server","$event","options","servers","e","name","onSelect","changeFilter","onRemove","weapon","sortedWeaponList","playerHighlighted","sortedPlayerList","players","username","filters","onHighlightPlayer","player","_withScopeId","n","_pushScopeId","_popScopeId","_hoisted_3","onKeydown","args","selectNextPlayer","tabindex","onClick","sortPlayerList","_normalizeClass","sortingData","argument","_renderList","playerIdList","playerId","index","key","$emit","ref_for","ref","_toDisplayString","kills","deaths","Math","round","max_kill_distance","avg_kill_distance","defineComponent","props","Object","String","emits","data","direction","store","useStore","selected","undefined","computed","this","getters","getPlayerList","watch","handler","newval","keys","$nextTick","element","$refs","length","classList","add","immediate","oldval","oldElement","remove","newElement","scrollIntoView","behavior","block","updated","methods","arg","sort","a","b","varA","varB","values","Home","Infinity","End","PageDown","PageUp","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","indexOf","nextIndex","_component_Scatter","chart","chartOptions","ChartJS","LinearScale","PointElement","LineElement","Tooltip","Legend","annotationPlugin","dataLabel","components","Scatter","mounted","refreshColors","colors","container","style","getComputedStyle","fg","getPropertyValue","bg","orange","cyan","currentLine","chartData","datasets","label","labels","borderColor","context","backgroundColor","pointRadius","pointStyle","hoverRadius","map","x","y","responsive","maintainAspectRatio","animation","duration","layout","autoPadding","scales","title","text","display","color","ticks","plugins","tooltip","callbacks","ctx","dataset","dataIndex","parsed","annotation","legend","datalabels","formatter","value","borderWidth","borderRadius","align","anchor","clamp","onHover","native","target","cursor","maxX","max","maxY","endX","endY","annotations","line","type","yMin","xMin","yMax","xMax","borderDash","_component_Doughnut","ArcElement","Doughnut","yellow","green","purple","red","pink","weapons","font","weight","padding","console","log","getWeaponList","Number","PlayerList","PlayerChart","VueMultiselect","WeaponChart","minKills","minDeaths","state","fetchPlayerData","async","dispatch","JSON","parse","stringify","promises","push","Promise","all","routes","path","component","PlayerView","router","createRouter","history","createWebHistory","process","Symbol","createStore","playerFilter","entries","filter","fromEntries","mutations","setPlayers","setWeapons","setServers","actions","searchParams","toString","response","fetch","URLSearchParams","json","forEach","commit","modules","createApp","App","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","i","fulfilled","j","every","splice","r","getter","__esModule","d","definition","o","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","call","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""} \ No newline at end of file