From 760ce913b6e36c7d418927dc34f6ef1f37c272d9 Mon Sep 17 00:00:00 2001 From: RemixDev Date: Wed, 23 Sep 2020 16:23:42 +0200 Subject: [PATCH] Started working on acessibility Sidebar is now navigable with keyboard using tab In reference to #40 --- public/css/style.css | 2 +- public/js/bundle.js | 2 +- src/components/TheSidebar.vue | 3 +-- src/styles/scss/_sidebar.scss | 2 ++ 4 files changed, 5 insertions(+), 4 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 2f13459..4c2f10e 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1 +1 @@ -html{--main-scroll: hsl(0, 0%, 33%);--panels-scroll: hsl(180, 2%, 17%);--tag-background: hsl(210, 100%, 38%);--tag-text: hsl(0, 0%, 100%);--toast-background: hsla(0, 0%, 0%, 0.867);--toast-secondary: hsla(0, 0%, 100%, 0.133);--toast-text: hsla(0, 0%, 100%, 0.871);--separator: hsl(0, 0%, 50%)}html[data-theme=light]{--main-background: hsl(0, 0%, 100%);--secondary-background: hsl(0, 0%, 93%);--foreground: hsl(0, 0%, 20%);--foreground-inverted: hsl(0, 0%, 93%);--accent-color: hsl(210, 100%, 52%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(210, 3%, 14%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 0%);--sidebar-link-bg: hsl(0, 0%, 24%);--sidebar-link-bg-20: hsla(0, 0%, 24%, 0.2);--icon-hover: var(--accent-color);--table-bg: hsl(0, 0%, 100%);--table-zebra: hsl(0, 0%, 90%);--table-highlight: hsl(0, 0%, 84%)}html[data-theme=dark]{--main-background: hsl(0, 0%, 8%);--secondary-background: hsl(0, 0%, 14%);--foreground: hsl(0, 0%, 93%);--foreground-inverted: hsl(0, 0%, 20%);--accent-color: hsl(210, 100%, 52%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(0, 0%, 10%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 87%);--sidebar-link-bg: hsl(0, 0%, 24%);--sidebar-link-bg-20: hsla(0, 0%, 24%, 0.2);--icon-hover: var(--accent-color);--table-bg: hsl(0, 0%, 8%);--table-zebra: hsl(0, 0%, 14%);--table-highlight: hsl(0, 0%, 20%)}html[data-theme=purple]{--main-background: hsl(261, 74%, 6%);--secondary-background: hsl(257, 61%, 10%);--foreground: hsl(0, 0%, 93%);--foreground-inverted: hsl(258, 62%, 8%);--accent-color: hsl(261, 85%, 37%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(257, 70%, 9%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 87%);--sidebar-link-bg: hsl(257, 70%, 17%);--sidebar-link-bg-20: hsla(257, 70%, 17%, 0.2);--icon-hover: hsl(186, 44%, 54%);--table-bg: hsl(261, 74%, 6%);--table-zebra: hsl(257, 61%, 10%);--table-highlight: hsl(257, 66%, 27%)}html{height:100vh}body{margin:0px;width:100%;height:100%;font-family:"Open Sans","sans-serif";overflow:hidden;background:var(--main-background);color:var(--foreground)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:16px}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}input[type=text],input[type=password],input[type=number],input[type=search]{-webkit-appearance:none;appearance:none;width:calc(100% - 16px);border:0px solid #000;line-height:36px;padding:0px 8px;border-radius:4px;background-color:var(--secondary-background);color:var(--foreground);margin-bottom:8px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:28px;height:28px;background-color:var(--foreground);-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");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")}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:none;border:2px solid gray;opacity:.5;border-radius:2px;padding:7px;margin:3px;display:inline-block;position:relative}input[type=checkbox]:checked{opacity:1;background-color:var(--accent-color);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");background-position:center center;border:0px solid var(--accent-color);border-radius:2px;padding:9px;margin:3px;color:var(--accent-text)}select{-webkit-appearance:none;appearance:none;width:100%;border:0px solid #000;line-height:36px;padding:0px 40px 0px 8px;border-radius:4px;background-color:var(--secondary-background);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");background-repeat:no-repeat;background-size:24px;background-position:calc(100% - 8px) center;background-clip:border-box;color:var(--foreground);margin-bottom:8px}p{word-break:break-word}button{min-width:64px;color:var(--accent-text);position:relative;background-color:var(--accent-color);border:1px solid transparent;border-radius:4px;font-family:inherit;font-weight:600;font-size:14px;padding:0px 8px;margin-right:8px;height:36px;text-transform:uppercase;cursor:pointer;transition:transform 50ms ease-in-out,background-color 200ms ease}button[disabled]{background-color:var(--secondary-background);color:var(--foreground);opacity:.75}button.selective{background-color:var(--main-background);color:var(--foreground)}button.selective.active{background-color:var(--accent-color);color:var(--accent-text)}button.with_icon{display:flex;align-items:center}button.with_icon i{margin-left:8px}button.only_icon{min-width:24px;width:48px;margin:0px 0px 0px 8px;padding:0px 4px}button.only_icon i{padding:6px 0px}button:active{background-color:var(--accent-color);transform:scale(0.98)}button:hover{background:none;border:1px solid var(--accent-color)}img.rounded{border-radius:5px}img.circle{border-radius:50%}i.disabled{opacity:.5;cursor:default}i.explicit_icon{color:#ff382e;margin-right:.3125em;margin-left:-3px}i.explicit_icon.explicit_icon--right{margin-left:.3125em;margin-right:0px}span.tag{background-color:var(--tag-background);border-radius:2px;color:var(--tag-text);display:inline-block;font-size:10px;padding:3px 6px;text-transform:capitalize}a{color:#1e90ff}a.single-cover{position:relative;display:inline-block;color:#fff}a:visited{color:#1e90ff}.clickable{cursor:pointer !important}.table--tracklist .clickable:hover,.table--charts .clickable:hover{text-decoration:underline}.fixed_footer footer{position:sticky;display:flex;align-items:center;flex-direction:row;justify-content:flex-end;background-color:var(--main-background);bottom:0px;height:64px;width:100%;margin-top:24px}.fab{width:56px;height:56px;border-radius:28px;display:inline-block;background-color:var(--accent-color);color:var(--accent-text);cursor:pointer}.fab i{font-size:24px;padding:16px}.with_checkbox{display:flex;align-items:center}.with_checkbox [type=checkbox]{cursor:pointer}.with_checkbox .checkbox_text{margin-left:10px;cursor:pointer}.with_checkbox .checkbox_text::selection{background:none}.loading_placeholder{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;height:100%}.loading_placeholder.loading_placeholder--hidden{display:none}.loading_placeholder__text{margin-bottom:20px}.loading_placeholder#search_placeholder{height:calc(100% - 93px)}.loading_placeholder#start_app_placeholder{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000}.coverart{background-color:var(--secondary-background)}.cover_container{position:relative}.cover_container .coverart{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}.cover_container .download_overlay{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.cover_container .download_overlay i{background-color:#000;color:#fff;border-radius:50%;padding:10px;cursor:pointer}.cover_container:hover .coverart{opacity:.75}.cover_container:hover .download_overlay{opacity:1}.inline-flex{display:flex;align-items:center}.inline-flex .right{margin-left:auto}.right{float:right}.hide{display:none !important}.changing-theme{transition:all 200ms ease-in-out}[v-cloak]{display:none}.table{width:100%;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px}.table tbody tr:not(.table__row-no-highlight):hover{background:var(--table-highlight);cursor:default}.table tr{background:var(--table-bg);transition:background-color 175ms ease-in-out}.table tr:nth-child(even){background:var(--table-zebra);transition:background-color 175ms ease-in-out}.table tr:not(:last-child){border-bottom:1px solid var(--table-highlight)}.table td,.table th{vertical-align:middle}.table th .sortable{-webkit-user-select:none;user-select:none}.table th .sort-asc::after,.table th .sort-desc::after{font-size:.7em;padding-left:3px;line-height:.7em}.table th .sort-asc::after{content:"▲"}.table th .sort-desc::after{content:"▼"}.table td{padding:7px 10px}.table td:first-child{padding:7px 10px 7px 20px}.table td:last-child{padding:7px 20px 7px 10px}.table td img{vertical-align:middle}.table--tracks{border-collapse:collapse}.table--tracks thead{border-bottom:2px solid var(--table-highlight)}.table--tracks th{padding-bottom:10px;height:45px}.table--tracks td{height:35px}.table--tracks td.breakline{word-break:break-word}.table--tracks tr:first-child td:first-child{border-top-left-radius:3px}.table--tracks tr:first-child td:last-child{border-top-right-radius:3px}.table--tracks tr:last-child td:first-child{border-bottom-left-radius:3px}.table--tracks tr:last-child td:last-child{border-bottom-right-radius:3px}.table--tracklist thead{border-bottom:2px solid var(--table-highlight);text-transform:capitalize}.table--tracklist th{height:45px;padding:7px 10px}.table--tracklist th:first-child{padding:7px 10px 7px 20px}.table--tracklist th:last-child{padding:7px 20px 7px 10px}.table--tracklist td{height:35px}.table--charts td{height:35px}.table .table__icon{box-sizing:content-box;width:32px}.table .table__icon--big{width:48px;text-align:center}.table .table__cell--x-small{width:.32%}.table .table__cell--small{width:3.2%}.table .table__cell--medium{width:28.7%}.table .table__cell--large{width:50%}.table .table__cell--left{text-align:left}.table .table__cell--center{text-align:center}.table .table__cell--right{text-align:right}.table .table__cell--download{cursor:pointer}.table .table__cell--download i.material-icons{transition:color 175ms ease-in-out}.table .table__cell--download:hover i.material-icons{color:var(--icon-hover)}.table .table__cell-content.table__cell-content--vertical-center{display:flex;align-items:center}.track_row>td>img{width:32px;height:32px}.track_row>td>a>img{width:56px;height:56px}.top-tracks-position{padding:12px;text-align:center;cursor:default}.page_heading{font-size:2.5rem;margin-bottom:35px}.page_heading--capitalize{text-transform:capitalize}.page_heading--uppercase{text-transform:uppercase}.section_heading{font-size:1.75rem;margin-bottom:25px}#about_tab p{margin-bottom:8px}#about_tab h3{margin:8px 0px}#about_tab hr{margin:12px 0px}.charts_grid .release .coverart{width:156px;height:156px}#download_tab_container{height:100%;background-color:var(--panels-background);color:var(--panels-text);display:block;flex-direction:column}#download_tab_container.tab_hidden{width:32px}#download_tab_container.tab_hidden #toggle_download_tab{margin-left:4px}#download_tab_container.tab_hidden #toggle_download_tab::before{font-family:"Material Icons";font-style:normal;font-weight:400;content:"chevron_left"}#download_tab_container.tab_hidden #download_tab_drag_handler{display:none}#download_tab_container.tab_hidden #queue_buttons{opacity:0;visibility:hidden}#download_tab_container.tab_hidden #download_list{display:none}#download_tab_container.tab_hidden #download_tab_label{opacity:1;visibility:visible}#download_tab_container.tab_hidden::after{content:attr(data-label);display:flex;align-items:center;text-transform:capitalize;writing-mode:vertical-rl;line-height:32px}#toggle_download_tab{width:25px;height:25px;margin-left:20px}#toggle_download_tab::before{font-family:"Material Icons";font-style:normal;font-weight:400;content:"chevron_right"}.download_bar_icon{cursor:pointer;font-size:24px;margin:4px}#download_list{width:100%;height:calc(100% - 32px);padding:0px 8px 0px 28px;overflow-y:scroll}#download_list>.download_object{padding-bottom:8px}#download_list>.download_object .download_info{display:flex;align-items:center}#download_list>.download_object .download_info img{width:75px;height:75px;display:inline-block;flex-shrink:0}#download_list>.download_object .download_info .download_line{display:block}#download_list>.download_object .download_info .download_slim_separator{display:none}#download_list>.download_object .download_info_data{width:100%;margin-left:8px}#download_list>.download_object .download_info_status{margin-left:8px;width:80px}#download_list.slim>.download_object .download_info{display:block}#download_list.slim>.download_object .download_info img{display:none}#download_list.slim>.download_object .download_info .download_line{display:inline-block}#download_list.slim>.download_object .download_info .download_slim_separator{display:inline-block}#download_list.slim>.download_object .download_info_data{width:calc(80% - 16px);display:inline-block;padding-left:0px}#download_list.slim>.download_object .download_info_status{width:20%;display:inline-block;float:right}#download_list::-webkit-scrollbar{width:10px}#download_list::-webkit-scrollbar-track{background:var(--panels-background)}#download_list::-webkit-scrollbar-thumb{background:var(--panels-scroll);border-radius:4px;width:6px;padding:0px 2px}.download_object>.download_bar{display:flex;align-items:center;height:24px}.download_object>.download_bar>.queue_icon{cursor:default;margin-left:8px}.download_object>.download_bar>.progress{margin:0px}#download_tab_container #queue_buttons{position:absolute;top:0;right:0;opacity:1;visibility:visible;transition:all 250ms ease-in-out}#download_tab_container #download_tab_label{opacity:0;visibility:hidden;transition:all 250ms ease-in-out}#download_tab_drag_handler{width:15px;height:100%;position:absolute;background-color:#333;cursor:ew-resize}.reload-button.reload-button--inline{display:inline-block}.reload-button.spin i{animation:spin 500ms infinite ease-out reverse}#home_not_logged_text{margin-bottom:15px}.home_section{border-top:1px solid var(--separator);padding-top:25px;padding-bottom:25px}#main_search .search_section{float:none;padding-top:20px;padding-bottom:20px}#main_search .search_section:not(:first-child){border-top:1px solid var(--separator)}#main_search .top_result_header{display:block;cursor:default;font-size:2rem;text-align:center}.search_header{display:inline-block;cursor:pointer;font-size:1.75rem;margin-bottom:25px;text-transform:capitalize}.search_header:not(.top_result_header){transition:color 200ms ease-in-out}.search_header:not(.top_result_header):hover{color:var(--accent-color)}.top_result{display:flex;align-items:center;flex-direction:column}.top_result>.cover_container{width:156px;height:156px}.top_result .info_box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15px}.top_result .info_box .primary-text,.top_result .info_box .secondary-text{font-size:18px;text-align:center}.top_result .info_box .primary-text{margin-bottom:5px}.top_result .info_box .secondary-text{margin-bottom:10px}.top_result .info_box .tag{width:40px;text-align:center}.release .primary-text,.release .secondary-text{margin:0px;margin-bottom:4px}.release .secondary-text{opacity:.75;font-size:14px}.release .secondary-text .material-icons{font-size:17px !important;margin-left:4px}.release_grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(156px, 1fr));grid-gap:1rem}.release_grid.firstrow_only{grid-template-rows:1fr;grid-auto-rows:0;grid-row-gap:0px;overflow-y:hidden}#settings_picture{width:125px;height:125px}#log_info{display:flex;flex-direction:column;align-items:center}#open_login_prompt{margin:8px 0px}.inline-flex input{margin-bottom:0px}#spotify_icon{width:24px;height:24px;fill:#1db954;margin-right:15px}.settings-group{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--separator);padding-top:20px;padding-bottom:20px}.settings-group>*{margin-bottom:15px}.settings-group__header{font-size:1.5rem;margin-bottom:25px}.settings-group__header.settings-group__header--with-icon{display:inline-flex;align-items:center}.settings-group__header.settings-group__header--with-icon i.material-icons{margin-right:15px}.settings-container{display:flex}.settings-container__half{width:50%}.settings-container__third{width:33%}.settings-container__third--only-checkbox{display:flex;flex-direction:column;justify-content:center;align-items:start}.settings-container__half>*,.settings-container__third>*{margin-bottom:15px}.input_group{margin-bottom:25px}.input_group .input_group_text{margin-bottom:7px}.with_checkbox+.input_group{margin-top:10px}.main_tabcontent h1{margin-bottom:12px}.tab{margin:16px 0px}.tab button{background-color:var(--main-background);color:var(--foreground)}.tab button.active{background-color:var(--accent-color)}.release{display:inline-block;width:156px}.release .cover_container{width:156px;height:156px;margin-bottom:10px}.section-tabs{list-style-type:none;display:flex;margin:16px 0 24px 0;cursor:pointer}.section-tabs__tab{flex:1;font-size:1.2rem;padding:.8em;border-top:3px solid var(--foreground);text-align:center;text-transform:capitalize}.section-tabs__tab.active{color:var(--accent-color);border-top:3px solid var(--accent-color)}#search{background-color:var(--secondary-background);width:100%;padding:0 1em;margin-bottom:20px;margin-right:32px;display:flex;align-items:center;border:1px solid transparent;transition:border 200ms ease-in-out}#search .search__icon{width:2rem;height:2rem}#search .search__icon i{font-size:2rem;color:var(--foreground)}#search .search__icon i::selection{background:none}#search:focus-within{border:1px solid var(--foreground)}#search #searchbar{height:calc(2rem + 1em);padding-left:.5em;border:0px;border-radius:0px;background-color:var(--secondary-background);color:var(--foreground);font-size:2rem;font-family:"Open Sans";font-weight:300}#search #searchbar:focus{outline:none}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:hover,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:active{-webkit-box-shadow:0 0 0 calc(2rem + 1em) var(--secondary-background) inset !important;box-shadow:0 0 0 calc(2rem + 1em) var(--secondary-background) inset !important}#container{--container-width: 95%}@media only screen and (min-width: 601px){#container{--container-width: 85%}}@media only screen and (min-width: 993px){#container{--container-width: 70%}}.smallmodal-content{--modal-content-width: 95%}@media only screen and (min-width: 601px){.smallmodal-content{--modal-content-width: 85%}}@media only screen and (min-width: 993px){.smallmodal-content{--modal-content-width: 70%}}.progress{position:relative;height:4px;display:block;width:100%;background-color:var(--secondary-background);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--accent-color);-webkit-transition:width .3s linear;transition:width .3s linear}.progress .converting{background-color:var(--secondary-color);-webkit-transition:none !important;transition:none !important}.progress .indeterminate{background-color:var(--accent-color)}.progress .indeterminate::before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate::after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}#sidebar{display:flex;flex-direction:column;width:48px;height:100%;position:absolute;top:0;left:0;background-color:var(--panels-background);color:var(--panels-text);transition:width 125ms ease-in-out 75ms;z-index:999}#sidebar:hover{width:200px}#sidebar .main_tablinks{transition:all 500ms}#sidebar .main_tablinks.active{background-color:var(--accent-color)}#sidebar .main_tablinks:not(#theme_selector){display:flex;align-items:center;height:55px;cursor:pointer}#sidebar .main_tablinks:not(#theme_selector):hover{background-color:var(--sidebar-link-bg)}#sidebar .main_tablinks:not(#theme_selector):hover .side_icon{color:var(--accent-color)}#sidebar .main_tablinks_text{margin-left:20px;opacity:0;overflow:hidden;text-transform:capitalize;letter-spacing:1.3px;white-space:nowrap;transition:all 50ms ease-in-out 200ms}#sidebar .side_icon{font-size:30px;padding:9px;transition:all 500ms}#sidebar .side_icon--theme{cursor:default}#sidebar .side_icon::selection{background:none}#sidebar:hover .main_tablinks:hover{background:var(--sidebar-link-bg-20);filter:grayscale(0) opacity(1)}#sidebar:hover .main_tablinks.active{background:var(--sidebar-link-bg);filter:grayscale(1)}html[data-theme=purple] #sidebar:hover .main_tablinks.active{background:var(--sidebar-link-bg-20);filter:grayscale(0)}#sidebar:hover .main_tablinks.active:hover{background:var(--sidebar-link-bg-20);filter:grayscale(0)}#sidebar:hover .main_tablinks_text{opacity:1}#sidebar:hover #theme_togglers{opacity:1}#sidebar #theme_selector{margin-top:20px;display:flex;height:50px}#sidebar #theme_togglers{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:100%;opacity:0;transition:all 125ms ease-in-out 75ms}#sidebar .theme_toggler{width:25px;height:25px;border-radius:1000px;border:1px solid var(--separator);cursor:pointer;transition:border 200ms ease-in-out}#sidebar .theme_toggler--active{border-width:3px}#sidebar .theme_toggler--light{background:#fff}#sidebar .theme_toggler--dark{background:#141414}#sidebar .theme_toggler--purple{background:#460eaf}.image_header header{background-position:0% 35%;background-size:cover;padding:220px 24px 8px;border-radius:8px 8px 0px 0px}.image_header header h1,.image_header header h2{margin:0px}.image_header header h2{font-size:18px;margin-bottom:12px}.preview_controls{opacity:0;display:block;background:rgba(0,0,0,.5);width:56px;height:56px;text-align:center;line-height:56px;position:absolute;border-radius:5px;top:0;right:0;transition:opacity 200ms ease-in-out}.preview_playlist_controls{cursor:pointer}.toast-icon{display:inline-block;margin-right:8px}.circle-loader{display:inline-block;border:2px solid var(--accent-color);border-radius:50%;border-bottom:2px solid var(--secondary-background);width:16px;height:16px;animation:spin 1s linear infinite}.toastify{display:flex;align-items:center;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(0,0,0,.3);background:var(--toast-background);color:var(--toast-text)}.toastify .circle-loader{border-bottom-color:var(--toast-secondary)} +html{--main-scroll: hsl(0, 0%, 33%);--panels-scroll: hsl(180, 2%, 17%);--tag-background: hsl(210, 100%, 38%);--tag-text: hsl(0, 0%, 100%);--toast-background: hsla(0, 0%, 0%, 0.867);--toast-secondary: hsla(0, 0%, 100%, 0.133);--toast-text: hsla(0, 0%, 100%, 0.871);--separator: hsl(0, 0%, 50%)}html[data-theme=light]{--main-background: hsl(0, 0%, 100%);--secondary-background: hsl(0, 0%, 93%);--foreground: hsl(0, 0%, 20%);--foreground-inverted: hsl(0, 0%, 93%);--accent-color: hsl(210, 100%, 52%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(210, 3%, 14%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 0%);--sidebar-link-bg: hsl(0, 0%, 24%);--sidebar-link-bg-20: hsla(0, 0%, 24%, 0.2);--icon-hover: var(--accent-color);--table-bg: hsl(0, 0%, 100%);--table-zebra: hsl(0, 0%, 90%);--table-highlight: hsl(0, 0%, 84%)}html[data-theme=dark]{--main-background: hsl(0, 0%, 8%);--secondary-background: hsl(0, 0%, 14%);--foreground: hsl(0, 0%, 93%);--foreground-inverted: hsl(0, 0%, 20%);--accent-color: hsl(210, 100%, 52%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(0, 0%, 10%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 87%);--sidebar-link-bg: hsl(0, 0%, 24%);--sidebar-link-bg-20: hsla(0, 0%, 24%, 0.2);--icon-hover: var(--accent-color);--table-bg: hsl(0, 0%, 8%);--table-zebra: hsl(0, 0%, 14%);--table-highlight: hsl(0, 0%, 20%)}html[data-theme=purple]{--main-background: hsl(261, 74%, 6%);--secondary-background: hsl(257, 61%, 10%);--foreground: hsl(0, 0%, 93%);--foreground-inverted: hsl(258, 62%, 8%);--accent-color: hsl(261, 85%, 37%);--secondary-color: hsl(46, 100%, 57%);--panels-background: hsl(257, 70%, 9%);--panels-text: hsl(0, 0%, 100%);--accent-text: hsl(0, 0%, 87%);--sidebar-link-bg: hsl(257, 70%, 17%);--sidebar-link-bg-20: hsla(257, 70%, 17%, 0.2);--icon-hover: hsl(186, 44%, 54%);--table-bg: hsl(261, 74%, 6%);--table-zebra: hsl(257, 61%, 10%);--table-highlight: hsl(257, 66%, 27%)}html{height:100vh}body{margin:0px;width:100%;height:100%;font-family:"Open Sans","sans-serif";overflow:hidden;background:var(--main-background);color:var(--foreground)}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:16px}table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}input[type=text],input[type=password],input[type=number],input[type=search]{-webkit-appearance:none;appearance:none;width:calc(100% - 16px);border:0px solid #000;line-height:36px;padding:0px 8px;border-radius:4px;background-color:var(--secondary-background);color:var(--foreground);margin-bottom:8px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:28px;height:28px;background-color:var(--foreground);-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");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")}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:none;border:2px solid gray;opacity:.5;border-radius:2px;padding:7px;margin:3px;display:inline-block;position:relative}input[type=checkbox]:checked{opacity:1;background-color:var(--accent-color);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");background-position:center center;border:0px solid var(--accent-color);border-radius:2px;padding:9px;margin:3px;color:var(--accent-text)}select{-webkit-appearance:none;appearance:none;width:100%;border:0px solid #000;line-height:36px;padding:0px 40px 0px 8px;border-radius:4px;background-color:var(--secondary-background);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");background-repeat:no-repeat;background-size:24px;background-position:calc(100% - 8px) center;background-clip:border-box;color:var(--foreground);margin-bottom:8px}p{word-break:break-word}button{min-width:64px;color:var(--accent-text);position:relative;background-color:var(--accent-color);border:1px solid transparent;border-radius:4px;font-family:inherit;font-weight:600;font-size:14px;padding:0px 8px;margin-right:8px;height:36px;text-transform:uppercase;cursor:pointer;transition:transform 50ms ease-in-out,background-color 200ms ease}button[disabled]{background-color:var(--secondary-background);color:var(--foreground);opacity:.75}button.selective{background-color:var(--main-background);color:var(--foreground)}button.selective.active{background-color:var(--accent-color);color:var(--accent-text)}button.with_icon{display:flex;align-items:center}button.with_icon i{margin-left:8px}button.only_icon{min-width:24px;width:48px;margin:0px 0px 0px 8px;padding:0px 4px}button.only_icon i{padding:6px 0px}button:active{background-color:var(--accent-color);transform:scale(0.98)}button:hover{background:none;border:1px solid var(--accent-color)}img.rounded{border-radius:5px}img.circle{border-radius:50%}i.disabled{opacity:.5;cursor:default}i.explicit_icon{color:#ff382e;margin-right:.3125em;margin-left:-3px}i.explicit_icon.explicit_icon--right{margin-left:.3125em;margin-right:0px}span.tag{background-color:var(--tag-background);border-radius:2px;color:var(--tag-text);display:inline-block;font-size:10px;padding:3px 6px;text-transform:capitalize}a{color:#1e90ff}a.single-cover{position:relative;display:inline-block;color:#fff}a:visited{color:#1e90ff}.clickable{cursor:pointer !important}.table--tracklist .clickable:hover,.table--charts .clickable:hover{text-decoration:underline}.fixed_footer footer{position:sticky;display:flex;align-items:center;flex-direction:row;justify-content:flex-end;background-color:var(--main-background);bottom:0px;height:64px;width:100%;margin-top:24px}.fab{width:56px;height:56px;border-radius:28px;display:inline-block;background-color:var(--accent-color);color:var(--accent-text);cursor:pointer}.fab i{font-size:24px;padding:16px}.with_checkbox{display:flex;align-items:center}.with_checkbox [type=checkbox]{cursor:pointer}.with_checkbox .checkbox_text{margin-left:10px;cursor:pointer}.with_checkbox .checkbox_text::selection{background:none}.loading_placeholder{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;height:100%}.loading_placeholder.loading_placeholder--hidden{display:none}.loading_placeholder__text{margin-bottom:20px}.loading_placeholder#search_placeholder{height:calc(100% - 93px)}.loading_placeholder#start_app_placeholder{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000}.coverart{background-color:var(--secondary-background)}.cover_container{position:relative}.cover_container .coverart{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}.cover_container .download_overlay{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.cover_container .download_overlay i{background-color:#000;color:#fff;border-radius:50%;padding:10px;cursor:pointer}.cover_container:hover .coverart{opacity:.75}.cover_container:hover .download_overlay{opacity:1}.inline-flex{display:flex;align-items:center}.inline-flex .right{margin-left:auto}.right{float:right}.hide{display:none !important}.changing-theme{transition:all 200ms ease-in-out}[v-cloak]{display:none}.table{width:100%;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px}.table tbody tr:not(.table__row-no-highlight):hover{background:var(--table-highlight);cursor:default}.table tr{background:var(--table-bg);transition:background-color 175ms ease-in-out}.table tr:nth-child(even){background:var(--table-zebra);transition:background-color 175ms ease-in-out}.table tr:not(:last-child){border-bottom:1px solid var(--table-highlight)}.table td,.table th{vertical-align:middle}.table th .sortable{-webkit-user-select:none;user-select:none}.table th .sort-asc::after,.table th .sort-desc::after{font-size:.7em;padding-left:3px;line-height:.7em}.table th .sort-asc::after{content:"▲"}.table th .sort-desc::after{content:"▼"}.table td{padding:7px 10px}.table td:first-child{padding:7px 10px 7px 20px}.table td:last-child{padding:7px 20px 7px 10px}.table td img{vertical-align:middle}.table--tracks{border-collapse:collapse}.table--tracks thead{border-bottom:2px solid var(--table-highlight)}.table--tracks th{padding-bottom:10px;height:45px}.table--tracks td{height:35px}.table--tracks td.breakline{word-break:break-word}.table--tracks tr:first-child td:first-child{border-top-left-radius:3px}.table--tracks tr:first-child td:last-child{border-top-right-radius:3px}.table--tracks tr:last-child td:first-child{border-bottom-left-radius:3px}.table--tracks tr:last-child td:last-child{border-bottom-right-radius:3px}.table--tracklist thead{border-bottom:2px solid var(--table-highlight);text-transform:capitalize}.table--tracklist th{height:45px;padding:7px 10px}.table--tracklist th:first-child{padding:7px 10px 7px 20px}.table--tracklist th:last-child{padding:7px 20px 7px 10px}.table--tracklist td{height:35px}.table--charts td{height:35px}.table .table__icon{box-sizing:content-box;width:32px}.table .table__icon--big{width:48px;text-align:center}.table .table__cell--x-small{width:.32%}.table .table__cell--small{width:3.2%}.table .table__cell--medium{width:28.7%}.table .table__cell--large{width:50%}.table .table__cell--left{text-align:left}.table .table__cell--center{text-align:center}.table .table__cell--right{text-align:right}.table .table__cell--download{cursor:pointer}.table .table__cell--download i.material-icons{transition:color 175ms ease-in-out}.table .table__cell--download:hover i.material-icons{color:var(--icon-hover)}.table .table__cell-content.table__cell-content--vertical-center{display:flex;align-items:center}.track_row>td>img{width:32px;height:32px}.track_row>td>a>img{width:56px;height:56px}.top-tracks-position{padding:12px;text-align:center;cursor:default}.page_heading{font-size:2.5rem;margin-bottom:35px}.page_heading--capitalize{text-transform:capitalize}.page_heading--uppercase{text-transform:uppercase}.section_heading{font-size:1.75rem;margin-bottom:25px}#about_tab p{margin-bottom:8px}#about_tab h3{margin:8px 0px}#about_tab hr{margin:12px 0px}.charts_grid .release .coverart{width:156px;height:156px}#download_tab_container{height:100%;background-color:var(--panels-background);color:var(--panels-text);display:block;flex-direction:column}#download_tab_container.tab_hidden{width:32px}#download_tab_container.tab_hidden #toggle_download_tab{margin-left:4px}#download_tab_container.tab_hidden #toggle_download_tab::before{font-family:"Material Icons";font-style:normal;font-weight:400;content:"chevron_left"}#download_tab_container.tab_hidden #download_tab_drag_handler{display:none}#download_tab_container.tab_hidden #queue_buttons{opacity:0;visibility:hidden}#download_tab_container.tab_hidden #download_list{display:none}#download_tab_container.tab_hidden #download_tab_label{opacity:1;visibility:visible}#download_tab_container.tab_hidden::after{content:attr(data-label);display:flex;align-items:center;text-transform:capitalize;writing-mode:vertical-rl;line-height:32px}#toggle_download_tab{width:25px;height:25px;margin-left:20px}#toggle_download_tab::before{font-family:"Material Icons";font-style:normal;font-weight:400;content:"chevron_right"}.download_bar_icon{cursor:pointer;font-size:24px;margin:4px}#download_list{width:100%;height:calc(100% - 32px);padding:0px 8px 0px 28px;overflow-y:scroll}#download_list>.download_object{padding-bottom:8px}#download_list>.download_object .download_info{display:flex;align-items:center}#download_list>.download_object .download_info img{width:75px;height:75px;display:inline-block;flex-shrink:0}#download_list>.download_object .download_info .download_line{display:block}#download_list>.download_object .download_info .download_slim_separator{display:none}#download_list>.download_object .download_info_data{width:100%;margin-left:8px}#download_list>.download_object .download_info_status{margin-left:8px;width:80px}#download_list.slim>.download_object .download_info{display:block}#download_list.slim>.download_object .download_info img{display:none}#download_list.slim>.download_object .download_info .download_line{display:inline-block}#download_list.slim>.download_object .download_info .download_slim_separator{display:inline-block}#download_list.slim>.download_object .download_info_data{width:calc(80% - 16px);display:inline-block;padding-left:0px}#download_list.slim>.download_object .download_info_status{width:20%;display:inline-block;float:right}#download_list::-webkit-scrollbar{width:10px}#download_list::-webkit-scrollbar-track{background:var(--panels-background)}#download_list::-webkit-scrollbar-thumb{background:var(--panels-scroll);border-radius:4px;width:6px;padding:0px 2px}.download_object>.download_bar{display:flex;align-items:center;height:24px}.download_object>.download_bar>.queue_icon{cursor:default;margin-left:8px}.download_object>.download_bar>.progress{margin:0px}#download_tab_container #queue_buttons{position:absolute;top:0;right:0;opacity:1;visibility:visible;transition:all 250ms ease-in-out}#download_tab_container #download_tab_label{opacity:0;visibility:hidden;transition:all 250ms ease-in-out}#download_tab_drag_handler{width:15px;height:100%;position:absolute;background-color:#333;cursor:ew-resize}.reload-button.reload-button--inline{display:inline-block}.reload-button.spin i{animation:spin 500ms infinite ease-out reverse}#home_not_logged_text{margin-bottom:15px}.home_section{border-top:1px solid var(--separator);padding-top:25px;padding-bottom:25px}#main_search .search_section{float:none;padding-top:20px;padding-bottom:20px}#main_search .search_section:not(:first-child){border-top:1px solid var(--separator)}#main_search .top_result_header{display:block;cursor:default;font-size:2rem;text-align:center}.search_header{display:inline-block;cursor:pointer;font-size:1.75rem;margin-bottom:25px;text-transform:capitalize}.search_header:not(.top_result_header){transition:color 200ms ease-in-out}.search_header:not(.top_result_header):hover{color:var(--accent-color)}.top_result{display:flex;align-items:center;flex-direction:column}.top_result>.cover_container{width:156px;height:156px}.top_result .info_box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15px}.top_result .info_box .primary-text,.top_result .info_box .secondary-text{font-size:18px;text-align:center}.top_result .info_box .primary-text{margin-bottom:5px}.top_result .info_box .secondary-text{margin-bottom:10px}.top_result .info_box .tag{width:40px;text-align:center}.release .primary-text,.release .secondary-text{margin:0px;margin-bottom:4px}.release .secondary-text{opacity:.75;font-size:14px}.release .secondary-text .material-icons{font-size:17px !important;margin-left:4px}.release_grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(156px, 1fr));grid-gap:1rem}.release_grid.firstrow_only{grid-template-rows:1fr;grid-auto-rows:0;grid-row-gap:0px;overflow-y:hidden}#settings_picture{width:125px;height:125px}#log_info{display:flex;flex-direction:column;align-items:center}#open_login_prompt{margin:8px 0px}.inline-flex input{margin-bottom:0px}#spotify_icon{width:24px;height:24px;fill:#1db954;margin-right:15px}.settings-group{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--separator);padding-top:20px;padding-bottom:20px}.settings-group>*{margin-bottom:15px}.settings-group__header{font-size:1.5rem;margin-bottom:25px}.settings-group__header.settings-group__header--with-icon{display:inline-flex;align-items:center}.settings-group__header.settings-group__header--with-icon i.material-icons{margin-right:15px}.settings-container{display:flex}.settings-container__half{width:50%}.settings-container__third{width:33%}.settings-container__third--only-checkbox{display:flex;flex-direction:column;justify-content:center;align-items:start}.settings-container__half>*,.settings-container__third>*{margin-bottom:15px}.input_group{margin-bottom:25px}.input_group .input_group_text{margin-bottom:7px}.with_checkbox+.input_group{margin-top:10px}.main_tabcontent h1{margin-bottom:12px}.tab{margin:16px 0px}.tab button{background-color:var(--main-background);color:var(--foreground)}.tab button.active{background-color:var(--accent-color)}.release{display:inline-block;width:156px}.release .cover_container{width:156px;height:156px;margin-bottom:10px}.section-tabs{list-style-type:none;display:flex;margin:16px 0 24px 0;cursor:pointer}.section-tabs__tab{flex:1;font-size:1.2rem;padding:.8em;border-top:3px solid var(--foreground);text-align:center;text-transform:capitalize}.section-tabs__tab.active{color:var(--accent-color);border-top:3px solid var(--accent-color)}#search{background-color:var(--secondary-background);width:100%;padding:0 1em;margin-bottom:20px;margin-right:32px;display:flex;align-items:center;border:1px solid transparent;transition:border 200ms ease-in-out}#search .search__icon{width:2rem;height:2rem}#search .search__icon i{font-size:2rem;color:var(--foreground)}#search .search__icon i::selection{background:none}#search:focus-within{border:1px solid var(--foreground)}#search #searchbar{height:calc(2rem + 1em);padding-left:.5em;border:0px;border-radius:0px;background-color:var(--secondary-background);color:var(--foreground);font-size:2rem;font-family:"Open Sans";font-weight:300}#search #searchbar:focus{outline:none}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:hover,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:active{-webkit-box-shadow:0 0 0 calc(2rem + 1em) var(--secondary-background) inset !important;box-shadow:0 0 0 calc(2rem + 1em) var(--secondary-background) inset !important}#container{--container-width: 95%}@media only screen and (min-width: 601px){#container{--container-width: 85%}}@media only screen and (min-width: 993px){#container{--container-width: 70%}}.smallmodal-content{--modal-content-width: 95%}@media only screen and (min-width: 601px){.smallmodal-content{--modal-content-width: 85%}}@media only screen and (min-width: 993px){.smallmodal-content{--modal-content-width: 70%}}.progress{position:relative;height:4px;display:block;width:100%;background-color:var(--secondary-background);border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:var(--accent-color);-webkit-transition:width .3s linear;transition:width .3s linear}.progress .converting{background-color:var(--secondary-color);-webkit-transition:none !important;transition:none !important}.progress .indeterminate{background-color:var(--accent-color)}.progress .indeterminate::before{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate::after{content:"";position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}#sidebar{display:flex;flex-direction:column;width:48px;height:100%;position:absolute;top:0;left:0;background-color:var(--panels-background);color:var(--panels-text);transition:width 125ms ease-in-out 75ms;z-index:999}#sidebar:hover{width:200px}#sidebar .main_tablinks{transition:all 500ms;text-decoration:none;color:inherit}#sidebar .main_tablinks.active{background-color:var(--accent-color)}#sidebar .main_tablinks:not(#theme_selector){display:flex;align-items:center;height:55px;cursor:pointer}#sidebar .main_tablinks:not(#theme_selector):hover{background-color:var(--sidebar-link-bg)}#sidebar .main_tablinks:not(#theme_selector):hover .side_icon{color:var(--accent-color)}#sidebar .main_tablinks_text{margin-left:20px;opacity:0;overflow:hidden;text-transform:capitalize;letter-spacing:1.3px;white-space:nowrap;transition:all 50ms ease-in-out 200ms}#sidebar .side_icon{font-size:30px;padding:9px;transition:all 500ms}#sidebar .side_icon--theme{cursor:default}#sidebar .side_icon::selection{background:none}#sidebar:hover .main_tablinks:hover{background:var(--sidebar-link-bg-20);filter:grayscale(0) opacity(1)}#sidebar:hover .main_tablinks.active{background:var(--sidebar-link-bg);filter:grayscale(1)}html[data-theme=purple] #sidebar:hover .main_tablinks.active{background:var(--sidebar-link-bg-20);filter:grayscale(0)}#sidebar:hover .main_tablinks.active:hover{background:var(--sidebar-link-bg-20);filter:grayscale(0)}#sidebar:hover .main_tablinks_text{opacity:1}#sidebar:hover #theme_togglers{opacity:1}#sidebar #theme_selector{margin-top:20px;display:flex;height:50px}#sidebar #theme_togglers{position:relative;display:flex;justify-content:space-evenly;align-items:center;width:100%;opacity:0;transition:all 125ms ease-in-out 75ms}#sidebar .theme_toggler{width:25px;height:25px;border-radius:1000px;border:1px solid var(--separator);cursor:pointer;transition:border 200ms ease-in-out}#sidebar .theme_toggler--active{border-width:3px}#sidebar .theme_toggler--light{background:#fff}#sidebar .theme_toggler--dark{background:#141414}#sidebar .theme_toggler--purple{background:#460eaf}.image_header header{background-position:0% 35%;background-size:cover;padding:220px 24px 8px;border-radius:8px 8px 0px 0px}.image_header header h1,.image_header header h2{margin:0px}.image_header header h2{font-size:18px;margin-bottom:12px}.preview_controls{opacity:0;display:block;background:rgba(0,0,0,.5);width:56px;height:56px;text-align:center;line-height:56px;position:absolute;border-radius:5px;top:0;right:0;transition:opacity 200ms ease-in-out}.preview_playlist_controls{cursor:pointer}.toast-icon{display:inline-block;margin-right:8px}.circle-loader{display:inline-block;border:2px solid var(--accent-color);border-radius:50%;border-bottom:2px solid var(--secondary-background);width:16px;height:16px;animation:spin 1s linear infinite}.toastify{display:flex;align-items:center;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(0,0,0,.3);background:var(--toast-background);color:var(--toast-text)}.toastify .circle-loader{border-bottom-color:var(--toast-secondary)} diff --git a/public/js/bundle.js b/public/js/bundle.js index d0877eb..1f92bdd 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 t=Object.freeze({});function e(t){return null==t}function a(t){return null!=t}function n(t){return!0===t}function i(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function r(t){return null!==t&&"object"==typeof t}var s=Object.prototype.toString;function o(t){return"[object Object]"===s.call(t)}function l(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function c(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function d(t){return null==t?"":Array.isArray(t)||o(t)&&t.toString===s?JSON.stringify(t,null,2):String(t)}function u(t){var e=parseFloat(t);return isNaN(e)?t:e}function p(t,e){for(var a=Object.create(null),n=t.split(","),i=0;i-1)return t.splice(a,1)}}var f=Object.prototype.hasOwnProperty;function v(t,e){return f.call(t,e)}function b(t){var e=Object.create(null);return function(a){return e[a]||(e[a]=t(a))}}var y=/-(\w)/g,_=b((function(t){return t.replace(y,(function(t,e){return e?e.toUpperCase():""}))})),k=b((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),A=/\B([A-Z])/g,w=b((function(t){return t.replace(A,"-$1").toLowerCase()}));var C=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function a(a){var n=arguments.length;return n?n>1?t.apply(e,arguments):t.call(e,a):t.call(e)}return a._length=t.length,a};function x(t,e){e=e||0;for(var a=t.length-e,n=new Array(a);a--;)n[a]=t[a+e];return n}function T(t,e){for(var a in e)t[a]=e[a];return t}function S(t){for(var e={},a=0;a0,Y=H&&H.indexOf("edge/")>0,J=(H&&H.indexOf("android"),H&&/iphone|ipad|ipod|ios/.test(H)||"ios"===W),Z=(H&&/chrome\/\d+/.test(H),H&&/phantomjs/.test(H),H&&H.match(/firefox\/(\d+)/)),X={}.watch,tt=!1;if(V)try{var et={};Object.defineProperty(et,"passive",{get:function(){tt=!0}}),window.addEventListener("test-passive",null,et)}catch(t){}var at=function(){return void 0===q&&(q=!V&&!G&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),q},nt=V&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function it(t){return"function"==typeof t&&/native code/.test(t.toString())}var rt,st="undefined"!=typeof Symbol&&it(Symbol)&&"undefined"!=typeof Reflect&&it(Reflect.ownKeys);rt="undefined"!=typeof Set&&it(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var ot=z,lt=0,ct=function(){this.id=lt++,this.subs=[]};ct.prototype.addSub=function(t){this.subs.push(t)},ct.prototype.removeSub=function(t){g(this.subs,t)},ct.prototype.depend=function(){ct.target&&ct.target.addDep(this)},ct.prototype.notify=function(){for(var t=this.subs.slice(),e=0,a=t.length;e-1)if(r&&!v(i,"default"))s=!1;else if(""===s||s===w(t)){var l=Ot(String,i.type);(l<0||o0&&(ce((l=t(l,(s||"")+"_"+o))[0])&&ce(d)&&(u[c]=ft(d.text+l[0].text),l.shift()),u.push.apply(u,l)):i(l)?ce(d)?u[c]=ft(d.text+l):""!==l&&u.push(ft(l)):ce(l)&&ce(d)?u[c]=ft(d.text+l.text):(n(r._isVList)&&a(l.tag)&&e(l.key)&&a(s)&&(l.key="__vlist"+s+"_"+o+"__"),u.push(l)));return u}(t):void 0}function ce(t){return a(t)&&a(t.text)&&!1===t.isComment}function de(t,e){if(t){for(var a=Object.create(null),n=st?Reflect.ownKeys(t):Object.keys(t),i=0;i0,s=e?!!e.$stable:!r,o=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(s&&n&&n!==t&&o===n.$key&&!r&&!n.$hasNormal)return n;for(var l in i={},e)e[l]&&"$"!==l[0]&&(i[l]=me(a,l,e[l]))}else i={};for(var c in a)c in i||(i[c]=ge(a,c));return e&&Object.isExtensible(e)&&(e._normalized=i),O(i,"$stable",s),O(i,"$key",o),O(i,"$hasNormal",r),i}function me(t,e,a){var n=function(){var t=arguments.length?a.apply(null,arguments):a({});return(t=t&&"object"==typeof t&&!Array.isArray(t)?[t]:le(t))&&(0===t.length||1===t.length&&t[0].isComment)?void 0:t};return a.proxy&&Object.defineProperty(t,e,{get:n,enumerable:!0,configurable:!0}),n}function ge(t,e){return function(){return t[e]}}function fe(t,e){var n,i,s,o,l;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),i=0,s=t.length;idocument.createEvent("Event").timeStamp&&(sa=function(){return oa.now()})}function la(){var t,e;for(ra=sa(),na=!0,Xe.sort((function(t,e){return t.id-e.id})),ia=0;iaia&&Xe[a].id>t.id;)a--;Xe.splice(a+1,0,t)}else Xe.push(t);aa||(aa=!0,te(la))}}(this)},da.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||r(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){Bt(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},da.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},da.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},da.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||g(this.vm._watchers,this);for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1}};var ua={enumerable:!0,configurable:!0,get:z,set:z};function pa(t,e,a){ua.get=function(){return this[e][a]},ua.set=function(t){this[e][a]=t},Object.defineProperty(t,a,ua)}function ha(t){t._watchers=[];var e=t.$options;e.props&&function(t,e){var a=t.$options.propsData||{},n=t._props={},i=t.$options._propKeys=[];t.$parent&&At(!1);var r=function(r){i.push(r);var s=Ft(r,e,a,t);xt(n,r,s),r in t||pa(t,"_props",r)};for(var s in e)r(s);At(!0)}(t,e.props),e.methods&&function(t,e){t.$options.props;for(var a in e)t[a]="function"!=typeof e[a]?z:C(e[a],t)}(t,e.methods),e.data?function(t){var e=t.$options.data;o(e=t._data="function"==typeof e?function(t,e){ut();try{return t.call(e,e)}catch(t){return Bt(t,e,"data()"),{}}finally{pt()}}(e,t):e||{})||(e={});var a=Object.keys(e),n=t.$options.props,i=(t.$options.methods,a.length);for(;i--;){var r=a[i];n&&v(n,r)||j(r)||pa(t,"_data",r)}Ct(e,!0)}(t):Ct(t._data={},!0),e.computed&&function(t,e){var a=t._computedWatchers=Object.create(null),n=at();for(var i in e){var r=e[i],s="function"==typeof r?r:r.get;n||(a[i]=new da(t,s||z,z,ma)),i in t||ga(t,i,r)}}(t,e.computed),e.watch&&e.watch!==X&&function(t,e){for(var a in e){var n=e[a];if(Array.isArray(n))for(var i=0;i-1:"string"==typeof t?t.split(",").indexOf(e)>-1:(a=t,"[object RegExp]"===s.call(a)&&t.test(e));var a}function xa(t,e){var a=t.cache,n=t.keys,i=t._vnode;for(var r in a){var s=a[r];if(s){var o=wa(s.componentOptions);o&&!e(o)&&Ta(a,r,n,i)}}}function Ta(t,e,a,n){var i=t[e];!i||n&&i.tag===n.tag||i.componentInstance.$destroy(),t[e]=null,g(a,e)}!function(e){e.prototype._init=function(e){var a=this;a._uid=ya++,a._isVue=!0,e&&e._isComponent?function(t,e){var a=t.$options=Object.create(t.constructor.options),n=e._parentVnode;a.parent=e.parent,a._parentVnode=n;var i=n.componentOptions;a.propsData=i.propsData,a._parentListeners=i.listeners,a._renderChildren=i.children,a._componentTag=i.tag,e.render&&(a.render=e.render,a.staticRenderFns=e.staticRenderFns)}(a,e):a.$options=Rt(_a(a.constructor),e||{},a),a._renderProxy=a,a._self=a,function(t){var e=t.$options,a=e.parent;if(a&&!e.abstract){for(;a.$options.abstract&&a.$parent;)a=a.$parent;a.$children.push(t)}t.$parent=a,t.$root=a?a.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(a),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&He(t,e)}(a),function(e){e._vnode=null,e._staticTrees=null;var a=e.$options,n=e.$vnode=a._parentVnode,i=n&&n.context;e.$slots=ue(a._renderChildren,i),e.$scopedSlots=t,e._c=function(t,a,n,i){return Ee(e,t,a,n,i,!1)},e.$createElement=function(t,a,n,i){return Ee(e,t,a,n,i,!0)};var r=n&&n.data;xt(e,"$attrs",r&&r.attrs||t,null,!0),xt(e,"$listeners",a._parentListeners||t,null,!0)}(a),Ze(a,"beforeCreate"),function(t){var e=de(t.$options.inject,t);e&&(At(!1),Object.keys(e).forEach((function(a){xt(t,a,e[a])})),At(!0))}(a),ha(a),function(t){var e=t.$options.provide;e&&(t._provided="function"==typeof e?e.call(t):e)}(a),Ze(a,"created"),a.$options.el&&a.$mount(a.$options.el)}}(ka),function(t){var e={get:function(){return this._data}},a={get:function(){return this._props}};Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",a),t.prototype.$set=Tt,t.prototype.$delete=St,t.prototype.$watch=function(t,e,a){if(o(e))return ba(this,t,e,a);(a=a||{}).user=!0;var n=new da(this,t,e,a);if(a.immediate)try{e.call(this,n.value)}catch(t){Bt(t,this,'callback for immediate watcher "'+n.expression+'"')}return function(){n.teardown()}}}(ka),function(t){var e=/^hook:/;t.prototype.$on=function(t,a){var n=this;if(Array.isArray(t))for(var i=0,r=t.length;i1?x(a):a;for(var n=x(arguments,1),i='event handler for "'+t+'"',r=0,s=a.length;rparseInt(this.max)&&Ta(s,o[0],o,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return F}};Object.defineProperty(t,"config",e),t.util={warn:ot,extend:T,mergeOptions:Rt,defineReactive:xt},t.set=Tt,t.delete=St,t.nextTick=te,t.observable=function(t){return Ct(t),t},t.options=Object.create(null),R.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,T(t.options.components,za),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var a=x(arguments,1);return a.unshift(this),"function"==typeof t.install?t.install.apply(t,a):"function"==typeof t&&t.apply(null,a),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=Rt(this.options,t),this}}(t),Aa(t),function(t){R.forEach((function(e){t[e]=function(t,a){return a?("component"===e&&o(a)&&(a.name=a.name||t,a=this.options._base.extend(a)),"directive"===e&&"function"==typeof a&&(a={bind:a,update:a}),this.options[e+"s"][t]=a,a):this.options[e+"s"][t]}}))}(t)}(ka),Object.defineProperty(ka.prototype,"$isServer",{get:at}),Object.defineProperty(ka.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(ka,"FunctionalRenderContext",{value:De}),ka.version="2.6.12";var Ma=p("style,class"),Pa=p("input,textarea,option,select,progress"),Da=function(t,e,a){return"value"===a&&Pa(t)&&"button"!==e||"selected"===a&&"option"===t||"checked"===a&&"input"===t||"muted"===a&&"video"===t},$a=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"),Ra="http://www.w3.org/1999/xlink",Ia=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Fa=function(t){return Ia(t)?t.slice(6,t.length):""},Ea=function(t){return null==t||!1===t};function ja(t){for(var e=t.data,n=t,i=t;a(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(e=Oa(i.data,e));for(;a(n=n.parent);)n&&n.data&&(e=Oa(e,n.data));return function(t,e){if(a(t)||a(e))return Ba(t,qa(e));return""}(e.staticClass,e.class)}function Oa(t,e){return{staticClass:Ba(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function Ba(t,e){return t?e?t+" "+e:t:e||""}function qa(t){return Array.isArray(t)?function(t){for(var e,n="",i=0,r=t.length;i-1?mn(t,e,a):La(e)?Ea(a)?t.removeAttribute(e):(a="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,a)):$a(e)?t.setAttribute(e,function(t,e){return Ea(e)||"false"===e?"false":"contenteditable"===t&&Na(e)?e:"true"}(e,a)):Ia(e)?Ea(a)?t.removeAttributeNS(Ra,Fa(e)):t.setAttributeNS(Ra,e,a):mn(t,e,a)}function mn(t,e,a){if(Ea(a))t.removeAttribute(e);else{if(K&&!Q&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==a&&!t.__ieph){var n=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",n)};t.addEventListener("input",n),t.__ieph=!0}t.setAttribute(e,a)}}var gn={create:pn,update:pn};function fn(t,n){var i=n.elm,r=n.data,s=t.data;if(!(e(r.staticClass)&&e(r.class)&&(e(s)||e(s.staticClass)&&e(s.class)))){var o=ja(n),l=i._transitionClasses;a(l)&&(o=Ba(o,qa(l))),o!==i._prevClass&&(i.setAttribute("class",o),i._prevClass=o)}}var vn,bn,yn,_n,kn,An,wn={create:fn,update:fn},Cn=/[\w).+\-_$\]]/;function xn(t){var e,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=t.charAt(m));m--);g&&Cn.test(g)||(c=!0)}}else void 0===i?(h=n+1,i=t.slice(0,n).trim()):f();function f(){(r||(r=[])).push(t.slice(h,n).trim()),h=n+1}if(void 0===i?i=t.slice(0,n).trim():0!==h&&f(),r)for(n=0;n-1?{exp:t.slice(0,_n),key:'"'+t.slice(_n+1)+'"'}:{exp:t,key:null};bn=t,_n=kn=An=0;for(;!qn();)Un(yn=Bn())?Gn(yn):91===yn&&Vn(yn);return{exp:t.slice(0,kn),key:t.slice(kn+1,An)}}(t);return null===a.key?t+"="+e:"$set("+a.exp+", "+a.key+", "+e+")"}function Bn(){return bn.charCodeAt(++_n)}function qn(){return _n>=vn}function Un(t){return 34===t||39===t}function Vn(t){var e=1;for(kn=_n;!qn();)if(Un(t=Bn()))Gn(t);else if(91===t&&e++,93===t&&e--,0===e){An=_n;break}}function Gn(t){for(var e=t;!qn()&&(t=Bn())!==e;);}var Wn;function Hn(t,e,a){var n=Wn;return function i(){var r=e.apply(null,arguments);null!==r&&Yn(t,i,a,n)}}var Kn=Wt&&!(Z&&Number(Z[1])<=53);function Qn(t,e,a,n){if(Kn){var i=ra,r=e;e=r._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=i||t.timeStamp<=0||t.target.ownerDocument!==document)return r.apply(this,arguments)}}Wn.addEventListener(t,e,tt?{capture:a,passive:n}:a)}function Yn(t,e,a,n){(n||Wn).removeEventListener(t,e._wrapper||e,a)}function Jn(t,n){if(!e(t.data.on)||!e(n.data.on)){var i=n.data.on||{},r=t.data.on||{};Wn=n.elm,function(t){if(a(t.__r)){var e=K?"change":"input";t[e]=[].concat(t.__r,t[e]||[]),delete t.__r}a(t.__c)&&(t.change=[].concat(t.__c,t.change||[]),delete t.__c)}(i),re(i,r,Qn,Yn,Hn,n.context),Wn=void 0}}var Zn,Xn={create:Jn,update:Jn};function ti(t,n){if(!e(t.data.domProps)||!e(n.data.domProps)){var i,r,s=n.elm,o=t.data.domProps||{},l=n.data.domProps||{};for(i in a(l.__ob__)&&(l=n.data.domProps=T({},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=e(r)?"":String(r);ei(s,c)&&(s.value=c)}else if("innerHTML"===i&&Ga(s.tagName)&&e(s.innerHTML)){(Zn=Zn||document.createElement("div")).innerHTML=""+r+"";for(var d=Zn.firstChild;s.firstChild;)s.removeChild(s.firstChild);for(;d.firstChild;)s.appendChild(d.firstChild)}else if(r!==o[i])try{s[i]=r}catch(t){}}}}function ei(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var a=!0;try{a=document.activeElement!==t}catch(t){}return a&&t.value!==e}(t,e)||function(t,e){var n=t.value,i=t._vModifiers;if(a(i)){if(i.number)return u(n)!==u(e);if(i.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var ai={create:ti,update:ti},ni=b((function(t){var e={},a=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var n=t.split(a);n.length>1&&(e[n[0].trim()]=n[1].trim())}})),e}));function ii(t){var e=ri(t.style);return t.staticStyle?T(t.staticStyle,e):e}function ri(t){return Array.isArray(t)?S(t):"string"==typeof t?ni(t):t}var si,oi=/^--/,li=/\s*!important$/,ci=function(t,e,a){if(oi.test(e))t.style.setProperty(e,a);else if(li.test(a))t.style.setProperty(w(e),a.replace(li,""),"important");else{var n=ui(e);if(Array.isArray(a))for(var i=0,r=a.length;i-1?e.split(mi).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var a=" "+(t.getAttribute("class")||"")+" ";a.indexOf(" "+e+" ")<0&&t.setAttribute("class",(a+e).trim())}}function fi(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(mi).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var a=" "+(t.getAttribute("class")||"")+" ",n=" "+e+" ";a.indexOf(n)>=0;)a=a.replace(n," ");(a=a.trim())?t.setAttribute("class",a):t.removeAttribute("class")}}function vi(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&T(e,bi(t.name||"v")),T(e,t),e}return"string"==typeof t?bi(t):void 0}}var bi=b((function(t){return{enterClass:t+"-enter",enterToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveClass:t+"-leave",leaveToClass:t+"-leave-to",leaveActiveClass:t+"-leave-active"}})),yi=V&&!Q,_i="transition",ki="transitionend",Ai="animation",wi="animationend";yi&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(_i="WebkitTransition",ki="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Ai="WebkitAnimation",wi="webkitAnimationEnd"));var Ci=V?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function xi(t){Ci((function(){Ci(t)}))}function Ti(t,e){var a=t._transitionClasses||(t._transitionClasses=[]);a.indexOf(e)<0&&(a.push(e),gi(t,e))}function Si(t,e){t._transitionClasses&&g(t._transitionClasses,e),fi(t,e)}function zi(t,e,a){var n=Pi(t,e),i=n.type,r=n.timeout,s=n.propCount;if(!i)return a();var o="transition"===i?ki:wi,l=0,c=function(){t.removeEventListener(o,d),a()},d=function(e){e.target===t&&++l>=s&&c()};setTimeout((function(){l0&&(a="transition",d=s,u=r.length):"animation"===e?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&&Mi.test(n[_i+"Property"])}}function Di(t,e){for(;t.length1}function Fi(t,e){!0!==e.data.show&&Ni(e)}var Ei=function(t){var r,s,o={},l=t.modules,c=t.nodeOps;for(r=0;rm?y(t,e(i[v+1])?null:i[v+1].elm,i,h,v,r):h>v&&k(n,p,m)}(p,g,v,r,d):a(v)?(a(t.text)&&c.setTextContent(p,""),y(p,null,v,0,v.length-1,r)):a(g)?k(g,0,g.length-1):a(t.text)&&c.setTextContent(p,""):t.text!==i.text&&c.setTextContent(p,i.text),a(m)&&a(h=m.hook)&&a(h=h.postpatch)&&h(t,i)}}}function x(t,e,i){if(n(i)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r-1,s.selected!==r&&(s.selected=r);else if(D(Ui(s),n))return void(t.selectedIndex!==o&&(t.selectedIndex=o));i||(t.selectedIndex=-1)}}function qi(t,e){return e.every((function(e){return!D(e,t)}))}function Ui(t){return"_value"in t?t._value:t.value}function Vi(t){t.target.composing=!0}function Gi(t){t.target.composing&&(t.target.composing=!1,Wi(t.target,"input"))}function Wi(t,e){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0),t.dispatchEvent(a)}function Hi(t){return!t.componentInstance||t.data&&t.data.transition?t:Hi(t.componentInstance._vnode)}var Ki={model:ji,show:{bind:function(t,e,a){var n=e.value,i=(a=Hi(a)).data&&a.data.transition,r=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;n&&i?(a.data.show=!0,Ni(a,(function(){t.style.display=r}))):t.style.display=n?r:"none"},update:function(t,e,a){var n=e.value;!n!=!e.oldValue&&((a=Hi(a)).data&&a.data.transition?(a.data.show=!0,n?Ni(a,(function(){t.style.display=t.__vOriginalDisplay})):Li(a,(function(){t.style.display="none"}))):t.style.display=n?t.__vOriginalDisplay:"none")},unbind:function(t,e,a,n,i){i||(t.style.display=t.__vOriginalDisplay)}}},Qi={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 Yi(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Yi(Ue(e.children)):t}function Ji(t){var e={},a=t.$options;for(var n in a.propsData)e[n]=t[n];var i=a._parentListeners;for(var r in i)e[_(r)]=i[r];return e}function Zi(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var Xi=function(t){return t.tag||qe(t)},tr=function(t){return"show"===t.name},er={name:"transition",props:Qi,abstract:!0,render:function(t){var e=this,a=this.$slots.default;if(a&&(a=a.filter(Xi)).length){var n=this.mode,r=a[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return r;var s=Yi(r);if(!s)return r;if(this._leaving)return Zi(t,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=Yi(c);if(s.data.directives&&s.data.directives.some(tr)&&(s.data.show=!0),d&&d.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(s,d)&&!qe(d)&&(!d.componentInstance||!d.componentInstance._vnode.isComment)){var u=d.data.transition=T({},l);if("out-in"===n)return this._leaving=!0,se(u,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Zi(t,r);if("in-out"===n){if(qe(s))return c;var p,h=function(){p()};se(l,"afterEnter",h),se(l,"enterCancelled",h),se(u,"delayLeave",(function(t){p=t}))}}return r}}},ar=T({tag:String,moveClass:String},Qi);function nr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function ir(t){t.data.newPos=t.elm.getBoundingClientRect()}function rr(t){var e=t.data.pos,a=t.data.newPos,n=e.left-a.left,i=e.top-a.top;if(n||i){t.data.moved=!0;var r=t.elm.style;r.transform=r.WebkitTransform="translate("+n+"px,"+i+"px)",r.transitionDuration="0s"}}delete ar.mode;var sr={Transition:er,TransitionGroup:{props:ar,beforeMount:function(){var t=this,e=this._update;this._update=function(a,n){var i=Qe(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,i(),e.call(t,a,n)}},render:function(t){for(var e=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?Ka[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Ka[t]=/HTMLUnknownElement/.test(e.toString())},T(ka.options.directives,Ki),T(ka.options.components,sr),ka.prototype.__patch__=V?Ei:z,ka.prototype.$mount=function(t,e){return function(t,e,a){var n;return t.$el=e,t.$options.render||(t.$options.render=gt),Ze(t,"beforeMount"),n=function(){t._update(t._render(),a)},new da(t,n,z,{before:function(){t._isMounted&&!t._isDestroyed&&Ze(t,"beforeUpdate")}},!0),a=!1,null==t.$vnode&&(t._isMounted=!0,Ze(t,"mounted")),t}(this,t=t&&V?Ya(t):void 0,e)},V&&setTimeout((function(){F.devtools&&nt&&nt.emit("init",ka)}),0);var or=/\{\{((?:.|\r?\n)+?)\}\}/g,lr=/[-.*+?^${}()|[\]\/\\]/g,cr=b((function(t){var e=t[0].replace(lr,"\\$&"),a=t[1].replace(lr,"\\$&");return new RegExp(e+"((?:.|\\n)+?)"+a,"g")}));var dr={staticKeys:["staticClass"],transformNode:function(t,e){e.warn;var a=In(t,"class");a&&(t.staticClass=JSON.stringify(a));var n=Rn(t,"class",!1);n&&(t.classBinding=n)},genData:function(t){var e="";return t.staticClass&&(e+="staticClass:"+t.staticClass+","),t.classBinding&&(e+="class:"+t.classBinding+","),e}};var ur,pr={staticKeys:["staticStyle"],transformNode:function(t,e){e.warn;var a=In(t,"style");a&&(t.staticStyle=JSON.stringify(ni(a)));var n=Rn(t,"style",!1);n&&(t.styleBinding=n)},genData:function(t){var e="";return t.staticStyle&&(e+="staticStyle:"+t.staticStyle+","),t.styleBinding&&(e+="style:("+t.styleBinding+"),"),e}},hr=function(t){return(ur=ur||document.createElement("div")).innerHTML=t,ur.textContent},mr=p("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),gr=p("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),fr=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"),vr=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,br=/^\s*((?:v-[\w-]+:|@|:|#)\[[^=]+\][^\s"'<>\/=]*)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,yr="[a-zA-Z_][\\-\\.0-9_a-zA-Z"+E.source+"]*",_r="((?:"+yr+"\\:)?"+yr+")",kr=new RegExp("^<"+_r),Ar=/^\s*(\/?)>/,wr=new RegExp("^<\\/"+_r+"[^>]*>"),Cr=/^]+>/i,xr=/^",""":'"',"&":"&"," ":"\n"," ":"\t","'":"'"},Pr=/&(?:lt|gt|quot|amp|#39);/g,Dr=/&(?:lt|gt|quot|amp|#39|#10|#9);/g,$r=p("pre,textarea",!0),Nr=function(t,e){return t&&$r(t)&&"\n"===e[0]};function Lr(t,e){var a=e?Dr:Pr;return t.replace(a,(function(t){return Mr[t]}))}var Rr,Ir,Fr,Er,jr,Or,Br,qr,Ur=/^@|^v-on:/,Vr=/^v-|^@|^:|^#/,Gr=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,Wr=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,Hr=/^\(|\)$/g,Kr=/^\[.*\]$/,Qr=/:(.*)$/,Yr=/^:|^\.|^v-bind:/,Jr=/\.[^.\]]+(?=[^\]]*$)/g,Zr=/^v-slot(:|$)|^#/,Xr=/[\r\n]/,ts=/\s+/g,es=b(hr);function as(t,e,a){return{type:1,tag:t,attrsList:e,attrsMap:cs(e),rawAttrsMap:{},parent:a,children:[]}}function ns(t,e){Rr=e.warn||Sn,Or=e.isPreTag||M,Br=e.mustUseProp||M,qr=e.getTagNamespace||M;e.isReservedTag;Fr=zn(e.modules,"transformNode"),Er=zn(e.modules,"preTransformNode"),jr=zn(e.modules,"postTransformNode"),Ir=e.delimiters;var a,n,i=[],r=!1!==e.preserveWhitespace,s=e.whitespace,o=!1,l=!1;function c(t){if(d(t),o||t.processed||(t=is(t,e)),i.length||t===a||a.if&&(t.elseif||t.else)&&ss(a,{exp:t.elseif,block:t}),n&&!t.forbidden)if(t.elseif||t.else)s=t,(c=function(t){for(var e=t.length;e--;){if(1===t[e].type)return t[e];t.pop()}}(n.children))&&c.if&&ss(c,{exp:s.elseif,block:s});else{if(t.slotScope){var r=t.slotTarget||'"default"';(n.scopedSlots||(n.scopedSlots={}))[r]=t}n.children.push(t),t.parent=n}var s,c;t.children=t.children.filter((function(t){return!t.slotScope})),d(t),t.pre&&(o=!1),Or(t.tag)&&(l=!1);for(var u=0;u]*>)","i")),p=t.replace(u,(function(t,a,n){return c=n.length,Sr(d)||"noscript"===d||(a=a.replace(//g,"$1").replace(//g,"$1")),Nr(d,a)&&(a=a.slice(1)),e.chars&&e.chars(a),""}));l+=t.length-p.length,t=p,T(d,l-c,l)}else{var h=t.indexOf("<");if(0===h){if(xr.test(t)){var m=t.indexOf("--\x3e");if(m>=0){e.shouldKeepComment&&e.comment(t.substring(4,m),l,l+m+3),w(m+3);continue}}if(Tr.test(t)){var g=t.indexOf("]>");if(g>=0){w(g+2);continue}}var f=t.match(Cr);if(f){w(f[0].length);continue}var v=t.match(wr);if(v){var b=l;w(v[0].length),T(v[1],b,l);continue}var y=C();if(y){x(y),Nr(y.tagName,t)&&w(1);continue}}var _=void 0,k=void 0,A=void 0;if(h>=0){for(k=t.slice(h);!(wr.test(k)||kr.test(k)||xr.test(k)||Tr.test(k)||(A=k.indexOf("<",1))<0);)h+=A,k=t.slice(h);_=t.substring(0,h)}h<0&&(_=t),_&&w(_.length),e.chars&&_&&e.chars(_,l-_.length,l)}if(t===a){e.chars&&e.chars(t);break}}function w(e){l+=e,t=t.substring(e)}function C(){var e=t.match(kr);if(e){var a,n,i={tagName:e[1],attrs:[],start:l};for(w(e[0].length);!(a=t.match(Ar))&&(n=t.match(br)||t.match(vr));)n.start=l,w(n[0].length),n.end=l,i.attrs.push(n);if(a)return i.unarySlash=a[1],w(a[0].length),i.end=l,i}}function x(t){var a=t.tagName,l=t.unarySlash;r&&("p"===n&&fr(a)&&T(n),o(a)&&n===a&&T(a));for(var c=s(a)||!!l,d=t.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--)e.end&&e.end(i[c].tag,a,r);i.length=s,n=s&&i[s-1].tag}else"br"===o?e.start&&e.start(t,[],!0,a,r):"p"===o&&(e.start&&e.start(t,[],!1,a,r),e.end&&e.end(t,a,r))}T()}(t,{warn:Rr,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldDecodeNewlinesForHref:e.shouldDecodeNewlinesForHref,shouldKeepComment:e.comments,outputSourceRange:e.outputSourceRange,start:function(t,r,s,d,u){var p=n&&n.ns||qr(t);K&&"svg"===p&&(r=function(t){for(var e=[],a=0;al&&(o.push(r=t.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?":("+e+")":":_q("+e+","+r+")")),Ln(t,"change","var $$a="+e+",$$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&&("+On(e,"$$a.concat([$$v])")+")}else{$$i>-1&&("+On(e,"$$a.slice(0,$$i).concat($$a.slice($$i+1))")+")}}else{"+On(e,"$$c")+"}",null,!0)}(t,n,i);else if("input"===r&&"radio"===s)!function(t,e,a){var n=a&&a.number,i=Rn(t,"value")||"null";Mn(t,"checked","_q("+e+","+(i=n?"_n("+i+")":i)+")"),Ln(t,"change",On(e,i),null,!0)}(t,n,i);else if("input"===r||"textarea"===r)!function(t,e,a){var n=t.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=On(e,d);l&&(u="if($event.target.composing)return;"+u);Mn(t,"value","("+e+")"),Ln(t,c,u,null,!0),(o||s)&&Ln(t,"blur","$forceUpdate()")}(t,n,i);else if(!F.isReservedTag(r))return jn(t,n,i),!1;return!0},text:function(t,e){e.value&&Mn(t,"textContent","_s("+e.value+")",e)},html:function(t,e){e.value&&Mn(t,"innerHTML","_s("+e.value+")",e)}},isPreTag:function(t){return"pre"===t},isUnaryTag:mr,mustUseProp:Da,canBeLeftOpenTag:gr,isReservedTag:Wa,getTagNamespace:Ha,staticKeys:function(t){return t.reduce((function(t,e){return t.concat(e.staticKeys||[])}),[]).join(",")}(hs)},vs=b((function(t){return p("type,tag,attrsList,attrsMap,plain,parent,children,attrs,start,end,rawAttrsMap"+(t?","+t:""))}));function bs(t,e){t&&(ms=vs(e.staticKeys||""),gs=e.isReservedTag||M,function t(e){if(e.static=function(t){if(2===t.type)return!1;if(3===t.type)return!0;return!(!t.pre&&(t.hasBindings||t.if||t.for||h(t.tag)||!gs(t.tag)||function(t){for(;t.parent;){if("template"!==(t=t.parent).tag)return!1;if(t.for)return!0}return!1}(t)||!Object.keys(t).every(ms)))}(e),1===e.type){if(!gs(e.tag)&&"slot"!==e.tag&&null==e.attrsMap["inline-template"])return;for(var a=0,n=e.children.length;a|^function(?:\s+[\w$]+)?\s*\(/,_s=/\([^)]*?\);*$/,ks=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['[^']*?']|\["[^"]*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*$/,As={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"]},Cs=function(t){return"if("+t+")return null;"},xs={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:Cs("$event.target !== $event.currentTarget"),ctrl:Cs("!$event.ctrlKey"),shift:Cs("!$event.shiftKey"),alt:Cs("!$event.altKey"),meta:Cs("!$event.metaKey"),left:Cs("'button' in $event && $event.button !== 0"),middle:Cs("'button' in $event && $event.button !== 1"),right:Cs("'button' in $event && $event.button !== 2")};function Ts(t,e){var a=e?"nativeOn:":"on:",n="",i="";for(var r in t){var s=Ss(t[r]);t[r]&&t[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 Ss(t){if(!t)return"function(){}";if(Array.isArray(t))return"["+t.map((function(t){return Ss(t)})).join(",")+"]";var e=ks.test(t.value),a=ys.test(t.value),n=ks.test(t.value.replace(_s,""));if(t.modifiers){var i="",r="",s=[];for(var o in t.modifiers)if(xs[o])r+=xs[o],As[o]&&s.push(o);else if("exact"===o){var l=t.modifiers;r+=Cs(["ctrl","shift","alt","meta"].filter((function(t){return!l[t]})).map((function(t){return"$event."+t+"Key"})).join("||"))}else s.push(o);return s.length&&(i+=function(t){return"if(!$event.type.indexOf('key')&&"+t.map(zs).join("&&")+")return null;"}(s)),r&&(i+=r),"function($event){"+i+(e?"return "+t.value+"($event)":a?"return ("+t.value+")($event)":n?"return "+t.value:t.value)+"}"}return e||a?t.value:"function($event){"+(n?"return "+t.value:t.value)+"}"}function zs(t){var e=parseInt(t,10);if(e)return"$event.keyCode!=="+e;var a=As[t],n=ws[t];return"_k($event.keyCode,"+JSON.stringify(t)+","+JSON.stringify(a)+",$event.key,"+JSON.stringify(n)+")"}var Ms={on:function(t,e){t.wrapListeners=function(t){return"_g("+t+","+e.value+")"}},bind:function(t,e){t.wrapData=function(a){return"_b("+a+",'"+t.tag+"',"+e.value+","+(e.modifiers&&e.modifiers.prop?"true":"false")+(e.modifiers&&e.modifiers.sync?",true":"")+")"}},cloak:z},Ps=function(t){this.options=t,this.warn=t.warn||Sn,this.transforms=zn(t.modules,"transformCode"),this.dataGenFns=zn(t.modules,"genData"),this.directives=T(T({},Ms),t.directives);var e=t.isReservedTag||M;this.maybeComponent=function(t){return!!t.component||!e(t.tag)},this.onceId=0,this.staticRenderFns=[],this.pre=!1};function Ds(t,e){var a=new Ps(e);return{render:"with(this){return "+(t?$s(t,a):'_c("div")')+"}",staticRenderFns:a.staticRenderFns}}function $s(t,e){if(t.parent&&(t.pre=t.pre||t.parent.pre),t.staticRoot&&!t.staticProcessed)return Ns(t,e);if(t.once&&!t.onceProcessed)return Ls(t,e);if(t.for&&!t.forProcessed)return Is(t,e);if(t.if&&!t.ifProcessed)return Rs(t,e);if("template"!==t.tag||t.slotTarget||e.pre){if("slot"===t.tag)return function(t,e){var a=t.slotName||'"default"',n=Os(t,e),i="_t("+a+(n?","+n:""),r=t.attrs||t.dynamicAttrs?Us((t.attrs||[]).concat(t.dynamicAttrs||[]).map((function(t){return{name:_(t.name),value:t.value,dynamic:t.dynamic}}))):null,s=t.attrsMap["v-bind"];!r&&!s||n||(i+=",null");r&&(i+=","+r);s&&(i+=(r?"":",null")+","+s);return i+")"}(t,e);var a;if(t.component)a=function(t,e,a){var n=e.inlineTemplate?null:Os(e,a,!0);return"_c("+t+","+Fs(e,a)+(n?","+n:"")+")"}(t.component,t,e);else{var n;(!t.plain||t.pre&&e.maybeComponent(t))&&(n=Fs(t,e));var i=t.inlineTemplate?null:Os(t,e,!0);a="_c('"+t.tag+"'"+(n?","+n:"")+(i?","+i:"")+")"}for(var r=0;r>>0}(s):"")+")"}(t,t.scopedSlots,e)+","),t.model&&(a+="model:{value:"+t.model.value+",callback:"+t.model.callback+",expression:"+t.model.expression+"},"),t.inlineTemplate){var r=function(t,e){var a=t.children[0];if(a&&1===a.type){var n=Ds(a,e.options);return"inlineTemplate:{render:function(){"+n.render+"},staticRenderFns:["+n.staticRenderFns.map((function(t){return"function(){"+t+"}"})).join(",")+"]}"}}(t,e);r&&(a+=r+",")}return a=a.replace(/,$/,"")+"}",t.dynamicAttrs&&(a="_b("+a+',"'+t.tag+'",'+Us(t.dynamicAttrs)+")"),t.wrapData&&(a=t.wrapData(a)),t.wrapListeners&&(a=t.wrapListeners(a)),a}function Es(t){return 1===t.type&&("slot"===t.tag||t.children.some(Es))}function js(t,e){var a=t.attrsMap["slot-scope"];if(t.if&&!t.ifProcessed&&!a)return Rs(t,e,js,"null");if(t.for&&!t.forProcessed)return Is(t,e,js);var n="_empty_"===t.slotScope?"":String(t.slotScope),i="function("+n+"){return "+("template"===t.tag?t.if&&a?"("+t.if+")?"+(Os(t,e)||"undefined")+":undefined":Os(t,e)||"undefined":$s(t,e))+"}",r=n?"":",proxy:true";return"{key:"+(t.slotTarget||'"default"')+",fn:"+i+r+"}"}function Os(t,e,a,n,i){var r=t.children;if(r.length){var s=r[0];if(1===r.length&&s.for&&"template"!==s.tag&&"slot"!==s.tag){var o=a?e.maybeComponent(s)?",1":",0":"";return""+(n||$s)(s,e)+o}var l=a?function(t,e){for(var a=0,n=0;n':'
',Ks.innerHTML.indexOf(" ")>0}var Js=!!V&&Ys(!1),Zs=!!V&&Ys(!0),Xs=b((function(t){var e=Ya(t);return e&&e.innerHTML})),to=ka.prototype.$mount;ka.prototype.$mount=function(t,e){if((t=t&&Ya(t))===document.body||t===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=Xs(n));else{if(!n.nodeType)return this;n=n.innerHTML}else t&&(n=function(t){if(t.outerHTML)return t.outerHTML;var e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}(t));if(n){var i=Qs(n,{outputSourceRange:!1,shouldDecodeNewlines:Js,shouldDecodeNewlinesForHref:Zs,delimiters:a.delimiters,comments:a.comments},this),r=i.render,s=i.staticRenderFns;a.render=r,a.staticRenderFns=s}}return to.call(this,t,e)},ka.compile=Qs;const eo={data(){const t=this.$t.bind(this);this.$tc.bind(this);return{appOnline:null,activeTheme:"light",themes:["purple","dark","light"],activeTablink:"home",links:[{id:"main_home_tablink",name:"home",ariaLabel:"home",routerName:"Home",icon:"home",label:t("sidebar.home")},{id:"main_search_tablink",name:"search",ariaLabel:"search",routerName:"Search",icon:"search",label:t("sidebar.search")},{id:"main_charts_tablink",name:"charts",ariaLabel:"charts",routerName:"Charts",icon:"show_chart",label:t("sidebar.charts")},{id:"main_favorites_tablink",name:"favorites",ariaLabel:"favorites",routerName:"Favorites",icon:"star",label:t("sidebar.favorites")},{id:"main_analyzer_tablink",name:"analyzer",ariaLabel:"link analyzer",routerName:"Link Analyzer",icon:"link",label:t("sidebar.linkAnalyzer")},{id:"main_settings_tablink",name:"settings",ariaLabel:"settings",routerName:"Settings",icon:"settings",label:t("sidebar.settings")},{id:"main_about_tablink",name:"about",ariaLabel:"info",routerName:"About",icon:"info",label:t("sidebar.about")}]}},mounted(){this.appOnline=navigator.onLine,window.addEventListener("online",()=>{this.appOnline=!0}),window.addEventListener("offline",()=>{this.appOnline=!1}),this.activeTheme=localStorage.getItem("selectedTheme")||"light",this.$router.afterEach((t,e)=>{const a=this.links.find(e=>e.routerName===t.name);a&&(this.activeTablink=a.name)})},methods:{changeTheme(t){if(t===this.activeTheme)return;this.activeTheme=t,document.documentElement.setAttribute("data-theme",t),localStorage.setItem("selectedTheme",t);const e=document.querySelectorAll("*");e.forEach(t=>{t.classList.add("changing-theme")}),document.documentElement.addEventListener("transitionend",(function t(){e.forEach(t=>{t.classList.remove("changing-theme")}),document.documentElement.removeEventListener("transitionend",t)}))}}};var ao=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("aside",{attrs:{id:"sidebar",role:"navigation"}},[t._l(t.links,(function(e){return a("router-link",{key:e.id,staticClass:"main_tablinks",class:{active:t.activeTablink===e.name},attrs:{tag:"span",role:"link",id:e.id,"aria-label":e.ariaLabel,to:{name:e.routerName}},nativeOn:{click:function(a){t.activeTablink=e.name}}},[a("i",{staticClass:"material-icons side_icon"},[t._v(t._s(e.icon))]),t._v(" "),a("span",{staticClass:"main_tablinks_text"},[t._v(t._s(e.label))])])})),t._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"},[t._v("palette")]),t._v(" "),a("div",{attrs:{id:"theme_togglers"}},t._l(t.themes,(function(e){return a("div",{key:e,staticClass:"theme_toggler",class:[{"theme_toggler--active":t.activeTheme===e},"theme_toggler--"+e],on:{click:function(a){return t.changeTheme(e)}}})})),0)]),t._v(" "),a("div",{class:{online:t.appOnline,offline:!t.appOnline},attrs:{id:"network-status"}},[t.appOnline?a("i",{staticClass:"material-icons"},[t._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"}}),t._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)};ao._withStripped=!0;var no=function(t,e,a,n,i,r,s,o){const l=("function"==typeof a?a.options:a)||{};l.__file="/mnt/Dati/Programmazione/DeezloaderStuff/deemix/deemix-pyweb/webui/src/components/TheSidebar.vue",l.render||(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0,i&&(l.functional=!0)),l._scopeId=n;{let t;if(e&&(t=function(t){e.call(this,s(t))}),void 0!==t)if(l.functional){const e=l.render;l.render=function(a,n){return t.call(n),e(a,n)}}else{const e=l.beforeCreate;l.beforeCreate=e?[].concat(e,t):[t]}}return l}({render:ao,staticRenderFns:[]},(function(t){t&&t("data-v-ee0d5f46_0",{source:"\n#network-status[data-v-ee0d5f46] {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tmargin-top: auto;\n\tbottom: 0;\n}\n#network-status.online i.material-icons[data-v-ee0d5f46] {\n\tcolor: hsl(151, 100%, 31%);\n}\n#network-status.offline i.material-icons svg[data-v-ee0d5f46] {\n\tfill: red;\n\twidth: 1em;\n\theight: 1em;\n}\n",map:{version:3,sources:["/mnt/Dati/Programmazione/DeezloaderStuff/deemix/deemix-pyweb/webui/src/components/TheSidebar.vue"],names:[],mappings:";AA8CA;CACA,aAAA;CACA,uBAAA;CACA,mBAAA;CACA,kBAAA;CACA,gBAAA;CACA,SAAA;AACA;AAEA;CACA,0BAAA;AACA;AAEA;CACA,SAAA;CACA,UAAA;CACA,WAAA;AACA",file:"TheSidebar.vue",sourcesContent:["\n\n\n\n