diff --git a/public/js/bundle.js b/public/js/bundle.js
index f690fb1..5038144 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -41,7 +41,7 @@ function(e){var t,n,a,i,r,s,o,l,c,u,d,p,h,m,f,g,v,b,y,_="sizzle"+1*new Date,k=e.
  *
  * Copyright (C) 2018 Varun A P
  */
-!function(t,n){e.exports?e.exports=n():t.Toastify=n()}(_o,(function(e){var t=function(e){return new t.lib.init(e)};function n(e,t){return!(!e||"string"!=typeof t)&&!!(e.className&&e.className.trim().split(/\s+/gi).indexOf(t)>-1)}return t.lib=t.prototype={toastify:"1.8.0",constructor:t,init:function(e){return e||(e={}),this.options={},this.toastElement=null,this.options.text=e.text||"Hi there!",this.options.node=e.node,this.options.duration=0===e.duration?0:e.duration||3e3,this.options.selector=e.selector,this.options.callback=e.callback||function(){},this.options.destination=e.destination,this.options.newWindow=e.newWindow||!1,this.options.close=e.close||!1,this.options.gravity="bottom"===e.gravity?"toastify-bottom":"toastify-top",this.options.positionLeft=e.positionLeft||!1,this.options.position=e.position||"",this.options.backgroundColor=e.backgroundColor,this.options.avatar=e.avatar||"",this.options.className=e.className||"",this.options.stopOnFocus=void 0===e.stopOnFocus||e.stopOnFocus,this.options.onClick=e.onClick,this},buildToast:function(){if(!this.options)throw"Toastify is not initialized";var e=document.createElement("div");if(e.className="toastify on "+this.options.className,this.options.position?e.className+=" toastify-"+this.options.position:!0===this.options.positionLeft?(e.className+=" toastify-left",console.warn("Property `positionLeft` will be depreciated in further versions. Please use `position` instead.")):e.className+=" toastify-right",e.className+=" "+this.options.gravity,this.options.backgroundColor&&(e.style.background=this.options.backgroundColor),this.options.node&&this.options.node.nodeType===Node.ELEMENT_NODE)e.appendChild(this.options.node);else if(e.innerHTML=this.options.text,""!==this.options.avatar){var t=document.createElement("img");t.src=this.options.avatar,t.className="toastify-avatar","left"==this.options.position||!0===this.options.positionLeft?e.appendChild(t):e.insertAdjacentElement("beforeend",t)}if(!0===this.options.close){var n=document.createElement("span");n.innerHTML="&#10006;",n.className="toast-close",n.addEventListener("click",function(e){e.stopPropagation(),this.removeElement(this.toastElement),window.clearTimeout(this.toastElement.timeOutValue)}.bind(this));var a=window.innerWidth>0?window.innerWidth:screen.width;("left"==this.options.position||!0===this.options.positionLeft)&&a>360?e.insertAdjacentElement("afterbegin",n):e.appendChild(n)}if(this.options.stopOnFocus&&this.options.duration>0){const t=this;e.addEventListener("mouseover",(function(t){window.clearTimeout(e.timeOutValue)})),e.addEventListener("mouseleave",(function(){e.timeOutValue=window.setTimeout((function(){t.removeElement(e)}),t.options.duration)}))}return void 0!==this.options.destination&&e.addEventListener("click",function(e){e.stopPropagation(),!0===this.options.newWindow?window.open(this.options.destination,"_blank"):window.location=this.options.destination}.bind(this)),"function"==typeof this.options.onClick&&void 0===this.options.destination&&e.addEventListener("click",function(e){e.stopPropagation(),this.options.onClick()}.bind(this)),e},showToast:function(){var e;if(this.toastElement=this.buildToast(),!(e=void 0===this.options.selector?document.body:document.getElementById(this.options.selector)))throw"Root element is not defined";return e.insertBefore(this.toastElement,e.firstChild),t.reposition(),this.options.duration>0&&(this.toastElement.timeOutValue=window.setTimeout(function(){this.removeElement(this.toastElement)}.bind(this),this.options.duration)),this},hideToast:function(){this.toastElement.timeOutValue&&clearTimeout(this.toastElement.timeOutValue),this.removeElement(this.toastElement)},removeElement:function(e){e.className=e.className.replace(" on",""),window.setTimeout(function(){this.options.node&&this.options.node.parentNode&&this.options.node.parentNode.removeChild(this.options.node),e.parentNode&&e.parentNode.removeChild(e),this.options.callback.call(e),t.reposition()}.bind(this),400)}},t.reposition=function(){for(var e,t={top:15,bottom:15},a={top:15,bottom:15},i={top:15,bottom:15},r=document.getElementsByClassName("toastify"),s=0;s<r.length;s++){e=!0===n(r[s],"toastify-top")?"toastify-top":"toastify-bottom";var o=r[s].offsetHeight;e=e.substr(9,e.length-1);(window.innerWidth>0?window.innerWidth:screen.width)<=360?(r[s].style[e]=i[e]+"px",i[e]+=o+15):!0===n(r[s],"toastify-left")?(r[s].style[e]=t[e]+"px",t[e]+=o+15):(r[s].style[e]=a[e]+"px",a[e]+=o+15)}return this},t.lib.init.prototype=t.lib,t}))}));let zl={};const Ml=function(e,t=null,n=!0,a=null){if(zl[a]){let i=zl[a],r=Ao(`div.toastify[toast_id=${a}]`);e&&r.find(".toast-message").html(e),t&&(t="loading"==t?'<div class="circle-loader"></div>':`<i class="material-icons">${t}</i>`,r.find(".toast-icon").html(t)),null!==n&&n&&(r.addClass("dismissable"),setTimeout((function(){i.hideToast(),delete zl[a]}),3e3))}else{let i=Sl({text:`<span class="toast-icon">${t=null==t?"":"loading"==t?'<div class="circle-loader"></div>':`<i class="material-icons">${t}</i>`}</span><span class="toast-message">${e}</toast>`,duration:n?3e3:0,gravity:"bottom",position:"left",className:n?"dismissable":"",onClick:function(){let e=!0;if(a){let t=document.querySelector(`div.toastify[toast_id=${a}]`).classList;t&&(e=-1!=Array.from(t).indexOf("dismissable"))}i&&e&&(i.hideToast(),a&&delete zl[a])}}).showToast();a&&(zl[a]=i,Ao(i.toastElement).attr("toast_id",a))}};ml.on("toast",e=>{const{msg:t,icon:n,dismiss:a,id:i}=e;Ml(t,n||null,void 0===a||a,i||null)});const Dl={components:{QueueItem:Tl},data:()=>({cachedTabWidth:parseInt(localStorage.getItem("downloadTabWidth"))||300,queue:[],queueList:{},queueComplete:[],clientMode:window.clientMode}),mounted(){ml.on("startDownload",this.startDownload),ml.on("startConversion",this.startConversion),ml.on("init_downloadQueue",this.initQueue),ml.on("addedToQueue",this.addToQueue),ml.on("updateQueue",this.updateQueue),ml.on("removedFromQueue",this.removeFromQueue),ml.on("finishDownload",this.finishDownload),ml.on("removedAllDownloads",this.removeAllDownloads),ml.on("removedFinishedDownloads",this.removedFinishedDownloads),"true"===localStorage.getItem("slimDownloads")&&this.$refs.list.classList.add("slim"),"true"===localStorage.getItem("downloadTabOpen")&&(this.$refs.container.classList.remove("tab_hidden"),this.setTabWidth(this.cachedTabWidth)),document.addEventListener("mouseup",()=>{document.removeEventListener("mousemove",this.handleDrag)}),window.addEventListener("beforeunload",()=>{localStorage.setItem("downloadTabWidth",this.cachedTabWidth)})},methods:{...Go(["setErrors"]),onRemoveItem(e){ml.emit("removeFromQueue",e),Ao("#bar_"+e).hasClass("indeterminate")},setTabWidth(e){void 0===e?(this.$refs.container.style.width="",this.$refs.list.style.width=""):(this.$refs.container.style.width=e+"px",this.$refs.list.style.width=e+"px")},handleListClick(e){console.log("this.handleListClick")},initQueue(e){console.log("this.initQueue");const{queue:t,queueComplete:n,currentItem:a,queueList:i,restored:r}=e;n.length&&n.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),a&&(i[a].silent=!0,this.addToQueue(i[a],!0)),t.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),r&&(Ml(this.$t("toasts.queueRestored"),"done",!0,"restoring_queue"),ml.emit("queueRestored"))},addToQueue(e,t=!1){if(console.log("this.addToQueue"),Array.isArray(e)){if(e.length>1)return e.forEach((e,t)=>{e.silent=!0,this.addToQueue(e)}),void Ml(this.$t("toasts.addedMoreToQueue",{n:e.length}),"playlist_add_check");e=e[0]}this.$set(e,"current",t),this.$set(this.queueList,e.uuid,e);if(e.downloaded+e.failed==e.size){const t=-1==this.queueComplete.indexOf(e.uuid);this.$set(this.queueList[e.uuid],"status","download finished"),t&&this.queueComplete.push(e.uuid)}else{-1==this.queue.indexOf(e.uuid)&&this.queue.push(e.uuid)}(e.progress>0&&e.progress<100||t)&&this.startDownload(e.uuid),e.downloaded+e.failed==e.size&&(0==e.failed||(e.failed,e.size)),e.silent||Ml(this.$t("toasts.addedToQueue",{item:e.title}),"playlist_add_check")},updateQueue(e){const{uuid:t,downloaded:n,failed:a,progress:i,conversion:r,error:s,data:o,errid:l}=e;console.log("this.updateQueue",!!this.queueList[t]),t&&this.queue.indexOf(t)>-1&&(n&&this.queueList[t].downloaded++,a&&(this.queueList[t].failed++,1==this.queueList[t].failed&&Ao("#download_"+t+" .queue_failed").length,this.queueList[t].errors.push({message:s,data:o,errid:l})),i&&(this.queueList[t].progress=i),r&&(this.queueList[t].conversion=r))},removeFromQueue(e){console.log("this.removeFromQueue");let t=this.queue.indexOf(e);t>-1&&(this.$delete(this.queue,t),this.$delete(this.queueList,e))},removeAllDownloads(e){if(console.log("this.removeFromQueue",e),this.queueComplete=[],e){this.queue=[e];let t=this.queueList[e];this.queueList={},this.queueList[e]=t}else this.queue=[],this.queueList={}},removedFinishedDownloads(){console.log("this.removedFinishedDownloads"),this.queueComplete.forEach(e=>{this.$delete(this.queueList,e)}),this.queueComplete=[]},toggleDownloadTab(e){this.setTabWidth(),this.$refs.container.style.transition="all 250ms ease-in-out";let t=this.$refs.container.classList.toggle("tab_hidden");t||this.setTabWidth(this.cachedTabWidth),localStorage.setItem("downloadTabOpen",!t)},cleanQueue(){console.log("this.cleanQueue"),ml.emit("removeFinishedDownloads")},cancelQueue(){console.log("this.cancelQueue"),ml.emit("cancelAllDownloads")},openDownloadsFolder(){ml.emit("openDownloadsFolder")},handleDrag(e){let t=window.innerWidth-e.pageX+2;t<250?t=250:t>500&&(t=500),this.cachedTabWidth=t,this.setTabWidth(t)},startDrag(){document.addEventListener("mousemove",this.handleDrag)},startDownload(e){console.log("this.startDownload"),this.$set(this.queueList[e],"status","downloading")},finishDownload(e){if(console.log("this.finishDownload"),!(this.queue.indexOf(e)>-1))return;this.$set(this.queueList[e],"status","download finished"),Ml(this.$t("toasts.finishDownload",{item:this.queueList[e].title}),"done");let t=this.queue.indexOf(e);t>-1&&(this.queue.splice(t,1),this.queueComplete.push(e)),this.queue.length<=0&&Ml(this.$t("toasts.allDownloaded"),"done_all")},startConversion(e){console.log("this.startConversion"),this.$set(this.queueList[e],"status","converting"),this.$set(this.queueList[e],"conversion",0)},async showErrorsTab(e){await this.setErrors(e),this.$router.push({name:"Errors"})}}};var Nl=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"container",staticClass:"tab_hidden",attrs:{id:"download_tab_container","data-label":e.$t("downloads")},on:{transitionend:function(t){e.$refs.container.style.transition=""}}},[n("div",{ref:"dragHandler",attrs:{id:"download_tab_drag_handler"},on:{mousedown:function(t){return t.preventDefault(),e.startDrag(t)}}}),e._v(" "),n("i",{ref:"toggler",staticClass:"material-icons download_bar_icon",attrs:{id:"toggle_download_tab",title:e.$t("globals.toggle_download_tab_hint")},on:{click:function(t){return t.preventDefault(),e.toggleDownloadTab(t)}}}),e._v(" "),n("div",{attrs:{id:"queue_buttons"}},[e.clientMode?n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"open_downloads_folder",title:e.$t("globals.open_downloads_folder")},on:{click:e.openDownloadsFolder}},[e._v("\n\t\t\tfolder_open\n\t\t")]):e._e(),e._v(" "),n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"clean_queue",title:e.$t("globals.clean_queue_hint")},on:{click:e.cleanQueue}},[e._v("\n\t\t\tclear_all\n\t\t")]),e._v(" "),n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"cancel_queue",title:e.$t("globals.cancel_queue_hint")},on:{click:e.cancelQueue}},[e._v("\n\t\t\tdelete_sweep\n\t\t")])]),e._v(" "),n("div",{ref:"list",attrs:{id:"download_list"},on:{click:e.handleListClick}},e._l(e.queueList,(function(t){return n("QueueItem",{key:t.uuid,attrs:{"queue-item":t},on:{"show-errors":e.showErrorsTab,"remove-item":e.onRemoveItem}})})),1)])};Nl._withStripped=!0;var $l=function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheDownloadTab.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:Nl,staticRenderFns:[]},(function(e){e&&e("data-v-60e771d6_0",{source:"#download_tab_container[data-v-60e771d6] {\n  height: 100vh;\n}\n\n/*# sourceMappingURL=TheDownloadTab.vue.map */",map:{version:3,sources:["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheDownloadTab.vue","TheDownloadTab.vue"],names:[],mappings:"AAwDA;EACA,aAAA;AAAA;;ACtDA,6CAA6C",file:"TheDownloadTab.vue",sourcesContent:[null,"#download_tab_container {\n  height: 100vh; }\n\n/*# sourceMappingURL=TheDownloadTab.vue.map */"]},media:void 0})}),Dl,"data-v-60e771d6",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));const Pl={data:()=>({lastTextSearch:""}),mounted(){document.addEventListener("keyup",e=>{"Backspace"==e.key&&e.ctrlKey&&(this.$refs.searchbar.value="",this.$refs.searchbar.focus())})},methods:{test(){console.log("test passato")},async handleSearchBarKeyup(e){if(!(13===e.keyCode))return;let t=this.$refs.searchbar.value;if(""===t)return;let n=ao(t),a=e.ctrlKey,i="Link Analyzer"===this.$route.name,r="Search"===this.$route.name,s=t===this.lastTextSearch;if(n)a?this.$root.$emit("QualityModal:open",t):i?ml.emit("analyzeLink",t):gl.sendAddToQueue(t);else{if(r&&s)return;r||await this.$router.push({name:"Search"}),s||(this.$root.$emit("updateSearchLoadingState",!0),this.lastTextSearch=t),this.$root.$emit("mainSearch:showNewResults",t,window.main_selected)}}}};var Ll=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("header",{attrs:{id:"search"}},[e._m(0),e._v(" "),n("input",{ref:"searchbar",attrs:{id:"searchbar",autocomplete:"off",type:"search",name:"searchbar",value:"",placeholder:e.$t("searchbar"),autofocus:""},on:{keyup:function(t){return e.handleSearchBarKeyup(t)}}})])};Ll._withStripped=!0;const Rl={components:{TheSidebar:no,TheSearchBar:function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheSearchBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:Ll,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"search__icon"},[t("i",{staticClass:"material-icons"},[this._v("search")])])}]},(function(e){e&&e("data-v-051d26de_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"TheSearchBar.vue"},media:void 0})}),Pl,void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheMiddleSection:yo,TheDownloadTab:$l,TheTrackPreview:xo,TheQualityModal:yl,BaseLoadingPlaceholder:mo,TheContextMenu:wl}};var El=function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("TheSidebar"),this._v(" "),t("div",{staticClass:"app-container"},[t("div",{staticClass:"content-container"},[t("TheSearchBar"),this._v(" "),t("TheMiddleSection")],1),this._v(" "),t("TheDownloadTab",{staticClass:"downlaods"})],1),this._v(" "),t("BaseLoadingPlaceholder",{attrs:{id:"start_app_placeholder",text:"Connecting to the server..."}}),this._v(" "),t("TheTrackPreview"),this._v(" "),t("TheQualityModal"),this._v(" "),t("TheContextMenu")],1)};El._withStripped=!0;var Il=function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\App.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:El,staticRenderFns:[]},(function(e){e&&e("data-v-614d1016_0",{source:".app-container {\n  display: flex;\n}\n.content-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: 48px;\n}\n.downlaods {\n  flex-basis: 32px;\n}\n\n/*# sourceMappingURL=App.vue.map */",map:{version:3,sources:["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\App.vue","App.vue"],names:[],mappings:"AAsBA;EACA,aAAA;AAAA;AAGA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;AAAA;AAGA;EACA,gBAAA;AAAA;;ACtBA,kCAAkC",file:"App.vue",sourcesContent:[null,".app-container {\n  display: flex; }\n\n.content-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: 48px; }\n\n.downlaods {\n  flex-basis: 32px; }\n\n/*# sourceMappingURL=App.vue.map */"]},media:void 0})}),Rl,void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),jl=["style","currency","currencyDisplay","useGrouping","minimumIntegerDigits","minimumFractionDigits","maximumFractionDigits","minimumSignificantDigits","maximumSignificantDigits","localeMatcher","formatMatcher","unit"];
+!function(t,n){e.exports?e.exports=n():t.Toastify=n()}(_o,(function(e){var t=function(e){return new t.lib.init(e)};function n(e,t){return!(!e||"string"!=typeof t)&&!!(e.className&&e.className.trim().split(/\s+/gi).indexOf(t)>-1)}return t.lib=t.prototype={toastify:"1.8.0",constructor:t,init:function(e){return e||(e={}),this.options={},this.toastElement=null,this.options.text=e.text||"Hi there!",this.options.node=e.node,this.options.duration=0===e.duration?0:e.duration||3e3,this.options.selector=e.selector,this.options.callback=e.callback||function(){},this.options.destination=e.destination,this.options.newWindow=e.newWindow||!1,this.options.close=e.close||!1,this.options.gravity="bottom"===e.gravity?"toastify-bottom":"toastify-top",this.options.positionLeft=e.positionLeft||!1,this.options.position=e.position||"",this.options.backgroundColor=e.backgroundColor,this.options.avatar=e.avatar||"",this.options.className=e.className||"",this.options.stopOnFocus=void 0===e.stopOnFocus||e.stopOnFocus,this.options.onClick=e.onClick,this},buildToast:function(){if(!this.options)throw"Toastify is not initialized";var e=document.createElement("div");if(e.className="toastify on "+this.options.className,this.options.position?e.className+=" toastify-"+this.options.position:!0===this.options.positionLeft?(e.className+=" toastify-left",console.warn("Property `positionLeft` will be depreciated in further versions. Please use `position` instead.")):e.className+=" toastify-right",e.className+=" "+this.options.gravity,this.options.backgroundColor&&(e.style.background=this.options.backgroundColor),this.options.node&&this.options.node.nodeType===Node.ELEMENT_NODE)e.appendChild(this.options.node);else if(e.innerHTML=this.options.text,""!==this.options.avatar){var t=document.createElement("img");t.src=this.options.avatar,t.className="toastify-avatar","left"==this.options.position||!0===this.options.positionLeft?e.appendChild(t):e.insertAdjacentElement("beforeend",t)}if(!0===this.options.close){var n=document.createElement("span");n.innerHTML="&#10006;",n.className="toast-close",n.addEventListener("click",function(e){e.stopPropagation(),this.removeElement(this.toastElement),window.clearTimeout(this.toastElement.timeOutValue)}.bind(this));var a=window.innerWidth>0?window.innerWidth:screen.width;("left"==this.options.position||!0===this.options.positionLeft)&&a>360?e.insertAdjacentElement("afterbegin",n):e.appendChild(n)}if(this.options.stopOnFocus&&this.options.duration>0){const t=this;e.addEventListener("mouseover",(function(t){window.clearTimeout(e.timeOutValue)})),e.addEventListener("mouseleave",(function(){e.timeOutValue=window.setTimeout((function(){t.removeElement(e)}),t.options.duration)}))}return void 0!==this.options.destination&&e.addEventListener("click",function(e){e.stopPropagation(),!0===this.options.newWindow?window.open(this.options.destination,"_blank"):window.location=this.options.destination}.bind(this)),"function"==typeof this.options.onClick&&void 0===this.options.destination&&e.addEventListener("click",function(e){e.stopPropagation(),this.options.onClick()}.bind(this)),e},showToast:function(){var e;if(this.toastElement=this.buildToast(),!(e=void 0===this.options.selector?document.body:document.getElementById(this.options.selector)))throw"Root element is not defined";return e.insertBefore(this.toastElement,e.firstChild),t.reposition(),this.options.duration>0&&(this.toastElement.timeOutValue=window.setTimeout(function(){this.removeElement(this.toastElement)}.bind(this),this.options.duration)),this},hideToast:function(){this.toastElement.timeOutValue&&clearTimeout(this.toastElement.timeOutValue),this.removeElement(this.toastElement)},removeElement:function(e){e.className=e.className.replace(" on",""),window.setTimeout(function(){this.options.node&&this.options.node.parentNode&&this.options.node.parentNode.removeChild(this.options.node),e.parentNode&&e.parentNode.removeChild(e),this.options.callback.call(e),t.reposition()}.bind(this),400)}},t.reposition=function(){for(var e,t={top:15,bottom:15},a={top:15,bottom:15},i={top:15,bottom:15},r=document.getElementsByClassName("toastify"),s=0;s<r.length;s++){e=!0===n(r[s],"toastify-top")?"toastify-top":"toastify-bottom";var o=r[s].offsetHeight;e=e.substr(9,e.length-1);(window.innerWidth>0?window.innerWidth:screen.width)<=360?(r[s].style[e]=i[e]+"px",i[e]+=o+15):!0===n(r[s],"toastify-left")?(r[s].style[e]=t[e]+"px",t[e]+=o+15):(r[s].style[e]=a[e]+"px",a[e]+=o+15)}return this},t.lib.init.prototype=t.lib,t}))}));let zl={};const Ml=function(e,t=null,n=!0,a=null){if(zl[a]){let i=zl[a],r=Ao(`div.toastify[toast_id=${a}]`);e&&r.find(".toast-message").html(e),t&&(t="loading"==t?'<div class="circle-loader"></div>':`<i class="material-icons">${t}</i>`,r.find(".toast-icon").html(t)),null!==n&&n&&(r.addClass("dismissable"),setTimeout((function(){i.hideToast(),delete zl[a]}),3e3))}else{let i=Sl({text:`<span class="toast-icon">${t=null==t?"":"loading"==t?'<div class="circle-loader"></div>':`<i class="material-icons">${t}</i>`}</span><span class="toast-message">${e}</toast>`,duration:n?3e3:0,gravity:"bottom",position:"left",className:n?"dismissable":"",onClick:function(){let e=!0;if(a){let t=document.querySelector(`div.toastify[toast_id=${a}]`).classList;t&&(e=-1!=Array.from(t).indexOf("dismissable"))}i&&e&&(i.hideToast(),a&&delete zl[a])}}).showToast();a&&(zl[a]=i,Ao(i.toastElement).attr("toast_id",a))}};ml.on("toast",e=>{const{msg:t,icon:n,dismiss:a,id:i}=e;Ml(t,n||null,void 0===a||a,i||null)});const Dl={components:{QueueItem:Tl},data:()=>({cachedTabWidth:parseInt(localStorage.getItem("downloadTabWidth"))||300,queue:[],queueList:{},queueComplete:[],clientMode:window.clientMode}),mounted(){ml.on("startDownload",this.startDownload),ml.on("startConversion",this.startConversion),ml.on("init_downloadQueue",this.initQueue),ml.on("addedToQueue",this.addToQueue),ml.on("updateQueue",this.updateQueue),ml.on("removedFromQueue",this.removeFromQueue),ml.on("finishDownload",this.finishDownload),ml.on("removedAllDownloads",this.removeAllDownloads),ml.on("removedFinishedDownloads",this.removedFinishedDownloads),"true"===localStorage.getItem("slimDownloads")&&this.$refs.list.classList.add("slim"),"true"===localStorage.getItem("downloadTabOpen")&&(this.$refs.container.classList.remove("tab_hidden"),this.setTabWidth(this.cachedTabWidth)),document.addEventListener("mouseup",()=>{document.removeEventListener("mousemove",this.handleDrag)}),window.addEventListener("beforeunload",()=>{localStorage.setItem("downloadTabWidth",this.cachedTabWidth)})},methods:{...Go(["setErrors"]),onRemoveItem(e){ml.emit("removeFromQueue",e)},setTabWidth(e){void 0===e?(this.$refs.container.style.width="",this.$refs.list.style.width=""):(this.$refs.container.style.width=e+"px",this.$refs.list.style.width=e+"px")},initQueue(e){console.log("this.initQueue");const{queue:t,queueComplete:n,currentItem:a,queueList:i,restored:r}=e;n.length&&n.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),a&&(i[a].silent=!0,this.addToQueue(i[a],!0)),t.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),r&&(Ml(this.$t("toasts.queueRestored"),"done",!0,"restoring_queue"),ml.emit("queueRestored"))},addToQueue(e,t=!1){if(console.log("this.addToQueue"),Array.isArray(e)){if(e.length>1)return e.forEach((e,t)=>{e.silent=!0,this.addToQueue(e)}),void Ml(this.$t("toasts.addedMoreToQueue",{n:e.length}),"playlist_add_check");e=e[0]}this.$set(e,"current",t),this.$set(this.queueList,e.uuid,e);if(e.downloaded+e.failed==e.size){const t=-1==this.queueComplete.indexOf(e.uuid);this.$set(this.queueList[e.uuid],"status","download finished"),t&&this.queueComplete.push(e.uuid)}else{-1==this.queue.indexOf(e.uuid)&&this.queue.push(e.uuid)}(e.progress>0&&e.progress<100||t)&&this.startDownload(e.uuid),e.silent||Ml(this.$t("toasts.addedToQueue",{item:e.title}),"playlist_add_check")},updateQueue(e){const{uuid:t,downloaded:n,failed:a,progress:i,conversion:r,error:s,data:o,errid:l}=e;console.log("this.updateQueue",!!this.queueList[t]),t&&this.queue.indexOf(t)>-1&&(n&&this.queueList[t].downloaded++,a&&(this.queueList[t].failed++,this.queueList[t].errors.push({message:s,data:o,errid:l})),i&&(this.queueList[t].progress=i),r&&(this.queueList[t].conversion=r))},removeFromQueue(e){console.log("this.removeFromQueue");let t=this.queue.indexOf(e);t>-1&&(this.$delete(this.queue,t),this.$delete(this.queueList,e))},removeAllDownloads(e){if(console.log("this.removeFromQueue",e),this.queueComplete=[],e){this.queue=[e];let t=this.queueList[e];this.queueList={},this.queueList[e]=t}else this.queue=[],this.queueList={}},removedFinishedDownloads(){console.log("this.removedFinishedDownloads"),this.queueComplete.forEach(e=>{this.$delete(this.queueList,e)}),this.queueComplete=[]},toggleDownloadTab(e){this.setTabWidth(),this.$refs.container.style.transition="all 250ms ease-in-out";let t=this.$refs.container.classList.toggle("tab_hidden");t||this.setTabWidth(this.cachedTabWidth),localStorage.setItem("downloadTabOpen",!t)},cleanQueue(){console.log("this.cleanQueue"),ml.emit("removeFinishedDownloads")},cancelQueue(){console.log("this.cancelQueue"),ml.emit("cancelAllDownloads")},openDownloadsFolder(){ml.emit("openDownloadsFolder")},handleDrag(e){let t=window.innerWidth-e.pageX+2;t<250?t=250:t>500&&(t=500),this.cachedTabWidth=t,this.setTabWidth(t)},startDrag(){document.addEventListener("mousemove",this.handleDrag)},startDownload(e){console.log("this.startDownload"),this.$set(this.queueList[e],"status","downloading")},finishDownload(e){if(console.log("this.finishDownload"),!(this.queue.indexOf(e)>-1))return;this.$set(this.queueList[e],"status","download finished"),Ml(this.$t("toasts.finishDownload",{item:this.queueList[e].title}),"done");let t=this.queue.indexOf(e);t>-1&&(this.queue.splice(t,1),this.queueComplete.push(e)),this.queue.length<=0&&Ml(this.$t("toasts.allDownloaded"),"done_all")},startConversion(e){console.log("this.startConversion"),this.$set(this.queueList[e],"status","converting"),this.$set(this.queueList[e],"conversion",0)},async showErrorsTab(e){await this.setErrors(e),this.$router.push({name:"Errors"})}}};var Nl=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{ref:"container",staticClass:"tab_hidden",attrs:{id:"download_tab_container","data-label":e.$t("downloads")},on:{transitionend:function(t){e.$refs.container.style.transition=""}}},[n("div",{ref:"dragHandler",attrs:{id:"download_tab_drag_handler"},on:{mousedown:function(t){return t.preventDefault(),e.startDrag(t)}}}),e._v(" "),n("i",{ref:"toggler",staticClass:"material-icons download_bar_icon",attrs:{id:"toggle_download_tab",title:e.$t("globals.toggle_download_tab_hint")},on:{click:function(t){return t.preventDefault(),e.toggleDownloadTab(t)}}}),e._v(" "),n("div",{attrs:{id:"queue_buttons"}},[e.clientMode?n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"open_downloads_folder",title:e.$t("globals.open_downloads_folder")},on:{click:e.openDownloadsFolder}},[e._v("\n\t\t\tfolder_open\n\t\t")]):e._e(),e._v(" "),n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"clean_queue",title:e.$t("globals.clean_queue_hint")},on:{click:e.cleanQueue}},[e._v("\n\t\t\tclear_all\n\t\t")]),e._v(" "),n("i",{staticClass:"material-icons download_bar_icon",attrs:{id:"cancel_queue",title:e.$t("globals.cancel_queue_hint")},on:{click:e.cancelQueue}},[e._v("\n\t\t\tdelete_sweep\n\t\t")])]),e._v(" "),n("div",{ref:"list",attrs:{id:"download_list"}},e._l(e.queueList,(function(t){return n("QueueItem",{key:t.uuid,attrs:{"queue-item":t},on:{"show-errors":e.showErrorsTab,"remove-item":e.onRemoveItem}})})),1)])};Nl._withStripped=!0;var $l=function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheDownloadTab.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:Nl,staticRenderFns:[]},(function(e){e&&e("data-v-ce06a738_0",{source:"#download_tab_container[data-v-ce06a738] {\n  height: 100vh;\n}\n\n/*# sourceMappingURL=TheDownloadTab.vue.map */",map:{version:3,sources:["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheDownloadTab.vue","TheDownloadTab.vue"],names:[],mappings:"AAwDA;EACA,aAAA;AAAA;;ACtDA,6CAA6C",file:"TheDownloadTab.vue",sourcesContent:[null,"#download_tab_container {\n  height: 100vh; }\n\n/*# sourceMappingURL=TheDownloadTab.vue.map */"]},media:void 0})}),Dl,"data-v-ce06a738",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));const Pl={data:()=>({lastTextSearch:""}),mounted(){document.addEventListener("keyup",e=>{"Backspace"==e.key&&e.ctrlKey&&(this.$refs.searchbar.value="",this.$refs.searchbar.focus())})},methods:{test(){console.log("test passato")},async handleSearchBarKeyup(e){if(!(13===e.keyCode))return;let t=this.$refs.searchbar.value;if(""===t)return;let n=ao(t),a=e.ctrlKey,i="Link Analyzer"===this.$route.name,r="Search"===this.$route.name,s=t===this.lastTextSearch;if(n)a?this.$root.$emit("QualityModal:open",t):i?ml.emit("analyzeLink",t):gl.sendAddToQueue(t);else{if(r&&s)return;r||await this.$router.push({name:"Search"}),s||(this.$root.$emit("updateSearchLoadingState",!0),this.lastTextSearch=t),this.$root.$emit("mainSearch:showNewResults",t,window.main_selected)}}}};var Ll=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("header",{attrs:{id:"search"}},[e._m(0),e._v(" "),n("input",{ref:"searchbar",attrs:{id:"searchbar",autocomplete:"off",type:"search",name:"searchbar",value:"",placeholder:e.$t("searchbar"),autofocus:""},on:{keyup:function(t){return e.handleSearchBarKeyup(t)}}})])};Ll._withStripped=!0;const Rl={components:{TheSidebar:no,TheSearchBar:function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\TheSearchBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:Ll,staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"search__icon"},[t("i",{staticClass:"material-icons"},[this._v("search")])])}]},(function(e){e&&e("data-v-051d26de_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"TheSearchBar.vue"},media:void 0})}),Pl,void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheMiddleSection:yo,TheDownloadTab:$l,TheTrackPreview:xo,TheQualityModal:yl,BaseLoadingPlaceholder:mo,TheContextMenu:wl}};var El=function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("TheSidebar"),this._v(" "),t("div",{staticClass:"app-container"},[t("div",{staticClass:"content-container"},[t("TheSearchBar"),this._v(" "),t("TheMiddleSection")],1),this._v(" "),t("TheDownloadTab",{staticClass:"downlaods"})],1),this._v(" "),t("BaseLoadingPlaceholder",{attrs:{id:"start_app_placeholder",text:"Connecting to the server..."}}),this._v(" "),t("TheTrackPreview"),this._v(" "),t("TheQualityModal"),this._v(" "),t("TheContextMenu")],1)};El._withStripped=!0;var Il=function(e,t,n,a,i,r,s,o){const l=("function"==typeof n?n.options:n)||{};l.__file="C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\App.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=a;{let e;if(t&&(e=function(e){t.call(this,s(e))}),void 0!==e)if(l.functional){const t=l.render;l.render=function(n,a){return e.call(a),t(n,a)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:El,staticRenderFns:[]},(function(e){e&&e("data-v-614d1016_0",{source:".app-container {\n  display: flex;\n}\n.content-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: 48px;\n}\n.downlaods {\n  flex-basis: 32px;\n}\n\n/*# sourceMappingURL=App.vue.map */",map:{version:3,sources:["C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui/C:\\Users\\Roberto\\Dev\\repos\\deemix-pyweb\\webui\\src\\components\\App.vue","App.vue"],names:[],mappings:"AAsBA;EACA,aAAA;AAAA;AAGA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;AAAA;AAGA;EACA,gBAAA;AAAA;;ACtBA,kCAAkC",file:"App.vue",sourcesContent:[null,".app-container {\n  display: flex; }\n\n.content-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: 48px; }\n\n.downlaods {\n  flex-basis: 32px; }\n\n/*# sourceMappingURL=App.vue.map */"]},media:void 0})}),Rl,void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],n=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,i){if(document.querySelector('style[data-vue-ssr-id~="'+e+'"]'))return;const r=a?i.media||"default":e,s=n[r]||(n[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let n=i.source,o=s.ids.length;if(s.ids.push(e),a&&(s.element=s.element||document.querySelector("style[data-group="+r+"]")),!s.element){const e=s.element=document.createElement("style");e.type="text/css",i.media&&e.setAttribute("media",i.media),a&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(a&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(n),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(n),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),jl=["style","currency","currencyDisplay","useGrouping","minimumIntegerDigits","minimumFractionDigits","maximumFractionDigits","minimumSignificantDigits","maximumSignificantDigits","localeMatcher","formatMatcher","unit"];
 /*!
  * vue-i18n v8.18.2 
  * (c) 2020 kazuya kawaguchi
diff --git a/src/components/TheDownloadTab.vue b/src/components/TheDownloadTab.vue
index 89d18bc..5ed4d7c 100644
--- a/src/components/TheDownloadTab.vue
+++ b/src/components/TheDownloadTab.vue
@@ -41,7 +41,7 @@
 				delete_sweep
 			</i>
 		</div>
-		<div id="download_list" @click="handleListClick" ref="list">
+		<div id="download_list" ref="list">
 			<QueueItem
 				v-for="item in queueList"
 				:queue-item="item"
@@ -63,7 +63,6 @@
 import { mapActions } from 'vuex'
 import QueueItem from '@components/downloads/QueueItem.vue'
 
-import $ from 'jquery'
 import { socket } from '@/utils/socket'
 import { toast } from '@/utils/toasts'
 
@@ -117,12 +116,6 @@ export default {
 		...mapActions(['setErrors']),
 		onRemoveItem(uuid) {
 			socket.emit('removeFromQueue', uuid)
-
-			if ($(`#bar_${uuid}`).hasClass('indeterminate')) {
-				// $(`#download_${uuid}`).remove()
-			} else {
-				// target.innerHTML = `<div class="circle-loader"></div>`
-			}
 		},
 		setTabWidth(newWidth) {
 			if (undefined === newWidth) {
@@ -133,31 +126,6 @@ export default {
 				this.$refs.list.style.width = newWidth + 'px'
 			}
 		},
-		handleListClick(event) {
-			console.log('this.handleListClick')
-			return
-			const { target } = event
-
-			if (!target.matches('.queue_icon[data-uuid]')) {
-				return
-			}
-
-			let icon = target.innerText
-			let uuid = $(target).data('uuid')
-
-			switch (icon) {
-				case 'remove':
-					socket.emit('removeFromQueue', uuid)
-
-					if ($(`#bar_${uuid}`).hasClass('indeterminate')) {
-						// $(`#download_${uuid}`).remove()
-					} else {
-						target.innerHTML = `<div class="circle-loader"></div>`
-					}
-					break
-				default:
-			}
-		},
 		initQueue(data) {
 			console.log('this.initQueue')
 			const {
@@ -208,7 +176,6 @@ export default {
 			// * Here we have only queueItem objects
 			this.$set(queueItem, 'current', current)
 			this.$set(this.queueList, queueItem.uuid, queueItem)
-			// this.queueList[queueItem.uuid] = queueItem
 
 			// * Used when opening the app in another tab
 			const itemIsAlreadyDownloaded = queueItem.downloaded + queueItem.failed == queueItem.size
@@ -230,53 +197,12 @@ export default {
 				}
 			}
 
-			// let queueDOM = document.getElementById('download_' + queueItem.uuid)
-			// let noItemInQueueDOM = typeof queueDOM == 'undefined' || queueDOM == null
-
-			// if (noItemInQueueDOM) {
-			// 	this.appendItem(queueItem)
-			// }
-
 			const needToStartDownload = (queueItem.progress > 0 && queueItem.progress < 100) || current
 
 			if (needToStartDownload) {
 				this.startDownload(queueItem.uuid)
 			}
 
-			// * Setting progress
-			// $('#bar_' + queueItem.uuid).css('width', queueItem.progress + '%')
-
-			// const needToAddFailedIndicator =
-			// 	queueItem.failed >= 1 && $('#download_' + queueItem.uuid + ' .queue_failed').length == 0
-
-			// if (needToAddFailedIndicator) {
-			// 	$('#download_' + queueItem.uuid + ' .download_info_status').append(
-			// 		`<span class="secondary-text inline-flex"><span class="download_slim_separator">(</span><span class="queue_failed_button inline-flex"><span class="queue_failed">${queueItem.failed}</span><i class="material-icons">error_outline</i></span><span class="download_slim_separator">)</span></span>`
-			// 	)
-			// }
-
-			if (queueItem.downloaded + queueItem.failed == queueItem.size) {
-				// let resultIcon = $('#download_' + queueItem.uuid).find('.queue_icon')
-
-				if (queueItem.failed == 0) {
-					// resultIcon.text('done')
-				} else {
-					// let failedButton = $('#download_' + queueItem.uuid).find('.queue_failed_button')
-
-					// ! resultIcon.addClass('clickable')
-					// ! failedButton.addClass('clickable')
-
-					// ! resultIcon.bind('click', { item: queueItem }, this.showErrorsTab)
-					// ! failedButton.bind('click', { item: queueItem }, this.showErrorsTab)
-
-					if (queueItem.failed >= queueItem.size) {
-						// resultIcon.text('error')
-					} else {
-						// resultIcon.text('warning')
-					}
-				}
-			}
-
 			if (!queueItem.silent) {
 				toast(this.$t('toasts.addedToQueue', { item: queueItem.title }), 'playlist_add_check')
 			}
@@ -289,38 +215,19 @@ export default {
 			if (uuid && this.queue.indexOf(uuid) > -1) {
 				if (downloaded) {
 					this.queueList[uuid].downloaded++
-
-					// $('#download_' + uuid + ' .queue_downloaded').text(
-					// 	this.queueList[uuid].downloaded + this.queueList[uuid].failed
-					// )
 				}
 
 				if (failed) {
 					this.queueList[uuid].failed++
-
-					// $('#download_' + uuid + ' .queue_downloaded').text(
-					// 	this.queueList[uuid].downloaded + this.queueList[uuid].failed
-					// )
-
-					if (this.queueList[uuid].failed == 1 && $('#download_' + uuid + ' .queue_failed').length == 0) {
-						// $('#download_' + uuid + ' .download_info_status').append(
-						// 	`<span class="secondary-text inline-flex"><span class="download_slim_separator">(</span><span class="queue_failed_button inline-flex"><span class="queue_failed">1</span> <i class="material-icons">error_outline</i></span><span class="download_slim_separator">)</span></span>`
-						// )
-					} else {
-						// $('#download_' + uuid + ' .queue_failed').text(this.queueList[uuid].failed)
-					}
-
 					this.queueList[uuid].errors.push({ message: error, data: data, errid: errid })
 				}
 
 				if (progress) {
 					this.queueList[uuid].progress = progress
-					// $('#bar_' + uuid).css('width', progress + '%')
 				}
 
 				if (conversion) {
 					this.queueList[uuid].conversion = conversion
-					// $('#bar_' + uuid).css('width', 100 - conversion + '%')
 				}
 			}
 		},
@@ -331,21 +238,15 @@ export default {
 			if (index > -1) {
 				this.$delete(this.queue, index)
 				this.$delete(this.queueList, uuid)
-
-				// $(`#download_${uuid}`).remove()
 			}
 		},
 		removeAllDownloads(currentItem) {
 			console.log('this.removeFromQueue', currentItem)
 			this.queueComplete = []
 
-			// let currentItemIsEmpty = currentItem === ''
-
 			if (!currentItem) {
 				this.queue = []
 				this.queueList = {}
-
-				// $(listEl).html('')
 			} else {
 				this.queue = [currentItem]
 
@@ -353,18 +254,11 @@ export default {
 
 				this.queueList = {}
 				this.queueList[currentItem] = tempQueueItem
-
-				// $('.download_object').each(function (index) {
-				// 	if ($(this).attr('id') != 'download_' + currentItem) {
-				// 		$(this).remove()
-				// 	}
-				// })
 			}
 		},
 		removedFinishedDownloads() {
 			console.log('this.removedFinishedDownloads')
 			this.queueComplete.forEach(uuid => {
-				// $('#download_' + item).remove()
 				this.$delete(this.queueList, uuid)
 			})
 
@@ -415,11 +309,6 @@ export default {
 		startDownload(uuid) {
 			console.log('this.startDownload')
 			this.$set(this.queueList[uuid], 'status', 'downloading')
-
-			// $('#bar_' + uuid)
-			// 	.removeClass('converting')
-			// 	.removeClass('indeterminate')
-			// 	.addClass('determinate')
 		},
 		finishDownload(uuid) {
 			console.log('this.finishDownload')
@@ -429,32 +318,8 @@ export default {
 			if (!isInQueue) return
 
 			this.$set(this.queueList[uuid], 'status', 'download finished')
-
-			// const resultIcon = $('#download_' + uuid).find('.queue_icon')
-			// const noFailedDownloads = this.queueList[uuid].failed == 0
-
 			toast(this.$t('toasts.finishDownload', { item: this.queueList[uuid].title }), 'done')
 
-			// $('#bar_' + uuid).css('width', '100%')
-
-			// if (noFailedDownloads) {
-			// 	resultIcon.text('done')
-			// } else {
-			// 	const failedButton = $('#download_' + uuid).find('.queue_failed_button')
-
-			// 	! resultIcon.addClass('clickable')
-			// 	! resultIcon.bind('click', { item: this.queueList[uuid] }, this.showErrorsTab)
-
-			// 	! failedButton.addClass('clickable')
-			// 	! failedButton.bind('click', { item: this.queueList[uuid] }, this.showErrorsTab)
-
-			// 	if (this.queueList[uuid].failed >= this.queueList[uuid].size) {
-			// 		resultIcon.text('error')
-			// 	} else {
-			// 		resultIcon.text('warning')
-			// 	}
-			// }
-
 			let index = this.queue.indexOf(uuid)
 
 			if (index > -1) {
@@ -470,37 +335,7 @@ export default {
 			console.log('this.startConversion')
 			this.$set(this.queueList[uuid], 'status', 'converting')
 			this.$set(this.queueList[uuid], 'conversion', 0)
-
-			// $('#bar_' + uuid)
-			// 	.addClass('converting')
-			// 	.addClass('determinate')
-			// 	.removeClass('indeterminate')
-			// 	.css('width', '100%')
 		},
-		// appendItem(queueItem) {
-		// 	return
-		// 	console.log('this.appendItem')
-		// 	$(this.$refs.list).append(
-		// 		`<div class="download_object" id="download_${queueItem.uuid}" data-deezerid="${queueItem.id}">
-		// 				<div class="download_info">
-		// 					<img width="75px" class="rounded coverart" src="${queueItem.cover}" alt="Cover ${queueItem.title}"/>
-		// 					<div class="download_info_data">
-		// 						<span class="download_line">${queueItem.title}</span> <span class="download_slim_separator"> - </span>
-		// 						<span class="secondary-text">${queueItem.artist}</span>
-		// 					</div>
-		// 					<div class="download_info_status">
-		// 						<span class="download_line"><span class="queue_downloaded">${queueItem.downloaded + queueItem.failed}</span>/${
-		// 			queueItem.size
-		// 		}</span>
-		// 					</div>
-		// 				</div>
-		// 				<div class="download_bar">
-		// 					<div class="progress"><div id="bar_${queueItem.uuid}" class="indeterminate"></div></div>
-		// 					<i class="material-icons queue_icon" data-uuid="${queueItem.uuid}">remove</i>
-		// 				</div>
-		// 			</div>`
-		// 	)
-		// },
 		async showErrorsTab(item) {
 			await this.setErrors(item)
 
diff --git a/src/components/downloads/QueueItem.vue b/src/components/downloads/QueueItem.vue
index 5aabc63..df45706 100644
--- a/src/components/downloads/QueueItem.vue
+++ b/src/components/downloads/QueueItem.vue
@@ -27,7 +27,6 @@
 		</div>
 		<div class="download_bar">
 			<div class="progress">
-				<!-- class="indeterminate" -->
 				<div :id="`bar_${queueItem.uuid}`" :class="barClass" :style="barStyle"></div>
 			</div>
 			<i