From 09f3b2138dd97a6d0c850c7ae257c54c3b5774f5 Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Fri, 16 Oct 2020 23:02:34 +0200 Subject: [PATCH] style: removed grayscale filters on sidebar; style: refactored sidebar; style: now the sidebar is fixed --- public/js/bundle.js | 4 +- src/App.vue | 7 +- src/components/TheSearchBar.vue | 2 + src/components/TheSidebar.vue | 31 ++++-- src/styles/scss/_sidebar.scss | 135 ++++++-------------------- src/styles/scss/base/_base.scss | 3 - src/styles/scss/globals/_globals.scss | 5 +- 7 files changed, 61 insertions(+), 126 deletions(-) diff --git a/public/js/bundle.js b/public/js/bundle.js index 1833955..ed28a8a 100644 --- a/public/js/bundle.js +++ b/public/js/bundle.js @@ -3,7 +3,7 @@ * (c) 2014-2020 Evan You * Released under the MIT License. */ -var e=Object.freeze({});function t(e){return null==e}function a(e){return null!=e}function n(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function r(e){return null!==e&&"object"==typeof e}var s=Object.prototype.toString;function o(e){return"[object Object]"===s.call(e)}function l(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function c(e){return a(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function d(e){return null==e?"":Array.isArray(e)||o(e)&&e.toString===s?JSON.stringify(e,null,2):String(e)}function u(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var a=Object.create(null),n=e.split(","),i=0;i-1)return e.splice(a,1)}}var f=Object.prototype.hasOwnProperty;function v(e,t){return f.call(e,t)}function b(e){var t=Object.create(null);return function(a){return t[a]||(t[a]=e(a))}}var y=/-(\w)/g,k=b((function(e){return e.replace(y,(function(e,t){return t?t.toUpperCase():""}))})),_=b((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})),w=/\B([A-Z])/g,A=b((function(e){return e.replace(w,"-$1").toLowerCase()}));var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function a(a){var n=arguments.length;return n?n>1?e.apply(t,arguments):e.call(t,a):e.call(t)}return a._length=e.length,a};function z(e,t){t=t||0;for(var a=e.length-t,n=new Array(a);a--;)n[a]=e[a+t];return n}function C(e,t){for(var a in t)e[a]=t[a];return e}function T(e){for(var t={},a=0;a0,Q=H&&H.indexOf("edge/")>0,J=(H&&H.indexOf("android"),H&&/iphone|ipad|ipod|ios/.test(H)||"ios"===G),Y=(H&&/chrome\/\d+/.test(H),H&&/phantomjs/.test(H),H&&H.match(/firefox\/(\d+)/)),Z={}.watch,X=!1;if(q)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){X=!0}}),window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===U&&(U=!q&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),U},ae=q&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function ne(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,re="undefined"!=typeof Symbol&&ne(Symbol)&&"undefined"!=typeof Reflect&&ne(Reflect.ownKeys);ie="undefined"!=typeof Set&&ne(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var se=S,oe=0,le=function(){this.id=oe++,this.subs=[]};le.prototype.addSub=function(e){this.subs.push(e)},le.prototype.removeSub=function(e){g(this.subs,e)},le.prototype.depend=function(){le.target&&le.target.addDep(this)},le.prototype.notify=function(){for(var e=this.subs.slice(),t=0,a=e.length;t-1)if(r&&!v(i,"default"))s=!1;else if(""===s||s===A(e)){var l=Ee(String,i.type);(l<0||o0&&(lt((l=e(l,(s||"")+"_"+o))[0])&<(d)&&(u[c]=ge(d.text+l[0].text),l.shift()),u.push.apply(u,l)):i(l)?lt(d)?u[c]=ge(d.text+l):""!==l&&u.push(ge(l)):lt(l)&<(d)?u[c]=ge(d.text+l.text):(n(r._isVList)&&a(l.tag)&&t(l.key)&&a(s)&&(l.key="__vlist"+s+"_"+o+"__"),u.push(l)));return u}(e):void 0}function lt(e){return a(e)&&a(e.text)&&!1===e.isComment}function ct(e,t){if(e){for(var a=Object.create(null),n=re?Reflect.ownKeys(e):Object.keys(e),i=0;i0,s=t?!!t.$stable:!r,o=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(s&&n&&n!==e&&o===n.$key&&!r&&!n.$hasNormal)return n;for(var l in i={},t)t[l]&&"$"!==l[0]&&(i[l]=ht(a,l,t[l]))}else i={};for(var c in a)c in i||(i[c]=mt(a,c));return t&&Object.isExtensible(t)&&(t._normalized=i),E(i,"$stable",s),E(i,"$key",o),E(i,"$hasNormal",r),i}function ht(e,t,a){var n=function(){var e=arguments.length?a.apply(null,arguments):a({});return(e=e&&"object"==typeof e&&!Array.isArray(e)?[e]:ot(e))&&(0===e.length||1===e.length&&e[0].isComment)?void 0:e};return a.proxy&&Object.defineProperty(e,t,{get:n,enumerable:!0,configurable:!0}),n}function mt(e,t){return function(){return e[t]}}function gt(e,t){var n,i,s,o,l;if(Array.isArray(e)||"string"==typeof e)for(n=new Array(e.length),i=0,s=e.length;idocument.createEvent("Event").timeStamp&&(ra=function(){return sa.now()})}function oa(){var e,t;for(ia=ra(),aa=!0,Zt.sort((function(e,t){return e.id-t.id})),na=0;nana&&Zt[a].id>e.id;)a--;Zt.splice(a+1,0,e)}else Zt.push(e);ta||(ta=!0,Xe(oa))}}(this)},ca.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||r(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Oe(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},ca.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},ca.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},ca.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||g(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var da={enumerable:!0,configurable:!0,get:S,set:S};function ua(e,t,a){da.get=function(){return this[t][a]},da.set=function(e){this[t][a]=e},Object.defineProperty(e,a,da)}function pa(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var a=e.$options.propsData||{},n=e._props={},i=e.$options._propKeys=[];e.$parent&&_e(!1);var r=function(r){i.push(r);var s=Ie(r,t,a,e);xe(n,r,s),r in e||ua(e,"_props",r)};for(var s in t)r(s);_e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var a in t)e[a]="function"!=typeof t[a]?S:x(t[a],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;o(t=e._data="function"==typeof t?function(e,t){de();try{return e.call(t,t)}catch(e){return Oe(e,t,"data()"),{}}finally{ue()}}(t,e):t||{})||(t={});var a=Object.keys(t),n=e.$options.props,i=(e.$options.methods,a.length);for(;i--;){var r=a[i];n&&v(n,r)||F(r)||ua(e,"_data",r)}Ae(t,!0)}(e):Ae(e._data={},!0),t.computed&&function(e,t){var a=e._computedWatchers=Object.create(null),n=te();for(var i in t){var r=t[i],s="function"==typeof r?r:r.get;n||(a[i]=new ca(e,s||S,S,ha)),i in e||ma(e,i,r)}}(e,t.computed),t.watch&&t.watch!==Z&&function(e,t){for(var a in t){var n=t[a];if(Array.isArray(n))for(var i=0;i-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(a=e,"[object RegExp]"===s.call(a)&&e.test(t));var a}function xa(e,t){var a=e.cache,n=e.keys,i=e._vnode;for(var r in a){var s=a[r];if(s){var o=wa(s.componentOptions);o&&!t(o)&&za(a,r,n,i)}}}function za(e,t,a,n){var i=e[t];!i||n&&i.tag===n.tag||i.componentInstance.$destroy(),e[t]=null,g(a,t)}!function(t){t.prototype._init=function(t){var a=this;a._uid=ba++,a._isVue=!0,t&&t._isComponent?function(e,t){var a=e.$options=Object.create(e.constructor.options),n=t._parentVnode;a.parent=t.parent,a._parentVnode=n;var i=n.componentOptions;a.propsData=i.propsData,a._parentListeners=i.listeners,a._renderChildren=i.children,a._componentTag=i.tag,t.render&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns)}(a,t):a.$options=$e(ya(a.constructor),t||{},a),a._renderProxy=a,a._self=a,function(e){var t=e.$options,a=t.parent;if(a&&!t.abstract){for(;a.$options.abstract&&a.$parent;)a=a.$parent;a.$children.push(e)}e.$parent=a,e.$root=a?a.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(a),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&Ht(e,t)}(a),function(t){t._vnode=null,t._staticTrees=null;var a=t.$options,n=t.$vnode=a._parentVnode,i=n&&n.context;t.$slots=dt(a._renderChildren,i),t.$scopedSlots=e,t._c=function(e,a,n,i){return jt(t,e,a,n,i,!1)},t.$createElement=function(e,a,n,i){return jt(t,e,a,n,i,!0)};var r=n&&n.data;xe(t,"$attrs",r&&r.attrs||e,null,!0),xe(t,"$listeners",a._parentListeners||e,null,!0)}(a),Yt(a,"beforeCreate"),function(e){var t=ct(e.$options.inject,e);t&&(_e(!1),Object.keys(t).forEach((function(a){xe(e,a,t[a])})),_e(!0))}(a),pa(a),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(a),Yt(a,"created"),a.$options.el&&a.$mount(a.$options.el)}}(ka),function(e){var t={get:function(){return this._data}},a={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",a),e.prototype.$set=ze,e.prototype.$delete=Ce,e.prototype.$watch=function(e,t,a){if(o(t))return va(this,e,t,a);(a=a||{}).user=!0;var n=new ca(this,e,t,a);if(a.immediate)try{t.call(this,n.value)}catch(e){Oe(e,this,'callback for immediate watcher "'+n.expression+'"')}return function(){n.teardown()}}}(ka),function(e){var t=/^hook:/;e.prototype.$on=function(e,a){var n=this;if(Array.isArray(e))for(var i=0,r=e.length;i1?z(a):a;for(var n=z(arguments,1),i='event handler for "'+e+'"',r=0,s=a.length;rparseInt(this.max)&&za(s,o[0],o,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return I}};Object.defineProperty(e,"config",t),e.util={warn:se,extend:C,mergeOptions:$e,defineReactive:xe},e.set=ze,e.delete=Ce,e.nextTick=Xe,e.observable=function(e){return Ae(e),e},e.options=Object.create(null),$.forEach((function(t){e.options[t+"s"]=Object.create(null)})),e.options._base=e,C(e.options.components,Ta),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var a=z(arguments,1);return a.unshift(this),"function"==typeof e.install?e.install.apply(e,a):"function"==typeof e&&e.apply(null,a),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=$e(this.options,e),this}}(e),_a(e),function(e){$.forEach((function(t){e[t]=function(e,a){return a?("component"===t&&o(a)&&(a.name=a.name||e,a=this.options._base.extend(a)),"directive"===t&&"function"==typeof a&&(a={bind:a,update:a}),this.options[t+"s"][e]=a,a):this.options[t+"s"][e]}}))}(e)}(ka),Object.defineProperty(ka.prototype,"$isServer",{get:te}),Object.defineProperty(ka.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(ka,"FunctionalRenderContext",{value:Pt}),ka.version="2.6.12";var Sa=p("style,class"),Ma=p("input,textarea,option,select,progress"),Pa=function(e,t,a){return"value"===a&&Ma(e)&&"button"!==t||"selected"===a&&"option"===e||"checked"===a&&"input"===e||"muted"===a&&"video"===e},Da=p("contenteditable,draggable,spellcheck"),Na=p("events,caret,typing,plaintext-only"),La=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),$a="http://www.w3.org/1999/xlink",Ra=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Ia=function(e){return Ra(e)?e.slice(6,e.length):""},ja=function(e){return null==e||!1===e};function Fa(e){for(var t=e.data,n=e,i=e;a(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Ea(i.data,t));for(;a(n=n.parent);)n&&n.data&&(t=Ea(t,n.data));return function(e,t){if(a(e)||a(t))return Oa(e,Ua(t));return""}(t.staticClass,t.class)}function Ea(e,t){return{staticClass:Oa(e.staticClass,t.staticClass),class:a(e.class)?[e.class,t.class]:t.class}}function Oa(e,t){return e?t?e+" "+t:e:t||""}function Ua(e){return Array.isArray(e)?function(e){for(var t,n="",i=0,r=e.length;i-1?hn(e,t,a):La(t)?ja(a)?e.removeAttribute(t):(a="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,a)):Da(t)?e.setAttribute(t,function(e,t){return ja(t)||"false"===t?"false":"contenteditable"===e&&Na(t)?t:"true"}(t,a)):Ra(t)?ja(a)?e.removeAttributeNS($a,Ia(t)):e.setAttributeNS($a,t,a):hn(e,t,a)}function hn(e,t,a){if(ja(a))e.removeAttribute(t);else{if(W&&!K&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==a&&!e.__ieph){var n=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",n)};e.addEventListener("input",n),e.__ieph=!0}e.setAttribute(t,a)}}var mn={create:un,update:un};function gn(e,n){var i=n.elm,r=n.data,s=e.data;if(!(t(r.staticClass)&&t(r.class)&&(t(s)||t(s.staticClass)&&t(s.class)))){var o=Fa(n),l=i._transitionClasses;a(l)&&(o=Oa(o,Ua(l))),o!==i._prevClass&&(i.setAttribute("class",o),i._prevClass=o)}}var fn,vn,bn,yn,kn,_n,wn={create:gn,update:gn},An=/[\w).+\-_$\]]/;function xn(e){var t,a,n,i,r,s=!1,o=!1,l=!1,c=!1,d=0,u=0,p=0,h=0;for(n=0;n=0&&" "===(g=e.charAt(m));m--);g&&An.test(g)||(c=!0)}}else void 0===i?(h=n+1,i=e.slice(0,n).trim()):f();function f(){(r||(r=[])).push(e.slice(h,n).trim()),h=n+1}if(void 0===i?i=e.slice(0,n).trim():0!==h&&f(),r)for(n=0;n-1?{exp:e.slice(0,yn),key:'"'+e.slice(yn+1)+'"'}:{exp:e,key:null};vn=e,yn=kn=_n=0;for(;!Un();)Bn(bn=On())?Vn(bn):91===bn&&qn(bn);return{exp:e.slice(0,kn),key:e.slice(kn+1,_n)}}(e);return null===a.key?e+"="+t:"$set("+a.exp+", "+a.key+", "+t+")"}function On(){return vn.charCodeAt(++yn)}function Un(){return yn>=fn}function Bn(e){return 34===e||39===e}function qn(e){var t=1;for(kn=yn;!Un();)if(Bn(e=On()))Vn(e);else if(91===e&&t++,93===e&&t--,0===t){_n=yn;break}}function Vn(e){for(var t=e;!Un()&&(e=On())!==t;);}var Gn;function Hn(e,t,a){var n=Gn;return function i(){var r=t.apply(null,arguments);null!==r&&Qn(e,i,a,n)}}var Wn=Ge&&!(Y&&Number(Y[1])<=53);function Kn(e,t,a,n){if(Wn){var i=ia,r=t;t=r._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return r.apply(this,arguments)}}Gn.addEventListener(e,t,X?{capture:a,passive:n}:a)}function Qn(e,t,a,n){(n||Gn).removeEventListener(e,t._wrapper||t,a)}function Jn(e,n){if(!t(e.data.on)||!t(n.data.on)){var i=n.data.on||{},r=e.data.on||{};Gn=n.elm,function(e){if(a(e.__r)){var t=W?"change":"input";e[t]=[].concat(e.__r,e[t]||[]),delete e.__r}a(e.__c)&&(e.change=[].concat(e.__c,e.change||[]),delete e.__c)}(i),it(i,r,Kn,Qn,Hn,n.context),Gn=void 0}}var Yn,Zn={create:Jn,update:Jn};function Xn(e,n){if(!t(e.data.domProps)||!t(n.data.domProps)){var i,r,s=n.elm,o=e.data.domProps||{},l=n.data.domProps||{};for(i in a(l.__ob__)&&(l=n.data.domProps=C({},l)),o)i in l||(s[i]="");for(i in l){if(r=l[i],"textContent"===i||"innerHTML"===i){if(n.children&&(n.children.length=0),r===o[i])continue;1===s.childNodes.length&&s.removeChild(s.childNodes[0])}if("value"===i&&"PROGRESS"!==s.tagName){s._value=r;var c=t(r)?"":String(r);ei(s,c)&&(s.value=c)}else if("innerHTML"===i&&Va(s.tagName)&&t(s.innerHTML)){(Yn=Yn||document.createElement("div")).innerHTML=""+r+"";for(var d=Yn.firstChild;s.firstChild;)s.removeChild(s.firstChild);for(;d.firstChild;)s.appendChild(d.firstChild)}else if(r!==o[i])try{s[i]=r}catch(e){}}}}function ei(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var a=!0;try{a=document.activeElement!==e}catch(e){}return a&&e.value!==t}(e,t)||function(e,t){var n=e.value,i=e._vModifiers;if(a(i)){if(i.number)return u(n)!==u(t);if(i.trim)return n.trim()!==t.trim()}return n!==t}(e,t))}var ti={create:Xn,update:Xn},ai=b((function(e){var t={},a=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach((function(e){if(e){var n=e.split(a);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}));function ni(e){var t=ii(e.style);return e.staticStyle?C(e.staticStyle,t):t}function ii(e){return Array.isArray(e)?T(e):"string"==typeof e?ai(e):e}var ri,si=/^--/,oi=/\s*!important$/,li=function(e,t,a){if(si.test(t))e.style.setProperty(t,a);else if(oi.test(a))e.style.setProperty(A(t),a.replace(oi,""),"important");else{var n=di(t);if(Array.isArray(a))for(var i=0,r=a.length;i-1?t.split(hi).forEach((function(t){return e.classList.add(t)})):e.classList.add(t);else{var a=" "+(e.getAttribute("class")||"")+" ";a.indexOf(" "+t+" ")<0&&e.setAttribute("class",(a+t).trim())}}function gi(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(hi).forEach((function(t){return e.classList.remove(t)})):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var a=" "+(e.getAttribute("class")||"")+" ",n=" "+t+" ";a.indexOf(n)>=0;)a=a.replace(n," ");(a=a.trim())?e.setAttribute("class",a):e.removeAttribute("class")}}function fi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&C(t,vi(e.name||"v")),C(t,e),t}return"string"==typeof e?vi(e):void 0}}var vi=b((function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}})),bi=q&&!K,yi="transition",ki="transitionend",_i="animation",wi="animationend";bi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(yi="WebkitTransition",ki="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(_i="WebkitAnimation",wi="webkitAnimationEnd"));var Ai=q?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function xi(e){Ai((function(){Ai(e)}))}function zi(e,t){var a=e._transitionClasses||(e._transitionClasses=[]);a.indexOf(t)<0&&(a.push(t),mi(e,t))}function Ci(e,t){e._transitionClasses&&g(e._transitionClasses,t),gi(e,t)}function Ti(e,t,a){var n=Mi(e,t),i=n.type,r=n.timeout,s=n.propCount;if(!i)return a();var o="transition"===i?ki:wi,l=0,c=function(){e.removeEventListener(o,d),a()},d=function(t){t.target===e&&++l>=s&&c()};setTimeout((function(){l0&&(a="transition",d=s,u=r.length):"animation"===t?c>0&&(a="animation",d=c,u=l.length):u=(a=(d=Math.max(s,c))>0?s>c?"transition":"animation":null)?"transition"===a?r.length:l.length:0,{type:a,timeout:d,propCount:u,hasTransform:"transition"===a&&Si.test(n[yi+"Property"])}}function Pi(e,t){for(;e.length1}function Ii(e,t){!0!==t.data.show&&Ni(t)}var ji=function(e){var r,s,o={},l=e.modules,c=e.nodeOps;for(r=0;rm?y(e,t(i[v+1])?null:i[v+1].elm,i,h,v,r):h>v&&_(n,p,m)}(p,g,v,r,d):a(v)?(a(e.text)&&c.setTextContent(p,""),y(p,null,v,0,v.length-1,r)):a(g)?_(g,0,g.length-1):a(e.text)&&c.setTextContent(p,""):e.text!==i.text&&c.setTextContent(p,i.text),a(m)&&a(h=m.hook)&&a(h=h.postpatch)&&h(e,i)}}}function z(e,t,i){if(n(i)&&a(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r-1,s.selected!==r&&(s.selected=r);else if(D(Bi(s),n))return void(e.selectedIndex!==o&&(e.selectedIndex=o));i||(e.selectedIndex=-1)}}function Ui(e,t){return t.every((function(t){return!D(t,e)}))}function Bi(e){return"_value"in e?e._value:e.value}function qi(e){e.target.composing=!0}function Vi(e){e.target.composing&&(e.target.composing=!1,Gi(e.target,"input"))}function Gi(e,t){var a=document.createEvent("HTMLEvents");a.initEvent(t,!0,!0),e.dispatchEvent(a)}function Hi(e){return!e.componentInstance||e.data&&e.data.transition?e:Hi(e.componentInstance._vnode)}var Wi={model:Fi,show:{bind:function(e,t,a){var n=t.value,i=(a=Hi(a)).data&&a.data.transition,r=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;n&&i?(a.data.show=!0,Ni(a,(function(){e.style.display=r}))):e.style.display=n?r:"none"},update:function(e,t,a){var n=t.value;!n!=!t.oldValue&&((a=Hi(a)).data&&a.data.transition?(a.data.show=!0,n?Ni(a,(function(){e.style.display=e.__vOriginalDisplay})):Li(a,(function(){e.style.display="none"}))):e.style.display=n?e.__vOriginalDisplay:"none")},unbind:function(e,t,a,n,i){i||(e.style.display=e.__vOriginalDisplay)}}},Ki={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Qi(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?Qi(Bt(t.children)):e}function Ji(e){var t={},a=e.$options;for(var n in a.propsData)t[n]=e[n];var i=a._parentListeners;for(var r in i)t[k(r)]=i[r];return t}function Yi(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var Zi=function(e){return e.tag||Ut(e)},Xi=function(e){return"show"===e.name},er={name:"transition",props:Ki,abstract:!0,render:function(e){var t=this,a=this.$slots.default;if(a&&(a=a.filter(Zi)).length){var n=this.mode,r=a[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return r;var s=Qi(r);if(!s)return r;if(this._leaving)return Yi(e,r);var o="__transition-"+this._uid+"-";s.key=null==s.key?s.isComment?o+"comment":o+s.tag:i(s.key)?0===String(s.key).indexOf(o)?s.key:o+s.key:s.key;var l=(s.data||(s.data={})).transition=Ji(this),c=this._vnode,d=Qi(c);if(s.data.directives&&s.data.directives.some(Xi)&&(s.data.show=!0),d&&d.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(s,d)&&!Ut(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=C({},l);if("out-in"===n)return this._leaving=!0,rt(u,"afterLeave",(function(){t._leaving=!1,t.$forceUpdate()})),Yi(e,r);if("in-out"===n){if(Ut(s))return c;var p,h=function(){p()};rt(l,"afterEnter",h),rt(l,"enterCancelled",h),rt(u,"delayLeave",(function(e){p=e}))}}return r}}},tr=C({tag:String,moveClass:String},Ki);function ar(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function nr(e){e.data.newPos=e.elm.getBoundingClientRect()}function ir(e){var t=e.data.pos,a=e.data.newPos,n=t.left-a.left,i=t.top-a.top;if(n||i){e.data.moved=!0;var r=e.elm.style;r.transform=r.WebkitTransform="translate("+n+"px,"+i+"px)",r.transitionDuration="0s"}}delete tr.mode;var rr={Transition:er,TransitionGroup:{props:tr,beforeMount:function(){var e=this,t=this._update;this._update=function(a,n){var i=Kt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,a,n)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",a=Object.create(null),n=this.prevChildren=this.children,i=this.$slots.default||[],r=this.children=[],s=Ji(this),o=0;o-1?Wa[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Wa[e]=/HTMLUnknownElement/.test(t.toString())},C(ka.options.directives,Wi),C(ka.options.components,rr),ka.prototype.__patch__=q?ji:S,ka.prototype.$mount=function(e,t){return function(e,t,a){var n;return e.$el=t,e.$options.render||(e.$options.render=me),Yt(e,"beforeMount"),n=function(){e._update(e._render(),a)},new ca(e,n,S,{before:function(){e._isMounted&&!e._isDestroyed&&Yt(e,"beforeUpdate")}},!0),a=!1,null==e.$vnode&&(e._isMounted=!0,Yt(e,"mounted")),e}(this,e=e&&q?Qa(e):void 0,t)},q&&setTimeout((function(){I.devtools&&ae&&ae.emit("init",ka)}),0);var sr=/\{\{((?:.|\r?\n)+?)\}\}/g,or=/[-.*+?^${}()|[\]\/\\]/g,lr=b((function(e){var t=e[0].replace(or,"\\$&"),a=e[1].replace(or,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+a,"g")}));var cr={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var a=Rn(e,"class");a&&(e.staticClass=JSON.stringify(a));var n=$n(e,"class",!1);n&&(e.classBinding=n)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var dr,ur={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var a=Rn(e,"style");a&&(e.staticStyle=JSON.stringify(ai(a)));var n=$n(e,"style",!1);n&&(e.styleBinding=n)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},pr=function(e){return(dr=dr||document.createElement("div")).innerHTML=e,dr.textContent},hr=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),mr=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),gr=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),fr=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,vr=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,br="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+j.source+"]*",yr="((?:"+br+"\\:)?"+br+")",kr=new RegExp("^<"+yr),_r=/^\s*(\/?)>/,wr=new RegExp("^<\\/"+yr+"[^>]*>"),Ar=/^]+>/i,xr=/^",""":'"',"&":"&"," ":"\n"," ":"\t","'":"'"},Mr=/&(?:lt|gt|quot|amp|#39);/g,Pr=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Dr=p("pre,textarea",!0),Nr=function(e,t){return e&&Dr(e)&&"\n"===t[0]};function Lr(e,t){var a=t?Pr:Mr;return e.replace(a,(function(e){return Sr[e]}))}var $r,Rr,Ir,jr,Fr,Er,Or,Ur,Br=/^@|^v-on:/,qr=/^v-|^@|^:|^#/,Vr=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Gr=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Hr=/^\(|\)$/g,Wr=/^\[.*\]$/,Kr=/:(.*)$/,Qr=/^:|^\.|^v-bind:/,Jr=/\.[^.\]]+(?=[^\]]*$)/g,Yr=/^v-slot(:|$)|^#/,Zr=/[\r\n]/,Xr=/\s+/g,es=b(pr);function ts(e,t,a){return{type:1,tag:e,attrsList:t,attrsMap:ls(t),rawAttrsMap:{},parent:a,children:[]}}function as(e,t){$r=t.warn||Cn,Er=t.isPreTag||M,Or=t.mustUseProp||M,Ur=t.getTagNamespace||M;t.isReservedTag;Ir=Tn(t.modules,"transformNode"),jr=Tn(t.modules,"preTransformNode"),Fr=Tn(t.modules,"postTransformNode"),Rr=t.delimiters;var a,n,i=[],r=!1!==t.preserveWhitespace,s=t.whitespace,o=!1,l=!1;function c(e){if(d(e),o||e.processed||(e=ns(e,t)),i.length||e===a||a.if&&(e.elseif||e.else)&&rs(a,{exp:e.elseif,block:e}),n&&!e.forbidden)if(e.elseif||e.else)s=e,(c=function(e){for(var t=e.length;t--;){if(1===e[t].type)return e[t];e.pop()}}(n.children))&&c.if&&rs(c,{exp:s.elseif,block:s});else{if(e.slotScope){var r=e.slotTarget||'"default"';(n.scopedSlots||(n.scopedSlots={}))[r]=e}n.children.push(e),e.parent=n}var s,c;e.children=e.children.filter((function(e){return!e.slotScope})),d(e),e.pre&&(o=!1),Er(e.tag)&&(l=!1);for(var u=0;u]*>)","i")),p=e.replace(u,(function(e,a,n){return c=n.length,Cr(d)||"noscript"===d||(a=a.replace(//g,"$1").replace(//g,"$1")),Nr(d,a)&&(a=a.slice(1)),t.chars&&t.chars(a),""}));l+=e.length-p.length,e=p,C(d,l-c,l)}else{var h=e.indexOf("<");if(0===h){if(xr.test(e)){var m=e.indexOf("--\x3e");if(m>=0){t.shouldKeepComment&&t.comment(e.substring(4,m),l,l+m+3),A(m+3);continue}}if(zr.test(e)){var g=e.indexOf("]>");if(g>=0){A(g+2);continue}}var f=e.match(Ar);if(f){A(f[0].length);continue}var v=e.match(wr);if(v){var b=l;A(v[0].length),C(v[1],b,l);continue}var y=x();if(y){z(y),Nr(y.tagName,e)&&A(1);continue}}var k=void 0,_=void 0,w=void 0;if(h>=0){for(_=e.slice(h);!(wr.test(_)||kr.test(_)||xr.test(_)||zr.test(_)||(w=_.indexOf("<",1))<0);)h+=w,_=e.slice(h);k=e.substring(0,h)}h<0&&(k=e),k&&A(k.length),t.chars&&k&&t.chars(k,l-k.length,l)}if(e===a){t.chars&&t.chars(e);break}}function A(t){l+=t,e=e.substring(t)}function x(){var t=e.match(kr);if(t){var a,n,i={tagName:t[1],attrs:[],start:l};for(A(t[0].length);!(a=e.match(_r))&&(n=e.match(vr)||e.match(fr));)n.start=l,A(n[0].length),n.end=l,i.attrs.push(n);if(a)return i.unarySlash=a[1],A(a[0].length),i.end=l,i}}function z(e){var a=e.tagName,l=e.unarySlash;r&&("p"===n&&gr(a)&&C(n),o(a)&&n===a&&C(a));for(var c=s(a)||!!l,d=e.attrs.length,u=new Array(d),p=0;p=0&&i[s].lowerCasedTag!==o;s--);else s=0;if(s>=0){for(var c=i.length-1;c>=s;c--)t.end&&t.end(i[c].tag,a,r);i.length=s,n=s&&i[s-1].tag}else"br"===o?t.start&&t.start(e,[],!0,a,r):"p"===o&&(t.start&&t.start(e,[],!1,a,r),t.end&&t.end(e,a,r))}C()}(e,{warn:$r,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,r,s,d,u){var p=n&&n.ns||Ur(e);W&&"svg"===p&&(r=function(e){for(var t=[],a=0;al&&(o.push(r=e.slice(l,i)),s.push(JSON.stringify(r)));var c=xn(n[1].trim());s.push("_s("+c+")"),o.push({"@binding":c}),l=i+n[0].length}return l-1"+("true"===r?":("+t+")":":_q("+t+","+r+")")),Ln(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+r+"):("+s+");if(Array.isArray($$a)){var $$v="+(n?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+En(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+En(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+En(t,"$$c")+"}",null,!0)}(e,n,i);else if("input"===r&&"radio"===s)!function(e,t,a){var n=a&&a.number,i=$n(e,"value")||"null";Sn(e,"checked","_q("+t+","+(i=n?"_n("+i+")":i)+")"),Ln(e,"change",En(t,i),null,!0)}(e,n,i);else if("input"===r||"textarea"===r)!function(e,t,a){var n=e.attrsMap.type,i=a||{},r=i.lazy,s=i.number,o=i.trim,l=!r&&"range"!==n,c=r?"change":"range"===n?"__r":"input",d="$event.target.value";o&&(d="$event.target.value.trim()");s&&(d="_n("+d+")");var u=En(t,d);l&&(u="if($event.target.composing)return;"+u);Sn(e,"value","("+t+")"),Ln(e,c,u,null,!0),(o||s)&&Ln(e,"blur","$forceUpdate()")}(e,n,i);else if(!I.isReservedTag(r))return Fn(e,n,i),!1;return!0},text:function(e,t){t.value&&Sn(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&Sn(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:hr,mustUseProp:Pa,canBeLeftOpenTag:mr,isReservedTag:Ga,getTagNamespace:Ha,staticKeys:function(e){return e.reduce((function(e,t){return e.concat(t.staticKeys||[])}),[]).join(",")}(ps)},fs=b((function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))}));function vs(e,t){e&&(hs=fs(t.staticKeys||""),ms=t.isReservedTag||M,function e(t){if(t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||h(e.tag)||!ms(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every(hs)))}(t),1===t.type){if(!ms(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var a=0,n=t.children.length;a|^function(?:\s+[\w$]+)?\s*\(/,ys=/\([^)]*?\);*$/,ks=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,_s={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},ws={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},As=function(e){return"if("+e+")return null;"},xs={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:As("$event.target !== $event.currentTarget"),ctrl:As("!$event.ctrlKey"),shift:As("!$event.shiftKey"),alt:As("!$event.altKey"),meta:As("!$event.metaKey"),left:As("'button' in $event && $event.button !== 0"),middle:As("'button' in $event && $event.button !== 1"),right:As("'button' in $event && $event.button !== 2")};function zs(e,t){var a=t?"nativeOn:":"on:",n="",i="";for(var r in e){var s=Cs(e[r]);e[r]&&e[r].dynamic?i+=r+","+s+",":n+='"'+r+'":'+s+","}return n="{"+n.slice(0,-1)+"}",i?a+"_d("+n+",["+i.slice(0,-1)+"])":a+n}function Cs(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map((function(e){return Cs(e)})).join(",")+"]";var t=ks.test(e.value),a=bs.test(e.value),n=ks.test(e.value.replace(ys,""));if(e.modifiers){var i="",r="",s=[];for(var o in e.modifiers)if(xs[o])r+=xs[o],_s[o]&&s.push(o);else if("exact"===o){var l=e.modifiers;r+=As(["ctrl","shift","alt","meta"].filter((function(e){return!l[e]})).map((function(e){return"$event."+e+"Key"})).join("||"))}else s.push(o);return s.length&&(i+=function(e){return"if(!$event.type.indexOf('key')&&"+e.map(Ts).join("&&")+")return null;"}(s)),r&&(i+=r),"function($event){"+i+(t?"return "+e.value+"($event)":a?"return ("+e.value+")($event)":n?"return "+e.value:e.value)+"}"}return t||a?e.value:"function($event){"+(n?"return "+e.value:e.value)+"}"}function Ts(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var a=_s[e],n=ws[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(a)+",$event.key,"+JSON.stringify(n)+")"}var Ss={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(a){return"_b("+a+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},Ms=function(e){this.options=e,this.warn=e.warn||Cn,this.transforms=Tn(e.modules,"transformCode"),this.dataGenFns=Tn(e.modules,"genData"),this.directives=C(C({},Ss),e.directives);var t=e.isReservedTag||M;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Ps(e,t){var a=new Ms(t);return{render:"with(this){return "+(e?Ds(e,a):'_c("div")')+"}",staticRenderFns:a.staticRenderFns}}function Ds(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ns(e,t);if(e.once&&!e.onceProcessed)return Ls(e,t);if(e.for&&!e.forProcessed)return Rs(e,t);if(e.if&&!e.ifProcessed)return $s(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var a=e.slotName||'"default"',n=Es(e,t),i="_t("+a+(n?","+n:""),r=e.attrs||e.dynamicAttrs?Bs((e.attrs||[]).concat(e.dynamicAttrs||[]).map((function(e){return{name:k(e.name),value:e.value,dynamic:e.dynamic}}))):null,s=e.attrsMap["v-bind"];!r&&!s||n||(i+=",null");r&&(i+=","+r);s&&(i+=(r?"":",null")+","+s);return i+")"}(e,t);var a;if(e.component)a=function(e,t,a){var n=t.inlineTemplate?null:Es(t,a,!0);return"_c("+e+","+Is(t,a)+(n?","+n:"")+")"}(e.component,e,t);else{var n;(!e.plain||e.pre&&t.maybeComponent(e))&&(n=Is(e,t));var i=e.inlineTemplate?null:Es(e,t,!0);a="_c('"+e.tag+"'"+(n?","+n:"")+(i?","+i:"")+")"}for(var r=0;r>>0}(s):"")+")"}(e,e.scopedSlots,t)+","),e.model&&(a+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var r=function(e,t){var a=e.children[0];if(a&&1===a.type){var n=Ps(a,t.options);return"inlineTemplate:{render:function(){"+n.render+"},staticRenderFns:["+n.staticRenderFns.map((function(e){return"function(){"+e+"}"})).join(",")+"]}"}}(e,t);r&&(a+=r+",")}return a=a.replace(/,$/,"")+"}",e.dynamicAttrs&&(a="_b("+a+',"'+e.tag+'",'+Bs(e.dynamicAttrs)+")"),e.wrapData&&(a=e.wrapData(a)),e.wrapListeners&&(a=e.wrapListeners(a)),a}function js(e){return 1===e.type&&("slot"===e.tag||e.children.some(js))}function Fs(e,t){var a=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!a)return $s(e,t,Fs,"null");if(e.for&&!e.forProcessed)return Rs(e,t,Fs);var n="_empty_"===e.slotScope?"":String(e.slotScope),i="function("+n+"){return "+("template"===e.tag?e.if&&a?"("+e.if+")?"+(Es(e,t)||"undefined")+":undefined":Es(e,t)||"undefined":Ds(e,t))+"}",r=n?"":",proxy:true";return"{key:"+(e.slotTarget||'"default"')+",fn:"+i+r+"}"}function Es(e,t,a,n,i){var r=e.children;if(r.length){var s=r[0];if(1===r.length&&s.for&&"template"!==s.tag&&"slot"!==s.tag){var o=a?t.maybeComponent(s)?",1":",0":"";return""+(n||Ds)(s,t)+o}var l=a?function(e,t){for(var a=0,n=0;n':'
',Ws.innerHTML.indexOf(" ")>0}var Js=!!q&&Qs(!1),Ys=!!q&&Qs(!0),Zs=b((function(e){var t=Qa(e);return t&&t.innerHTML})),Xs=ka.prototype.$mount;function eo(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}ka.prototype.$mount=function(e,t){if((e=e&&Qa(e))===document.body||e===document.documentElement)return this;var a=this.$options;if(!a.render){var n=a.template;if(n)if("string"==typeof n)"#"===n.charAt(0)&&(n=Zs(n));else{if(!n.nodeType)return this;n=n.innerHTML}else e&&(n=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(n){var i=Ks(n,{outputSourceRange:!1,shouldDecodeNewlines:Js,shouldDecodeNewlinesForHref:Ys,delimiters:a.delimiters,comments:a.comments},this),r=i.render,s=i.staticRenderFns;a.render=r,a.staticRenderFns=s}}return Xs.call(this,e,t)},ka.compile=Ks;eo(":root {\n --main-scroll: hsl(0, 0%, 30%);\n --panels-scroll: hsl(180, 2%, 17%);\n --tag-background: hsl(210, 100%, 38%);\n --tag-text: #fff;\n --toast-background: hsla(240, 12%, 16%, 0.85);\n --toast-secondary: hsla(240, 12%, 16%, 0.15);\n --toast-text: hsla(0, 0%, 100%, 0.85);\n --primary-color: hsl(210, 100%, 52%);\n --primary-text: hsl(0, 0%, 87%);\n --secondary-color: hsl(46, 100%, 57%);\n}\n\n:root[data-theme='light'] {\n --main-background: #fff;\n --secondary-background: hsl(0, 0%, 93%);\n --foreground: hsl(0, 0%, 20%);\n --foreground-inverted: hsl(0, 0%, 93%);\n --panels-background: hsl(210, 3%, 14%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(0, 0%, 24%);\n --sidebar-link-bg-20: hsla(0, 0%, 24%, 0.2);\n --icon-hover: var(--primary-color);\n --table-bg: #fff;\n --table-zebra: hsl(0, 0%, 90%);\n --table-highlight: hsl(0, 0%, 84%);\n}\n\n:root[data-theme='dark'] {\n --main-background: hsl(240, 10%, 8%);\n --secondary-background: hsl(240, 12%, 16%);\n --foreground: hsl(0, 0%, 93%);\n --foreground-inverted: hsl(240, 12%, 16%);\n --panels-background: hsl(240, 15%, 12%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(240, 10%, 22%);\n --sidebar-link-bg-20: hsla(240, 10%, 22%, 1);\n --icon-hover: hsl(210, 100%, 52%);\n --table-bg: hsl(240, 10%, 8%);\n --table-zebra: hsl(240, 15%, 11%);\n --table-highlight: hsl(240, 10%, 22%);\n}\n\n:root[data-theme='purple'] {\n --main-background: hsl(261, 74%, 6%);\n --secondary-background: hsl(257, 61%, 10%);\n --foreground: hsl(0, 0%, 93%);\n --foreground-inverted: hsl(258, 62%, 8%);\n --panels-background: hsl(257, 70%, 9%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(257, 70%, 17%);\n --sidebar-link-bg-20: hsla(257, 70%, 17%, 0.2);\n --icon-hover: hsl(186, 44%, 54%);\n --table-bg: hsl(261, 74%, 6%);\n --table-zebra: hsl(257, 61%, 10%);\n --table-highlight: hsl(257, 66%, 27%);\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\n.bg-black {\n --bg-opacity: 1;\n background-color: #000;\n background-color: rgba(0, 0, 0, var(--bg-opacity));\n}\n\n.bg-red-600 {\n --bg-opacity: 1;\n background-color: #e53e3e;\n background-color: rgba(229, 62, 62, var(--bg-opacity));\n}\n\n.bg-grayscale-200 {\n --bg-opacity: 1;\n background-color: hsl(0, 0%, 20%);\n background-color: rgba(51, 51, 51, var(--bg-opacity));\n}\n\n.bg-background-main {\n background-color: var(--main-background);\n}\n\n.bg-panels-bg {\n background-color: var(--panels-background);\n}\n\n.bg-opacity-50 {\n --bg-opacity: 0.5;\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-grayscale-500 {\n --border-opacity: 1;\n border-color: hsl(0, 0%, 50%);\n border-color: rgba(127.5, 127.5, 127.5, var(--border-opacity));\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.table {\n display: table;\n}\n\n.hidden {\n display: none;\n}\n\n.items-center {\n align-items: center;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.h-3 {\n height: 0.75rem;\n}\n\n.h-16 {\n height: 4rem;\n}\n\n.h-40 {\n height: 10rem;\n}\n\n.h-full {\n height: 100%;\n}\n\n.text-lg {\n font-size: 1.125rem;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n}\n\n.text-4xl {\n font-size: 2.25rem;\n}\n\n.text-5xl {\n font-size: 3rem;\n}\n\n.m-0 {\n margin: 0;\n}\n\n.m-1 {\n margin: 0.25rem;\n}\n\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.-mt-16 {\n margin-top: -4rem;\n}\n\n.-ml-20 {\n margin-left: -5rem;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.p-1 {\n padding: 0.25rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: -webkit-sticky;\n position: sticky;\n}\n\n.top-0 {\n top: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-white {\n --text-opacity: 1;\n color: #fff;\n color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.text-panels-text {\n color: var(--panels-text);\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.w-3 {\n width: 0.75rem;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-40 {\n width: 10rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.transform {\n --transform-translate-x: 0;\n --transform-translate-y: 0;\n --transform-rotate: 0;\n --transform-skew-x: 0;\n --transform-skew-y: 0;\n --transform-scale-x: 1;\n --transform-scale-y: 1;\n transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));\n}\n\n.transition {\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;\n}\n\n.transition-opacity {\n transition-property: opacity;\n}\n\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n@-webkit-keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping {\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping {\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce {\n 0%, 100% {\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50% {\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50% {\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\nhtml {\n height: 100vh;\n}\n\nbody {\n margin: 0px;\n width: 100%;\n height: 100%;\n font-family: 'Open Sans', 'sans-serif';\n overflow: hidden;\n background: var(--main-background);\n color: var(--foreground);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-size: 16px;\n}\n\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* Taken from Tailwind Preflight */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ninput[type='search'],\ninput[type='checkbox'],\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\nbutton,\n[role='button'] {\n cursor: pointer;\n}\n\n*,\n::before,\n::after {\n border-width: 0;\n border-style: solid;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes indeterminate {\n 0% {\n left: -35%;\n right: 100%;\n }\n\n 60% {\n left: 100%;\n right: -90%;\n }\n\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@keyframes indeterminate {\n 0% {\n left: -35%;\n right: 100%;\n }\n\n 60% {\n left: 100%;\n right: -90%;\n }\n\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@-webkit-keyframes indeterminate-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n\n 60% {\n left: 107%;\n right: -8%;\n }\n\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\n@keyframes indeterminate-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n\n 60% {\n left: 107%;\n right: -8%;\n }\n\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ninput[type='search'] {\n width: calc(100% - 16px);\n border: 0px solid black;\n line-height: 36px;\n padding: 0px 8px;\n border-radius: 4px;\n background-color: var(--secondary-background);\n color: var(--foreground);\n margin-bottom: 8px;\n}\n\ninput[type='search']::-webkit-search-cancel-button {\n -webkit-appearance: none;\n width: 28px;\n height: 28px;\n background-color: var(--foreground);\n -webkit-mask-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%%3Cpath fill='%23ffffff' d='M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z'/%3E3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n mask-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%%3Cpath fill='%23ffffff' d='M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z'/%3E3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n}\n\ninput[type='checkbox'] {\n background-color: none;\n border: 2px solid gray;\n opacity: 0.5;\n border-radius: 2px;\n padding: 7px;\n margin: 3px;\n display: inline-block;\n position: relative;\n}\n\ninput[type='checkbox']:checked {\n opacity: 1;\n background-color: var(--primary-color);\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' viewBox='3 3 18 18' width='18'%3E%3Cpath fill='%23ffffff' d='M 10,17 5,12 6.41,10.59 10,14.17 17.59,6.58 19,8 Z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n background-position: center center;\n border: 0px solid var(--primary-color);\n border-radius: 2px;\n padding: 9px;\n margin: 3px;\n color: var(--primary-text);\n}\n\nselect {\n width: 100%;\n border: 0px solid black;\n line-height: 36px;\n padding: 0px 40px 0px 8px;\n border-radius: 4px;\n background-color: var(--secondary-background);\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath style='fill%3A%23000000%3Bfill-opacity%3A0.25' d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: 24px;\n background-position: calc(100% - 8px) center;\n background-clip: border-box;\n color: var(--foreground);\n margin-bottom: 8px;\n}\n\np {\n word-break: break-word;\n}\n\nimg.rounded {\n border-radius: 5px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\ni.disabled {\n opacity: 0.5;\n cursor: default;\n}\n\ni.explicit_icon {\n color: #91919c;\n margin-right: 0.3125em;\n margin-left: -3px;\n}\n\ni.explicit_icon.explicit_icon--right {\n margin-left: 0.3125em;\n margin-right: 0px;\n}\n\nspan.tag {\n background-color: var(--tag-background);\n border-radius: 2px;\n color: var(--tag-text);\n display: inline-block;\n font-size: 10px;\n padding: 3px 6px;\n text-transform: capitalize;\n}\n\na {\n color: dodgerblue;\n}\n\na.single-cover {\n position: relative;\n display: inline-block;\n color: white;\n}\n\na:visited {\n color: dodgerblue;\n}\n\n.clickable {\n cursor: pointer !important;\n}\n\n.table--tracklist .clickable:hover,\n.table--charts .clickable:hover {\n text-decoration: underline;\n}\n\n.fixed_footer footer {\n position: -webkit-sticky;\n position: sticky;\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n background-color: var(--main-background);\n bottom: 0px;\n height: 64px;\n width: 100%;\n margin-top: 24px;\n}\n\n.fab {\n width: 56px;\n height: 56px;\n border-radius: 28px;\n display: inline-block;\n background-color: var(--primary-color);\n color: var(--primary-text);\n cursor: pointer;\n}\n\n.fab i {\n font-size: 24px;\n padding: 16px;\n}\n\n.with_checkbox {\n display: flex;\n align-items: center;\n}\n\n.with_checkbox [type='checkbox'] {\n cursor: pointer;\n}\n\n.with_checkbox .checkbox_text {\n margin-left: 10px;\n cursor: pointer;\n}\n\n.with_checkbox .checkbox_text::-moz-selection {\n background: none;\n}\n\n.with_checkbox .checkbox_text::selection {\n background: none;\n}\n\n.loading_placeholder {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n flex: 1;\n height: 100%;\n}\n\n.loading_placeholder.loading_placeholder--hidden {\n display: none;\n}\n\n.loading_placeholder__text {\n margin-bottom: 20px;\n}\n\n.loading_placeholder#search_placeholder {\n height: calc(100% - 93px);\n}\n\n.loading_placeholder#start_app_placeholder {\n position: absolute;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: black;\n z-index: 1000;\n}\n\n.coverart {\n background-color: var(--secondary-background);\n}\n\n.cover_container {\n position: relative;\n}\n\n.cover_container .coverart {\n opacity: 1;\n display: block;\n width: 100%;\n height: auto;\n transition: 0.5s ease;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.cover_container .download_overlay {\n transition: 0.5s ease;\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n background-color: #000000;\n border-radius: 50%;\n min-width: 32px;\n padding: 0px;\n height: 44px;\n border: 0px;\n}\n\n.cover_container .download_overlay i {\n color: white;\n padding: 10px;\n cursor: pointer;\n}\n\n.cover_container .download_overlay:focus {\n opacity: 1;\n}\n\n.cover_container:hover .coverart {\n opacity: 0.75;\n}\n\n.cover_container:hover .download_overlay {\n opacity: 1;\n border: 0px;\n}\n\n.inline-flex {\n display: flex;\n align-items: center;\n}\n\n.inline-flex .right {\n margin-left: auto;\n}\n\n.right {\n float: right;\n}\n\n.hide {\n display: none !important;\n}\n\n.changing-theme {\n transition: all 200ms ease-in-out;\n}\n\n[v-cloak] {\n display: none;\n}\n\n.material-icons.md-18 {\n font-size: 18px;\n}\n\n.material-icons.md-24 {\n font-size: 24px;\n}\n\n.material-icons.md-36 {\n font-size: 36px;\n}\n\n.material-icons.md-48 {\n font-size: 48px;\n}\n\n.material-icons.mirrored {\n transform: scaleX(-1);\n}\n\n.table {\n width: 100%;\n -webkit-border-horizontal-spacing: 0px;\n -webkit-border-vertical-spacing: 0px;\n /* === Tracks Table === */\n /* === Tracklist Table === */\n /* === Charts Table === */\n}\n\n.table tbody tr:not(.table__row-no-highlight):hover {\n background: var(--table-highlight);\n cursor: default;\n}\n\n.table tr {\n background: var(--table-bg);\n transition: background-color 175ms ease-in-out;\n}\n\n.table tr:nth-child(even) {\n background: var(--table-zebra);\n transition: background-color 175ms ease-in-out;\n}\n\n.table tr:not(:last-child) {\n border-bottom: 1px solid var(--table-highlight);\n}\n\n.table td,\n .table th {\n vertical-align: middle;\n}\n\n.table th .sortable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.table th .sort-asc::after,\n .table th .sort-desc::after {\n font-size: 0.7em;\n padding-left: 3px;\n line-height: 0.7em;\n}\n\n.table th .sort-asc::after {\n content: '\\25b2';\n}\n\n.table th .sort-desc::after {\n content: '\\25bc';\n}\n\n.table td {\n padding: 7px 10px;\n}\n\n.table td:first-child {\n padding: 7px 10px 7px 20px;\n}\n\n.table td:last-child {\n padding: 7px 20px 7px 10px;\n}\n\n.table td img {\n vertical-align: middle;\n}\n\n.table--tracks {\n border-collapse: collapse;\n}\n\n.table--tracks thead {\n border-bottom: 2px solid var(--table-highlight);\n}\n\n.table--tracks th {\n padding-bottom: 10px;\n height: 45px;\n}\n\n.table--tracks td {\n height: 35px;\n}\n\n.table--tracks td.breakline {\n word-break: break-word;\n}\n\n.table--tracks tr:first-child td:first-child {\n border-top-left-radius: 3px;\n}\n\n.table--tracks tr:first-child td:last-child {\n border-top-right-radius: 3px;\n}\n\n.table--tracks tr:last-child td:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table--tracks tr:last-child td:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table--tracklist thead {\n border-bottom: 2px solid var(--table-highlight);\n text-transform: capitalize;\n}\n\n.table--tracklist th {\n height: 45px;\n padding: 7px 10px;\n}\n\n.table--tracklist th:first-child {\n padding: 7px 10px 7px 20px;\n}\n\n.table--tracklist th:last-child {\n padding: 7px 20px 7px 10px;\n}\n\n.table--tracklist td {\n height: 35px;\n}\n\n.table--charts td {\n height: 35px;\n}\n\n.table .table__icon {\n box-sizing: content-box;\n width: 32px;\n}\n\n.table .table__icon--big {\n width: 48px;\n text-align: center;\n}\n\n.table .table__cell--x-small {\n width: 0.32%;\n}\n\n.table .table__cell--small {\n width: 3.2%;\n}\n\n.table .table__cell--medium {\n width: 28.7%;\n}\n\n.table .table__cell--large {\n width: 50%;\n}\n\n.table .table__cell--left {\n text-align: left;\n}\n\n.table .table__cell--center {\n text-align: center;\n}\n\n.table .table__cell--right {\n text-align: right;\n}\n\n.table .table__cell--download {\n cursor: pointer;\n}\n\n.table .table__cell--download i.material-icons {\n transition: color 175ms ease-in-out;\n}\n\n.table .table__cell--download:hover i.material-icons {\n color: var(--icon-hover);\n}\n\n.table .table__cell-content.table__cell-content--vertical-center {\n display: flex;\n align-items: center;\n}\n\n.track_row > td > img {\n width: 32px;\n height: 32px;\n}\n\n.track_row > td > a > img {\n width: 56px;\n height: 56px;\n}\n\n.top-tracks-position {\n padding: 12px;\n text-align: center;\n cursor: default;\n}\n\n#download_tab_container #queue_buttons {\n position: absolute;\n top: 0;\n right: 0;\n opacity: 1;\n visibility: visible;\n transition: all 250ms ease-in-out;\n}\n\n#download_tab_container.tab_hidden {\n width: 32px;\n}\n\n#download_tab_container.tab_hidden #toggle_download_tab {\n margin-left: 4px;\n}\n\n#download_tab_container.tab_hidden #toggle_download_tab::before {\n content: 'chevron_left';\n}\n\n#download_tab_container.tab_hidden #queue_buttons {\n opacity: 0;\n visibility: hidden;\n}\n\n#download_tab_container.tab_hidden::after {\n content: attr(data-label);\n display: flex;\n align-items: center;\n text-transform: capitalize;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n line-height: 32px;\n}\n\n#toggle_download_tab {\n width: 25px;\n height: 25px;\n margin-left: 20px;\n}\n\n#toggle_download_tab::before {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n content: 'chevron_right';\n}\n\n#main_search .search_section {\n float: none;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n#main_search .search_section:not(:first-child) {\n border-top: 1px solid hsl(0, 0%, 50%);\n}\n\n#main_search .top_result_header {\n display: block;\n cursor: default;\n font-size: 2rem;\n text-align: center;\n}\n\n.search_header {\n display: inline-block;\n cursor: pointer;\n font-size: 1.75rem;\n margin-bottom: 25px;\n text-transform: capitalize;\n}\n\n.search_header:not(.top_result_header) {\n transition: color 200ms ease-in-out;\n}\n\n.search_header:not(.top_result_header):hover {\n color: var(--primary-color);\n}\n\n/* Top Result */\n\n.top_result {\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n.top_result > .cover_container {\n width: 156px;\n height: 156px;\n}\n\n.top_result .info_box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: 15px;\n}\n\n.top_result .info_box .primary-text,\n .top_result .info_box .secondary-text {\n font-size: 18px;\n text-align: center;\n}\n\n.top_result .info_box .primary-text {\n margin-bottom: 5px;\n}\n\n.top_result .info_box .secondary-text {\n margin-bottom: 10px;\n}\n\n.top_result .info_box .tag {\n width: 40px;\n text-align: center;\n}\n\n/* Releases */\n\n.release .primary-text,\n.release .secondary-text {\n margin: 0px;\n margin-bottom: 4px;\n}\n\n.release .secondary-text {\n opacity: 0.75;\n font-size: 14px;\n}\n\n.release .secondary-text .material-icons {\n font-size: 17px !important;\n margin-left: 4px;\n}\n\n.release_grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));\n grid-gap: 1rem;\n}\n\n.release_grid.firstrow_only {\n grid-template-rows: 1fr;\n grid-auto-rows: 0;\n grid-row-gap: 0px;\n overflow-y: hidden;\n}\n\n#settings_picture {\n width: 125px;\n height: 125px;\n}\n\n#log_info {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#open_login_prompt {\n margin: 8px 0px;\n}\n\n.inline-flex input {\n margin-bottom: 0px;\n}\n\n#spotify_icon {\n width: 24px;\n height: 24px;\n fill: #1db954;\n margin-right: 15px;\n}\n\n/* Settings group */\n\n.settings-group {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-top: 1px solid hsl(0, 0%, 50%);\n /* Need less opacity */\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.settings-group > * {\n margin-bottom: 15px;\n}\n\n/* Settings group header */\n\n.settings-group__header {\n font-size: 1.5rem;\n margin-bottom: 25px;\n}\n\n.settings-group__header.settings-group__header--with-icon {\n display: inline-flex;\n align-items: center;\n}\n\n.settings-group__header.settings-group__header--with-icon i.material-icons {\n margin-right: 15px;\n}\n\n/* Settings container */\n\n.settings-container {\n display: flex;\n}\n\n.settings-container__half {\n width: 50%;\n}\n\n.settings-container__third {\n width: 33%;\n}\n\n.settings-container__third--only-checkbox {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: start;\n}\n\n.settings-container__half > *,\n .settings-container__third > * {\n margin-bottom: 15px;\n}\n\n/* Input group */\n\n.input_group {\n margin-bottom: 25px;\n}\n\n.input_group .input_group_text {\n margin-bottom: 7px;\n}\n\n.with_checkbox + .input_group {\n margin-top: 10px;\n}\n\n.release {\n display: inline-block;\n width: 156px;\n}\n\n.release .cover_container {\n width: 156px;\n height: 156px;\n margin-bottom: 10px;\n}\n\n#container {\n --container-width: 95%;\n}\n\n@media only screen and (min-width: 601px) {\n #container {\n --container-width: 85%;\n }\n}\n\n@media only screen and (min-width: 993px) {\n #container {\n --container-width: 70%;\n }\n}\n\n/* Modal Content */\n\n.smallmodal-content {\n --modal-content-width: 95%;\n}\n\n@media only screen and (min-width: 601px) {\n .smallmodal-content {\n --modal-content-width: 85%;\n }\n}\n\n@media only screen and (min-width: 993px) {\n .smallmodal-content {\n --modal-content-width: 70%;\n }\n}\n\n#sidebar {\n display: flex;\n flex-direction: column;\n width: 48px;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--panels-background);\n color: var(--panels-text);\n transition: width 125ms ease-in-out 75ms;\n z-index: 999;\n /* Update Notification */\n /* Theme selector */\n}\n\n#sidebar:hover {\n width: 200px;\n}\n\n#sidebar .main_tablinks {\n transition: all 500ms;\n text-decoration: none;\n color: inherit;\n}\n\n#sidebar .main_tablinks.active {\n background-color: var(--primary-color);\n}\n\n#sidebar .main_tablinks:not(#theme_selector) {\n display: flex;\n align-items: center;\n height: 55px;\n cursor: pointer;\n}\n\n#sidebar .main_tablinks:not(#theme_selector):hover {\n background-color: var(--sidebar-link-bg);\n}\n\n#sidebar .main_tablinks:not(#theme_selector):hover .side_icon {\n color: var(--primary-color);\n}\n\n#sidebar .main_tablinks_text {\n margin-left: 20px;\n opacity: 0;\n overflow: hidden;\n text-transform: capitalize;\n letter-spacing: 1.3px;\n white-space: nowrap;\n transition: all 50ms ease-in-out 200ms;\n}\n\n#sidebar .side_icon {\n font-size: 30px;\n padding: 9px;\n transition: all 500ms;\n}\n\n#sidebar .side_icon--theme {\n cursor: default;\n}\n\n#sidebar .side_icon::-moz-selection {\n background: none;\n}\n\n#sidebar .side_icon::selection {\n background: none;\n}\n\n#sidebar:hover .main_tablinks:hover {\n background: var(--sidebar-link-bg-20);\n filter: grayscale(0) opacity(1);\n}\n\n#sidebar:hover .main_tablinks.active {\n background: var(--sidebar-link-bg);\n filter: grayscale(1);\n}\n\nhtml[data-theme='purple'] #sidebar:hover .main_tablinks.active {\n background: var(--sidebar-link-bg-20);\n filter: grayscale(0);\n}\n\n#sidebar:hover .main_tablinks.active:hover {\n background: var(--sidebar-link-bg-20);\n filter: grayscale(0);\n}\n\n#sidebar:hover .main_tablinks_text {\n opacity: 1;\n}\n\n#sidebar:hover #theme_togglers {\n opacity: 1;\n}\n\n#sidebar #main_about_tablink {\n position: relative;\n}\n\n#sidebar #theme_selector {\n margin-top: 20px;\n display: flex;\n height: 50px;\n}\n\n#sidebar #theme_togglers {\n position: relative;\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n width: 100%;\n opacity: 0;\n transition: all 125ms ease-in-out 75ms;\n}\n\n#sidebar .theme_toggler {\n width: 25px;\n height: 25px;\n border-radius: 1000px;\n border: 1px solid hsl(0, 0%, 50%);\n cursor: pointer;\n transition: border 200ms ease-in-out;\n}\n\n#sidebar .theme_toggler--active {\n border-width: 3px;\n}\n\n#sidebar .theme_toggler--light {\n background: white;\n}\n\n#sidebar .theme_toggler--dark {\n background: #141414;\n}\n\n#sidebar .theme_toggler--purple {\n background: #460eaf;\n}\n\n.image_header header {\n background-size: cover;\n padding-top: 14rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n background-position: 0% 35%;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n");eo("/* Button */\n\n.btn {\n position: relative;\n height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n padding-top: 0;\n padding-bottom: 0;\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n border-width: 1px;\n border-color: transparent;\n border-style: solid;\n border-radius: 0.25rem;\n --text-opacity: 1;\n color: hsl(0, 0%, 90%);\n color: rgba(229.5, 229.5, 229.5, var(--text-opacity));\n font-family: inherit;\n transition: transform 50ms ease-in-out;\n}\n\n.btn:active {\n transform: scale(0.98);\n}\n\n.btn[disabled] {\n --text-opacity: 1;\n color: #e2e8f0;\n color: rgba(226, 232, 240, var(--text-opacity));\n --bg-opacity: 1;\n background-color: #718096;\n background-color: rgba(113, 128, 150, var(--bg-opacity));\n opacity: 0.75;\n cursor: not-allowed;\n}\n\n.btn-only-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3rem;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 24px;\n}\n\n.btn-primary {\n --bg-opacity: 1;\n background-color: hsl(210, 100%, 52%);\n background-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--bg-opacity));\n}\n\n.btn-primary:hover {\n --bg-opacity: 1;\n background-color: #3182ce;\n background-color: rgba(49, 130, 206, var(--bg-opacity));\n border-color: var(--foreground);\n}\n\n/* Section tabs */\n\n.section-tabs {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1.5rem;\n list-style-type: none;\n cursor: pointer;\n}\n\n.section-tabs__tab {\n flex: 1 1 0%;\n padding: 0.75rem;\n font-size: 1.25rem;\n text-align: center;\n text-transform: capitalize;\n border-top-width: 4px;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-color: var(--foreground);\n background-color: var(--main-background);\n}\n\n.section-tabs__tab.active {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n --border-opacity: 1;\n border-color: hsl(210, 100%, 52%);\n border-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--border-opacity));\n background-color: var(--main-background);\n}\n\n.section-tabs__tab:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n --border-opacity: 1;\n border-color: hsl(210, 100%, 52%);\n border-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--border-opacity));\n background-color: var(--secondary-background);\n --bg-opacity: 0.25;\n}\r\n");eo(".toast-icon {\n display: inline-block;\n margin-right: 0.5rem;\n}\n\n.circle-loader {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n border: 2px solid var(--primary-color);\n border-radius: 50%;\n border-bottom: 2px solid var(--secondary-background);\n -webkit-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\n\n.toastify {\n display: flex;\n align-items: center;\n box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(0, 0, 0, 0.3);\n background: var(--toast-background);\n color: var(--toast-text);\n}\n\n.toastify .circle-loader {\n border-bottom-color: var(--toast-secondary);\n}\r\n");var to=("undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).__VUE_DEVTOOLS_GLOBAL_HOOK__;function ao(e,t){if(void 0===t&&(t=[]),null===e||"object"!=typeof e)return e;var a,n=(a=function(t){return t.original===e},t.filter(a)[0]);if(n)return n.copy;var i=Array.isArray(e)?[]:{};return t.push({original:e,copy:i}),Object.keys(e).forEach((function(a){i[a]=ao(e[a],t)})),i}function no(e,t){Object.keys(e).forEach((function(a){return t(e[a],a)}))}function ro(e){return null!==e&&"object"==typeof e}var so=function(e,t){this.runtime=t,this._children=Object.create(null),this._rawModule=e;var a=e.state;this.state=("function"==typeof a?a():a)||{}},oo={namespaced:{configurable:!0}};oo.namespaced.get=function(){return!!this._rawModule.namespaced},so.prototype.addChild=function(e,t){this._children[e]=t},so.prototype.removeChild=function(e){delete this._children[e]},so.prototype.getChild=function(e){return this._children[e]},so.prototype.hasChild=function(e){return e in this._children},so.prototype.update=function(e){this._rawModule.namespaced=e.namespaced,e.actions&&(this._rawModule.actions=e.actions),e.mutations&&(this._rawModule.mutations=e.mutations),e.getters&&(this._rawModule.getters=e.getters)},so.prototype.forEachChild=function(e){no(this._children,e)},so.prototype.forEachGetter=function(e){this._rawModule.getters&&no(this._rawModule.getters,e)},so.prototype.forEachAction=function(e){this._rawModule.actions&&no(this._rawModule.actions,e)},so.prototype.forEachMutation=function(e){this._rawModule.mutations&&no(this._rawModule.mutations,e)},Object.defineProperties(so.prototype,oo);var lo,co=function(e){this.register([],e,!1)};co.prototype.get=function(e){return e.reduce((function(e,t){return e.getChild(t)}),this.root)},co.prototype.getNamespace=function(e){var t=this.root;return e.reduce((function(e,a){return e+((t=t.getChild(a)).namespaced?a+"/":"")}),"")},co.prototype.update=function(e){!function e(t,a,n){if(a.update(n),n.modules)for(var i in n.modules){if(!a.getChild(i))return;e(t.concat(i),a.getChild(i),n.modules[i])}}([],this.root,e)},co.prototype.register=function(e,t,a){var n=this;void 0===a&&(a=!0);var i=new so(t,a);0===e.length?this.root=i:this.get(e.slice(0,-1)).addChild(e[e.length-1],i);t.modules&&no(t.modules,(function(t,i){n.register(e.concat(i),t,a)}))},co.prototype.unregister=function(e){var t=this.get(e.slice(0,-1)),a=e[e.length-1],n=t.getChild(a);n&&n.runtime&&t.removeChild(a)},co.prototype.isRegistered=function(e){var t=this.get(e.slice(0,-1)),a=e[e.length-1];return t.hasChild(a)};var uo=function(e){var t=this;void 0===e&&(e={}),!lo&&"undefined"!=typeof window&&window.Vue&&yo(window.Vue);var a=e.plugins;void 0===a&&(a=[]);var n=e.strict;void 0===n&&(n=!1),this._committing=!1,this._actions=Object.create(null),this._actionSubscribers=[],this._mutations=Object.create(null),this._wrappedGetters=Object.create(null),this._modules=new co(e),this._modulesNamespaceMap=Object.create(null),this._subscribers=[],this._watcherVM=new lo,this._makeLocalGettersCache=Object.create(null);var i=this,r=this.dispatch,s=this.commit;this.dispatch=function(e,t){return r.call(i,e,t)},this.commit=function(e,t,a){return s.call(i,e,t,a)},this.strict=n;var o=this._modules.root.state;fo(this,o,[],this._modules.root),go(this,o),a.forEach((function(e){return e(t)})),(void 0!==e.devtools?e.devtools:lo.config.devtools)&&function(e){to&&(e._devtoolHook=to,to.emit("vuex:init",e),to.on("vuex:travel-to-state",(function(t){e.replaceState(t)})),e.subscribe((function(e,t){to.emit("vuex:mutation",e,t)}),{prepend:!0}),e.subscribeAction((function(e,t){to.emit("vuex:action",e,t)}),{prepend:!0}))}(this)},po={state:{configurable:!0}};function ho(e,t,a){return t.indexOf(e)<0&&(a&&a.prepend?t.unshift(e):t.push(e)),function(){var a=t.indexOf(e);a>-1&&t.splice(a,1)}}function mo(e,t){e._actions=Object.create(null),e._mutations=Object.create(null),e._wrappedGetters=Object.create(null),e._modulesNamespaceMap=Object.create(null);var a=e.state;fo(e,a,[],e._modules.root,!0),go(e,a,t)}function go(e,t,a){var n=e._vm;e.getters={},e._makeLocalGettersCache=Object.create(null);var i=e._wrappedGetters,r={};no(i,(function(t,a){r[a]=function(e,t){return function(){return e(t)}}(t,e),Object.defineProperty(e.getters,a,{get:function(){return e._vm[a]},enumerable:!0})}));var s=lo.config.silent;lo.config.silent=!0,e._vm=new lo({data:{$$state:t},computed:r}),lo.config.silent=s,e.strict&&function(e){e._vm.$watch((function(){return this._data.$$state}),(function(){}),{deep:!0,sync:!0})}(e),n&&(a&&e._withCommit((function(){n._data.$$state=null})),lo.nextTick((function(){return n.$destroy()})))}function fo(e,t,a,n,i){var r=!a.length,s=e._modules.getNamespace(a);if(n.namespaced&&(e._modulesNamespaceMap[s],e._modulesNamespaceMap[s]=n),!r&&!i){var o=vo(t,a.slice(0,-1)),l=a[a.length-1];e._withCommit((function(){lo.set(o,l,n.state)}))}var c=n.context=function(e,t,a){var n=""===t,i={dispatch:n?e.dispatch:function(a,n,i){var r=bo(a,n,i),s=r.payload,o=r.options,l=r.type;return o&&o.root||(l=t+l),e.dispatch(l,s)},commit:n?e.commit:function(a,n,i){var r=bo(a,n,i),s=r.payload,o=r.options,l=r.type;o&&o.root||(l=t+l),e.commit(l,s,o)}};return Object.defineProperties(i,{getters:{get:n?function(){return e.getters}:function(){return function(e,t){if(!e._makeLocalGettersCache[t]){var a={},n=t.length;Object.keys(e.getters).forEach((function(i){if(i.slice(0,n)===t){var r=i.slice(n);Object.defineProperty(a,r,{get:function(){return e.getters[i]},enumerable:!0})}})),e._makeLocalGettersCache[t]=a}return e._makeLocalGettersCache[t]}(e,t)}},state:{get:function(){return vo(e.state,a)}}}),i}(e,s,a);n.forEachMutation((function(t,a){!function(e,t,a,n){(e._mutations[t]||(e._mutations[t]=[])).push((function(t){a.call(e,n.state,t)}))}(e,s+a,t,c)})),n.forEachAction((function(t,a){var n=t.root?a:s+a,i=t.handler||t;!function(e,t,a,n){(e._actions[t]||(e._actions[t]=[])).push((function(t){var i,r=a.call(e,{dispatch:n.dispatch,commit:n.commit,getters:n.getters,state:n.state,rootGetters:e.getters,rootState:e.state},t);return(i=r)&&"function"==typeof i.then||(r=Promise.resolve(r)),e._devtoolHook?r.catch((function(t){throw e._devtoolHook.emit("vuex:error",t),t})):r}))}(e,n,i,c)})),n.forEachGetter((function(t,a){!function(e,t,a,n){if(e._wrappedGetters[t])return;e._wrappedGetters[t]=function(e){return a(n.state,n.getters,e.state,e.getters)}}(e,s+a,t,c)})),n.forEachChild((function(n,r){fo(e,t,a.concat(r),n,i)}))}function vo(e,t){return t.reduce((function(e,t){return e[t]}),e)}function bo(e,t,a){return ro(e)&&e.type&&(a=t,t=e,e=e.type),{type:e,payload:t,options:a}}function yo(e){lo&&e===lo|| +var e=Object.freeze({});function t(e){return null==e}function a(e){return null!=e}function n(e){return!0===e}function i(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function r(e){return null!==e&&"object"==typeof e}var s=Object.prototype.toString;function o(e){return"[object Object]"===s.call(e)}function l(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}function c(e){return a(e)&&"function"==typeof e.then&&"function"==typeof e.catch}function d(e){return null==e?"":Array.isArray(e)||o(e)&&e.toString===s?JSON.stringify(e,null,2):String(e)}function u(e){var t=parseFloat(e);return isNaN(t)?e:t}function p(e,t){for(var a=Object.create(null),n=e.split(","),i=0;i-1)return e.splice(a,1)}}var f=Object.prototype.hasOwnProperty;function v(e,t){return f.call(e,t)}function b(e){var t=Object.create(null);return function(a){return t[a]||(t[a]=e(a))}}var y=/-(\w)/g,k=b((function(e){return e.replace(y,(function(e,t){return t?t.toUpperCase():""}))})),_=b((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})),w=/\B([A-Z])/g,A=b((function(e){return e.replace(w,"-$1").toLowerCase()}));var x=Function.prototype.bind?function(e,t){return e.bind(t)}:function(e,t){function a(a){var n=arguments.length;return n?n>1?e.apply(t,arguments):e.call(t,a):e.call(t)}return a._length=e.length,a};function z(e,t){t=t||0;for(var a=e.length-t,n=new Array(a);a--;)n[a]=e[a+t];return n}function C(e,t){for(var a in t)e[a]=t[a];return e}function T(e){for(var t={},a=0;a0,Q=H&&H.indexOf("edge/")>0,J=(H&&H.indexOf("android"),H&&/iphone|ipad|ipod|ios/.test(H)||"ios"===G),Y=(H&&/chrome\/\d+/.test(H),H&&/phantomjs/.test(H),H&&H.match(/firefox\/(\d+)/)),Z={}.watch,X=!1;if(q)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){X=!0}}),window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===U&&(U=!q&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),U},ae=q&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function ne(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,re="undefined"!=typeof Symbol&&ne(Symbol)&&"undefined"!=typeof Reflect&&ne(Reflect.ownKeys);ie="undefined"!=typeof Set&&ne(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return!0===this.set[e]},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var se=S,oe=0,le=function(){this.id=oe++,this.subs=[]};le.prototype.addSub=function(e){this.subs.push(e)},le.prototype.removeSub=function(e){g(this.subs,e)},le.prototype.depend=function(){le.target&&le.target.addDep(this)},le.prototype.notify=function(){for(var e=this.subs.slice(),t=0,a=e.length;t-1)if(r&&!v(i,"default"))s=!1;else if(""===s||s===A(e)){var l=Ee(String,i.type);(l<0||o0&&(lt((l=e(l,(s||"")+"_"+o))[0])&<(d)&&(u[c]=ge(d.text+l[0].text),l.shift()),u.push.apply(u,l)):i(l)?lt(d)?u[c]=ge(d.text+l):""!==l&&u.push(ge(l)):lt(l)&<(d)?u[c]=ge(d.text+l.text):(n(r._isVList)&&a(l.tag)&&t(l.key)&&a(s)&&(l.key="__vlist"+s+"_"+o+"__"),u.push(l)));return u}(e):void 0}function lt(e){return a(e)&&a(e.text)&&!1===e.isComment}function ct(e,t){if(e){for(var a=Object.create(null),n=re?Reflect.ownKeys(e):Object.keys(e),i=0;i0,s=t?!!t.$stable:!r,o=t&&t.$key;if(t){if(t._normalized)return t._normalized;if(s&&n&&n!==e&&o===n.$key&&!r&&!n.$hasNormal)return n;for(var l in i={},t)t[l]&&"$"!==l[0]&&(i[l]=ht(a,l,t[l]))}else i={};for(var c in a)c in i||(i[c]=mt(a,c));return t&&Object.isExtensible(t)&&(t._normalized=i),E(i,"$stable",s),E(i,"$key",o),E(i,"$hasNormal",r),i}function ht(e,t,a){var n=function(){var e=arguments.length?a.apply(null,arguments):a({});return(e=e&&"object"==typeof e&&!Array.isArray(e)?[e]:ot(e))&&(0===e.length||1===e.length&&e[0].isComment)?void 0:e};return a.proxy&&Object.defineProperty(e,t,{get:n,enumerable:!0,configurable:!0}),n}function mt(e,t){return function(){return e[t]}}function gt(e,t){var n,i,s,o,l;if(Array.isArray(e)||"string"==typeof e)for(n=new Array(e.length),i=0,s=e.length;idocument.createEvent("Event").timeStamp&&(ra=function(){return sa.now()})}function oa(){var e,t;for(ia=ra(),aa=!0,Zt.sort((function(e,t){return e.id-t.id})),na=0;nana&&Zt[a].id>e.id;)a--;Zt.splice(a+1,0,e)}else Zt.push(e);ta||(ta=!0,Xe(oa))}}(this)},ca.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||r(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){Oe(e,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,e,t)}}},ca.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},ca.prototype.depend=function(){for(var e=this.deps.length;e--;)this.deps[e].depend()},ca.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||g(this.vm._watchers,this);for(var e=this.deps.length;e--;)this.deps[e].removeSub(this);this.active=!1}};var da={enumerable:!0,configurable:!0,get:S,set:S};function ua(e,t,a){da.get=function(){return this[t][a]},da.set=function(e){this[t][a]=e},Object.defineProperty(e,a,da)}function pa(e){e._watchers=[];var t=e.$options;t.props&&function(e,t){var a=e.$options.propsData||{},n=e._props={},i=e.$options._propKeys=[];e.$parent&&_e(!1);var r=function(r){i.push(r);var s=Ie(r,t,a,e);xe(n,r,s),r in e||ua(e,"_props",r)};for(var s in t)r(s);_e(!0)}(e,t.props),t.methods&&function(e,t){e.$options.props;for(var a in t)e[a]="function"!=typeof t[a]?S:x(t[a],e)}(e,t.methods),t.data?function(e){var t=e.$options.data;o(t=e._data="function"==typeof t?function(e,t){de();try{return e.call(t,t)}catch(e){return Oe(e,t,"data()"),{}}finally{ue()}}(t,e):t||{})||(t={});var a=Object.keys(t),n=e.$options.props,i=(e.$options.methods,a.length);for(;i--;){var r=a[i];n&&v(n,r)||F(r)||ua(e,"_data",r)}Ae(t,!0)}(e):Ae(e._data={},!0),t.computed&&function(e,t){var a=e._computedWatchers=Object.create(null),n=te();for(var i in t){var r=t[i],s="function"==typeof r?r:r.get;n||(a[i]=new ca(e,s||S,S,ha)),i in e||ma(e,i,r)}}(e,t.computed),t.watch&&t.watch!==Z&&function(e,t){for(var a in t){var n=t[a];if(Array.isArray(n))for(var i=0;i-1:"string"==typeof e?e.split(",").indexOf(t)>-1:(a=e,"[object RegExp]"===s.call(a)&&e.test(t));var a}function xa(e,t){var a=e.cache,n=e.keys,i=e._vnode;for(var r in a){var s=a[r];if(s){var o=wa(s.componentOptions);o&&!t(o)&&za(a,r,n,i)}}}function za(e,t,a,n){var i=e[t];!i||n&&i.tag===n.tag||i.componentInstance.$destroy(),e[t]=null,g(a,t)}!function(t){t.prototype._init=function(t){var a=this;a._uid=ba++,a._isVue=!0,t&&t._isComponent?function(e,t){var a=e.$options=Object.create(e.constructor.options),n=t._parentVnode;a.parent=t.parent,a._parentVnode=n;var i=n.componentOptions;a.propsData=i.propsData,a._parentListeners=i.listeners,a._renderChildren=i.children,a._componentTag=i.tag,t.render&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns)}(a,t):a.$options=$e(ya(a.constructor),t||{},a),a._renderProxy=a,a._self=a,function(e){var t=e.$options,a=t.parent;if(a&&!t.abstract){for(;a.$options.abstract&&a.$parent;)a=a.$parent;a.$children.push(e)}e.$parent=a,e.$root=a?a.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=null,e._directInactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}(a),function(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&Ht(e,t)}(a),function(t){t._vnode=null,t._staticTrees=null;var a=t.$options,n=t.$vnode=a._parentVnode,i=n&&n.context;t.$slots=dt(a._renderChildren,i),t.$scopedSlots=e,t._c=function(e,a,n,i){return jt(t,e,a,n,i,!1)},t.$createElement=function(e,a,n,i){return jt(t,e,a,n,i,!0)};var r=n&&n.data;xe(t,"$attrs",r&&r.attrs||e,null,!0),xe(t,"$listeners",a._parentListeners||e,null,!0)}(a),Yt(a,"beforeCreate"),function(e){var t=ct(e.$options.inject,e);t&&(_e(!1),Object.keys(t).forEach((function(a){xe(e,a,t[a])})),_e(!0))}(a),pa(a),function(e){var t=e.$options.provide;t&&(e._provided="function"==typeof t?t.call(e):t)}(a),Yt(a,"created"),a.$options.el&&a.$mount(a.$options.el)}}(ka),function(e){var t={get:function(){return this._data}},a={get:function(){return this._props}};Object.defineProperty(e.prototype,"$data",t),Object.defineProperty(e.prototype,"$props",a),e.prototype.$set=ze,e.prototype.$delete=Ce,e.prototype.$watch=function(e,t,a){if(o(t))return va(this,e,t,a);(a=a||{}).user=!0;var n=new ca(this,e,t,a);if(a.immediate)try{t.call(this,n.value)}catch(e){Oe(e,this,'callback for immediate watcher "'+n.expression+'"')}return function(){n.teardown()}}}(ka),function(e){var t=/^hook:/;e.prototype.$on=function(e,a){var n=this;if(Array.isArray(e))for(var i=0,r=e.length;i1?z(a):a;for(var n=z(arguments,1),i='event handler for "'+e+'"',r=0,s=a.length;rparseInt(this.max)&&za(s,o[0],o,this._vnode)),t.data.keepAlive=!0}return t||e&&e[0]}}};!function(e){var t={get:function(){return I}};Object.defineProperty(e,"config",t),e.util={warn:se,extend:C,mergeOptions:$e,defineReactive:xe},e.set=ze,e.delete=Ce,e.nextTick=Xe,e.observable=function(e){return Ae(e),e},e.options=Object.create(null),$.forEach((function(t){e.options[t+"s"]=Object.create(null)})),e.options._base=e,C(e.options.components,Ta),function(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var a=z(arguments,1);return a.unshift(this),"function"==typeof e.install?e.install.apply(e,a):"function"==typeof e&&e.apply(null,a),t.push(e),this}}(e),function(e){e.mixin=function(e){return this.options=$e(this.options,e),this}}(e),_a(e),function(e){$.forEach((function(t){e[t]=function(e,a){return a?("component"===t&&o(a)&&(a.name=a.name||e,a=this.options._base.extend(a)),"directive"===t&&"function"==typeof a&&(a={bind:a,update:a}),this.options[t+"s"][e]=a,a):this.options[t+"s"][e]}}))}(e)}(ka),Object.defineProperty(ka.prototype,"$isServer",{get:te}),Object.defineProperty(ka.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(ka,"FunctionalRenderContext",{value:Pt}),ka.version="2.6.12";var Sa=p("style,class"),Ma=p("input,textarea,option,select,progress"),Pa=function(e,t,a){return"value"===a&&Ma(e)&&"button"!==t||"selected"===a&&"option"===e||"checked"===a&&"input"===e||"muted"===a&&"video"===e},Da=p("contenteditable,draggable,spellcheck"),Na=p("events,caret,typing,plaintext-only"),La=p("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),$a="http://www.w3.org/1999/xlink",Ra=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Ia=function(e){return Ra(e)?e.slice(6,e.length):""},ja=function(e){return null==e||!1===e};function Fa(e){for(var t=e.data,n=e,i=e;a(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(t=Ea(i.data,t));for(;a(n=n.parent);)n&&n.data&&(t=Ea(t,n.data));return function(e,t){if(a(e)||a(t))return Oa(e,Ua(t));return""}(t.staticClass,t.class)}function Ea(e,t){return{staticClass:Oa(e.staticClass,t.staticClass),class:a(e.class)?[e.class,t.class]:t.class}}function Oa(e,t){return e?t?e+" "+t:e:t||""}function Ua(e){return Array.isArray(e)?function(e){for(var t,n="",i=0,r=e.length;i-1?hn(e,t,a):La(t)?ja(a)?e.removeAttribute(t):(a="allowfullscreen"===t&&"EMBED"===e.tagName?"true":t,e.setAttribute(t,a)):Da(t)?e.setAttribute(t,function(e,t){return ja(t)||"false"===t?"false":"contenteditable"===e&&Na(t)?t:"true"}(t,a)):Ra(t)?ja(a)?e.removeAttributeNS($a,Ia(t)):e.setAttributeNS($a,t,a):hn(e,t,a)}function hn(e,t,a){if(ja(a))e.removeAttribute(t);else{if(W&&!K&&"TEXTAREA"===e.tagName&&"placeholder"===t&&""!==a&&!e.__ieph){var n=function(t){t.stopImmediatePropagation(),e.removeEventListener("input",n)};e.addEventListener("input",n),e.__ieph=!0}e.setAttribute(t,a)}}var mn={create:un,update:un};function gn(e,n){var i=n.elm,r=n.data,s=e.data;if(!(t(r.staticClass)&&t(r.class)&&(t(s)||t(s.staticClass)&&t(s.class)))){var o=Fa(n),l=i._transitionClasses;a(l)&&(o=Oa(o,Ua(l))),o!==i._prevClass&&(i.setAttribute("class",o),i._prevClass=o)}}var fn,vn,bn,yn,kn,_n,wn={create:gn,update:gn},An=/[\w).+\-_$\]]/;function xn(e){var t,a,n,i,r,s=!1,o=!1,l=!1,c=!1,d=0,u=0,p=0,h=0;for(n=0;n=0&&" "===(g=e.charAt(m));m--);g&&An.test(g)||(c=!0)}}else void 0===i?(h=n+1,i=e.slice(0,n).trim()):f();function f(){(r||(r=[])).push(e.slice(h,n).trim()),h=n+1}if(void 0===i?i=e.slice(0,n).trim():0!==h&&f(),r)for(n=0;n-1?{exp:e.slice(0,yn),key:'"'+e.slice(yn+1)+'"'}:{exp:e,key:null};vn=e,yn=kn=_n=0;for(;!Un();)Bn(bn=On())?Vn(bn):91===bn&&qn(bn);return{exp:e.slice(0,kn),key:e.slice(kn+1,_n)}}(e);return null===a.key?e+"="+t:"$set("+a.exp+", "+a.key+", "+t+")"}function On(){return vn.charCodeAt(++yn)}function Un(){return yn>=fn}function Bn(e){return 34===e||39===e}function qn(e){var t=1;for(kn=yn;!Un();)if(Bn(e=On()))Vn(e);else if(91===e&&t++,93===e&&t--,0===t){_n=yn;break}}function Vn(e){for(var t=e;!Un()&&(e=On())!==t;);}var Gn;function Hn(e,t,a){var n=Gn;return function i(){var r=t.apply(null,arguments);null!==r&&Qn(e,i,a,n)}}var Wn=Ge&&!(Y&&Number(Y[1])<=53);function Kn(e,t,a,n){if(Wn){var i=ia,r=t;t=r._wrapper=function(e){if(e.target===e.currentTarget||e.timeStamp>=i||e.timeStamp<=0||e.target.ownerDocument!==document)return r.apply(this,arguments)}}Gn.addEventListener(e,t,X?{capture:a,passive:n}:a)}function Qn(e,t,a,n){(n||Gn).removeEventListener(e,t._wrapper||t,a)}function Jn(e,n){if(!t(e.data.on)||!t(n.data.on)){var i=n.data.on||{},r=e.data.on||{};Gn=n.elm,function(e){if(a(e.__r)){var t=W?"change":"input";e[t]=[].concat(e.__r,e[t]||[]),delete e.__r}a(e.__c)&&(e.change=[].concat(e.__c,e.change||[]),delete e.__c)}(i),it(i,r,Kn,Qn,Hn,n.context),Gn=void 0}}var Yn,Zn={create:Jn,update:Jn};function Xn(e,n){if(!t(e.data.domProps)||!t(n.data.domProps)){var i,r,s=n.elm,o=e.data.domProps||{},l=n.data.domProps||{};for(i in a(l.__ob__)&&(l=n.data.domProps=C({},l)),o)i in l||(s[i]="");for(i in l){if(r=l[i],"textContent"===i||"innerHTML"===i){if(n.children&&(n.children.length=0),r===o[i])continue;1===s.childNodes.length&&s.removeChild(s.childNodes[0])}if("value"===i&&"PROGRESS"!==s.tagName){s._value=r;var c=t(r)?"":String(r);ei(s,c)&&(s.value=c)}else if("innerHTML"===i&&Va(s.tagName)&&t(s.innerHTML)){(Yn=Yn||document.createElement("div")).innerHTML=""+r+"";for(var d=Yn.firstChild;s.firstChild;)s.removeChild(s.firstChild);for(;d.firstChild;)s.appendChild(d.firstChild)}else if(r!==o[i])try{s[i]=r}catch(e){}}}}function ei(e,t){return!e.composing&&("OPTION"===e.tagName||function(e,t){var a=!0;try{a=document.activeElement!==e}catch(e){}return a&&e.value!==t}(e,t)||function(e,t){var n=e.value,i=e._vModifiers;if(a(i)){if(i.number)return u(n)!==u(t);if(i.trim)return n.trim()!==t.trim()}return n!==t}(e,t))}var ti={create:Xn,update:Xn},ai=b((function(e){var t={},a=/:(.+)/;return e.split(/;(?![^(]*\))/g).forEach((function(e){if(e){var n=e.split(a);n.length>1&&(t[n[0].trim()]=n[1].trim())}})),t}));function ni(e){var t=ii(e.style);return e.staticStyle?C(e.staticStyle,t):t}function ii(e){return Array.isArray(e)?T(e):"string"==typeof e?ai(e):e}var ri,si=/^--/,oi=/\s*!important$/,li=function(e,t,a){if(si.test(t))e.style.setProperty(t,a);else if(oi.test(a))e.style.setProperty(A(t),a.replace(oi,""),"important");else{var n=di(t);if(Array.isArray(a))for(var i=0,r=a.length;i-1?t.split(hi).forEach((function(t){return e.classList.add(t)})):e.classList.add(t);else{var a=" "+(e.getAttribute("class")||"")+" ";a.indexOf(" "+t+" ")<0&&e.setAttribute("class",(a+t).trim())}}function gi(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(hi).forEach((function(t){return e.classList.remove(t)})):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var a=" "+(e.getAttribute("class")||"")+" ",n=" "+t+" ";a.indexOf(n)>=0;)a=a.replace(n," ");(a=a.trim())?e.setAttribute("class",a):e.removeAttribute("class")}}function fi(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&C(t,vi(e.name||"v")),C(t,e),t}return"string"==typeof e?vi(e):void 0}}var vi=b((function(e){return{enterClass:e+"-enter",enterToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveClass:e+"-leave",leaveToClass:e+"-leave-to",leaveActiveClass:e+"-leave-active"}})),bi=q&&!K,yi="transition",ki="transitionend",_i="animation",wi="animationend";bi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(yi="WebkitTransition",ki="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(_i="WebkitAnimation",wi="webkitAnimationEnd"));var Ai=q?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(e){return e()};function xi(e){Ai((function(){Ai(e)}))}function zi(e,t){var a=e._transitionClasses||(e._transitionClasses=[]);a.indexOf(t)<0&&(a.push(t),mi(e,t))}function Ci(e,t){e._transitionClasses&&g(e._transitionClasses,t),gi(e,t)}function Ti(e,t,a){var n=Mi(e,t),i=n.type,r=n.timeout,s=n.propCount;if(!i)return a();var o="transition"===i?ki:wi,l=0,c=function(){e.removeEventListener(o,d),a()},d=function(t){t.target===e&&++l>=s&&c()};setTimeout((function(){l0&&(a="transition",d=s,u=r.length):"animation"===t?c>0&&(a="animation",d=c,u=l.length):u=(a=(d=Math.max(s,c))>0?s>c?"transition":"animation":null)?"transition"===a?r.length:l.length:0,{type:a,timeout:d,propCount:u,hasTransform:"transition"===a&&Si.test(n[yi+"Property"])}}function Pi(e,t){for(;e.length1}function Ii(e,t){!0!==t.data.show&&Ni(t)}var ji=function(e){var r,s,o={},l=e.modules,c=e.nodeOps;for(r=0;rm?y(e,t(i[v+1])?null:i[v+1].elm,i,h,v,r):h>v&&_(n,p,m)}(p,g,v,r,d):a(v)?(a(e.text)&&c.setTextContent(p,""),y(p,null,v,0,v.length-1,r)):a(g)?_(g,0,g.length-1):a(e.text)&&c.setTextContent(p,""):e.text!==i.text&&c.setTextContent(p,i.text),a(m)&&a(h=m.hook)&&a(h=h.postpatch)&&h(e,i)}}}function z(e,t,i){if(n(i)&&a(e.parent))e.parent.data.pendingInsert=t;else for(var r=0;r-1,s.selected!==r&&(s.selected=r);else if(D(Bi(s),n))return void(e.selectedIndex!==o&&(e.selectedIndex=o));i||(e.selectedIndex=-1)}}function Ui(e,t){return t.every((function(t){return!D(t,e)}))}function Bi(e){return"_value"in e?e._value:e.value}function qi(e){e.target.composing=!0}function Vi(e){e.target.composing&&(e.target.composing=!1,Gi(e.target,"input"))}function Gi(e,t){var a=document.createEvent("HTMLEvents");a.initEvent(t,!0,!0),e.dispatchEvent(a)}function Hi(e){return!e.componentInstance||e.data&&e.data.transition?e:Hi(e.componentInstance._vnode)}var Wi={model:Fi,show:{bind:function(e,t,a){var n=t.value,i=(a=Hi(a)).data&&a.data.transition,r=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;n&&i?(a.data.show=!0,Ni(a,(function(){e.style.display=r}))):e.style.display=n?r:"none"},update:function(e,t,a){var n=t.value;!n!=!t.oldValue&&((a=Hi(a)).data&&a.data.transition?(a.data.show=!0,n?Ni(a,(function(){e.style.display=e.__vOriginalDisplay})):Li(a,(function(){e.style.display="none"}))):e.style.display=n?e.__vOriginalDisplay:"none")},unbind:function(e,t,a,n,i){i||(e.style.display=e.__vOriginalDisplay)}}},Ki={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Qi(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?Qi(Bt(t.children)):e}function Ji(e){var t={},a=e.$options;for(var n in a.propsData)t[n]=e[n];var i=a._parentListeners;for(var r in i)t[k(r)]=i[r];return t}function Yi(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}var Zi=function(e){return e.tag||Ut(e)},Xi=function(e){return"show"===e.name},er={name:"transition",props:Ki,abstract:!0,render:function(e){var t=this,a=this.$slots.default;if(a&&(a=a.filter(Zi)).length){var n=this.mode,r=a[0];if(function(e){for(;e=e.parent;)if(e.data.transition)return!0}(this.$vnode))return r;var s=Qi(r);if(!s)return r;if(this._leaving)return Yi(e,r);var o="__transition-"+this._uid+"-";s.key=null==s.key?s.isComment?o+"comment":o+s.tag:i(s.key)?0===String(s.key).indexOf(o)?s.key:o+s.key:s.key;var l=(s.data||(s.data={})).transition=Ji(this),c=this._vnode,d=Qi(c);if(s.data.directives&&s.data.directives.some(Xi)&&(s.data.show=!0),d&&d.data&&!function(e,t){return t.key===e.key&&t.tag===e.tag}(s,d)&&!Ut(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=C({},l);if("out-in"===n)return this._leaving=!0,rt(u,"afterLeave",(function(){t._leaving=!1,t.$forceUpdate()})),Yi(e,r);if("in-out"===n){if(Ut(s))return c;var p,h=function(){p()};rt(l,"afterEnter",h),rt(l,"enterCancelled",h),rt(u,"delayLeave",(function(e){p=e}))}}return r}}},tr=C({tag:String,moveClass:String},Ki);function ar(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function nr(e){e.data.newPos=e.elm.getBoundingClientRect()}function ir(e){var t=e.data.pos,a=e.data.newPos,n=t.left-a.left,i=t.top-a.top;if(n||i){e.data.moved=!0;var r=e.elm.style;r.transform=r.WebkitTransform="translate("+n+"px,"+i+"px)",r.transitionDuration="0s"}}delete tr.mode;var rr={Transition:er,TransitionGroup:{props:tr,beforeMount:function(){var e=this,t=this._update;this._update=function(a,n){var i=Kt(e);e.__patch__(e._vnode,e.kept,!1,!0),e._vnode=e.kept,i(),t.call(e,a,n)}},render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",a=Object.create(null),n=this.prevChildren=this.children,i=this.$slots.default||[],r=this.children=[],s=Ji(this),o=0;o-1?Wa[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Wa[e]=/HTMLUnknownElement/.test(t.toString())},C(ka.options.directives,Wi),C(ka.options.components,rr),ka.prototype.__patch__=q?ji:S,ka.prototype.$mount=function(e,t){return function(e,t,a){var n;return e.$el=t,e.$options.render||(e.$options.render=me),Yt(e,"beforeMount"),n=function(){e._update(e._render(),a)},new ca(e,n,S,{before:function(){e._isMounted&&!e._isDestroyed&&Yt(e,"beforeUpdate")}},!0),a=!1,null==e.$vnode&&(e._isMounted=!0,Yt(e,"mounted")),e}(this,e=e&&q?Qa(e):void 0,t)},q&&setTimeout((function(){I.devtools&&ae&&ae.emit("init",ka)}),0);var sr=/\{\{((?:.|\r?\n)+?)\}\}/g,or=/[-.*+?^${}()|[\]\/\\]/g,lr=b((function(e){var t=e[0].replace(or,"\\$&"),a=e[1].replace(or,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+a,"g")}));var cr={staticKeys:["staticClass"],transformNode:function(e,t){t.warn;var a=Rn(e,"class");a&&(e.staticClass=JSON.stringify(a));var n=$n(e,"class",!1);n&&(e.classBinding=n)},genData:function(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}};var dr,ur={staticKeys:["staticStyle"],transformNode:function(e,t){t.warn;var a=Rn(e,"style");a&&(e.staticStyle=JSON.stringify(ai(a)));var n=$n(e,"style",!1);n&&(e.styleBinding=n)},genData:function(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}},pr=function(e){return(dr=dr||document.createElement("div")).innerHTML=e,dr.textContent},hr=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),mr=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),gr=p("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),fr=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,vr=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,br="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+j.source+"]*",yr="((?:"+br+"\\:)?"+br+")",kr=new RegExp("^<"+yr),_r=/^\s*(\/?)>/,wr=new RegExp("^<\\/"+yr+"[^>]*>"),Ar=/^]+>/i,xr=/^",""":'"',"&":"&"," ":"\n"," ":"\t","'":"'"},Mr=/&(?:lt|gt|quot|amp|#39);/g,Pr=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,Dr=p("pre,textarea",!0),Nr=function(e,t){return e&&Dr(e)&&"\n"===t[0]};function Lr(e,t){var a=t?Pr:Mr;return e.replace(a,(function(e){return Sr[e]}))}var $r,Rr,Ir,jr,Fr,Er,Or,Ur,Br=/^@|^v-on:/,qr=/^v-|^@|^:|^#/,Vr=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Gr=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Hr=/^\(|\)$/g,Wr=/^\[.*\]$/,Kr=/:(.*)$/,Qr=/^:|^\.|^v-bind:/,Jr=/\.[^.\]]+(?=[^\]]*$)/g,Yr=/^v-slot(:|$)|^#/,Zr=/[\r\n]/,Xr=/\s+/g,es=b(pr);function ts(e,t,a){return{type:1,tag:e,attrsList:t,attrsMap:ls(t),rawAttrsMap:{},parent:a,children:[]}}function as(e,t){$r=t.warn||Cn,Er=t.isPreTag||M,Or=t.mustUseProp||M,Ur=t.getTagNamespace||M;t.isReservedTag;Ir=Tn(t.modules,"transformNode"),jr=Tn(t.modules,"preTransformNode"),Fr=Tn(t.modules,"postTransformNode"),Rr=t.delimiters;var a,n,i=[],r=!1!==t.preserveWhitespace,s=t.whitespace,o=!1,l=!1;function c(e){if(d(e),o||e.processed||(e=ns(e,t)),i.length||e===a||a.if&&(e.elseif||e.else)&&rs(a,{exp:e.elseif,block:e}),n&&!e.forbidden)if(e.elseif||e.else)s=e,(c=function(e){for(var t=e.length;t--;){if(1===e[t].type)return e[t];e.pop()}}(n.children))&&c.if&&rs(c,{exp:s.elseif,block:s});else{if(e.slotScope){var r=e.slotTarget||'"default"';(n.scopedSlots||(n.scopedSlots={}))[r]=e}n.children.push(e),e.parent=n}var s,c;e.children=e.children.filter((function(e){return!e.slotScope})),d(e),e.pre&&(o=!1),Er(e.tag)&&(l=!1);for(var u=0;u]*>)","i")),p=e.replace(u,(function(e,a,n){return c=n.length,Cr(d)||"noscript"===d||(a=a.replace(//g,"$1").replace(//g,"$1")),Nr(d,a)&&(a=a.slice(1)),t.chars&&t.chars(a),""}));l+=e.length-p.length,e=p,C(d,l-c,l)}else{var h=e.indexOf("<");if(0===h){if(xr.test(e)){var m=e.indexOf("--\x3e");if(m>=0){t.shouldKeepComment&&t.comment(e.substring(4,m),l,l+m+3),A(m+3);continue}}if(zr.test(e)){var g=e.indexOf("]>");if(g>=0){A(g+2);continue}}var f=e.match(Ar);if(f){A(f[0].length);continue}var v=e.match(wr);if(v){var b=l;A(v[0].length),C(v[1],b,l);continue}var y=x();if(y){z(y),Nr(y.tagName,e)&&A(1);continue}}var k=void 0,_=void 0,w=void 0;if(h>=0){for(_=e.slice(h);!(wr.test(_)||kr.test(_)||xr.test(_)||zr.test(_)||(w=_.indexOf("<",1))<0);)h+=w,_=e.slice(h);k=e.substring(0,h)}h<0&&(k=e),k&&A(k.length),t.chars&&k&&t.chars(k,l-k.length,l)}if(e===a){t.chars&&t.chars(e);break}}function A(t){l+=t,e=e.substring(t)}function x(){var t=e.match(kr);if(t){var a,n,i={tagName:t[1],attrs:[],start:l};for(A(t[0].length);!(a=e.match(_r))&&(n=e.match(vr)||e.match(fr));)n.start=l,A(n[0].length),n.end=l,i.attrs.push(n);if(a)return i.unarySlash=a[1],A(a[0].length),i.end=l,i}}function z(e){var a=e.tagName,l=e.unarySlash;r&&("p"===n&&gr(a)&&C(n),o(a)&&n===a&&C(a));for(var c=s(a)||!!l,d=e.attrs.length,u=new Array(d),p=0;p=0&&i[s].lowerCasedTag!==o;s--);else s=0;if(s>=0){for(var c=i.length-1;c>=s;c--)t.end&&t.end(i[c].tag,a,r);i.length=s,n=s&&i[s-1].tag}else"br"===o?t.start&&t.start(e,[],!0,a,r):"p"===o&&(t.start&&t.start(e,[],!1,a,r),t.end&&t.end(e,a,r))}C()}(e,{warn:$r,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldDecodeNewlinesForHref:t.shouldDecodeNewlinesForHref,shouldKeepComment:t.comments,outputSourceRange:t.outputSourceRange,start:function(e,r,s,d,u){var p=n&&n.ns||Ur(e);W&&"svg"===p&&(r=function(e){for(var t=[],a=0;al&&(o.push(r=e.slice(l,i)),s.push(JSON.stringify(r)));var c=xn(n[1].trim());s.push("_s("+c+")"),o.push({"@binding":c}),l=i+n[0].length}return l-1"+("true"===r?":("+t+")":":_q("+t+","+r+")")),Ln(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+r+"):("+s+");if(Array.isArray($$a)){var $$v="+(n?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+En(t,"$$a.concat([$$v])")+")}else{$$i>-1&&("+En(t,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+En(t,"$$c")+"}",null,!0)}(e,n,i);else if("input"===r&&"radio"===s)!function(e,t,a){var n=a&&a.number,i=$n(e,"value")||"null";Sn(e,"checked","_q("+t+","+(i=n?"_n("+i+")":i)+")"),Ln(e,"change",En(t,i),null,!0)}(e,n,i);else if("input"===r||"textarea"===r)!function(e,t,a){var n=e.attrsMap.type,i=a||{},r=i.lazy,s=i.number,o=i.trim,l=!r&&"range"!==n,c=r?"change":"range"===n?"__r":"input",d="$event.target.value";o&&(d="$event.target.value.trim()");s&&(d="_n("+d+")");var u=En(t,d);l&&(u="if($event.target.composing)return;"+u);Sn(e,"value","("+t+")"),Ln(e,c,u,null,!0),(o||s)&&Ln(e,"blur","$forceUpdate()")}(e,n,i);else if(!I.isReservedTag(r))return Fn(e,n,i),!1;return!0},text:function(e,t){t.value&&Sn(e,"textContent","_s("+t.value+")",t)},html:function(e,t){t.value&&Sn(e,"innerHTML","_s("+t.value+")",t)}},isPreTag:function(e){return"pre"===e},isUnaryTag:hr,mustUseProp:Pa,canBeLeftOpenTag:mr,isReservedTag:Ga,getTagNamespace:Ha,staticKeys:function(e){return e.reduce((function(e,t){return e.concat(t.staticKeys||[])}),[]).join(",")}(ps)},fs=b((function(e){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(e?","+e:""))}));function vs(e,t){e&&(hs=fs(t.staticKeys||""),ms=t.isReservedTag||M,function e(t){if(t.static=function(e){if(2===e.type)return!1;if(3===e.type)return!0;return!(!e.pre&&(e.hasBindings||e.if||e.for||h(e.tag)||!ms(e.tag)||function(e){for(;e.parent;){if("template"!==(e=e.parent).tag)return!1;if(e.for)return!0}return!1}(e)||!Object.keys(e).every(hs)))}(t),1===t.type){if(!ms(t.tag)&&"slot"!==t.tag&&null==t.attrsMap["inline-template"])return;for(var a=0,n=t.children.length;a|^function(?:\s+[\w$]+)?\s*\(/,ys=/\([^)]*?\);*$/,ks=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,_s={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},ws={esc:["Esc","Escape"],tab:"Tab",enter:"Enter",space:[" ","Spacebar"],up:["Up","ArrowUp"],left:["Left","ArrowLeft"],right:["Right","ArrowRight"],down:["Down","ArrowDown"],delete:["Backspace","Delete","Del"]},As=function(e){return"if("+e+")return null;"},xs={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:As("$event.target !== $event.currentTarget"),ctrl:As("!$event.ctrlKey"),shift:As("!$event.shiftKey"),alt:As("!$event.altKey"),meta:As("!$event.metaKey"),left:As("'button' in $event && $event.button !== 0"),middle:As("'button' in $event && $event.button !== 1"),right:As("'button' in $event && $event.button !== 2")};function zs(e,t){var a=t?"nativeOn:":"on:",n="",i="";for(var r in e){var s=Cs(e[r]);e[r]&&e[r].dynamic?i+=r+","+s+",":n+='"'+r+'":'+s+","}return n="{"+n.slice(0,-1)+"}",i?a+"_d("+n+",["+i.slice(0,-1)+"])":a+n}function Cs(e){if(!e)return"function(){}";if(Array.isArray(e))return"["+e.map((function(e){return Cs(e)})).join(",")+"]";var t=ks.test(e.value),a=bs.test(e.value),n=ks.test(e.value.replace(ys,""));if(e.modifiers){var i="",r="",s=[];for(var o in e.modifiers)if(xs[o])r+=xs[o],_s[o]&&s.push(o);else if("exact"===o){var l=e.modifiers;r+=As(["ctrl","shift","alt","meta"].filter((function(e){return!l[e]})).map((function(e){return"$event."+e+"Key"})).join("||"))}else s.push(o);return s.length&&(i+=function(e){return"if(!$event.type.indexOf('key')&&"+e.map(Ts).join("&&")+")return null;"}(s)),r&&(i+=r),"function($event){"+i+(t?"return "+e.value+"($event)":a?"return ("+e.value+")($event)":n?"return "+e.value:e.value)+"}"}return t||a?e.value:"function($event){"+(n?"return "+e.value:e.value)+"}"}function Ts(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var a=_s[e],n=ws[e];return"_k($event.keyCode,"+JSON.stringify(e)+","+JSON.stringify(a)+",$event.key,"+JSON.stringify(n)+")"}var Ss={on:function(e,t){e.wrapListeners=function(e){return"_g("+e+","+t.value+")"}},bind:function(e,t){e.wrapData=function(a){return"_b("+a+",'"+e.tag+"',"+t.value+","+(t.modifiers&&t.modifiers.prop?"true":"false")+(t.modifiers&&t.modifiers.sync?",true":"")+")"}},cloak:S},Ms=function(e){this.options=e,this.warn=e.warn||Cn,this.transforms=Tn(e.modules,"transformCode"),this.dataGenFns=Tn(e.modules,"genData"),this.directives=C(C({},Ss),e.directives);var t=e.isReservedTag||M;this.maybeComponent=function(e){return!!e.component||!t(e.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Ps(e,t){var a=new Ms(t);return{render:"with(this){return "+(e?Ds(e,a):'_c("div")')+"}",staticRenderFns:a.staticRenderFns}}function Ds(e,t){if(e.parent&&(e.pre=e.pre||e.parent.pre),e.staticRoot&&!e.staticProcessed)return Ns(e,t);if(e.once&&!e.onceProcessed)return Ls(e,t);if(e.for&&!e.forProcessed)return Rs(e,t);if(e.if&&!e.ifProcessed)return $s(e,t);if("template"!==e.tag||e.slotTarget||t.pre){if("slot"===e.tag)return function(e,t){var a=e.slotName||'"default"',n=Es(e,t),i="_t("+a+(n?","+n:""),r=e.attrs||e.dynamicAttrs?Bs((e.attrs||[]).concat(e.dynamicAttrs||[]).map((function(e){return{name:k(e.name),value:e.value,dynamic:e.dynamic}}))):null,s=e.attrsMap["v-bind"];!r&&!s||n||(i+=",null");r&&(i+=","+r);s&&(i+=(r?"":",null")+","+s);return i+")"}(e,t);var a;if(e.component)a=function(e,t,a){var n=t.inlineTemplate?null:Es(t,a,!0);return"_c("+e+","+Is(t,a)+(n?","+n:"")+")"}(e.component,e,t);else{var n;(!e.plain||e.pre&&t.maybeComponent(e))&&(n=Is(e,t));var i=e.inlineTemplate?null:Es(e,t,!0);a="_c('"+e.tag+"'"+(n?","+n:"")+(i?","+i:"")+")"}for(var r=0;r>>0}(s):"")+")"}(e,e.scopedSlots,t)+","),e.model&&(a+="model:{value:"+e.model.value+",callback:"+e.model.callback+",expression:"+e.model.expression+"},"),e.inlineTemplate){var r=function(e,t){var a=e.children[0];if(a&&1===a.type){var n=Ps(a,t.options);return"inlineTemplate:{render:function(){"+n.render+"},staticRenderFns:["+n.staticRenderFns.map((function(e){return"function(){"+e+"}"})).join(",")+"]}"}}(e,t);r&&(a+=r+",")}return a=a.replace(/,$/,"")+"}",e.dynamicAttrs&&(a="_b("+a+',"'+e.tag+'",'+Bs(e.dynamicAttrs)+")"),e.wrapData&&(a=e.wrapData(a)),e.wrapListeners&&(a=e.wrapListeners(a)),a}function js(e){return 1===e.type&&("slot"===e.tag||e.children.some(js))}function Fs(e,t){var a=e.attrsMap["slot-scope"];if(e.if&&!e.ifProcessed&&!a)return $s(e,t,Fs,"null");if(e.for&&!e.forProcessed)return Rs(e,t,Fs);var n="_empty_"===e.slotScope?"":String(e.slotScope),i="function("+n+"){return "+("template"===e.tag?e.if&&a?"("+e.if+")?"+(Es(e,t)||"undefined")+":undefined":Es(e,t)||"undefined":Ds(e,t))+"}",r=n?"":",proxy:true";return"{key:"+(e.slotTarget||'"default"')+",fn:"+i+r+"}"}function Es(e,t,a,n,i){var r=e.children;if(r.length){var s=r[0];if(1===r.length&&s.for&&"template"!==s.tag&&"slot"!==s.tag){var o=a?t.maybeComponent(s)?",1":",0":"";return""+(n||Ds)(s,t)+o}var l=a?function(e,t){for(var a=0,n=0;n':'
',Ws.innerHTML.indexOf(" ")>0}var Js=!!q&&Qs(!1),Ys=!!q&&Qs(!0),Zs=b((function(e){var t=Qa(e);return t&&t.innerHTML})),Xs=ka.prototype.$mount;function eo(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}ka.prototype.$mount=function(e,t){if((e=e&&Qa(e))===document.body||e===document.documentElement)return this;var a=this.$options;if(!a.render){var n=a.template;if(n)if("string"==typeof n)"#"===n.charAt(0)&&(n=Zs(n));else{if(!n.nodeType)return this;n=n.innerHTML}else e&&(n=function(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}(e));if(n){var i=Ks(n,{outputSourceRange:!1,shouldDecodeNewlines:Js,shouldDecodeNewlinesForHref:Ys,delimiters:a.delimiters,comments:a.comments},this),r=i.render,s=i.staticRenderFns;a.render=r,a.staticRenderFns=s}}return Xs.call(this,e,t)},ka.compile=Ks;eo(":root {\n --main-scroll: hsl(0, 0%, 30%);\n --panels-scroll: hsl(180, 2%, 17%);\n --tag-background: hsl(210, 100%, 38%);\n --tag-text: #fff;\n --toast-background: hsla(240, 12%, 16%, 0.85);\n --toast-secondary: hsla(240, 12%, 16%, 0.15);\n --toast-text: hsla(0, 0%, 100%, 0.85);\n --primary-color: hsl(210, 100%, 52%);\n --primary-text: hsl(0, 0%, 87%);\n --secondary-color: hsl(46, 100%, 57%);\n}\n\n:root[data-theme='light'] {\n --main-background: #fff;\n --secondary-background: hsl(0, 0%, 93%);\n --foreground: hsl(0, 0%, 20%);\n --foreground-inverted: hsl(0, 0%, 93%);\n --panels-background: hsl(210, 3%, 14%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(0, 0%, 24%);\n --icon-hover: var(--primary-color);\n --table-bg: #fff;\n --table-zebra: hsl(0, 0%, 90%);\n --table-highlight: hsl(0, 0%, 84%);\n}\n\n:root[data-theme='dark'] {\n --main-background: hsl(240, 10%, 8%);\n --secondary-background: hsl(240, 12%, 16%);\n --foreground: hsl(0, 0%, 93%);\n --foreground-inverted: hsl(240, 12%, 16%);\n --panels-background: hsl(240, 15%, 12%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(240, 10%, 22%);\n --icon-hover: hsl(210, 100%, 52%);\n --table-bg: hsl(240, 10%, 8%);\n --table-zebra: hsl(240, 15%, 11%);\n --table-highlight: hsl(240, 10%, 22%);\n}\n\n:root[data-theme='purple'] {\n --main-background: hsl(261, 74%, 6%);\n --secondary-background: hsl(257, 61%, 10%);\n --foreground: hsl(0, 0%, 93%);\n --foreground-inverted: hsl(258, 62%, 8%);\n --panels-background: hsl(257, 70%, 9%);\n --panels-text: #fff;\n --sidebar-link-bg: hsl(257, 70%, 17%);\n --icon-hover: hsl(186, 44%, 54%);\n --table-bg: hsl(261, 74%, 6%);\n --table-zebra: hsl(257, 61%, 10%);\n --table-highlight: hsl(257, 66%, 27%);\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\n.bg-black {\n --bg-opacity: 1;\n background-color: #000;\n background-color: rgba(0, 0, 0, var(--bg-opacity));\n}\n\n.bg-red-600 {\n --bg-opacity: 1;\n background-color: #e53e3e;\n background-color: rgba(229, 62, 62, var(--bg-opacity));\n}\n\n.bg-grayscale-200 {\n --bg-opacity: 1;\n background-color: hsl(0, 0%, 20%);\n background-color: rgba(51, 51, 51, var(--bg-opacity));\n}\n\n.bg-background-main {\n background-color: var(--main-background);\n}\n\n.bg-panels-bg {\n background-color: var(--panels-background);\n}\n\n.bg-opacity-50 {\n --bg-opacity: 0.5;\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-grayscale-500 {\n --border-opacity: 1;\n border-color: hsl(0, 0%, 50%);\n border-color: rgba(127.5, 127.5, 127.5, var(--border-opacity));\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.cursor-default {\n cursor: default;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.table {\n display: table;\n}\n\n.hidden {\n display: none;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.items-center {\n align-items: center;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-evenly {\n justify-content: space-evenly;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.h-3 {\n height: 0.75rem;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-12 {\n height: 3rem;\n}\n\n.h-16 {\n height: 4rem;\n}\n\n.h-40 {\n height: 10rem;\n}\n\n.h-full {\n height: 100%;\n}\n\n.text-lg {\n font-size: 1.125rem;\n}\n\n.text-2xl {\n font-size: 1.5rem;\n}\n\n.text-3xl {\n font-size: 1.875rem;\n}\n\n.text-4xl {\n font-size: 2.25rem;\n}\n\n.text-5xl {\n font-size: 3rem;\n}\n\n.m-0 {\n margin: 0;\n}\n\n.m-1 {\n margin: 0.25rem;\n}\n\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.ml-5 {\n margin-left: 1.25rem;\n}\n\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.-mt-16 {\n margin-top: -4rem;\n}\n\n.-ml-20 {\n margin-left: -5rem;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.p-1 {\n padding: 0.25rem;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.py-6 {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: -webkit-sticky;\n position: sticky;\n}\n\n.top-0 {\n top: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.left-0 {\n left: 0;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-white {\n --text-opacity: 1;\n color: #fff;\n color: rgba(255, 255, 255, var(--text-opacity));\n}\n\n.text-panels-text {\n color: var(--panels-text);\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.no-underline {\n text-decoration: none;\n}\n\n.whitespace-no-wrap {\n white-space: nowrap;\n}\n\n.w-3 {\n width: 0.75rem;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-6 {\n width: 1.5rem;\n}\n\n.w-12 {\n width: 3rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-40 {\n width: 10rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.transform {\n --transform-translate-x: 0;\n --transform-translate-y: 0;\n --transform-rotate: 0;\n --transform-skew-x: 0;\n --transform-skew-y: 0;\n --transform-scale-x: 1;\n --transform-scale-y: 1;\n transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));\n}\n\n.transition-all {\n transition-property: all;\n}\n\n.transition {\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;\n}\n\n.transition-opacity {\n transition-property: opacity;\n}\n\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.duration-75 {\n transition-duration: 75ms;\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n.duration-500 {\n transition-duration: 500ms;\n}\n\n.delay-200 {\n transition-delay: 200ms;\n}\n\n@-webkit-keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping {\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping {\n 75%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce {\n 0%, 100% {\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50% {\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce {\n 0%, 100% {\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50% {\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\nhtml {\n height: 100vh;\n}\n\nbody {\n margin: 0px;\n width: 100%;\n height: 100%;\n font-family: 'Open Sans', 'sans-serif';\n overflow: hidden;\n background: var(--main-background);\n color: var(--foreground);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-size: 16px;\n}\n\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* Taken from Tailwind Preflight */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ninput[type='search'],\ninput[type='checkbox'],\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\nbutton,\n[role='button'] {\n cursor: pointer;\n}\n\n*,\n::before,\n::after {\n border-width: 0;\n border-style: solid;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes indeterminate {\n 0% {\n left: -35%;\n right: 100%;\n }\n\n 60% {\n left: 100%;\n right: -90%;\n }\n\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@keyframes indeterminate {\n 0% {\n left: -35%;\n right: 100%;\n }\n\n 60% {\n left: 100%;\n right: -90%;\n }\n\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@-webkit-keyframes indeterminate-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n\n 60% {\n left: 107%;\n right: -8%;\n }\n\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\n@keyframes indeterminate-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n\n 60% {\n left: 107%;\n right: -8%;\n }\n\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\ninput[type='text'],\ninput[type='password'],\ninput[type='number'] {\n width: calc(100% - 16px);\n border: 0px solid black;\n line-height: 36px;\n padding: 0px 8px;\n border-radius: 4px;\n background-color: var(--secondary-background);\n color: var(--foreground);\n margin-bottom: 8px;\n}\n\ninput[type='search']::-webkit-search-cancel-button {\n -webkit-appearance: none;\n width: 28px;\n height: 28px;\n background-color: var(--foreground);\n -webkit-mask-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%%3Cpath fill='%23ffffff' d='M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z'/%3E3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n mask-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%%3Cpath fill='%23ffffff' d='M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 12.59L17.59 17 14 13.41 10.41 17 9 15.59 12.59 12 9 8.41 10.41 7 14 10.59 17.59 7 19 8.41 15.41 12 19 15.59z'/%3E3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n}\n\ninput[type='checkbox'] {\n background-color: none;\n border: 2px solid gray;\n opacity: 0.5;\n border-radius: 2px;\n padding: 7px;\n margin: 3px;\n display: inline-block;\n position: relative;\n}\n\ninput[type='checkbox']:checked {\n opacity: 1;\n background-color: var(--primary-color);\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' viewBox='3 3 18 18' width='18'%3E%3Cpath fill='%23ffffff' d='M 10,17 5,12 6.41,10.59 10,14.17 17.59,6.58 19,8 Z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n background-position: center center;\n border: 0px solid var(--primary-color);\n border-radius: 2px;\n padding: 9px;\n margin: 3px;\n color: var(--primary-text);\n}\n\nselect {\n width: 100%;\n border: 0px solid black;\n line-height: 36px;\n padding: 0px 40px 0px 8px;\n border-radius: 4px;\n background-color: var(--secondary-background);\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath style='fill%3A%23000000%3Bfill-opacity%3A0.25' d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: 24px;\n background-position: calc(100% - 8px) center;\n background-clip: border-box;\n color: var(--foreground);\n margin-bottom: 8px;\n}\n\np {\n word-break: break-word;\n}\n\nimg.rounded {\n border-radius: 5px;\n}\n\nimg.circle {\n border-radius: 50%;\n}\n\ni.disabled {\n opacity: 0.5;\n cursor: default;\n}\n\ni.explicit_icon {\n color: #91919c;\n margin-right: 0.3125em;\n margin-left: -3px;\n}\n\ni.explicit_icon.explicit_icon--right {\n margin-left: 0.3125em;\n margin-right: 0px;\n}\n\nspan.tag {\n background-color: var(--tag-background);\n border-radius: 2px;\n color: var(--tag-text);\n display: inline-block;\n font-size: 10px;\n padding: 3px 6px;\n text-transform: capitalize;\n}\n\na {\n color: dodgerblue;\n}\n\na.single-cover {\n position: relative;\n display: inline-block;\n color: white;\n}\n\na:visited {\n color: dodgerblue;\n}\n\n.clickable {\n cursor: pointer !important;\n}\n\n.table--tracklist .clickable:hover,\n.table--charts .clickable:hover {\n text-decoration: underline;\n}\n\n.fixed_footer footer {\n position: -webkit-sticky;\n position: sticky;\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: flex-end;\n background-color: var(--main-background);\n bottom: 0px;\n height: 64px;\n width: 100%;\n margin-top: 24px;\n}\n\n.fab {\n width: 56px;\n height: 56px;\n border-radius: 28px;\n display: inline-block;\n background-color: var(--primary-color);\n color: var(--primary-text);\n cursor: pointer;\n}\n\n.fab i {\n font-size: 24px;\n padding: 16px;\n}\n\n.with_checkbox {\n display: flex;\n align-items: center;\n}\n\n.with_checkbox [type='checkbox'] {\n cursor: pointer;\n}\n\n.with_checkbox .checkbox_text {\n margin-left: 10px;\n cursor: pointer;\n}\n\n.with_checkbox .checkbox_text::-moz-selection {\n background: none;\n}\n\n.with_checkbox .checkbox_text::selection {\n background: none;\n}\n\n.loading_placeholder {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n flex: 1;\n height: 100%;\n}\n\n.loading_placeholder.loading_placeholder--hidden {\n display: none;\n}\n\n.loading_placeholder__text {\n margin-bottom: 20px;\n}\n\n.loading_placeholder#search_placeholder {\n height: calc(100% - 93px);\n}\n\n.loading_placeholder#start_app_placeholder {\n position: absolute;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: black;\n z-index: 1000;\n}\n\n.coverart {\n background-color: var(--secondary-background);\n}\n\n.cover_container {\n position: relative;\n}\n\n.cover_container .coverart {\n opacity: 1;\n display: block;\n width: 100%;\n height: auto;\n transition: 0.5s ease;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.cover_container .download_overlay {\n transition: 0.5s ease;\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n background-color: #000000;\n border-radius: 50%;\n min-width: 32px;\n padding: 0px;\n height: 44px;\n border: 0px;\n}\n\n.cover_container .download_overlay i {\n color: white;\n padding: 10px;\n cursor: pointer;\n}\n\n.cover_container .download_overlay:focus {\n opacity: 1;\n}\n\n.cover_container:hover .coverart {\n opacity: 0.75;\n}\n\n.cover_container:hover .download_overlay {\n opacity: 1;\n border: 0px;\n}\n\n.inline-flex {\n display: flex;\n align-items: center;\n}\n\n.inline-flex .right {\n margin-left: auto;\n}\n\n.right {\n float: right;\n}\n\n.hide {\n display: none !important;\n}\n\n.changing-theme {\n transition: all 200ms ease-in-out;\n}\n\n[v-cloak] {\n display: none;\n}\n\n.material-icons {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.material-icons.md-18 {\n font-size: 18px;\n}\n\n.material-icons.md-24 {\n font-size: 24px;\n}\n\n.material-icons.md-36 {\n font-size: 36px;\n}\n\n.material-icons.md-48 {\n font-size: 48px;\n}\n\n.material-icons.mirrored {\n transform: scaleX(-1);\n}\n\n.table {\n width: 100%;\n -webkit-border-horizontal-spacing: 0px;\n -webkit-border-vertical-spacing: 0px;\n /* === Tracks Table === */\n /* === Tracklist Table === */\n /* === Charts Table === */\n}\n\n.table tbody tr:not(.table__row-no-highlight):hover {\n background: var(--table-highlight);\n cursor: default;\n}\n\n.table tr {\n background: var(--table-bg);\n transition: background-color 175ms ease-in-out;\n}\n\n.table tr:nth-child(even) {\n background: var(--table-zebra);\n transition: background-color 175ms ease-in-out;\n}\n\n.table tr:not(:last-child) {\n border-bottom: 1px solid var(--table-highlight);\n}\n\n.table td,\n .table th {\n vertical-align: middle;\n}\n\n.table th .sortable {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.table th .sort-asc::after,\n .table th .sort-desc::after {\n font-size: 0.7em;\n padding-left: 3px;\n line-height: 0.7em;\n}\n\n.table th .sort-asc::after {\n content: '\\25b2';\n}\n\n.table th .sort-desc::after {\n content: '\\25bc';\n}\n\n.table td {\n padding: 7px 10px;\n}\n\n.table td:first-child {\n padding: 7px 10px 7px 20px;\n}\n\n.table td:last-child {\n padding: 7px 20px 7px 10px;\n}\n\n.table td img {\n vertical-align: middle;\n}\n\n.table--tracks {\n border-collapse: collapse;\n}\n\n.table--tracks thead {\n border-bottom: 2px solid var(--table-highlight);\n}\n\n.table--tracks th {\n padding-bottom: 10px;\n height: 45px;\n}\n\n.table--tracks td {\n height: 35px;\n}\n\n.table--tracks td.breakline {\n word-break: break-word;\n}\n\n.table--tracks tr:first-child td:first-child {\n border-top-left-radius: 3px;\n}\n\n.table--tracks tr:first-child td:last-child {\n border-top-right-radius: 3px;\n}\n\n.table--tracks tr:last-child td:first-child {\n border-bottom-left-radius: 3px;\n}\n\n.table--tracks tr:last-child td:last-child {\n border-bottom-right-radius: 3px;\n}\n\n.table--tracklist thead {\n border-bottom: 2px solid var(--table-highlight);\n text-transform: capitalize;\n}\n\n.table--tracklist th {\n height: 45px;\n padding: 7px 10px;\n}\n\n.table--tracklist th:first-child {\n padding: 7px 10px 7px 20px;\n}\n\n.table--tracklist th:last-child {\n padding: 7px 20px 7px 10px;\n}\n\n.table--tracklist td {\n height: 35px;\n}\n\n.table--charts td {\n height: 35px;\n}\n\n.table .table__icon {\n box-sizing: content-box;\n width: 32px;\n}\n\n.table .table__icon--big {\n width: 48px;\n text-align: center;\n}\n\n.table .table__cell--x-small {\n width: 0.32%;\n}\n\n.table .table__cell--small {\n width: 3.2%;\n}\n\n.table .table__cell--medium {\n width: 28.7%;\n}\n\n.table .table__cell--large {\n width: 50%;\n}\n\n.table .table__cell--left {\n text-align: left;\n}\n\n.table .table__cell--center {\n text-align: center;\n}\n\n.table .table__cell--right {\n text-align: right;\n}\n\n.table .table__cell--download {\n cursor: pointer;\n}\n\n.table .table__cell--download i.material-icons {\n transition: color 175ms ease-in-out;\n}\n\n.table .table__cell--download:hover i.material-icons {\n color: var(--icon-hover);\n}\n\n.table .table__cell-content.table__cell-content--vertical-center {\n display: flex;\n align-items: center;\n}\n\n.track_row > td > img {\n width: 32px;\n height: 32px;\n}\n\n.track_row > td > a > img {\n width: 56px;\n height: 56px;\n}\n\n.top-tracks-position {\n padding: 12px;\n text-align: center;\n cursor: default;\n}\n\n#download_tab_container #queue_buttons {\n position: absolute;\n top: 0;\n right: 0;\n opacity: 1;\n visibility: visible;\n transition: all 250ms ease-in-out;\n}\n\n#download_tab_container.tab_hidden {\n width: 32px;\n}\n\n#download_tab_container.tab_hidden #toggle_download_tab {\n margin-left: 4px;\n}\n\n#download_tab_container.tab_hidden #toggle_download_tab::before {\n content: 'chevron_left';\n}\n\n#download_tab_container.tab_hidden #queue_buttons {\n opacity: 0;\n visibility: hidden;\n}\n\n#download_tab_container.tab_hidden::after {\n content: attr(data-label);\n display: flex;\n align-items: center;\n text-transform: capitalize;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n line-height: 32px;\n}\n\n#toggle_download_tab {\n width: 25px;\n height: 25px;\n margin-left: 20px;\n}\n\n#toggle_download_tab::before {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n content: 'chevron_right';\n}\n\n#main_search .search_section {\n float: none;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n#main_search .search_section:not(:first-child) {\n border-top: 1px solid hsl(0, 0%, 50%);\n}\n\n#main_search .top_result_header {\n display: block;\n cursor: default;\n font-size: 2rem;\n text-align: center;\n}\n\n.search_header {\n display: inline-block;\n cursor: pointer;\n font-size: 1.75rem;\n margin-bottom: 25px;\n text-transform: capitalize;\n}\n\n.search_header:not(.top_result_header) {\n transition: color 200ms ease-in-out;\n}\n\n.search_header:not(.top_result_header):hover {\n color: var(--primary-color);\n}\n\n/* Top Result */\n\n.top_result {\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n.top_result > .cover_container {\n width: 156px;\n height: 156px;\n}\n\n.top_result .info_box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: 15px;\n}\n\n.top_result .info_box .primary-text,\n .top_result .info_box .secondary-text {\n font-size: 18px;\n text-align: center;\n}\n\n.top_result .info_box .primary-text {\n margin-bottom: 5px;\n}\n\n.top_result .info_box .secondary-text {\n margin-bottom: 10px;\n}\n\n.top_result .info_box .tag {\n width: 40px;\n text-align: center;\n}\n\n/* Releases */\n\n.release .primary-text,\n.release .secondary-text {\n margin: 0px;\n margin-bottom: 4px;\n}\n\n.release .secondary-text {\n opacity: 0.75;\n font-size: 14px;\n}\n\n.release .secondary-text .material-icons {\n font-size: 17px !important;\n margin-left: 4px;\n}\n\n.release_grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));\n grid-gap: 1rem;\n}\n\n.release_grid.firstrow_only {\n grid-template-rows: 1fr;\n grid-auto-rows: 0;\n grid-row-gap: 0px;\n overflow-y: hidden;\n}\n\n#settings_picture {\n width: 125px;\n height: 125px;\n}\n\n#log_info {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#open_login_prompt {\n margin: 8px 0px;\n}\n\n.inline-flex input {\n margin-bottom: 0px;\n}\n\n#spotify_icon {\n width: 24px;\n height: 24px;\n fill: #1db954;\n margin-right: 15px;\n}\n\n/* Settings group */\n\n.settings-group {\n display: flex;\n flex-direction: column;\n justify-content: center;\n border-top: 1px solid hsl(0, 0%, 50%);\n /* Need less opacity */\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.settings-group > * {\n margin-bottom: 15px;\n}\n\n/* Settings group header */\n\n.settings-group__header {\n font-size: 1.5rem;\n margin-bottom: 25px;\n}\n\n.settings-group__header.settings-group__header--with-icon {\n display: inline-flex;\n align-items: center;\n}\n\n.settings-group__header.settings-group__header--with-icon i.material-icons {\n margin-right: 15px;\n}\n\n/* Settings container */\n\n.settings-container {\n display: flex;\n}\n\n.settings-container__half {\n width: 50%;\n}\n\n.settings-container__third {\n width: 33%;\n}\n\n.settings-container__third--only-checkbox {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: start;\n}\n\n.settings-container__half > *,\n .settings-container__third > * {\n margin-bottom: 15px;\n}\n\n/* Input group */\n\n.input_group {\n margin-bottom: 25px;\n}\n\n.input_group .input_group_text {\n margin-bottom: 7px;\n}\n\n.with_checkbox + .input_group {\n margin-top: 10px;\n}\n\n.release {\n display: inline-block;\n width: 156px;\n}\n\n.release .cover_container {\n width: 156px;\n height: 156px;\n margin-bottom: 10px;\n}\n\n#container {\n --container-width: 95%;\n}\n\n@media only screen and (min-width: 601px) {\n #container {\n --container-width: 85%;\n }\n}\n\n@media only screen and (min-width: 993px) {\n #container {\n --container-width: 70%;\n }\n}\n\n/* Modal Content */\n\n.smallmodal-content {\n --modal-content-width: 95%;\n}\n\n@media only screen and (min-width: 601px) {\n .smallmodal-content {\n --modal-content-width: 85%;\n }\n}\n\n@media only screen and (min-width: 993px) {\n .smallmodal-content {\n --modal-content-width: 70%;\n }\n}\n\n#sidebar {\n width: 15.625rem;\n height: 100vh;\n}\n\n#sidebar .main_tablinks.active, #sidebar .main_tablinks:hover {\n background: var(--sidebar-link-bg);\n}\n\n#sidebar .main_tablinks.active .side_icon, #sidebar .main_tablinks:hover .side_icon {\n color: var(--primary-color);\n}\n\n#sidebar .main_tablinks_text {\n opacity: 1;\n}\n\n#sidebar #theme_togglers {\n opacity: 1;\n}\n\n#sidebar #theme_togglers {\n transition: all 125ms ease-in-out 75ms;\n}\n\n#sidebar .theme_toggler {\n transition: border 200ms ease-in-out;\n}\n\n#sidebar .theme_toggler--active {\n border-width: 3px;\n}\n\n#sidebar .theme_toggler--light {\n --bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n\n#sidebar .theme_toggler--dark {\n background: #141414;\n}\n\n#sidebar .theme_toggler--purple {\n background: #460eaf;\n}\n\n.image_header header {\n background-size: cover;\n padding-top: 14rem;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 0.5rem;\n border-top-left-radius: 0.5rem;\n border-top-right-radius: 0.5rem;\n background-position: 0% 35%;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n");eo("/* Button */\n\n.btn {\n position: relative;\n height: 2rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n padding-top: 0;\n padding-bottom: 0;\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n border-width: 1px;\n border-color: transparent;\n border-style: solid;\n border-radius: 0.25rem;\n --text-opacity: 1;\n color: hsl(0, 0%, 90%);\n color: rgba(229.5, 229.5, 229.5, var(--text-opacity));\n font-family: inherit;\n transition: transform 50ms ease-in-out;\n}\n\n.btn:active {\n transform: scale(0.98);\n}\n\n.btn[disabled] {\n --text-opacity: 1;\n color: #e2e8f0;\n color: rgba(226, 232, 240, var(--text-opacity));\n --bg-opacity: 1;\n background-color: #718096;\n background-color: rgba(113, 128, 150, var(--bg-opacity));\n opacity: 0.75;\n cursor: not-allowed;\n}\n\n.btn-only-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3rem;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 24px;\n}\n\n.btn-primary {\n --bg-opacity: 1;\n background-color: hsl(210, 100%, 52%);\n background-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--bg-opacity));\n}\n\n.btn-primary:hover {\n --bg-opacity: 1;\n background-color: #3182ce;\n background-color: rgba(49, 130, 206, var(--bg-opacity));\n border-color: var(--foreground);\n}\n\n/* Section tabs */\n\n.section-tabs {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1.5rem;\n list-style-type: none;\n cursor: pointer;\n}\n\n.section-tabs__tab {\n flex: 1 1 0%;\n padding: 0.75rem;\n font-size: 1.25rem;\n text-align: center;\n text-transform: capitalize;\n border-top-width: 4px;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n border-color: var(--foreground);\n background-color: var(--main-background);\n}\n\n.section-tabs__tab.active {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n --border-opacity: 1;\n border-color: hsl(210, 100%, 52%);\n border-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--border-opacity));\n background-color: var(--main-background);\n}\n\n.section-tabs__tab:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n --border-opacity: 1;\n border-color: hsl(210, 100%, 52%);\n border-color: rgba(10.20000000000001, 132.59999999999988, 255, var(--border-opacity));\n background-color: var(--secondary-background);\n --bg-opacity: 0.25;\n}\r\n");eo(".toast-icon {\n display: inline-block;\n margin-right: 0.5rem;\n}\n\n.circle-loader {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n border: 2px solid var(--primary-color);\n border-radius: 50%;\n border-bottom: 2px solid var(--secondary-background);\n -webkit-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\n\n.toastify {\n display: flex;\n align-items: center;\n box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(0, 0, 0, 0.3);\n background: var(--toast-background);\n color: var(--toast-text);\n}\n\n.toastify .circle-loader {\n border-bottom-color: var(--toast-secondary);\n}\r\n");var to=("undefined"!=typeof window?window:"undefined"!=typeof global?global:{}).__VUE_DEVTOOLS_GLOBAL_HOOK__;function ao(e,t){if(void 0===t&&(t=[]),null===e||"object"!=typeof e)return e;var a,n=(a=function(t){return t.original===e},t.filter(a)[0]);if(n)return n.copy;var i=Array.isArray(e)?[]:{};return t.push({original:e,copy:i}),Object.keys(e).forEach((function(a){i[a]=ao(e[a],t)})),i}function no(e,t){Object.keys(e).forEach((function(a){return t(e[a],a)}))}function ro(e){return null!==e&&"object"==typeof e}var so=function(e,t){this.runtime=t,this._children=Object.create(null),this._rawModule=e;var a=e.state;this.state=("function"==typeof a?a():a)||{}},oo={namespaced:{configurable:!0}};oo.namespaced.get=function(){return!!this._rawModule.namespaced},so.prototype.addChild=function(e,t){this._children[e]=t},so.prototype.removeChild=function(e){delete this._children[e]},so.prototype.getChild=function(e){return this._children[e]},so.prototype.hasChild=function(e){return e in this._children},so.prototype.update=function(e){this._rawModule.namespaced=e.namespaced,e.actions&&(this._rawModule.actions=e.actions),e.mutations&&(this._rawModule.mutations=e.mutations),e.getters&&(this._rawModule.getters=e.getters)},so.prototype.forEachChild=function(e){no(this._children,e)},so.prototype.forEachGetter=function(e){this._rawModule.getters&&no(this._rawModule.getters,e)},so.prototype.forEachAction=function(e){this._rawModule.actions&&no(this._rawModule.actions,e)},so.prototype.forEachMutation=function(e){this._rawModule.mutations&&no(this._rawModule.mutations,e)},Object.defineProperties(so.prototype,oo);var lo,co=function(e){this.register([],e,!1)};co.prototype.get=function(e){return e.reduce((function(e,t){return e.getChild(t)}),this.root)},co.prototype.getNamespace=function(e){var t=this.root;return e.reduce((function(e,a){return e+((t=t.getChild(a)).namespaced?a+"/":"")}),"")},co.prototype.update=function(e){!function e(t,a,n){if(a.update(n),n.modules)for(var i in n.modules){if(!a.getChild(i))return;e(t.concat(i),a.getChild(i),n.modules[i])}}([],this.root,e)},co.prototype.register=function(e,t,a){var n=this;void 0===a&&(a=!0);var i=new so(t,a);0===e.length?this.root=i:this.get(e.slice(0,-1)).addChild(e[e.length-1],i);t.modules&&no(t.modules,(function(t,i){n.register(e.concat(i),t,a)}))},co.prototype.unregister=function(e){var t=this.get(e.slice(0,-1)),a=e[e.length-1],n=t.getChild(a);n&&n.runtime&&t.removeChild(a)},co.prototype.isRegistered=function(e){var t=this.get(e.slice(0,-1)),a=e[e.length-1];return t.hasChild(a)};var uo=function(e){var t=this;void 0===e&&(e={}),!lo&&"undefined"!=typeof window&&window.Vue&&yo(window.Vue);var a=e.plugins;void 0===a&&(a=[]);var n=e.strict;void 0===n&&(n=!1),this._committing=!1,this._actions=Object.create(null),this._actionSubscribers=[],this._mutations=Object.create(null),this._wrappedGetters=Object.create(null),this._modules=new co(e),this._modulesNamespaceMap=Object.create(null),this._subscribers=[],this._watcherVM=new lo,this._makeLocalGettersCache=Object.create(null);var i=this,r=this.dispatch,s=this.commit;this.dispatch=function(e,t){return r.call(i,e,t)},this.commit=function(e,t,a){return s.call(i,e,t,a)},this.strict=n;var o=this._modules.root.state;fo(this,o,[],this._modules.root),go(this,o),a.forEach((function(e){return e(t)})),(void 0!==e.devtools?e.devtools:lo.config.devtools)&&function(e){to&&(e._devtoolHook=to,to.emit("vuex:init",e),to.on("vuex:travel-to-state",(function(t){e.replaceState(t)})),e.subscribe((function(e,t){to.emit("vuex:mutation",e,t)}),{prepend:!0}),e.subscribeAction((function(e,t){to.emit("vuex:action",e,t)}),{prepend:!0}))}(this)},po={state:{configurable:!0}};function ho(e,t,a){return t.indexOf(e)<0&&(a&&a.prepend?t.unshift(e):t.push(e)),function(){var a=t.indexOf(e);a>-1&&t.splice(a,1)}}function mo(e,t){e._actions=Object.create(null),e._mutations=Object.create(null),e._wrappedGetters=Object.create(null),e._modulesNamespaceMap=Object.create(null);var a=e.state;fo(e,a,[],e._modules.root,!0),go(e,a,t)}function go(e,t,a){var n=e._vm;e.getters={},e._makeLocalGettersCache=Object.create(null);var i=e._wrappedGetters,r={};no(i,(function(t,a){r[a]=function(e,t){return function(){return e(t)}}(t,e),Object.defineProperty(e.getters,a,{get:function(){return e._vm[a]},enumerable:!0})}));var s=lo.config.silent;lo.config.silent=!0,e._vm=new lo({data:{$$state:t},computed:r}),lo.config.silent=s,e.strict&&function(e){e._vm.$watch((function(){return this._data.$$state}),(function(){}),{deep:!0,sync:!0})}(e),n&&(a&&e._withCommit((function(){n._data.$$state=null})),lo.nextTick((function(){return n.$destroy()})))}function fo(e,t,a,n,i){var r=!a.length,s=e._modules.getNamespace(a);if(n.namespaced&&(e._modulesNamespaceMap[s],e._modulesNamespaceMap[s]=n),!r&&!i){var o=vo(t,a.slice(0,-1)),l=a[a.length-1];e._withCommit((function(){lo.set(o,l,n.state)}))}var c=n.context=function(e,t,a){var n=""===t,i={dispatch:n?e.dispatch:function(a,n,i){var r=bo(a,n,i),s=r.payload,o=r.options,l=r.type;return o&&o.root||(l=t+l),e.dispatch(l,s)},commit:n?e.commit:function(a,n,i){var r=bo(a,n,i),s=r.payload,o=r.options,l=r.type;o&&o.root||(l=t+l),e.commit(l,s,o)}};return Object.defineProperties(i,{getters:{get:n?function(){return e.getters}:function(){return function(e,t){if(!e._makeLocalGettersCache[t]){var a={},n=t.length;Object.keys(e.getters).forEach((function(i){if(i.slice(0,n)===t){var r=i.slice(n);Object.defineProperty(a,r,{get:function(){return e.getters[i]},enumerable:!0})}})),e._makeLocalGettersCache[t]=a}return e._makeLocalGettersCache[t]}(e,t)}},state:{get:function(){return vo(e.state,a)}}}),i}(e,s,a);n.forEachMutation((function(t,a){!function(e,t,a,n){(e._mutations[t]||(e._mutations[t]=[])).push((function(t){a.call(e,n.state,t)}))}(e,s+a,t,c)})),n.forEachAction((function(t,a){var n=t.root?a:s+a,i=t.handler||t;!function(e,t,a,n){(e._actions[t]||(e._actions[t]=[])).push((function(t){var i,r=a.call(e,{dispatch:n.dispatch,commit:n.commit,getters:n.getters,state:n.state,rootGetters:e.getters,rootState:e.state},t);return(i=r)&&"function"==typeof i.then||(r=Promise.resolve(r)),e._devtoolHook?r.catch((function(t){throw e._devtoolHook.emit("vuex:error",t),t})):r}))}(e,n,i,c)})),n.forEachGetter((function(t,a){!function(e,t,a,n){if(e._wrappedGetters[t])return;e._wrappedGetters[t]=function(e){return a(n.state,n.getters,e.state,e.getters)}}(e,s+a,t,c)})),n.forEachChild((function(n,r){fo(e,t,a.concat(r),n,i)}))}function vo(e,t){return t.reduce((function(e,t){return e[t]}),e)}function bo(e,t,a){return ro(e)&&e.type&&(a=t,t=e,e=e.type),{type:e,payload:t,options:a}}function yo(e){lo&&e===lo|| /*! * vuex v3.5.1 * (c) 2020 Evan You @@ -17,7 +17,7 @@ function(e){if(Number(e.version.split(".")[0])>=2)e.mixin({beforeCreate:a});else * * Copyright (C) 2018 Varun A P */ -!function(t,a){e.exports?e.exports=a():t.Toastify=a()}(Oo,(function(e){var t=function(e){return new t.lib.init(e)};function a(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 a=document.createElement("span");a.innerHTML="✖",a.className="toast-close",a.addEventListener("click",function(e){e.stopPropagation(),this.removeElement(this.toastElement),window.clearTimeout(this.toastElement.timeOutValue)}.bind(this));var n=window.innerWidth>0?window.innerWidth:screen.width;("left"==this.options.position||!0===this.options.positionLeft)&&n>360?e.insertAdjacentElement("afterbegin",a):e.appendChild(a)}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},n={top:15,bottom:15},i={top:15,bottom:15},r=document.getElementsByClassName("toastify"),s=0;s0?window.innerWidth:screen.width)<=360?(r[s].style[e]=i[e]+"px",i[e]+=o+15):!0===a(r[s],"toastify-left")?(r[s].style[e]=t[e]+"px",t[e]+=o+15):(r[s].style[e]=n[e]+"px",n[e]+=o+15)}return this},t.lib.init.prototype=t.lib,t}))}));let Bo={};const qo=function(e,t=null,a=!0,n=null){if(Bo[n]){let i=Bo[n],r=document.querySelectorAll(`div.toastify[toast_id=${n}]`);e&&r.forEach(t=>{t.querySelectorAll(".toast-message").forEach(t=>{t.innerHTML=e})}),t&&(t="loading"==t?'
':`${t}`,r.forEach(e=>{e.querySelectorAll(".toast-icon").forEach(e=>{e.innerHTML=t})})),null!==a&&a&&(r.forEach(e=>{e.classList.add("dismissable")}),setTimeout(()=>{i.hideToast(),delete Bo[n]},3e3))}else{let i=Uo({text:`${t=null==t?"":"loading"==t?'
':`${t}`}${e}`,duration:a?3e3:0,gravity:"bottom",position:"left",className:a?"dismissable":"",onClick:function(){let e=!0;if(n){let t=document.querySelector(`div.toastify[toast_id=${n}]`).classList;t&&(e=-1!=Array.prototype.slice.call(t).indexOf("dismissable"))}i&&e&&(i.hideToast(),n&&delete Bo[n])}}).showToast();n&&(Bo[n]=i,i.toastElement.setAttribute("toast_id",n))}};Eo.on("toast",e=>{const{msg:t,icon:a,dismiss:n,id:i}=e;qo(t,a||null,void 0===n||n,i||null)});var Vo=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheDownloadBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"container",staticClass:"block tab_hidden bg-panels-bg text-panels-text",attrs:{id:"download_tab_container","data-label":e.$t("downloads"),"aria-label":"downloads"},on:{transitionend:function(t){e.$refs.container.style.transition=""}}},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],staticClass:"absolute w-4 h-full bg-grayscale-200",staticStyle:{cursor:"ew-resize"},on:{mousedown:function(t){return t.preventDefault(),e.startDrag(t)}}}),e._v(" "),a("i",{ref:"toggler",staticClass:"m-1 text-2xl cursor-pointer material-icons",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(" "),a("div",{attrs:{id:"queue_buttons"}},[e.clientMode?a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{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(" "),a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{title:e.$t("globals.clean_queue_hint")},on:{click:e.cleanQueue}},[e._v("\n\t\t\tclear_all\n\t\t")]),e._v(" "),a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{title:e.$t("globals.cancel_queue_hint")},on:{click:e.cancelQueue}},[e._v("\n\t\t\tdelete_sweep\n\t\t")])]),e._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],ref:"list",staticClass:"w-full pr-2",attrs:{id:"download_list"}},e._l(e.queueList,(function(t){return a("QueueItem",{key:t.uuid,attrs:{"queue-item":t},on:{"show-errors":e.showErrorsTab,"remove-item":e.onRemoveItem}})})),1)])},staticRenderFns:[]},(function(e){e&&e("data-v-bb835736_0",{source:"#download_tab_container[data-v-bb835736]{height:100vh}#download_list[data-v-bb835736]{height:calc(100% - 32px);padding-left:28px;overflow-y:scroll}#download_list[data-v-bb835736]::-webkit-scrollbar{width:10px}#download_list[data-v-bb835736]::-webkit-scrollbar-track{background:var(--panels-background)}#download_list[data-v-bb835736]::-webkit-scrollbar-thumb{background:var(--panels-scroll);border-radius:4px;width:6px;padding:0 2px}",map:void 0,media:void 0})}),{components:{QueueItem:Lo},data:()=>({cachedTabWidth:parseInt(localStorage.getItem("downloadTabWidth"))||300,queue:[],queueList:{},queueComplete:[],isExpanded:"true"===localStorage.getItem("downloadTabOpen")}),computed:{...wo({clientMode:"getClientMode"})},created(){const e=e=>{e.ctrlKey&&"b"===e.key&&this.toggleDownloadTab()};document.addEventListener("keyup",e),this.$on("hook:destroyed",()=>{document.removeEventListener("keyup",e)})},mounted(){Eo.on("startDownload",this.startDownload),Eo.on("startConversion",this.startConversion),Eo.on("init_downloadQueue",this.initQueue),Eo.on("addedToQueue",this.addToQueue),Eo.on("updateQueue",this.updateQueue),Eo.on("removedFromQueue",this.removeFromQueue),Eo.on("finishDownload",this.finishDownload),Eo.on("removedAllDownloads",this.removeAllDownloads),Eo.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:{...Ao(["setErrors"]),onRemoveItem(e){Eo.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){const{queue:t,queueComplete:a,currentItem:n,queueList:i,restored:r}=e;a.length&&a.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),n&&(i[n].silent=!0,this.addToQueue(i[n],!0)),t.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),r&&(qo(this.$t("toasts.queueRestored"),"done",!0,"restoring_queue"),Eo.emit("queueRestored"))},addToQueue(e,t=!1){if(Array.isArray(e)){if(e.length>1)return e.forEach((e,t)=>{e.silent=!0,this.addToQueue(e)}),void qo(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||qo(this.$t("toasts.addedToQueue",{item:e.title}),"playlist_add_check")},updateQueue(e){const{uuid:t,downloaded:a,failed:n,progress:i,conversion:r,error:s,data:o,errid:l}=e;t&&this.queue.indexOf(t)>-1&&(a&&this.queueList[t].downloaded++,n&&(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){let t=this.queue.indexOf(e);t>-1&&(this.$delete(this.queue,t),this.$delete(this.queueList,e))},removeAllDownloads(e){if(this.queueComplete=[],e){this.queue=[e];let t=this.queueList[e];this.queueList={},this.queueList[e]=t}else this.queue=[],this.queueList={}},removedFinishedDownloads(){this.queueComplete.forEach(e=>{this.$delete(this.queueList,e)}),this.queueComplete=[]},toggleDownloadTab(){this.setTabWidth(),this.$refs.container.style.transition="all 250ms ease-in-out";let e=this.$refs.container.classList.toggle("tab_hidden");this.isExpanded=!e,this.isExpanded&&this.setTabWidth(this.cachedTabWidth),localStorage.setItem("downloadTabOpen",this.isExpanded)},cleanQueue(){Eo.emit("removeFinishedDownloads")},cancelQueue(){Eo.emit("cancelAllDownloads")},openDownloadsFolder(){Eo.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){this.$set(this.queueList[e],"status","downloading")},finishDownload(e){if(!(this.queue.indexOf(e)>-1))return;this.$set(this.queueList[e],"status","download finished"),qo(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&&qo(this.$t("toasts.allDownloaded"),"done_all")},startConversion(e){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"})}}},"data-v-bb835736",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var Go=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="BaseLoadingPlaceholder.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(e,t){var a=t._c;return a("div",{staticClass:"loading_placeholder",class:{"loading_placeholder--hidden":t.props.hidden},attrs:{id:t.props.id}},[a("span",{staticClass:"loading_placeholder__text"},[t._v(t._s(t.props.text))]),t._v(" "),t._m(0)])},staticRenderFns:[function(e,t){var a=t._c;return a("div",{staticClass:"lds-ring"},[a("div"),t._v(" "),a("div"),t._v(" "),a("div"),t._v(" "),a("div")])}]},(function(e){e&&e("data-v-445c5472_0",{source:".lds-ring[data-v-445c5472]{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div[data-v-445c5472]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring-data-v-445c5472 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div[data-v-445c5472]:nth-child(1){animation-delay:-.45s}.lds-ring div[data-v-445c5472]:nth-child(2){animation-delay:-.3s}.lds-ring div[data-v-445c5472]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-data-v-445c5472{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",map:void 0,media:void 0})}),{props:{text:{type:String,required:!1,default:"Loading..."},id:{type:String,required:!1},hidden:{type:Boolean,required:!1,default:!1}}},"data-v-445c5472",!0,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));function Ho(e,t=null){if(!e)throw new Error("No URL given to sendAddToQueue function!");Eo.emit("addToQueue",{url:e,bitrate:t},()=>{})}var Wo={sendAddToQueue:Ho};function Ko(e){let t=e.toLowerCase();if(t.startsWith("http")){if(t.indexOf("deezer.com")>=0||t.indexOf("deezer.page.link")>=0||t.indexOf("open.spotify.com")>=0)return!0}else if(t.startsWith("spotify:"))return!0;return!1}function Qo(e){let t,a;return t=Math.floor(e/60),a=e-60*t,a<10&&(a="0"+a),t+":"+a}function Jo(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".")}function Yo(e,t,a){var n;return function(){var i=this,r=arguments,s=function(){n=null,a||e.apply(i,r)},o=a&&!n;clearTimeout(n),n=setTimeout(s,t),o&&e.apply(i,r)}}function Zo(e){const t=document.createElement("input");document.body.appendChild(t),t.setAttribute("type","text"),t.setAttribute("value",e),t.select(),t.setSelectionRange(0,99999),document.execCommand("copy"),t.remove()}var Xo={isValidURL:Ko,convertDuration:Qo,convertDurationSeparated:function(e){let t,a,n;return a=Math.floor(e/60),t=Math.floor(a/60),n=e-60*a,a-=60*t,[t,a,n]},numberWithDots:Jo,debounce:Yo};const el=[{objName:"flac",label:"FLAC",value:9},{objName:"320kbps",label:"MP3 320kbps",value:3},{objName:"128kbps",label:"MP3 128kbps",value:1},{objName:"realityAudioHQ",label:"360 Reality Audio [HQ]",value:15},{objName:"realityAudioMQ",label:"360 Reality Audio [MQ]",value:14},{objName:"realityAudioLQ",label:"360 Reality Audio [LQ]",value:13}];var tl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheContextMenu.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{directives:[{name:"show",rawName:"v-show",value:e.menuOpen,expression:"menuOpen"}],ref:"contextMenu",staticClass:"context-menu",style:{top:e.yPos,left:e.xPos}},e._l(e.sortedOptions,(function(t){return a("button",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"option.show"}],key:t.label,staticClass:"btn menu-option",on:{click:function(e){return e.preventDefault(),t.action(e)}}},[a("span",{staticClass:"menu-option__text"},[e._v(e._s(t.label))])])})),0)},staticRenderFns:[]},(function(e){e&&e("data-v-56674a00_0",{source:".context-menu[data-v-56674a00]{position:absolute;top:0;left:0;min-width:100px;border-radius:7px;background:var(--foreground-inverted);box-shadow:4px 10px 18px 0 rgba(0,0,0,.15);overflow:hidden;z-index:10000}.menu-option[data-v-56674a00]{display:flex;align-items:center;width:100%;height:40px;padding-left:10px;padding-right:10px;color:var(--foreground);cursor:pointer}.menu-option[data-v-56674a00]:hover{background:var(--table-highlight);filter:brightness(150%)}.menu-option__text[data-v-56674a00]{text-transform:capitalize}button[data-v-56674a00]{color:var(--primary-text);color:unset;background-color:var(--primary-color);background-color:unset;min-width:unset;position:unset;border:unset;border-radius:unset;font-family:unset;font-weight:unset;font-size:unset;padding:unset;margin-right:unset;height:unset;text-transform:unset;cursor:unset;transition:unset}button[data-v-56674a00]:focus{outline:0}button[data-v-56674a00]:active{background-color:unset;transform:unset}button[data-v-56674a00]:hover{background:unset;border:unset}",map:void 0,media:void 0})}),{data:()=>({menuOpen:!1,xPos:0,yPos:0,deezerHref:"",generalHref:"",imgSrc:""}),computed:{options(){const e={cut:{label:this.$t("globals.cut"),show:!1,position:1,action:()=>{document.execCommand("Cut")}},copy:{label:this.$t("globals.copy"),show:!1,position:2,action:()=>{document.execCommand("Copy")}},copyLink:{label:this.$t("globals.copyLink"),show:!1,position:3,action:()=>{Zo(this.generalHref)}},copyImageLink:{label:this.$t("globals.copyImageLink"),show:!1,position:4,action:()=>{Zo(this.imgSrc)}},copyDeezerLink:{label:this.$t("globals.copyDeezerLink"),show:!1,position:5,action:()=>{Zo(this.deezerHref)}},paste:{label:this.$t("globals.paste"),show:!1,position:6,action:()=>{clipboard in navigator?navigator.clipboard.readText().then(e=>{document.execCommand("insertText",void 0,e)}):document.execCommand("paste")}}};let t=Object.values(e).length+1;return el.forEach((a,n)=>{e[a.objName]={label:""+this.$t("globals.download",{thing:a.label}),show:!1,position:t+n,action:Ho.bind(null,this.deezerHref,a.value)}}),e},sortedOptions(){return Object.values(this.options).sort((e,t)=>e.position{this.menuOpen=!1,this.options.copyLink.show=!1,this.options.copyDeezerLink.show=!1,this.options.copyImageLink.show=!1,el.forEach(e=>{this.options[e.objName].show=!1})}).catch(e=>{console.error(e)})},positionMenu(e,t){this.xPos=e+"px",this.yPos=t+"px",this.$nextTick().then(()=>{const{innerHeight:a,innerWidth:n}=window,i=e+this.$refs.contextMenu.getBoundingClientRect().width,r=t+this.$refs.contextMenu.getBoundingClientRect().height;if(i>n){const t=i-n+15;this.xPos=e-t+"px"}if(r>a){const e=r-a+15;this.yPos=t-e+"px"}})},showDeezerOptions(){this.options.copyDeezerLink.show=!0,el.forEach(e=>{this.options[e.objName].show=!0})}}},"data-v-56674a00",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),al=new ka;async function nl(e,t,{duration:a=1e3,easing:n=il,interval:i=13}={}){const r=e.volume,s=t-r;if(!(s&&a&&n&&i))return e.volume=t,Promise.resolve();const o=Math.floor(a/i);let l=1;return new Promise(t=>{const a=setInterval(()=>{e.volume=r+n(l/o)*s,++l===o&&(clearInterval(a),t())},i)})}function il(e){return.5-Math.cos(e*Math.PI)/2}var rl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};return l.__file="TheTrackPreview.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n,l}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("audio",{ref:"preview",attrs:{id:"preview-track"},on:{canplay:this.onCanPlay,timeupdate:this.onTimeUpdate}},[t("source",{attrs:{id:"preview-track_source",src:"",type:"audio/mpeg"}})])},staticRenderFns:[]},0,{data:()=>({previewStopped:!1}),mounted(){this.$refs.preview.volume=1,this.$router.beforeEach((e,t,a)=>{this.stopStackedTabsPreview(),a()}),al.$on("trackPreview:playPausePreview",this.playPausePreview),al.$on("trackPreview:previewMouseEnter",this.previewMouseEnter),al.$on("trackPreview:previewMouseLeave",this.previewMouseLeave)},methods:{async onCanPlay(){await this.$refs.preview.play(),this.previewStopped=!1,await nl(this.$refs.preview,window.vol.preview_max_volume/100,{duration:500})},async onTimeUpdate(){if(isNaN(this.$refs.preview.duration))return;let e=this.$refs.preview.duration;isFinite(e)||(e=30),e-this.$refs.preview.currentTime>=1||this.previewStopped||(await nl(this.$refs.preview,0,{duration:800}),this.previewStopped=!0,document.querySelectorAll("a[playing] > .preview_controls").forEach(e=>{e.style.opacity=0}),document.querySelectorAll("*").forEach(e=>{e.removeAttribute("playing")}),document.querySelectorAll(".preview_controls, .preview_playlist_controls").forEach(e=>{e.textContent="play_arrow"}))},async playPausePreview(e){e.preventDefault(),e.stopPropagation();const{currentTarget:t}=e;var a="I"==t.tagName?t:t.querySelector("i");t.hasAttribute("playing")?this.$refs.preview.paused?(this.$refs.preview.play(),this.previewStopped=!1,a.innerText="pause",await nl(this.$refs.preview,window.vol.preview_max_volume/100,{duration:500})):(this.previewStopped=!0,a.innerText="play_arrow",await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause()):(document.querySelectorAll("*").forEach(e=>{e.removeAttribute("playing")}),t.setAttribute("playing",!0),document.querySelectorAll(".preview_controls, .preview_playlist_controls").forEach(e=>{e.textContent="play_arrow"}),document.querySelectorAll(".preview_controls").forEach(e=>{e.style.opacity=0}),a.innerText="pause",a.style.opacity=1,this.previewStopped=!1,await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause(),document.getElementById("preview-track_source").src=t.getAttribute("data-preview"),this.$refs.preview.load())},async stopStackedTabsPreview(){let e=Array.prototype.slice.call(document.querySelectorAll(".preview_playlist_controls[playing]"));0!==e.length&&(await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause(),this.previewStopped=!0,e.forEach(e=>{e.removeAttribute("playing"),e.innerText="play_arrow"}))},previewMouseEnter(e){e.currentTarget.style.opacity=1},previewMouseLeave(e){const{currentTarget:t}=e,a=t.parentElement.hasAttribute("playing");(a&&this.previewStopped||!a)&&(t.style.opacity=0)}}},void 0,!1);var sl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheQualityModal.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{directives:[{name:"show",rawName:"v-show",value:e.open,expression:"open"}],ref:"modal",staticClass:"smallmodal",attrs:{id:"modal_quality"},on:{click:function(t){return e.tryToDownloadTrack(t)}}},[a("div",{staticClass:"smallmodal-content"},[a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"9"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"FLAC"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"3"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"MP3 320kbps"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"1"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"MP3 128kbps"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"15"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [HQ]"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"14"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [MQ]"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"13"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [LQ]"}))+"\n\t\t")])])])},staticRenderFns:[]},(function(e){e&&e("data-v-04587fed_0",{source:".smallmodal{position:fixed;z-index:1250;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:hsla(0,0%,0%,.4);animation-duration:.3s}.smallmodal-content{background-color:transparent;margin:auto;width:var(--modal-content-width);position:relative;top:50%;transform:translateY(-50%)}.smallmodal-content button{width:100%;margin-bottom:8px}",map:void 0,media:void 0})}),{data:()=>({open:!1,url:""}),mounted(){this.$root.$on("QualityModal:open",this.openModal),this.$refs.modal.addEventListener("webkitAnimationEnd",this.handleAnimationEnd)},methods:{tryToDownloadTrack(e){const{target:t}=e;this.$refs.modal.classList.add("animated","fadeOut"),t.matches(".quality-button")&&Wo.sendAddToQueue(this.url,t.dataset.qualityValue)},openModal(e){this.url=e,this.open=!0,this.$refs.modal.classList.add("animated","fadeIn")},handleAnimationEnd(e){const{animationName:t}=e;this.$refs.modal.classList.remove("animated",t),"fadeIn"!==t&&(this.open=!1)}}},void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var ol=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="ConfirmModal.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{ref:"wrapper",staticClass:"wrapper"},[t("div",{ref:"body",staticClass:"body animate__animated animate__bounce"},[t("h1",{staticStyle:{flex:"1"}},[this._v(this._s(this.titleText))]),this._v(" "),this._m(0)]),this._v(" "),t("div",{staticClass:"overlay"})])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"confirm-area"},[t("button",{staticClass:"no-hover"},[this._v("Text")]),this._v(" "),t("button",{staticClass:"no-hover bg-red-600"},[this._v("Text")])])}]},(function(e){e&&e("data-v-6b9098da_0",{source:".wrapper[data-v-6b9098da]{display:grid;place-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}.body[data-v-6b9098da]{position:relative;display:flex;flex-direction:column;width:50vw;height:30vh;border-radius:15px;padding:2rem;background:var(--secondary-background);z-index:2;box-shadow:9px 10px 39px 12px var(--main-background)}.confirm-area[data-v-6b9098da]{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.overlay[data-v-6b9098da]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--secondary-background);opacity:.75;z-index:1}",map:void 0,media:void 0})}),{data:()=>({titleText:"Are you sure you want to reset settings to default?"}),mounted(){setTimeout(()=>{},2e3)}},"data-v-6b9098da",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var ll=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="App.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render: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("TheContent")],1),this._v(" "),t("TheDownloadBar")],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)},staticRenderFns:[]},(function(e){e&&e("data-v-1cb1ae21_0",{source:".app-container{display:flex}.content-container{width:100%;display:flex;flex-direction:column;margin-left:48px}",map:void 0,media:void 0})}),{components:{TheSidebar:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheSidebar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("aside",{attrs:{id:"sidebar",role:"navigation","aria-label":"sidebar"}},[e._l(e.links,(function(t){return a("router-link",{key:t.id,staticClass:"main_tablinks",class:{active:e.activeTablink===t.name},attrs:{tag:"a",id:t.id,"aria-label":t.ariaLabel,to:{name:t.routerName}},nativeOn:{click:function(a){e.activeTablink=t.name}}},[a("i",{staticClass:"material-icons side_icon"},[e._v(e._s(t.icon))]),e._v(" "),a("span",{staticClass:"main_tablinks_text"},[e._v(e._s(e.$t(t.label)))]),e._v(" "),"about"===t.name&&e.updateAvailable?a("span",{staticClass:"w-3 h-3 bg-red-600 rounded-full",attrs:{id:"update-notification"}}):e._e()])})),e._v(" "),a("span",{staticClass:"main_tablinks",attrs:{id:"theme_selector",role:"link","aria-label":"theme selector"}},[a("i",{staticClass:"material-icons side_icon side_icon--theme"},[e._v("palette")]),e._v(" "),a("div",{attrs:{id:"theme_togglers"}},e._l(e.themes,(function(t){return a("div",{key:t,staticClass:"theme_toggler",class:[{"theme_toggler--active":e.activeTheme===t},"theme_toggler--"+t],on:{click:function(a){return e.changeTheme(t)}}})})),0)]),e._v(" "),a("div",{class:{online:e.appOnline,offline:!e.appOnline},attrs:{id:"network-status"}},[e.appOnline?a("i",{staticClass:"material-icons"},[e._v("wifi")]):a("i",{staticClass:"material-icons"},[a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[a("path",{attrs:{d:"M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z",fill:"none"}}),e._v(" "),a("path",{attrs:{d:"M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4c-1.29-1.29-2.84-2.13-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24C7.81 10.89 6.27 11.73 5 13v.01L6.99 15c1.36-1.36 3.14-2.04 4.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3c-1.65-1.66-4.34-1.66-6 0z"}})])])])],2)},staticRenderFns:[]},(function(e){e&&e("data-v-ced4440c_0",{source:"#network-status[data-v-ced4440c]{display:flex;justify-content:center;align-items:center;position:relative;margin-top:auto;bottom:0}#network-status.online i.material-icons[data-v-ced4440c]{color:#149856}#network-status.offline i.material-icons svg[data-v-ced4440c]{fill:red;width:1em;height:1em}#update-notification[data-v-ced4440c]{position:absolute;left:30px;top:12px}",map:void 0,media:void 0})}),{data:()=>({appOnline:null,activeTheme:"light",themes:["purple","dark","light"],activeTablink:"home",updateAvailable:!1,links:[{id:"main_home_tablink",name:"home",ariaLabel:"home",routerName:"Home",icon:"home",label:"sidebar.home"},{id:"main_search_tablink",name:"search",ariaLabel:"search",routerName:"Search",icon:"search",label:"sidebar.search"},{id:"main_charts_tablink",name:"charts",ariaLabel:"charts",routerName:"Charts",icon:"show_chart",label:"sidebar.charts"},{id:"main_favorites_tablink",name:"favorites",ariaLabel:"favorites",routerName:"Favorites",icon:"star",label:"sidebar.favorites"},{id:"main_analyzer_tablink",name:"analyzer",ariaLabel:"link analyzer",routerName:"Link Analyzer",icon:"link",label:"sidebar.linkAnalyzer"},{id:"main_settings_tablink",name:"settings",ariaLabel:"settings",routerName:"Settings",icon:"settings",label:"sidebar.settings"},{id:"main_about_tablink",name:"about",ariaLabel:"info",routerName:"About",icon:"info",label:"sidebar.about"}]}),mounted(){this.appOnline=navigator.onLine,window.addEventListener("online",()=>{this.appOnline=!0}),window.addEventListener("offline",()=>{this.appOnline=!1}),this.activeTheme=localStorage.getItem("selectedTheme")||"dark",this.$router.afterEach((e,t)=>{const a=this.links.find(t=>t.routerName===e.name);a&&(this.activeTablink=a.name)}),Eo.on("updateAvailable",()=>{this.updateAvailable=!0})},methods:{changeTheme(e){if(e===this.activeTheme)return;this.activeTheme=e,document.documentElement.setAttribute("data-theme",e),localStorage.setItem("selectedTheme",e);const t=document.querySelectorAll("*");t.forEach(e=>{e.classList.add("changing-theme")}),document.documentElement.addEventListener("transitionend",(function e(){t.forEach(e=>{e.classList.remove("changing-theme")}),document.documentElement.removeEventListener("transitionend",e)}))}}},"data-v-ced4440c",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheSearchBar:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheSearchBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("header",{attrs:{id:"search","aria-label":"searchbar"}},[e._m(0),e._v(" "),a("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)}}})])},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-4ba16166_0",{source:"#search{background-color:var(--secondary-background);padding:0 1em;display:flex;align-items:center;border:1px solid transparent;transition:border .2s ease-in-out;border-radius:15px;margin:10px 10px 20px 10px}#search:focus-within{border:1px solid var(--foreground)}#search .search__icon{width:2rem;height:2rem}#search .search__icon i{font-size:2rem;color:var(--foreground)}#search .search__icon i::selection{background:0 0}#search #searchbar{height:45px;padding-left:.5em;border:0;border-radius:0;background-color:var(--secondary-background);color:var(--foreground);font-size:1.2rem;font-family:'Open Sans';font-weight:300;margin-bottom:0}#search #searchbar:focus{outline:0}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:active,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 45px var(--secondary-background) inset!important;box-shadow:0 0 0 45px var(--secondary-background) inset!important}",map:void 0,media:void 0})}),{data:()=>({lastTextSearch:""}),created(){const e=e=>{70===e.keyCode&&e.ctrlKey&&(e.preventDefault(),this.$refs.searchbar.focus())},t=e=>{"Backspace"==e.key&&e.ctrlKey&&e.shiftKey&&(this.$refs.searchbar.value="",this.$refs.searchbar.focus())};document.addEventListener("keydown",e),document.addEventListener("keyup",t),this.$on("hook:destroyed",()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)})},methods:{test(){console.log("test passato")},async handleSearchBarKeyup(e){if(!(13===e.keyCode))return;let t=this.$refs.searchbar.value;if(""===t)return;let a=Ko(t),n=e.ctrlKey,i="Link Analyzer"===this.$route.name,r="Search"===this.$route.name,s=t===this.lastTextSearch;if(a)n?this.$root.$emit("QualityModal:open",t):i?Eo.emit("analyzeLink",t):Ho(t);else{if(r&&s)return void this.$root.$emit("mainSearch:updateResults",t);r||await this.$router.push({name:"Search"}),s||(this.$root.$emit("updateSearchLoadingState",!0),this.lastTextSearch=t),this.$root.$emit("mainSearch:showNewResults",t)}}}},void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheDownloadBar:Vo,TheTrackPreview:rl,TheQualityModal:sl,BaseLoadingPlaceholder:Go,TheContextMenu:tl,TheContent:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheContent.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("main",{ref:"content",attrs:{id:"content","aria-label":"main content"},on:{scroll:function(t){"Search"===e.$route.name&&e.handleContentScroll(t)}}},[a("div",{attrs:{id:"container"}},[a("BaseLoadingPlaceholder",{attrs:{id:"search_placeholder",text:"Searching...",hidden:!e.loading}}),e._v(" "),e.showBackButton?a("BackButton",{staticClass:"sticky -ml-20",staticStyle:{top:"1rem"}}):e._e(),e._v(" "),a("keep-alive",[e.$route.meta.notKeepAlive?e._e():a("router-view",{directives:[{name:"show",rawName:"v-show",value:!e.loading,expression:"!loading"}],key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}})],1),e._v(" "),e.$route.meta.notKeepAlive?a("router-view",{directives:[{name:"show",rawName:"v-show",value:!e.loading,expression:"!loading"}],key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}}):e._e()],1)])},staticRenderFns:[]},(function(e){e&&e("data-v-5b5dacac_0",{source:"#container{margin:0 auto;max-width:1280px;width:var(--container-width);transform:scale(1)}main{background-color:var(--main-background);padding-right:5px;width:100%;height:calc(100vh - 93px);overflow-y:scroll;overflow-x:hidden}main::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-track{background:var(--main-background)}main::-webkit-scrollbar-thumb{background:var(--main-scroll);border-radius:4px;width:6px;padding:0 2px}",map:void 0,media:void 0})}),{components:{BaseLoadingPlaceholder:Go,BackButton:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="BackButton.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("button",{staticClass:"btn-primary border-transparent border-solid flex items-center justify-center p-1 m-0 w-16 h-16 rounded-full z-10",on:{click:function(t){return e.$router.back()}}},[a("i",{staticClass:"material-icons mirrored text-4xl text-white"},[e._v("forward")])])},staticRenderFns:[]},(function(e){e&&e("data-v-74f206d4_0",{source:"button[data-v-74f206d4]{transition:background .2s ease-in-out}",map:void 0,media:void 0})}),{},"data-v-74f206d4",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}))},data:()=>({performScrolledSearch:!1,loading:!1}),computed:{showBackButton(){return-1!==["Tracklist","Artist","Album","Playlist","Spotify Playlist"].indexOf(this.$route.name)}},mounted(){this.$root.$on("updateSearchLoadingState",e=>{this.loading=e}),this.$router.beforeEach((e,t,a)=>{this.$refs.content.scrollTo(0,0),a()})},methods:{handleContentScroll:Yo((async function(){this.$refs.content.scrollTop+this.$refs.content.clientHeight-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 a=document.createElement("span");a.innerHTML="✖",a.className="toast-close",a.addEventListener("click",function(e){e.stopPropagation(),this.removeElement(this.toastElement),window.clearTimeout(this.toastElement.timeOutValue)}.bind(this));var n=window.innerWidth>0?window.innerWidth:screen.width;("left"==this.options.position||!0===this.options.positionLeft)&&n>360?e.insertAdjacentElement("afterbegin",a):e.appendChild(a)}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},n={top:15,bottom:15},i={top:15,bottom:15},r=document.getElementsByClassName("toastify"),s=0;s0?window.innerWidth:screen.width)<=360?(r[s].style[e]=i[e]+"px",i[e]+=o+15):!0===a(r[s],"toastify-left")?(r[s].style[e]=t[e]+"px",t[e]+=o+15):(r[s].style[e]=n[e]+"px",n[e]+=o+15)}return this},t.lib.init.prototype=t.lib,t}))}));let Bo={};const qo=function(e,t=null,a=!0,n=null){if(Bo[n]){let i=Bo[n],r=document.querySelectorAll(`div.toastify[toast_id=${n}]`);e&&r.forEach(t=>{t.querySelectorAll(".toast-message").forEach(t=>{t.innerHTML=e})}),t&&(t="loading"==t?'
':`${t}`,r.forEach(e=>{e.querySelectorAll(".toast-icon").forEach(e=>{e.innerHTML=t})})),null!==a&&a&&(r.forEach(e=>{e.classList.add("dismissable")}),setTimeout(()=>{i.hideToast(),delete Bo[n]},3e3))}else{let i=Uo({text:`${t=null==t?"":"loading"==t?'
':`${t}`}${e}`,duration:a?3e3:0,gravity:"bottom",position:"left",className:a?"dismissable":"",onClick:function(){let e=!0;if(n){let t=document.querySelector(`div.toastify[toast_id=${n}]`).classList;t&&(e=-1!=Array.prototype.slice.call(t).indexOf("dismissable"))}i&&e&&(i.hideToast(),n&&delete Bo[n])}}).showToast();n&&(Bo[n]=i,i.toastElement.setAttribute("toast_id",n))}};Eo.on("toast",e=>{const{msg:t,icon:a,dismiss:n,id:i}=e;qo(t,a||null,void 0===n||n,i||null)});var Vo=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheDownloadBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"container",staticClass:"block tab_hidden bg-panels-bg text-panels-text",attrs:{id:"download_tab_container","data-label":e.$t("downloads"),"aria-label":"downloads"},on:{transitionend:function(t){e.$refs.container.style.transition=""}}},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],staticClass:"absolute w-4 h-full bg-grayscale-200",staticStyle:{cursor:"ew-resize"},on:{mousedown:function(t){return t.preventDefault(),e.startDrag(t)}}}),e._v(" "),a("i",{ref:"toggler",staticClass:"m-1 text-2xl cursor-pointer material-icons",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(" "),a("div",{attrs:{id:"queue_buttons"}},[e.clientMode?a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{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(" "),a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{title:e.$t("globals.clean_queue_hint")},on:{click:e.cleanQueue}},[e._v("\n\t\t\tclear_all\n\t\t")]),e._v(" "),a("i",{staticClass:"m-1 text-2xl cursor-pointer material-icons",attrs:{title:e.$t("globals.cancel_queue_hint")},on:{click:e.cancelQueue}},[e._v("\n\t\t\tdelete_sweep\n\t\t")])]),e._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:e.isExpanded,expression:"isExpanded"}],ref:"list",staticClass:"w-full pr-2",attrs:{id:"download_list"}},e._l(e.queueList,(function(t){return a("QueueItem",{key:t.uuid,attrs:{"queue-item":t},on:{"show-errors":e.showErrorsTab,"remove-item":e.onRemoveItem}})})),1)])},staticRenderFns:[]},(function(e){e&&e("data-v-bb835736_0",{source:"#download_tab_container[data-v-bb835736]{height:100vh}#download_list[data-v-bb835736]{height:calc(100% - 32px);padding-left:28px;overflow-y:scroll}#download_list[data-v-bb835736]::-webkit-scrollbar{width:10px}#download_list[data-v-bb835736]::-webkit-scrollbar-track{background:var(--panels-background)}#download_list[data-v-bb835736]::-webkit-scrollbar-thumb{background:var(--panels-scroll);border-radius:4px;width:6px;padding:0 2px}",map:void 0,media:void 0})}),{components:{QueueItem:Lo},data:()=>({cachedTabWidth:parseInt(localStorage.getItem("downloadTabWidth"))||300,queue:[],queueList:{},queueComplete:[],isExpanded:"true"===localStorage.getItem("downloadTabOpen")}),computed:{...wo({clientMode:"getClientMode"})},created(){const e=e=>{e.ctrlKey&&"b"===e.key&&this.toggleDownloadTab()};document.addEventListener("keyup",e),this.$on("hook:destroyed",()=>{document.removeEventListener("keyup",e)})},mounted(){Eo.on("startDownload",this.startDownload),Eo.on("startConversion",this.startConversion),Eo.on("init_downloadQueue",this.initQueue),Eo.on("addedToQueue",this.addToQueue),Eo.on("updateQueue",this.updateQueue),Eo.on("removedFromQueue",this.removeFromQueue),Eo.on("finishDownload",this.finishDownload),Eo.on("removedAllDownloads",this.removeAllDownloads),Eo.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:{...Ao(["setErrors"]),onRemoveItem(e){Eo.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){const{queue:t,queueComplete:a,currentItem:n,queueList:i,restored:r}=e;a.length&&a.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),n&&(i[n].silent=!0,this.addToQueue(i[n],!0)),t.forEach(e=>{i[e].silent=!0,this.addToQueue(i[e])}),r&&(qo(this.$t("toasts.queueRestored"),"done",!0,"restoring_queue"),Eo.emit("queueRestored"))},addToQueue(e,t=!1){if(Array.isArray(e)){if(e.length>1)return e.forEach((e,t)=>{e.silent=!0,this.addToQueue(e)}),void qo(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||qo(this.$t("toasts.addedToQueue",{item:e.title}),"playlist_add_check")},updateQueue(e){const{uuid:t,downloaded:a,failed:n,progress:i,conversion:r,error:s,data:o,errid:l}=e;t&&this.queue.indexOf(t)>-1&&(a&&this.queueList[t].downloaded++,n&&(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){let t=this.queue.indexOf(e);t>-1&&(this.$delete(this.queue,t),this.$delete(this.queueList,e))},removeAllDownloads(e){if(this.queueComplete=[],e){this.queue=[e];let t=this.queueList[e];this.queueList={},this.queueList[e]=t}else this.queue=[],this.queueList={}},removedFinishedDownloads(){this.queueComplete.forEach(e=>{this.$delete(this.queueList,e)}),this.queueComplete=[]},toggleDownloadTab(){this.setTabWidth(),this.$refs.container.style.transition="all 250ms ease-in-out";let e=this.$refs.container.classList.toggle("tab_hidden");this.isExpanded=!e,this.isExpanded&&this.setTabWidth(this.cachedTabWidth),localStorage.setItem("downloadTabOpen",this.isExpanded)},cleanQueue(){Eo.emit("removeFinishedDownloads")},cancelQueue(){Eo.emit("cancelAllDownloads")},openDownloadsFolder(){Eo.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){this.$set(this.queueList[e],"status","downloading")},finishDownload(e){if(!(this.queue.indexOf(e)>-1))return;this.$set(this.queueList[e],"status","download finished"),qo(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&&qo(this.$t("toasts.allDownloaded"),"done_all")},startConversion(e){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"})}}},"data-v-bb835736",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var Go=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="BaseLoadingPlaceholder.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(e,t){var a=t._c;return a("div",{staticClass:"loading_placeholder",class:{"loading_placeholder--hidden":t.props.hidden},attrs:{id:t.props.id}},[a("span",{staticClass:"loading_placeholder__text"},[t._v(t._s(t.props.text))]),t._v(" "),t._m(0)])},staticRenderFns:[function(e,t){var a=t._c;return a("div",{staticClass:"lds-ring"},[a("div"),t._v(" "),a("div"),t._v(" "),a("div"),t._v(" "),a("div")])}]},(function(e){e&&e("data-v-445c5472_0",{source:".lds-ring[data-v-445c5472]{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div[data-v-445c5472]{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring-data-v-445c5472 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div[data-v-445c5472]:nth-child(1){animation-delay:-.45s}.lds-ring div[data-v-445c5472]:nth-child(2){animation-delay:-.3s}.lds-ring div[data-v-445c5472]:nth-child(3){animation-delay:-.15s}@keyframes lds-ring-data-v-445c5472{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",map:void 0,media:void 0})}),{props:{text:{type:String,required:!1,default:"Loading..."},id:{type:String,required:!1},hidden:{type:Boolean,required:!1,default:!1}}},"data-v-445c5472",!0,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));function Ho(e,t=null){if(!e)throw new Error("No URL given to sendAddToQueue function!");Eo.emit("addToQueue",{url:e,bitrate:t},()=>{})}var Wo={sendAddToQueue:Ho};function Ko(e){let t=e.toLowerCase();if(t.startsWith("http")){if(t.indexOf("deezer.com")>=0||t.indexOf("deezer.page.link")>=0||t.indexOf("open.spotify.com")>=0)return!0}else if(t.startsWith("spotify:"))return!0;return!1}function Qo(e){let t,a;return t=Math.floor(e/60),a=e-60*t,a<10&&(a="0"+a),t+":"+a}function Jo(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".")}function Yo(e,t,a){var n;return function(){var i=this,r=arguments,s=function(){n=null,a||e.apply(i,r)},o=a&&!n;clearTimeout(n),n=setTimeout(s,t),o&&e.apply(i,r)}}function Zo(e){const t=document.createElement("input");document.body.appendChild(t),t.setAttribute("type","text"),t.setAttribute("value",e),t.select(),t.setSelectionRange(0,99999),document.execCommand("copy"),t.remove()}var Xo={isValidURL:Ko,convertDuration:Qo,convertDurationSeparated:function(e){let t,a,n;return a=Math.floor(e/60),t=Math.floor(a/60),n=e-60*a,a-=60*t,[t,a,n]},numberWithDots:Jo,debounce:Yo};const el=[{objName:"flac",label:"FLAC",value:9},{objName:"320kbps",label:"MP3 320kbps",value:3},{objName:"128kbps",label:"MP3 128kbps",value:1},{objName:"realityAudioHQ",label:"360 Reality Audio [HQ]",value:15},{objName:"realityAudioMQ",label:"360 Reality Audio [MQ]",value:14},{objName:"realityAudioLQ",label:"360 Reality Audio [LQ]",value:13}];var tl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheContextMenu.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{directives:[{name:"show",rawName:"v-show",value:e.menuOpen,expression:"menuOpen"}],ref:"contextMenu",staticClass:"context-menu",style:{top:e.yPos,left:e.xPos}},e._l(e.sortedOptions,(function(t){return a("button",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"option.show"}],key:t.label,staticClass:"btn menu-option",on:{click:function(e){return e.preventDefault(),t.action(e)}}},[a("span",{staticClass:"menu-option__text"},[e._v(e._s(t.label))])])})),0)},staticRenderFns:[]},(function(e){e&&e("data-v-56674a00_0",{source:".context-menu[data-v-56674a00]{position:absolute;top:0;left:0;min-width:100px;border-radius:7px;background:var(--foreground-inverted);box-shadow:4px 10px 18px 0 rgba(0,0,0,.15);overflow:hidden;z-index:10000}.menu-option[data-v-56674a00]{display:flex;align-items:center;width:100%;height:40px;padding-left:10px;padding-right:10px;color:var(--foreground);cursor:pointer}.menu-option[data-v-56674a00]:hover{background:var(--table-highlight);filter:brightness(150%)}.menu-option__text[data-v-56674a00]{text-transform:capitalize}button[data-v-56674a00]{color:var(--primary-text);color:unset;background-color:var(--primary-color);background-color:unset;min-width:unset;position:unset;border:unset;border-radius:unset;font-family:unset;font-weight:unset;font-size:unset;padding:unset;margin-right:unset;height:unset;text-transform:unset;cursor:unset;transition:unset}button[data-v-56674a00]:focus{outline:0}button[data-v-56674a00]:active{background-color:unset;transform:unset}button[data-v-56674a00]:hover{background:unset;border:unset}",map:void 0,media:void 0})}),{data:()=>({menuOpen:!1,xPos:0,yPos:0,deezerHref:"",generalHref:"",imgSrc:""}),computed:{options(){const e={cut:{label:this.$t("globals.cut"),show:!1,position:1,action:()=>{document.execCommand("Cut")}},copy:{label:this.$t("globals.copy"),show:!1,position:2,action:()=>{document.execCommand("Copy")}},copyLink:{label:this.$t("globals.copyLink"),show:!1,position:3,action:()=>{Zo(this.generalHref)}},copyImageLink:{label:this.$t("globals.copyImageLink"),show:!1,position:4,action:()=>{Zo(this.imgSrc)}},copyDeezerLink:{label:this.$t("globals.copyDeezerLink"),show:!1,position:5,action:()=>{Zo(this.deezerHref)}},paste:{label:this.$t("globals.paste"),show:!1,position:6,action:()=>{clipboard in navigator?navigator.clipboard.readText().then(e=>{document.execCommand("insertText",void 0,e)}):document.execCommand("paste")}}};let t=Object.values(e).length+1;return el.forEach((a,n)=>{e[a.objName]={label:""+this.$t("globals.download",{thing:a.label}),show:!1,position:t+n,action:Ho.bind(null,this.deezerHref,a.value)}}),e},sortedOptions(){return Object.values(this.options).sort((e,t)=>e.position{this.menuOpen=!1,this.options.copyLink.show=!1,this.options.copyDeezerLink.show=!1,this.options.copyImageLink.show=!1,el.forEach(e=>{this.options[e.objName].show=!1})}).catch(e=>{console.error(e)})},positionMenu(e,t){this.xPos=e+"px",this.yPos=t+"px",this.$nextTick().then(()=>{const{innerHeight:a,innerWidth:n}=window,i=e+this.$refs.contextMenu.getBoundingClientRect().width,r=t+this.$refs.contextMenu.getBoundingClientRect().height;if(i>n){const t=i-n+15;this.xPos=e-t+"px"}if(r>a){const e=r-a+15;this.yPos=t-e+"px"}})},showDeezerOptions(){this.options.copyDeezerLink.show=!0,el.forEach(e=>{this.options[e.objName].show=!0})}}},"data-v-56674a00",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),al=new ka;async function nl(e,t,{duration:a=1e3,easing:n=il,interval:i=13}={}){const r=e.volume,s=t-r;if(!(s&&a&&n&&i))return e.volume=t,Promise.resolve();const o=Math.floor(a/i);let l=1;return new Promise(t=>{const a=setInterval(()=>{e.volume=r+n(l/o)*s,++l===o&&(clearInterval(a),t())},i)})}function il(e){return.5-Math.cos(e*Math.PI)/2}var rl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};return l.__file="TheTrackPreview.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n,l}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("audio",{ref:"preview",attrs:{id:"preview-track"},on:{canplay:this.onCanPlay,timeupdate:this.onTimeUpdate}},[t("source",{attrs:{id:"preview-track_source",src:"",type:"audio/mpeg"}})])},staticRenderFns:[]},0,{data:()=>({previewStopped:!1}),mounted(){this.$refs.preview.volume=1,this.$router.beforeEach((e,t,a)=>{this.stopStackedTabsPreview(),a()}),al.$on("trackPreview:playPausePreview",this.playPausePreview),al.$on("trackPreview:previewMouseEnter",this.previewMouseEnter),al.$on("trackPreview:previewMouseLeave",this.previewMouseLeave)},methods:{async onCanPlay(){await this.$refs.preview.play(),this.previewStopped=!1,await nl(this.$refs.preview,window.vol.preview_max_volume/100,{duration:500})},async onTimeUpdate(){if(isNaN(this.$refs.preview.duration))return;let e=this.$refs.preview.duration;isFinite(e)||(e=30),e-this.$refs.preview.currentTime>=1||this.previewStopped||(await nl(this.$refs.preview,0,{duration:800}),this.previewStopped=!0,document.querySelectorAll("a[playing] > .preview_controls").forEach(e=>{e.style.opacity=0}),document.querySelectorAll("*").forEach(e=>{e.removeAttribute("playing")}),document.querySelectorAll(".preview_controls, .preview_playlist_controls").forEach(e=>{e.textContent="play_arrow"}))},async playPausePreview(e){e.preventDefault(),e.stopPropagation();const{currentTarget:t}=e;var a="I"==t.tagName?t:t.querySelector("i");t.hasAttribute("playing")?this.$refs.preview.paused?(this.$refs.preview.play(),this.previewStopped=!1,a.innerText="pause",await nl(this.$refs.preview,window.vol.preview_max_volume/100,{duration:500})):(this.previewStopped=!0,a.innerText="play_arrow",await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause()):(document.querySelectorAll("*").forEach(e=>{e.removeAttribute("playing")}),t.setAttribute("playing",!0),document.querySelectorAll(".preview_controls, .preview_playlist_controls").forEach(e=>{e.textContent="play_arrow"}),document.querySelectorAll(".preview_controls").forEach(e=>{e.style.opacity=0}),a.innerText="pause",a.style.opacity=1,this.previewStopped=!1,await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause(),document.getElementById("preview-track_source").src=t.getAttribute("data-preview"),this.$refs.preview.load())},async stopStackedTabsPreview(){let e=Array.prototype.slice.call(document.querySelectorAll(".preview_playlist_controls[playing]"));0!==e.length&&(await nl(this.$refs.preview,0,{duration:250}),this.$refs.preview.pause(),this.previewStopped=!0,e.forEach(e=>{e.removeAttribute("playing"),e.innerText="play_arrow"}))},previewMouseEnter(e){e.currentTarget.style.opacity=1},previewMouseLeave(e){const{currentTarget:t}=e,a=t.parentElement.hasAttribute("playing");(a&&this.previewStopped||!a)&&(t.style.opacity=0)}}},void 0,!1);var sl=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheQualityModal.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{directives:[{name:"show",rawName:"v-show",value:e.open,expression:"open"}],ref:"modal",staticClass:"smallmodal",attrs:{id:"modal_quality"},on:{click:function(t){return e.tryToDownloadTrack(t)}}},[a("div",{staticClass:"smallmodal-content"},[a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"9"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"FLAC"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"3"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"MP3 320kbps"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"1"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"MP3 128kbps"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"15"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [HQ]"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"14"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [MQ]"}))+"\n\t\t")]),e._v(" "),a("button",{staticClass:"btn btn-primary quality-button",attrs:{"data-quality-value":"13"}},[e._v("\n\t\t\t"+e._s(e.$t("globals.download",{thing:"360 Reality Audio [LQ]"}))+"\n\t\t")])])])},staticRenderFns:[]},(function(e){e&&e("data-v-04587fed_0",{source:".smallmodal{position:fixed;z-index:1250;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:hsla(0,0%,0%,.4);animation-duration:.3s}.smallmodal-content{background-color:transparent;margin:auto;width:var(--modal-content-width);position:relative;top:50%;transform:translateY(-50%)}.smallmodal-content button{width:100%;margin-bottom:8px}",map:void 0,media:void 0})}),{data:()=>({open:!1,url:""}),mounted(){this.$root.$on("QualityModal:open",this.openModal),this.$refs.modal.addEventListener("webkitAnimationEnd",this.handleAnimationEnd)},methods:{tryToDownloadTrack(e){const{target:t}=e;this.$refs.modal.classList.add("animated","fadeOut"),t.matches(".quality-button")&&Wo.sendAddToQueue(this.url,t.dataset.qualityValue)},openModal(e){this.url=e,this.open=!0,this.$refs.modal.classList.add("animated","fadeIn")},handleAnimationEnd(e){const{animationName:t}=e;this.$refs.modal.classList.remove("animated",t),"fadeIn"!==t&&(this.open=!1)}}},void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var ol=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="ConfirmModal.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{ref:"wrapper",staticClass:"wrapper"},[t("div",{ref:"body",staticClass:"body animate__animated animate__bounce"},[t("h1",{staticStyle:{flex:"1"}},[this._v(this._s(this.titleText))]),this._v(" "),this._m(0)]),this._v(" "),t("div",{staticClass:"overlay"})])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"confirm-area"},[t("button",{staticClass:"no-hover"},[this._v("Text")]),this._v(" "),t("button",{staticClass:"no-hover bg-red-600"},[this._v("Text")])])}]},(function(e){e&&e("data-v-6b9098da_0",{source:".wrapper[data-v-6b9098da]{display:grid;place-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}.body[data-v-6b9098da]{position:relative;display:flex;flex-direction:column;width:50vw;height:30vh;border-radius:15px;padding:2rem;background:var(--secondary-background);z-index:2;box-shadow:9px 10px 39px 12px var(--main-background)}.confirm-area[data-v-6b9098da]{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.overlay[data-v-6b9098da]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--secondary-background);opacity:.75;z-index:1}",map:void 0,media:void 0})}),{data:()=>({titleText:"Are you sure you want to reset settings to default?"}),mounted(){setTimeout(()=>{},2e3)}},"data-v-6b9098da",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}));var ll=function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="App.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",[t("div",{staticClass:"app-container"},[t("TheSidebar"),this._v(" "),t("div",{staticClass:"content-container"},[t("TheSearchBar"),this._v(" "),t("TheContent")],1),this._v(" "),t("TheDownloadBar")],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)},staticRenderFns:[]},(function(e){e&&e("data-v-748c28ba_0",{source:".app-container{display:flex}.content-container{width:100%;display:flex;flex-direction:column}",map:void 0,media:void 0})}),{components:{TheSidebar:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheSidebar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("aside",{staticClass:"top-0 left-0 flex flex-col w-12 h-full absoluteZ bg-panels-bg text-panels-text",attrs:{id:"sidebar",role:"navigation","aria-label":"sidebar"}},[e._l(e.links,(function(t){return a("router-link",{key:t.id,staticClass:"relative flex items-center h-16 no-underline main_tablinks",class:{active:e.activeTablink===t.name},staticStyle:{transition:"all 500ms",color:"inherit"},attrs:{tag:"a",id:t.id,"aria-label":t.ariaLabel,to:{name:t.routerName}},nativeOn:{click:function(a){e.activeTablink=t.name}}},[a("i",{staticClass:"p-2 text-3xl transition-all duration-500 material-icons side_icon"},[e._v(e._s(t.icon))]),e._v(" "),a("span",{staticClass:"ml-5 overflow-hidden capitalize whitespace-no-wrap transition-all duration-75 ease-in-out delay-200 opacity-0 main_tablinks_text",staticStyle:{"letter-spacing":"1.3px"}},[e._v("\n\t\t\t"+e._s(e.$t(t.label))+"\n\t\t")]),e._v(" "),"about"===t.name&&e.updateAvailable?a("span",{staticClass:"w-3 h-3 bg-red-600 rounded-full",attrs:{id:"update-notification"}}):e._e()])})),e._v(" "),a("span",{staticClass:"flex h-12 mt-5",attrs:{role:"link","aria-label":"theme selector"}},[a("i",{staticClass:"p-2 text-3xl transition-all duration-500 cursor-default material-icons side_icon side_icon--theme"},[e._v("\n\t\t\tpalette\n\t\t")]),e._v(" "),a("div",{staticClass:"relative flex items-center w-full justify-evenly",attrs:{id:"theme_togglers"}},e._l(e.themes,(function(t){return a("div",{key:t,staticClass:"w-6 h-6 border rounded-full cursor-pointer theme_toggler border-grayscale-500",class:[{"theme_toggler--active":e.activeTheme===t},"theme_toggler--"+t],on:{click:function(a){return e.changeTheme(t)}}})})),0)]),e._v(" "),a("div",{class:{online:e.appOnline,offline:!e.appOnline},attrs:{id:"network-status"}},[e.appOnline?a("i",{staticClass:"material-icons"},[e._v("wifi")]):a("i",{staticClass:"material-icons"},[a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}},[a("path",{attrs:{d:"M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z",fill:"none"}}),e._v(" "),a("path",{attrs:{d:"M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4c-1.29-1.29-2.84-2.13-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24C7.81 10.89 6.27 11.73 5 13v.01L6.99 15c1.36-1.36 3.14-2.04 4.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3c-1.65-1.66-4.34-1.66-6 0z"}})])])])],2)},staticRenderFns:[]},(function(e){e&&e("data-v-607d37c4_0",{source:"#network-status[data-v-607d37c4]{display:flex;justify-content:center;align-items:center;position:relative;margin-top:auto;bottom:0}#network-status.online i.material-icons[data-v-607d37c4]{color:#149856}#network-status.offline i.material-icons svg[data-v-607d37c4]{fill:red;width:1em;height:1em}#update-notification[data-v-607d37c4]{position:absolute;left:30px;top:12px}",map:void 0,media:void 0})}),{data:()=>({appOnline:null,activeTheme:"light",themes:["purple","dark","light"],activeTablink:"home",updateAvailable:!1,links:[{id:"main_home_tablink",name:"home",ariaLabel:"home",routerName:"Home",icon:"home",label:"sidebar.home"},{id:"main_search_tablink",name:"search",ariaLabel:"search",routerName:"Search",icon:"search",label:"sidebar.search"},{id:"main_charts_tablink",name:"charts",ariaLabel:"charts",routerName:"Charts",icon:"show_chart",label:"sidebar.charts"},{id:"main_favorites_tablink",name:"favorites",ariaLabel:"favorites",routerName:"Favorites",icon:"star",label:"sidebar.favorites"},{id:"main_analyzer_tablink",name:"analyzer",ariaLabel:"link analyzer",routerName:"Link Analyzer",icon:"link",label:"sidebar.linkAnalyzer"},{id:"main_settings_tablink",name:"settings",ariaLabel:"settings",routerName:"Settings",icon:"settings",label:"sidebar.settings"},{id:"main_about_tablink",name:"about",ariaLabel:"info",routerName:"About",icon:"info",label:"sidebar.about"}]}),mounted(){this.appOnline=navigator.onLine,window.addEventListener("online",()=>{this.appOnline=!0}),window.addEventListener("offline",()=>{this.appOnline=!1}),this.activeTheme=localStorage.getItem("selectedTheme")||"dark",this.$router.afterEach((e,t)=>{const a=this.links.find(t=>t.routerName===e.name);a&&(this.activeTablink=a.name)}),Eo.on("updateAvailable",()=>{this.updateAvailable=!0})},methods:{changeTheme(e){if(e===this.activeTheme)return;this.activeTheme=e,document.documentElement.setAttribute("data-theme",e),localStorage.setItem("selectedTheme",e);const t=document.querySelectorAll("*");t.forEach(e=>{e.classList.add("changing-theme")}),document.documentElement.addEventListener("transitionend",(function e(){t.forEach(e=>{e.classList.remove("changing-theme")}),document.documentElement.removeEventListener("transitionend",e)}))}}},"data-v-607d37c4",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheSearchBar:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheSearchBar.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("header",{attrs:{id:"search","aria-label":"searchbar"}},[e._m(0),e._v(" "),a("input",{ref:"searchbar",staticClass:"w-full",attrs:{id:"searchbar",autocomplete:"off",type:"search",name:"searchbar",value:"",placeholder:e.$t("searchbar"),autofocus:""},on:{keyup:function(t){return e.handleSearchBarKeyup(t)}}})])},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-5f0acd1b_0",{source:"#search{background-color:var(--secondary-background);padding:0 1em;display:flex;align-items:center;border:1px solid transparent;transition:border .2s ease-in-out;border-radius:15px;margin:10px 10px 20px 10px}#search:focus-within{border:1px solid var(--foreground)}#search .search__icon{width:2rem;height:2rem}#search .search__icon i{font-size:2rem;color:var(--foreground)}#search .search__icon i::selection{background:0 0}#search #searchbar{height:45px;padding-left:.5em;border:0;border-radius:0;background-color:var(--secondary-background);color:var(--foreground);font-size:1.2rem;font-family:'Open Sans';font-weight:300;margin-bottom:0}#search #searchbar:focus{outline:0}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:active,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 45px var(--secondary-background) inset!important;box-shadow:0 0 0 45px var(--secondary-background) inset!important}",map:void 0,media:void 0})}),{data:()=>({lastTextSearch:""}),created(){const e=e=>{70===e.keyCode&&e.ctrlKey&&(e.preventDefault(),this.$refs.searchbar.focus())},t=e=>{"Backspace"==e.key&&e.ctrlKey&&e.shiftKey&&(this.$refs.searchbar.value="",this.$refs.searchbar.focus())};document.addEventListener("keydown",e),document.addEventListener("keyup",t),this.$on("hook:destroyed",()=>{document.removeEventListener("keydown",e),document.removeEventListener("keyup",t)})},methods:{test(){console.log("test passato")},async handleSearchBarKeyup(e){if(!(13===e.keyCode))return;let t=this.$refs.searchbar.value;if(""===t)return;let a=Ko(t),n=e.ctrlKey,i="Link Analyzer"===this.$route.name,r="Search"===this.$route.name,s=t===this.lastTextSearch;if(a)n?this.$root.$emit("QualityModal:open",t):i?Eo.emit("analyzeLink",t):Ho(t);else{if(r&&s)return void this.$root.$emit("mainSearch:updateResults",t);r||await this.$router.push({name:"Search"}),s||(this.$root.$emit("updateSearchLoadingState",!0),this.lastTextSearch=t),this.$root.$emit("mainSearch:showNewResults",t)}}}},void 0,!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}})),TheDownloadBar:Vo,TheTrackPreview:rl,TheQualityModal:sl,BaseLoadingPlaceholder:Go,TheContextMenu:tl,TheContent:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="TheContent.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("main",{ref:"content",attrs:{id:"content","aria-label":"main content"},on:{scroll:function(t){"Search"===e.$route.name&&e.handleContentScroll(t)}}},[a("div",{attrs:{id:"container"}},[a("BaseLoadingPlaceholder",{attrs:{id:"search_placeholder",text:"Searching...",hidden:!e.loading}}),e._v(" "),e.showBackButton?a("BackButton",{staticClass:"sticky -ml-20",staticStyle:{top:"1rem"}}):e._e(),e._v(" "),a("keep-alive",[e.$route.meta.notKeepAlive?e._e():a("router-view",{directives:[{name:"show",rawName:"v-show",value:!e.loading,expression:"!loading"}],key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}})],1),e._v(" "),e.$route.meta.notKeepAlive?a("router-view",{directives:[{name:"show",rawName:"v-show",value:!e.loading,expression:"!loading"}],key:e.$route.fullPath,class:{"-mt-16":e.showBackButton},attrs:{"perform-scrolled-search":e.performScrolledSearch}}):e._e()],1)])},staticRenderFns:[]},(function(e){e&&e("data-v-5b5dacac_0",{source:"#container{margin:0 auto;max-width:1280px;width:var(--container-width);transform:scale(1)}main{background-color:var(--main-background);padding-right:5px;width:100%;height:calc(100vh - 93px);overflow-y:scroll;overflow-x:hidden}main::-webkit-scrollbar{width:10px}main::-webkit-scrollbar-track{background:var(--main-background)}main::-webkit-scrollbar-thumb{background:var(--main-scroll);border-radius:4px;width:6px;padding:0 2px}",map:void 0,media:void 0})}),{components:{BaseLoadingPlaceholder:Go,BackButton:function(e,t,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="BackButton.vue",l.render||(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{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(a,n){return e.call(n),t(a,n)}}else{const t=l.beforeCreate;l.beforeCreate=t?[].concat(t,e):[e]}}return l}({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("button",{staticClass:"btn-primary border-transparent border-solid flex items-center justify-center p-1 m-0 w-16 h-16 rounded-full z-10",on:{click:function(t){return e.$router.back()}}},[a("i",{staticClass:"material-icons mirrored text-4xl text-white"},[e._v("forward")])])},staticRenderFns:[]},(function(e){e&&e("data-v-74f206d4_0",{source:"button[data-v-74f206d4]{transition:background .2s ease-in-out}",map:void 0,media:void 0})}),{},"data-v-74f206d4",!1,0,(function e(){const t=document.head||document.getElementsByTagName("head")[0],a=e.styles||(e.styles={}),n="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=n?i.media||"default":e,s=a[r]||(a[r]={ids:[],parts:[],element:void 0});if(!s.ids.includes(e)){let a=i.source,o=s.ids.length;if(s.ids.push(e),i.map&&(a+="\n/*# sourceURL="+i.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i.map))))+" */"),n&&(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),n&&(e.setAttribute("data-group",r),e.setAttribute("data-next-index","0")),t.appendChild(e)}if(n&&(o=parseInt(s.element.getAttribute("data-next-index")),s.element.setAttribute("data-next-index",o+1)),s.element.styleSheet)s.parts.push(a),s.element.styleSheet.cssText=s.parts.filter(Boolean).join("\n");else{const e=document.createTextNode(a),t=s.element.childNodes;t[o]&&s.element.removeChild(t[o]),t.length?s.element.insertBefore(e,t[o]):s.element.appendChild(e)}}}}))},data:()=>({performScrolledSearch:!1,loading:!1}),computed:{showBackButton(){return-1!==["Tracklist","Artist","Album","Playlist","Spotify Playlist"].indexOf(this.$route.name)}},mounted(){this.$root.$on("updateSearchLoadingState",e=>{this.loading=e}),this.$router.beforeEach((e,t,a)=>{this.$refs.content.scrollTo(0,0),a()})},methods:{handleContentScroll:Yo((async function(){this.$refs.content.scrollTop+this.$refs.content.clientHeight
- -
+
@@ -20,7 +19,7 @@
- diff --git a/src/components/TheSearchBar.vue b/src/components/TheSearchBar.vue index 26356c8..1ac6a41 100644 --- a/src/components/TheSearchBar.vue +++ b/src/components/TheSearchBar.vue @@ -3,8 +3,10 @@
search
+ -