From 81f8ed08992aa2b99396ba4202ec44d2074b9e02 Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Sat, 7 Nov 2020 19:00:34 +0100 Subject: [PATCH] style: removed some classes and ids; style: added typography.css; style: added vendor folder; wip: BaseAccordion component --- public/js/bundle.js | 301 ++++++++++++++---- src/app.js | 5 +- src/components/TheSearchBar.vue | 2 - src/components/globals/BaseAccordion.vue | 33 ++ src/components/globals/CoverContainer.vue | 10 +- src/components/pages/Charts.vue | 10 +- src/components/pages/Favorites.vue | 15 +- src/components/pages/Home.vue | 4 +- src/components/pages/Settings.vue | 94 +++--- src/components/search/ResultsAlbums.vue | 2 +- src/components/search/ResultsArtists.vue | 2 +- src/components/search/ResultsPlaylists.vue | 2 +- src/components/search/ResultsTracks.vue | 8 +- src/router.js | 3 +- src/styles/css/typography.css | 11 + src/styles/scss/base/_base.scss | 14 + src/styles/scss/base/_normalize.scss | 4 + src/styles/scss/globals/_globals.scss | 24 -- src/styles/scss/style.scss | 15 - src/styles/scss/tabs/_release-grid.scss | 14 +- src/styles/scss/tabs/_settings-tab.scss | 52 +-- src/styles/scss/tabs/_tabs.scss | 6 - src/styles/{css => vendor}/OpenSans.css | 0 {public/css => src/styles}/vendor/animate.css | 0 src/styles/{css => vendor}/material-icons.css | 0 25 files changed, 400 insertions(+), 231 deletions(-) create mode 100644 src/components/globals/BaseAccordion.vue create mode 100644 src/styles/css/typography.css rename src/styles/{css => vendor}/OpenSans.css (100%) rename {public/css => src/styles}/vendor/animate.css (100%) rename src/styles/{css => vendor}/material-icons.css (100%) diff --git a/public/js/bundle.js b/public/js/bundle.js index f78131a..a7d7faf 100644 --- a/public/js/bundle.js +++ b/public/js/bundle.js @@ -10414,7 +10414,7 @@ styleInject(css_248z); var css_248z$1 = "/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hmIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hvIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hnIqOjjg.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hoIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hkIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: italic;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 300;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFVp0bbck.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFWp0bbck.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFW50bbck.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 400;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem8YaGs126MiZpBA-UFVZ0b.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 600;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 700;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* cyrillic-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2') format('woff2');\n\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n/* cyrillic */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2') format('woff2');\n\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n\n/* greek-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2') format('woff2');\n\n unicode-range: U+1F00-1FFF;\n}\n\n/* greek */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2') format('woff2');\n\n unicode-range: U+0370-03FF;\n}\n\n/* vietnamese */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2') format('woff2');\n\n unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;\n}\n\n/* latin-ext */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2') format('woff2');\n\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\n/* latin */\n\n@font-face {\n font-family: 'Open Sans';\n\n font-style: normal;\n\n font-weight: 800;\n\n font-display: swap;\n\n src: url('../../fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2') format('woff2');\n\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\r\n"; styleInject(css_248z$1); -var css_248z$2 = "a {\n color: dodgerblue;\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-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.bg-background-main {\n background-color: var(--main-background);\n}\n\n.bg-panels-bg {\n background-color: var(--panels-background);\n}\n\n.hover\\:bg-primary:hover {\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.hover\\:bg-background-main:hover {\n background-color: var(--main-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-xl {\n border-radius: 0.75rem;\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.first\\:border-t-0:first-child {\n border-top-width: 0;\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.grid {\n display: grid;\n}\n\n.hidden {\n display: none;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.place-items-center {\n place-items: center;\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-1 {\n flex: 1 1 0%;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.float-none {\n float: none;\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.h-screen {\n height: 100vh;\n}\n\n.text-xs {\n font-size: 0.75rem;\n}\n\n.text-base {\n font-size: 1rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\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.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mb-2 {\n margin-bottom: 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.mt-4 {\n margin-top: 1rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.ml-5 {\n margin-left: 1.25rem;\n}\n\n.mt-6 {\n margin-top: 1.5rem;\n}\n\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-auto {\n margin-left: auto;\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.opacity-100 {\n opacity: 1;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.p-0 {\n padding: 0;\n}\n\n.p-1 {\n padding: 0.25rem;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-3 {\n padding: 0.75rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.py-5 {\n padding-top: 1.25rem;\n padding-bottom: 1.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.pb-3 {\n padding-bottom: 0.75rem;\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-grayscale-870 {\n --text-opacity: 1;\n color: hsl(0, 0%, 87%);\n color: rgba(221.85, 221.85, 221.85, var(--text-opacity));\n}\n\n.text-primary {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.text-foreground {\n color: var(--foreground);\n}\n\n.hover\\:text-primary:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.group:hover .group-hover\\:text-primary {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.no-underline {\n text-decoration: none;\n}\n\n.hover\\:underline:hover {\n text-decoration: underline;\n}\n\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.whitespace-no-wrap {\n white-space: nowrap;\n}\n\n.break-words {\n word-wrap: break-word;\n overflow-wrap: break-word;\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-8 {\n width: 2rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-40 {\n width: 10rem;\n}\n\n.w-64 {\n width: 16rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-50 {\n z-index: 50;\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-colors {\n transition-property: background-color, border-color, color, fill, stroke;\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-150 {\n transition-duration: 150ms;\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n.duration-500 {\n transition-duration: 500ms;\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\n:root {\n --main-scroll: hsl(0, 0%, 30%);\n --panels-scroll: hsl(180, 2%, 17%);\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 --panels-background: hsl(216, 4%, 78%);\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 --panels-background: hsl(240, 15%, 12%);\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 --panels-background: hsl(257, 70%, 9%);\n --table-bg: hsl(261, 74%, 6%);\n --table-zebra: hsl(257, 61%, 10%);\n --table-highlight: hsl(257, 66%, 27%);\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\ninput[type='text'],\ninput[type='password'],\ninput[type='number'] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin-bottom: 8px;\n border: 0px solid black;\n border-radius: 4px;\n background-color: var(--secondary-background);\n padding: 0px 8px;\n width: calc(100% - 16px);\n line-height: 36px;\n color: var(--foreground);\n}\n\ninput[type='checkbox'] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: inline-block;\n position: relative;\n opacity: 0.5;\n margin: 3px;\n border: 2px solid gray;\n border-radius: 2px;\n background-color: none;\n padding: 7px;\n}\n\ninput[type='checkbox']:checked {\n opacity: 1;\n margin: 3px;\n border: 0px solid var(--primary-color);\n border-radius: 2px;\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 padding: 9px;\n color: var(--primary-text);\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin-bottom: 8px;\n border: 0px solid black;\n border-radius: 4px;\n background-clip: border-box;\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-position: calc(100% - 8px) center;\n background-repeat: no-repeat;\n background-size: 24px;\n padding: 0px 40px 0px 8px;\n width: 100%;\n line-height: 36px;\n color: var(--foreground);\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\n.single-cover {\n display: inline-block;\n position: relative;\n color: white;\n}\n\n.clickable {\n cursor: pointer !important;\n}\n\n.coverart {\n background-color: var(--secondary-background);\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 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-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.table--tracklist .clickable:hover,\n.table--charts .clickable:hover {\n text-decoration: underline;\n}\n\n.release_grid {\n grid-gap: 1rem;\n gap: 1rem;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));\n}\n\n.primary-text {\n margin-bottom: 0.25rem;\n transition-property: background-color, border-color, color, fill, stroke;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.primary-text:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.secondary-text {\n margin-bottom: 0.25rem;\n font-size: 0.875rem;\n opacity: 0.75;\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.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 -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\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@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"; +var css_248z$2 = "a {\n color: dodgerblue;\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-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.bg-background-main {\n background-color: var(--main-background);\n}\n\n.bg-panels-bg {\n background-color: var(--panels-background);\n}\n\n.hover\\:bg-primary:hover {\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.hover\\:bg-background-main:hover {\n background-color: var(--main-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-xl {\n border-radius: 0.75rem;\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.first\\:border-t-0:first-child {\n border-top-width: 0;\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.grid {\n display: grid;\n}\n\n.hidden {\n display: none;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.place-items-center {\n place-items: center;\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-1 {\n flex: 1 1 0%;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.float-none {\n float: none;\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-32 {\n height: 8rem;\n}\n\n.h-40 {\n height: 10rem;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-screen {\n height: 100vh;\n}\n\n.text-xs {\n font-size: 0.75rem;\n}\n\n.text-base {\n font-size: 1rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\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.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mb-2 {\n margin-bottom: 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.mt-4 {\n margin-top: 1rem;\n}\n\n.mr-4 {\n margin-right: 1rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mb-5 {\n margin-bottom: 1.25rem;\n}\n\n.ml-5 {\n margin-left: 1.25rem;\n}\n\n.mt-6 {\n margin-top: 1.5rem;\n}\n\n.mb-6 {\n margin-bottom: 1.5rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-auto {\n margin-left: auto;\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.opacity-100 {\n opacity: 1;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.p-0 {\n padding: 0;\n}\n\n.p-1 {\n padding: 0.25rem;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-3 {\n padding: 0.75rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.py-5 {\n padding-top: 1.25rem;\n padding-bottom: 1.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.pb-3 {\n padding-bottom: 0.75rem;\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-grayscale-870 {\n --text-opacity: 1;\n color: hsl(0, 0%, 87%);\n color: rgba(221.85, 221.85, 221.85, var(--text-opacity));\n}\n\n.text-primary {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.text-foreground {\n color: var(--foreground);\n}\n\n.hover\\:text-primary:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.group:hover .group-hover\\:text-primary {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.no-underline {\n text-decoration: none;\n}\n\n.hover\\:underline:hover {\n text-decoration: underline;\n}\n\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.whitespace-no-wrap {\n white-space: nowrap;\n}\n\n.break-words {\n word-wrap: break-word;\n overflow-wrap: break-word;\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-8 {\n width: 2rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-32 {\n width: 8rem;\n}\n\n.w-40 {\n width: 10rem;\n}\n\n.w-64 {\n width: 16rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-50 {\n z-index: 50;\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-colors {\n transition-property: background-color, border-color, color, fill, stroke;\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-150 {\n transition-duration: 150ms;\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n.duration-500 {\n transition-duration: 500ms;\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\n:root {\n --main-scroll: hsl(0, 0%, 30%);\n --panels-scroll: hsl(180, 2%, 17%);\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 --panels-background: hsl(216, 4%, 78%);\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 --panels-background: hsl(240, 15%, 12%);\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 --panels-background: hsl(257, 70%, 9%);\n --table-bg: hsl(261, 74%, 6%);\n --table-zebra: hsl(257, 61%, 10%);\n --table-highlight: hsl(257, 66%, 27%);\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\np {\n word-break: break-word;\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\ninput[type='text'],\ninput[type='password'],\ninput[type='number'] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin-bottom: 8px;\n border: 0px solid black;\n border-radius: 4px;\n background-color: var(--secondary-background);\n padding: 0px 8px;\n width: calc(100% - 16px);\n line-height: 36px;\n color: var(--foreground);\n}\n\ninput[type='checkbox'] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: inline-block;\n position: relative;\n opacity: 0.5;\n margin: 3px;\n border: 2px solid gray;\n border-radius: 2px;\n background-color: none;\n padding: 7px;\n}\n\ninput[type='checkbox']:checked {\n opacity: 1;\n margin: 3px;\n border: 0px solid var(--primary-color);\n border-radius: 2px;\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 padding: 9px;\n color: var(--primary-text);\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin-bottom: 8px;\n border: 0px solid black;\n border-radius: 4px;\n background-clip: border-box;\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-position: calc(100% - 8px) center;\n background-repeat: no-repeat;\n background-size: 24px;\n padding: 0px 40px 0px 8px;\n width: 100%;\n line-height: 36px;\n color: var(--foreground);\n}\n\n.clickable {\n cursor: pointer !important;\n}\n\n.coverart {\n background-color: var(--secondary-background);\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 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-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.table--tracklist .clickable:hover,\n.table--charts .clickable:hover {\n text-decoration: underline;\n}\n\n.release-grid {\n grid-gap: 1rem;\n gap: 1rem;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));\n}\n\n.settings-group {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n border-top: 1px solid hsl(0, 0%, 50%);\n /* Need less opacity */\n}\n\n.settings-group > * {\n margin-bottom: 1rem;\n}\n\n.settings-group__header {\n display: inline-flex;\n align-items: center;\n margin-bottom: 1.5625rem;\n font-size: 1.5rem;\n}\n\n.settings-group__header i.material-icons {\n margin-right: 15px;\n}\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 align-items: start;\n justify-content: center;\n}\n\n.settings-container__half > *,\n .settings-container__third > * {\n margin-bottom: 15px;\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 -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\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@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"; styleInject(css_248z$2); var css_248z$3 = "/* 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}\n\n/* Image header */\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/* Fixed footer */\n\n.fixed-footer footer {\n position: -webkit-sticky;\n position: sticky;\n align-items: center;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n bottom: 0;\n height: 4rem;\n width: 100%;\n margin-top: 1.5rem;\n}\r\n"; @@ -10423,6 +10423,9 @@ styleInject(css_248z$3); var css_248z$4 = ".changing-theme {\n transition: all 200ms ease-in-out;\n}\n\n[v-cloak] {\n display: none;\n}\r\n"; styleInject(css_248z$4); +var css_248z$5 = ".primary-text {\n margin-bottom: 0.25rem;\n transition-property: background-color, border-color, color, fill, stroke;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.primary-text:hover {\n --text-opacity: 1;\n color: hsl(210, 100%, 52%);\n color: rgba(10.20000000000001, 132.59999999999988, 255, var(--text-opacity));\n}\n\n.secondary-text {\n margin-bottom: 0.25rem;\n font-size: 0.875rem;\n opacity: 0.75;\n}\r\n"; +styleInject(css_248z$5); + /*! * vuex v3.5.1 * (c) 2020 Evan You @@ -13097,7 +13100,6 @@ var script$4 = { this.$root.$emit('QualityModal:open', term); } else { if (isShowingAnalyzer) { - // EventBus.$emit('linkAnalyzerTab:reset') socket.emit('analyzeLink', term); } else { // ? Open downloads tab ? @@ -13138,7 +13140,7 @@ var __vue_staticRenderFns__$5 = [function () {var _vm=this;var _h=_vm.$createEle /* style */ const __vue_inject_styles__$5 = function (inject) { if (!inject) return - inject("data-v-29e50efb_0", { source: "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\")}#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 .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-search-cancel-button{appearance:none;width:28px;height:28px;background-color:var(--foreground);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\")}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:active,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:hover{box-shadow:0 0 0 45px var(--secondary-background) inset!important}#search:focus-within{border:1px solid var(--foreground)}", map: undefined, media: undefined }); + inject("data-v-71c3049b_0", { source: "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\")}#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 .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-search-cancel-button{appearance:none;width:28px;height:28px;background-color:var(--foreground);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\")}#search #searchbar:-webkit-autofill,#search #searchbar:-webkit-autofill:active,#search #searchbar:-webkit-autofill:focus,#search #searchbar:-webkit-autofill:hover{box-shadow:0 0 0 45px var(--secondary-background) inset!important}#search:focus-within{border:1px solid var(--foreground)}", map: undefined, media: undefined }); }; /* scoped */ @@ -14490,12 +14492,12 @@ var toastify = createCommonjsModule(function (module) { }); }); -var css_248z$5 = "/*!\n * Toastify js 1.9.3\n * https://github.com/apvarun/toastify-js\n * @license MIT licensed\n *\n * Copyright (C) 2018 Varun A P\n */\n\n.toastify {\n padding: 12px 20px;\n color: #ffffff;\n display: inline-block;\n box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);\n background: linear-gradient(135deg, #73a5ff, #5477f5);\n position: fixed;\n opacity: 0;\n transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\n border-radius: 2px;\n cursor: pointer;\n text-decoration: none;\n max-width: calc(50% - 20px);\n z-index: 2147483647;\n}\n\n.toastify.on {\n opacity: 1;\n}\n\n.toast-close {\n opacity: 0.4;\n padding: 0 5px;\n}\n\n.toastify-right {\n right: 15px;\n}\n\n.toastify-left {\n left: 15px;\n}\n\n.toastify-top {\n top: -150px;\n}\n\n.toastify-bottom {\n bottom: -150px;\n}\n\n.toastify-rounded {\n border-radius: 25px;\n}\n\n.toastify-avatar {\n width: 1.5em;\n height: 1.5em;\n margin: -7px 5px;\n border-radius: 2px;\n}\n\n.toastify-center {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: -webkit-fit-content;\n max-width: fit-content;\n max-width: -moz-fit-content;\n}\n\n@media only screen and (max-width: 360px) {\n .toastify-right, .toastify-left {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: -webkit-fit-content;\n max-width: -moz-fit-content;\n max-width: fit-content;\n }\n}\n"; -styleInject(css_248z$5); - -var css_248z$6 = ".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 css_248z$6 = "/*!\n * Toastify js 1.9.3\n * https://github.com/apvarun/toastify-js\n * @license MIT licensed\n *\n * Copyright (C) 2018 Varun A P\n */\n\n.toastify {\n padding: 12px 20px;\n color: #ffffff;\n display: inline-block;\n box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);\n background: linear-gradient(135deg, #73a5ff, #5477f5);\n position: fixed;\n opacity: 0;\n transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\n border-radius: 2px;\n cursor: pointer;\n text-decoration: none;\n max-width: calc(50% - 20px);\n z-index: 2147483647;\n}\n\n.toastify.on {\n opacity: 1;\n}\n\n.toast-close {\n opacity: 0.4;\n padding: 0 5px;\n}\n\n.toastify-right {\n right: 15px;\n}\n\n.toastify-left {\n left: 15px;\n}\n\n.toastify-top {\n top: -150px;\n}\n\n.toastify-bottom {\n bottom: -150px;\n}\n\n.toastify-rounded {\n border-radius: 25px;\n}\n\n.toastify-avatar {\n width: 1.5em;\n height: 1.5em;\n margin: -7px 5px;\n border-radius: 2px;\n}\n\n.toastify-center {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: -webkit-fit-content;\n max-width: fit-content;\n max-width: -moz-fit-content;\n}\n\n@media only screen and (max-width: 360px) {\n .toastify-right, .toastify-left {\n margin-left: auto;\n margin-right: auto;\n left: 0;\n right: 0;\n max-width: -webkit-fit-content;\n max-width: -moz-fit-content;\n max-width: fit-content;\n }\n}\n"; styleInject(css_248z$6); +var css_248z$7 = ".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"; +styleInject(css_248z$7); + const sharedOptions = { gravity: 'bottom', position: 'left' @@ -30280,7 +30282,7 @@ var script$e = { const __vue_script__$e = script$e; /* template */ -var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('charts.title')))]),_vm._v(" "),(_vm.country === '')?_c('div',[_c('div',{staticClass:"release_grid charts_grid"},_vm._l((_vm.countries),function(release){return _c('div',{key:release.id,staticClass:"w-40 h-40 release clickable",attrs:{"role":"button","aria-label":release.title,"data-title":release.title,"data-id":release.id},on:{"click":_vm.getTrackList}},[_c('img',{staticClass:"w-full rounded coverart",attrs:{"src":release.picture_medium}})])}),0)]):_c('div',[_c('button',{staticClass:"btn btn-primary",on:{"click":_vm.onChangeCountry}},[_vm._v(_vm._s(_vm.$t('charts.changeCountry')))]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",attrs:{"data-link":'https://www.deezer.com/playlist/' + _vm.id},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('charts.download'))+"\n\t\t")]),_vm._v(" "),_c('table',{staticClass:"table table--charts"},[_c('tbody',_vm._l((_vm.chart),function(track){return _c('tr',{staticClass:"track_row"},[_c('td',{staticClass:"p-3 text-center cursor-default",class:{ first: track.position === 1 }},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.position)+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"table__icon table__icon--big"},[_c('a',{staticClass:"rounded",class:{ 'single-cover': track.preview },attrs:{"href":"#","data-preview":track.preview},on:{"click":_vm.playPausePreview}},[(track.preview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.album.cover_small}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell--large"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.title + +var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('charts.title')))]),_vm._v(" "),(_vm.country === '')?_c('div',[_c('div',{staticClass:"release-grid"},_vm._l((_vm.countries),function(release){return _c('div',{key:release.id,staticClass:"w-40 h-40 release clickable",attrs:{"role":"button","aria-label":release.title,"data-title":release.title,"data-id":release.id},on:{"click":_vm.getTrackList}},[_c('img',{staticClass:"w-full rounded coverart",attrs:{"src":release.picture_medium}})])}),0)]):_c('div',[_c('button',{staticClass:"btn btn-primary",on:{"click":_vm.onChangeCountry}},[_vm._v(_vm._s(_vm.$t('charts.changeCountry')))]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",attrs:{"data-link":'https://www.deezer.com/playlist/' + _vm.id},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('charts.download'))+"\n\t\t")]),_vm._v(" "),_c('table',{staticClass:"table table--charts"},[_c('tbody',_vm._l((_vm.chart),function(track){return _c('tr',{staticClass:"track_row"},[_c('td',{staticClass:"p-3 text-center cursor-default",class:{ first: track.position === 1 }},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.position)+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"table__icon table__icon--big"},[_c('span',{staticClass:"relative inline-block rounded cursor-pointer",attrs:{"data-preview":track.preview},on:{"click":_vm.playPausePreview}},[(track.preview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.album.cover_small}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell--large"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' ' + track.title_version : ''))+"\n\t\t\t\t\t")]),_vm._v(" "),_c('router-link',{staticClass:"table__cell table__cell--medium table__cell--center clickable",attrs:{"tag":"td","to":{ name: 'Artist', params: { id: track.artist.id } }}},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.artist.name)+"\n\t\t\t\t\t")]),_vm._v(" "),_c('router-link',{staticClass:"table__cell--medium table__cell--center clickable",attrs:{"tag":"td","to":{ name: 'Album', params: { id: track.album.id } }}},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.album.title)+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"table__cell--small table__cell--center"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(_vm.convertDuration(track.duration))+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"cursor-pointer group",attrs:{"data-link":track.link,"role":"button","aria-label":"download"},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('i',{staticClass:"transition-colors duration-150 ease-in-out material-icons group-hover:text-primary",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("\n\t\t\t\t\t\t\tget_app\n\t\t\t\t\t\t")])])],1)}),0)])])])}; var __vue_staticRenderFns__$g = []; @@ -30472,6 +30474,10 @@ function getFavoritesData() { // // // +// +// +// +// var script$g = { inheritAttrs: false, @@ -30499,17 +30505,17 @@ var script$g = { const __vue_script__$g = script$g; /* template */ -var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"relative cover_container group"},[_c('img',{staticClass:"block w-full opacity-100 coverart",class:{ rounded: _vm.isRounded, circle: _vm.isCircle },attrs:{"aria-hidden":"true","src":_vm.cover}}),_vm._v(" "),_c('button',_vm._g({staticClass:"absolute p-0 text-center bg-black border-0 rounded-full opacity-0 download_overlay hover:bg-primary",attrs:{"role":"button","aria-label":"download","data-link":_vm.link,"tabindex":"0"}},_vm.$listeners),[_c('i',{staticClass:"text-white cursor-pointer material-icons",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])])}; +var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"relative cover-container group"},[_c('img',{staticClass:"block w-full opacity-100 coverart",class:{ rounded: _vm.isRounded, 'rounded-full': _vm.isCircle },attrs:{"aria-hidden":"true","src":_vm.cover}}),_vm._v(" "),_c('button',_vm._g({staticClass:"absolute p-0 text-center bg-black border-0 rounded-full opacity-0 download_overlay hover:bg-primary",attrs:{"role":"button","aria-label":"download","data-link":_vm.link,"tabindex":"0"}},_vm.$listeners),[_c('i',{staticClass:"text-white cursor-pointer material-icons",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])])}; var __vue_staticRenderFns__$i = []; /* style */ const __vue_inject_styles__$i = function (inject) { if (!inject) return - inject("data-v-8544a9ca_0", { source: ".cover_container .coverart[data-v-8544a9ca]{backface-visibility:hidden;transition:.5s ease;height:auto}.cover_container .download_overlay[data-v-8544a9ca]{top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s ease;opacity:0;min-width:2rem;height:2.75rem;text-align:center}.cover_container .download_overlay i[data-v-8544a9ca]{padding:.625rem}.cover_container .download_overlay[data-v-8544a9ca]:focus{opacity:1}.cover_container:hover .coverart[data-v-8544a9ca]{opacity:.75}.cover_container:hover .download_overlay[data-v-8544a9ca]{opacity:1;border:0}", map: undefined, media: undefined }); + inject("data-v-3e6c40e4_0", { source: ".cover-container[data-v-3e6c40e4]{width:156px;height:156px;margin-bottom:10px}.cover-container .coverart[data-v-3e6c40e4]{backface-visibility:hidden;transition:.5s ease;height:auto}.cover-container .download_overlay[data-v-3e6c40e4]{top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s ease;opacity:0;min-width:2rem;height:2.75rem;text-align:center}.cover-container .download_overlay i[data-v-3e6c40e4]{padding:.625rem}.cover-container .download_overlay[data-v-3e6c40e4]:focus{opacity:1}.cover-container:hover .coverart[data-v-3e6c40e4]{opacity:.75}.cover-container:hover .download_overlay[data-v-3e6c40e4]{opacity:1;border:0}", map: undefined, media: undefined }); }; /* scoped */ - const __vue_scope_id__$i = "data-v-8544a9ca"; + const __vue_scope_id__$i = "data-v-3e6c40e4"; /* module identifier */ const __vue_module_identifier__$b = undefined; /* functional template */ @@ -30805,24 +30811,24 @@ var script$h = { const __vue_script__$h = script$h; /* template */ -var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v("\n\t\t"+_vm._s(_vm.$t('favorites.title'))+"\n\t\t"),_c('div',{ref:"reloadButton",staticClass:"inline-block clickable reload-button",attrs:{"role":"button","aria-label":"reload"},on:{"click":_vm.reloadTabs}},[_c('i',{staticClass:"material-icons"},[_vm._v("sync")])])]),_vm._v(" "),_c('ul',{staticClass:"section-tabs"},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab,staticClass:"section-tabs__tab favorites_tablinks",class:{ active: _vm.activeTab === tab },on:{"click":function($event){_vm.activeTab = tab;}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$tc(("globals.listTabs." + tab), 2))+"\n\t\t")])}),0),_vm._v(" "),(!_vm.activeTabEmpty)?_c('button',{staticClass:"btn btn-primary",staticStyle:{"margin-bottom":"2rem"},on:{"click":_vm.downloadAllOfType}},[_vm._v("\n\t\t"+_vm._s(_vm.$t('globals.download', { thing: _vm.$tc(("globals.listTabs." + _vm.activeTab + "N"), _vm.getTabLenght()) }))+"\n\t")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'playlist' }},[(_vm.playlists.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noPlaylists')))])]):_vm._e(),_vm._v(" "),(_vm.playlists.length > 0 || _vm.spotifyPlaylists > 0)?_c('div',{staticClass:"release_grid"},[_vm._l((_vm.playlists),function(release){return _c('div',{key:release.id,staticClass:"release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: release.creator.name })) + " - " + (_vm.$tc( +var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v("\n\t\t"+_vm._s(_vm.$t('favorites.title'))+"\n\t\t"),_c('div',{ref:"reloadButton",staticClass:"inline-block clickable reload-button",attrs:{"role":"button","aria-label":"reload"},on:{"click":_vm.reloadTabs}},[_c('i',{staticClass:"material-icons"},[_vm._v("sync")])])]),_vm._v(" "),_c('ul',{staticClass:"section-tabs"},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab,staticClass:"section-tabs__tab favorites_tablinks",class:{ active: _vm.activeTab === tab },on:{"click":function($event){_vm.activeTab = tab;}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$tc(("globals.listTabs." + tab), 2))+"\n\t\t")])}),0),_vm._v(" "),(!_vm.activeTabEmpty)?_c('button',{staticClass:"btn btn-primary",staticStyle:{"margin-bottom":"2rem"},on:{"click":_vm.downloadAllOfType}},[_vm._v("\n\t\t"+_vm._s(_vm.$t('globals.download', { thing: _vm.$tc(("globals.listTabs." + _vm.activeTab + "N"), _vm.getTabLenght()) }))+"\n\t")]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'playlist' }},[(_vm.playlists.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noPlaylists')))])]):_vm._e(),_vm._v(" "),(_vm.playlists.length > 0 || _vm.spotifyPlaylists > 0)?_c('div',{staticClass:"release-grid"},[_vm._l((_vm.playlists),function(release){return _c('div',{key:release.id,staticClass:"release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: release.creator.name })) + " - " + (_vm.$tc( 'globals.listTabs.trackN', release.nb_tracks ))))+"\n\t\t\t\t")])],1)}),_vm._v(" "),_vm._l((_vm.spotifyPlaylists),function(release){return _c('div',{key:release.id,staticClass:"release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Spotify Playlist', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: release.creator.name })) + " - " + (_vm.$tc( 'globals.listTabs.trackN', release.nb_tracks - ))))+"\n\t\t\t\t")])],1)})],2):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'album' }},[(_vm.albums.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noAlbums')))])]):_vm._e(),_vm._v(" "),(_vm.albums.length > 0)?_c('div',{staticClass:"release_grid"},_vm._l((_vm.albums),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.cover_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(("" + (_vm.$t('globals.by', { artist: release.artist.name })))))])],1)}),1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'artist' }},[(_vm.artists.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noArtists')))])]):_vm._e(),_vm._v(" "),(_vm.artists.length > 0)?_c('div',{staticClass:"release_grid"},_vm._l((_vm.artists),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Artist', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-circle":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.name))])],1)}),1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'track' }},[(_vm.tracks.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noTracks')))])]):_vm._e(),_vm._v(" "),(_vm.tracks.length > 0)?_c('table',{staticClass:"table"},_vm._l((_vm.tracks),function(track){return _c('tr',{staticClass:"track_row"},[_c('td',{staticClass:"p-3 text-center cursor-default",class:{ first: track.position === 1 }},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.position)+"\n\t\t\t\t")]),_vm._v(" "),_c('td',[_c('a',{staticClass:"rounded",class:{ 'single-cover': !!track.preview },attrs:{"href":"#","data-preview":track.preview},on:{"click":_vm.playPausePreview}},[(track.preview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.album.cover_small}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell--large"},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.title + + ))))+"\n\t\t\t\t")])],1)})],2):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'album' }},[(_vm.albums.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noAlbums')))])]):_vm._e(),_vm._v(" "),(_vm.albums.length > 0)?_c('div',{staticClass:"release-grid"},_vm._l((_vm.albums),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.cover_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(("" + (_vm.$t('globals.by', { artist: release.artist.name })))))])],1)}),1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'artist' }},[(_vm.artists.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noArtists')))])]):_vm._e(),_vm._v(" "),(_vm.artists.length > 0)?_c('div',{staticClass:"release-grid"},_vm._l((_vm.artists),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Artist', params: { id: release.id } }}},[_c('CoverContainer',{attrs:{"is-circle":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.name))])],1)}),1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"favorites_tabcontent",class:{ 'favorites_tabcontent--active': _vm.activeTab === 'track' }},[(_vm.tracks.length == 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('favorites.noTracks')))])]):_vm._e(),_vm._v(" "),(_vm.tracks.length > 0)?_c('table',{staticClass:"table"},_vm._l((_vm.tracks),function(track){return _c('tr',{staticClass:"track_row"},[_c('td',{staticClass:"p-3 text-center cursor-default",class:{ first: track.position === 1 }},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.position)+"\n\t\t\t\t")]),_vm._v(" "),_c('td',[_c('span',{staticClass:"relative inline-block rounded cursor-pointer",attrs:{"data-preview":track.preview},on:{"click":_vm.playPausePreview}},[(track.preview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.album.cover_small}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell--large"},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' ' + track.title_version : ''))+"\n\t\t\t\t")]),_vm._v(" "),_c('router-link',{staticClass:"table__cell table__cell--medium table__cell--center clickable",attrs:{"tag":"td","to":{ name: 'Artist', params: { id: track.artist.id } }}},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.artist.name)+"\n\t\t\t\t")]),_vm._v(" "),_c('router-link',{staticClass:"table__cell--medium table__cell--center clickable",attrs:{"tag":"td","to":{ name: 'Album', params: { id: track.album.id } }}},[_vm._v("\n\t\t\t\t\t"+_vm._s(track.album.title)+"\n\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"table__cell--small"},[_vm._v("\n\t\t\t\t\t"+_vm._s(_vm.convertDuration(track.duration))+"\n\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"cursor-pointer group",attrs:{"data-link":track.link,"role":"button","aria-label":"download"},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('div',{staticClass:"table__cell-content table__cell-content--vertical-center"},[_c('i',{staticClass:"transition-colors duration-150 ease-in-out material-icons group-hover:text-primary",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("\n\t\t\t\t\t\t\tget_app\n\t\t\t\t\t\t")])])])],1)}),0):_vm._e()])])}; var __vue_staticRenderFns__$j = []; /* style */ const __vue_inject_styles__$j = function (inject) { if (!inject) return - inject("data-v-3a9da4b6_0", { source: ".favorites_tabcontent[data-v-3a9da4b6]{display:none}.favorites_tabcontent--active[data-v-3a9da4b6]{display:block}.reload-button.spin i[data-v-3a9da4b6]{animation:spin .5s infinite ease-out reverse}", map: undefined, media: undefined }); + inject("data-v-3e75b8c2_0", { source: ".favorites_tabcontent[data-v-3e75b8c2]{display:none}.favorites_tabcontent--active[data-v-3e75b8c2]{display:block}.reload-button.spin i[data-v-3e75b8c2]{animation:spin .5s infinite ease-out reverse}", map: undefined, media: undefined }); }; /* scoped */ - const __vue_scope_id__$j = "data-v-3a9da4b6"; + const __vue_scope_id__$j = "data-v-3e75b8c2"; /* module identifier */ const __vue_module_identifier__$c = undefined; /* functional template */ @@ -31016,10 +31022,10 @@ var script$i = { const __vue_script__$i = script$i; /* template */ -var __vue_render__$k = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"home_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('globals.welcome')))]),_vm._v(" "),(!_vm.isLoggedIn)?_c('section',{ref:"notLogged",staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('p',{staticClass:"mb-4",attrs:{"id":"home_not_logged_text"}},[_vm._v(_vm._s(_vm.$t('home.needTologin')))]),_vm._v(" "),_c('router-link',{staticClass:"btn btn-primary",attrs:{"tag":"button","name":"button","to":{ name: 'Settings' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('home.openSettings'))+"\n\t\t")])],1):_vm._e(),_vm._v(" "),(_vm.playlists.length)?_c('section',{staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('h2',{staticClass:"mb-6 text-3xl"},[_vm._v(_vm._s(_vm.$t('home.sections.popularPlaylists')))]),_vm._v(" "),_c('div',{staticClass:"release_grid"},_vm._l((_vm.playlists),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: release.id } },"tabindex":"0"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$router.push({ name: 'Playlist', params: { id: release.id } })}}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: release.user.name })) + " - " + (_vm.$tc( +var __vue_render__$k = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"home_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('globals.welcome')))]),_vm._v(" "),(!_vm.isLoggedIn)?_c('section',{ref:"notLogged",staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('p',{staticClass:"mb-4",attrs:{"id":"home_not_logged_text"}},[_vm._v(_vm._s(_vm.$t('home.needTologin')))]),_vm._v(" "),_c('router-link',{staticClass:"btn btn-primary",attrs:{"tag":"button","name":"button","to":{ name: 'Settings' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('home.openSettings'))+"\n\t\t")])],1):_vm._e(),_vm._v(" "),(_vm.playlists.length)?_c('section',{staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('h2',{staticClass:"mb-6 text-3xl"},[_vm._v(_vm._s(_vm.$t('home.sections.popularPlaylists')))]),_vm._v(" "),_c('div',{staticClass:"release-grid"},_vm._l((_vm.playlists),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: release.id } },"tabindex":"0"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$router.push({ name: 'Playlist', params: { id: release.id } })}}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.picture_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: release.user.name })) + " - " + (_vm.$tc( 'globals.listTabs.trackN', release.nb_tracks - ))))+"\n\t\t\t\t")])],1)}),1)]):_vm._e(),_vm._v(" "),(_vm.albums.length)?_c('section',{staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('h2',{staticClass:"mb-6 text-3xl"},[_vm._v(_vm._s(_vm.$t('home.sections.popularAlbums')))]),_vm._v(" "),_c('div',{staticClass:"release_grid"},_vm._l((_vm.albums),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.id } },"data-id":release.id,"tabindex":"0"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$router.push({ name: 'Album', params: { id: release.id } })}}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.cover_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(("" + (_vm.$t('globals.by', { artist: release.artist.name })))))])],1)}),1)]):_vm._e()])}; + ))))+"\n\t\t\t\t")])],1)}),1)]):_vm._e(),_vm._v(" "),(_vm.albums.length)?_c('section',{staticClass:"py-6 border-0 border-t border-solid border-grayscale-500"},[_c('h2',{staticClass:"mb-6 text-3xl"},[_vm._v(_vm._s(_vm.$t('home.sections.popularAlbums')))]),_vm._v(" "),_c('div',{staticClass:"release-grid"},_vm._l((_vm.albums),function(release){return _c('router-link',{key:release.id,staticClass:"release clickable",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.id } },"data-id":release.id,"tabindex":"0"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$router.push({ name: 'Album', params: { id: release.id } })}}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.cover_medium,"link":release.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}}),_vm._v(" "),_c('p',{staticClass:"primary-text"},[_vm._v(_vm._s(release.title))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(("" + (_vm.$t('globals.by', { artist: release.artist.name })))))])],1)}),1)]):_vm._e()])}; var __vue_staticRenderFns__$k = []; /* style */ @@ -31710,7 +31716,7 @@ var script$l = { const __vue_script__$l = script$l; /* template */ -var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsTrack')))])]):_c('table',{staticClass:"table w-full table--tracks"},[(_vm.wantHeaders)?_c('thead',[_c('tr',{staticClass:"capitalize"},[_c('th',{staticClass:"h-12 pb-3",attrs:{"colspan":"2"}},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.title', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.artist', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.album', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_c('i',{staticClass:"material-icons"},[_vm._v("timer")])]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3",staticStyle:{"width":"3.5rem"}})])]):_vm._e(),_vm._v(" "),_c('tbody',_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(track){return _c('tr',{key:track.trackLink},[_c('td',{staticClass:"table__icon table__icon--big"},[_c('a',{staticClass:"rounded",class:{ 'single-cover': !!track.trackPreview },attrs:{"href":"#","data-preview":track.trackPreview},on:{"click":function($event){return _vm.playPausePreview($event)}}},[(track.trackPreview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.albumPicture}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell table__cell--large"},[_c('div',{staticClass:"break-words table__cell-content table__cell-content--vertical-center"},[(track.isTrackExplicit)?_c('i',{staticClass:"material-icons explicit-icon"},[_vm._v("explicit")]):_vm._e(),_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.formatTitle(track))+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('router-link',{staticClass:"break-words table__cell table__cell--medium table__cell--center",attrs:{"tag":"td","to":{ name: 'Artist', params: { id: track.artistID } }}},[_c('span',{staticClass:"cursor-pointer hover:underline"},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(track.artistName)+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('router-link',{staticClass:"break-words table__cell table__cell--medium table__cell--center",attrs:{"tag":"td","to":{ name: 'Album', params: { id: track.albumID } }}},[_c('span',{staticClass:"cursor-pointer hover:underline"},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(track.albumTitle)+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('td',{staticClass:"table__cell table__cell--small table__cell--center"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(_vm.convertDuration(track.trackDuration))+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"cursor-pointer table__cell--center group",attrs:{"data-link":track.trackLink,"aria-label":"download"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}},[_c('i',{staticClass:"transition-colors duration-150 ease-in-out material-icons group-hover:text-primary",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("\n\t\t\t\t\t\t\tget_app\n\t\t\t\t\t\t")])])],1)}),0)])]],2)}; +var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsTrack')))])]):_c('table',{staticClass:"table w-full table--tracks"},[(_vm.wantHeaders)?_c('thead',[_c('tr',{staticClass:"capitalize"},[_c('th',{staticClass:"h-12 pb-3",attrs:{"colspan":"2"}},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.title', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.artist', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_vm._v(_vm._s(_vm.$tc('globals.listTabs.album', 1)))]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3"},[_c('i',{staticClass:"material-icons"},[_vm._v("timer")])]),_vm._v(" "),_c('th',{staticClass:"h-12 pb-3",staticStyle:{"width":"3.5rem"}})])]):_vm._e(),_vm._v(" "),_c('tbody',_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(track){return _c('tr',{key:track.trackLink},[_c('td',{staticClass:"table__icon table__icon--big"},[_c('span',{staticClass:"relative inline-block rounded cursor-pointer",attrs:{"data-preview":track.trackPreview},on:{"click":function($event){return _vm.playPausePreview($event)}}},[(track.trackPreview)?_c('PreviewControls'):_vm._e(),_vm._v(" "),_c('img',{staticClass:"rounded coverart",attrs:{"src":track.albumPicture}})],1)]),_vm._v(" "),_c('td',{staticClass:"table__cell table__cell--large"},[_c('div',{staticClass:"break-words table__cell-content table__cell-content--vertical-center"},[(track.isTrackExplicit)?_c('i',{staticClass:"material-icons explicit-icon"},[_vm._v("explicit")]):_vm._e(),_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.formatTitle(track))+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('router-link',{staticClass:"break-words table__cell table__cell--medium table__cell--center",attrs:{"tag":"td","to":{ name: 'Artist', params: { id: track.artistID } }}},[_c('span',{staticClass:"cursor-pointer hover:underline"},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(track.artistName)+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('router-link',{staticClass:"break-words table__cell table__cell--medium table__cell--center",attrs:{"tag":"td","to":{ name: 'Album', params: { id: track.albumID } }}},[_c('span',{staticClass:"cursor-pointer hover:underline"},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(track.albumTitle)+"\n\t\t\t\t\t\t")])]),_vm._v(" "),_c('td',{staticClass:"table__cell table__cell--small table__cell--center"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(_vm.convertDuration(track.trackDuration))+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',{staticClass:"cursor-pointer table__cell--center group",attrs:{"data-link":track.trackLink,"aria-label":"download"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}},[_c('i',{staticClass:"transition-colors duration-150 ease-in-out material-icons group-hover:text-primary",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("\n\t\t\t\t\t\t\tget_app\n\t\t\t\t\t\t")])])],1)}),0)])]],2)}; var __vue_staticRenderFns__$n = []; /* style */ @@ -31793,7 +31799,7 @@ var script$m = { const __vue_script__$m = script$m; /* template */ -var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsAlbum')))])]):_c('div',{staticClass:"release_grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(release){return _c('div',{key:release.albumID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.albumID } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.albumCoverMedium,"link":release.albumLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[(release.isAlbumExplicit)?_c('i',{staticClass:"material-icons explicit-icon",staticStyle:{"font-size":"1.0625rem !important"}},[_vm._v("\n\t\t\t\t\t\t\texplicit\n\t\t\t\t\t\t")]):_vm._e(),_vm._v("\n\t\t\t\t\t\t"+_vm._s(release.albumTitle)+"\n\t\t\t\t\t")])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(_vm.$t('globals.by', { artist: release.artistName }) + +var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsAlbum')))])]):_c('div',{staticClass:"release-grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(release){return _c('div',{key:release.albumID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Album', params: { id: release.albumID } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":release.albumCoverMedium,"link":release.albumLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[(release.isAlbumExplicit)?_c('i',{staticClass:"material-icons explicit-icon",staticStyle:{"font-size":"1.0625rem !important"}},[_vm._v("\n\t\t\t\t\t\t\texplicit\n\t\t\t\t\t\t")]):_vm._e(),_vm._v("\n\t\t\t\t\t\t"+_vm._s(release.albumTitle)+"\n\t\t\t\t\t")])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(_vm.$t('globals.by', { artist: release.artistName }) + ' - ' + _vm.$tc('globals.listTabs.trackN', release.albumTracks))+"\n\t\t\t\t")])],1)}),0)]],2)}; var __vue_staticRenderFns__$o = []; @@ -31878,7 +31884,7 @@ var script$n = { const __vue_script__$n = script$n; /* template */ -var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsArtist')))])]):_c('div',{staticClass:"release_grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(release){return _c('div',{key:release.artistID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Artist', params: { id: release.artistID } }}},[_c('CoverContainer',{attrs:{"is-circle":"","cover":release.artistPictureMedium,"link":release.artistLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(release.artistName)+"\n\t\t\t\t\t")])],1)],1)}),0)]],2)}; +var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsArtist')))])]):_c('div',{staticClass:"release-grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(release){return _c('div',{key:release.artistID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Artist', params: { id: release.artistID } }}},[_c('CoverContainer',{attrs:{"is-circle":"","cover":release.artistPictureMedium,"link":release.artistLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(release.artistName)+"\n\t\t\t\t\t")])],1)],1)}),0)]],2)}; var __vue_staticRenderFns__$p = []; /* style */ @@ -31961,7 +31967,7 @@ var script$o = { const __vue_script__$o = script$o; /* template */ -var __vue_render__$q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsPlaylist')))])]):_c('div',{staticClass:"release_grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(playlist){return _c('div',{key:playlist.playlistID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: playlist.playlistID } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":playlist.playlistPictureMedium,"link":playlist.playlistLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(playlist.playlistTitle)+"\n\t\t\t\t\t")])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: playlist.artistName })) + " - " + (_vm.$tc( +var __vue_render__$q = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(_vm.isLoading)?_c('BaseLoadingPlaceholder'):[(_vm.viewInfo.data.length === 0)?_c('div',[_c('h1',[_vm._v(_vm._s(_vm.$t('search.noResultsPlaylist')))])]):_c('div',{staticClass:"release-grid"},_vm._l((_vm.viewInfo.data.slice(0, _vm.itemsToShow)),function(playlist){return _c('div',{key:playlist.playlistID,staticClass:"w-40 release"},[_c('router-link',{staticClass:"cursor-pointer",attrs:{"tag":"div","to":{ name: 'Playlist', params: { id: playlist.playlistID } }}},[_c('CoverContainer',{attrs:{"is-rounded":"","cover":playlist.playlistPictureMedium,"link":playlist.playlistLink},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('add-to-queue', $event)}}}),_vm._v(" "),_c('span',{staticClass:"primary-text"},[_vm._v("\n\t\t\t\t\t\t"+_vm._s(playlist.playlistTitle)+"\n\t\t\t\t\t")])],1),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('globals.by', { artist: playlist.artistName })) + " - " + (_vm.$tc( 'globals.listTabs.trackN', playlist.playlistTracksNumber ))))+"\n\t\t\t\t")])],1)}),0)]],2)}; @@ -32480,9 +32486,192 @@ const flags$1 = { pl: pl$1 }; +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// // var script$r = { + props: { + withArrow: { + type: Boolean, + default: false + } + } +}; + +/* script */ + const __vue_script__$r = script$r; + +/* template */ +var __vue_render__$t = function (_h,_vm) {var _c=_vm._c;return _c('details',{class:{ 'with-arrow': _vm.props.withArrow }},[_c('summary',{staticClass:"mb-6 cursor-pointer"},[_vm._t("title",[_vm._v("Setting")])],2),_vm._v(" "),_vm._t("default",[_vm._v("\n\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Eos distinctio sint culpa, recusandae vel fugit esse hic\n\t\ttenetur autem. Debitis.\n\t")])],2)}; +var __vue_staticRenderFns__$t = []; + + /* style */ + const __vue_inject_styles__$t = function (inject) { + if (!inject) return + inject("data-v-43d10814_0", { source: "details>summary::-webkit-details-marker{display:none}details.with-arrow>summary::-webkit-details-marker{display:initial}", map: undefined, media: undefined }); + + }; + /* scoped */ + const __vue_scope_id__$t = undefined; + /* module identifier */ + const __vue_module_identifier__$d = undefined; + /* functional template */ + const __vue_is_functional_template__$t = true; + /* component normalizer */ + function __vue_normalize__$t( + template, style, script, + scope, functional, moduleIdentifier, + createInjector, createInjectorSSR + ) { + const component = (typeof script === 'function' ? script.options : script) || {}; + + // For security concerns, we use only base name in production mode. + component.__file = "BaseAccordion.vue"; + + if (!component.render) { + component.render = template.render; + component.staticRenderFns = template.staticRenderFns; + component._compiled = true; + + if (functional) component.functional = true; + } + + component._scopeId = scope; + + { + let hook; + if (style) { + hook = function(context) { + style.call(this, createInjector(context)); + }; + } + + if (hook !== undefined) { + if (component.functional) { + // register for functional component in vue file + const originalRender = component.render; + component.render = function renderWithStyleInjection(h, context) { + hook.call(context); + return originalRender(h, context) + }; + } else { + // inject component registration as beforeCreate hook + const existing = component.beforeCreate; + component.beforeCreate = existing ? [].concat(existing, hook) : [hook]; + } + } + } + + return component + } + /* style inject */ + function __vue_create_injector__$d() { + const head = document.head || document.getElementsByTagName('head')[0]; + const styles = __vue_create_injector__$d.styles || (__vue_create_injector__$d.styles = {}); + const isOldIE = + typeof navigator !== 'undefined' && + /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()); + + return function addStyle(id, css) { + if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return // SSR styles are present. + + const group = isOldIE ? css.media || 'default' : id; + const style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined }); + + if (!style.ids.includes(id)) { + let code = css.source; + let index = style.ids.length; + + style.ids.push(id); + + if ( css.map) { + // https://developer.chrome.com/devtools/docs/javascript-debugging + // this makes source maps inside style tags work properly in Chrome + code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; + // http://stackoverflow.com/a/26603875 + code += + '\n/*# sourceMappingURL=data:application/json;base64,' + + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + + ' */'; + } + + if (isOldIE) { + style.element = style.element || document.querySelector('style[data-group=' + group + ']'); + } + + if (!style.element) { + const el = style.element = document.createElement('style'); + el.type = 'text/css'; + + if (css.media) el.setAttribute('media', css.media); + if (isOldIE) { + el.setAttribute('data-group', group); + el.setAttribute('data-next-index', '0'); + } + + head.appendChild(el); + } + + if (isOldIE) { + index = parseInt(style.element.getAttribute('data-next-index')); + style.element.setAttribute('data-next-index', index + 1); + } + + if (style.element.styleSheet) { + style.parts.push(code); + style.element.styleSheet.cssText = style.parts + .filter(Boolean) + .join('\n'); + } else { + const textNode = document.createTextNode(code); + const nodes = style.element.childNodes; + if (nodes[index]) style.element.removeChild(nodes[index]); + if (nodes.length) style.element.insertBefore(textNode, nodes[index]); + else style.element.appendChild(textNode); + } + } + } + } + /* style inject SSR */ + + + + var BaseAccordion = __vue_normalize__$t( + { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t }, + __vue_inject_styles__$t, + __vue_script__$r, + __vue_scope_id__$t, + __vue_is_functional_template__$t, + __vue_module_identifier__$d, + __vue_create_injector__$d); + +// + +var script$s = { + components: { + BaseAccordion + }, data() { return { flags: flags$1, @@ -32699,10 +32888,10 @@ var script$r = { }; /* script */ - const __vue_script__$r = script$r; + const __vue_script__$s = script$s; /* template */ -var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"fixed-footer",attrs:{"id":"settings_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('settings.title')))]),_vm._v(" "),(_vm.isLoggedIn)?_c('div',{ref:"loggedInInfo",attrs:{"id":"logged_in_info"}},[_c('img',{ref:"userpicture",staticClass:"circle",attrs:{"id":"settings_picture","src":_vm.pictureHref,"alt":"Profile Picture"}}),_vm._v(" "),_c('i18n',{attrs:{"path":"settings.login.loggedIn","tag":"p"}},[_c('strong',{ref:"username",attrs:{"place":"username","id":"settings_username"}},[_vm._v(_vm._s(_vm.user.name || 'not logged'))])]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",attrs:{"id":"settings_btn_logout"},on:{"click":_vm.logout}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.logout'))+"\n\t\t")]),_vm._v(" "),(_vm.accounts.length)?_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.accountNum),expression:"accountNum"}],attrs:{"id":"family_account"},on:{"change":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.accountNum=$event.target.multiple ? $$selectedVal : $$selectedVal[0];},_vm.changeAccount]}},_vm._l((_vm.accounts),function(account,i){return _c('option',{key:account,domProps:{"value":i.toString()}},[_vm._v(_vm._s(account.BLOG_NAME))])}),0):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("person")]),_vm._v(_vm._s(_vm.$t('settings.login.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"flex items-center"},[_c('input',{ref:"loginInput",attrs:{"autocomplete":"off","type":"password","id":"login_input_arl","placeholder":"ARL"},domProps:{"value":_vm.arl}}),_vm._v(" "),_c('button',{staticClass:"ml-2 btn btn-primary btn-only-icon",attrs:{"id":"settings_btn_copyArl"},on:{"click":_vm.copyARLtoClipboard}},[_c('i',{staticClass:"material-icons"},[_vm._v("assignment")])])]),_vm._v(" "),_c('RouterLink',{attrs:{"to":{ name: 'ARL' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.arl.question'))+"\n\t\t")]),_vm._v(" "),(_vm.clientMode)?_c('a',{attrs:{"id":"settings_btn_applogin","href":"#"},on:{"click":_vm.appLogin}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.login'))+"\n\t\t")]):_vm._e(),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",staticStyle:{"width":"100%"},attrs:{"id":"settings_btn_updateArl"},on:{"click":_vm.login}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.arl.update'))+"\n\t\t")])],1),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("language")]),_vm._v(_vm._s(_vm.$t('settings.languages'))+"\n\t\t")]),_vm._v(" "),_c('div',_vm._l((_vm.locales),function(locale){return _c('span',{key:locale,staticClass:"inline-flex items-center locale-flag",class:{ 'locale-flag--current': _vm.currentLocale === locale },attrs:{"title":locale},domProps:{"innerHTML":_vm._s(_vm.flags[locale])},on:{"click":function($event){return _vm.changeLocale(locale)}}})}),0)]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("web")]),_vm._v(_vm._s(_vm.$t('settings.appearance.title'))+"\n\t\t")]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.changeSlimDownloads),expression:"changeSlimDownloads"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.changeSlimDownloads)?_vm._i(_vm.changeSlimDownloads,null)>-1:(_vm.changeSlimDownloads)},on:{"change":function($event){var $$a=_vm.changeSlimDownloads,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.changeSlimDownloads=$$a.concat([$$v]));}else {$$i>-1&&(_vm.changeSlimDownloads=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else {_vm.changeSlimDownloads=$$c;}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.appearance.slimDownloadTab')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.changeSlimSidebar),expression:"changeSlimSidebar"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.changeSlimSidebar)?_vm._i(_vm.changeSlimSidebar,null)>-1:(_vm.changeSlimSidebar)},on:{"change":function($event){var $$a=_vm.changeSlimSidebar,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.changeSlimSidebar=$$a.concat([$$v]));}else {$$i>-1&&(_vm.changeSlimSidebar=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else {_vm.changeSlimSidebar=$$c;}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.appearance.slimSidebar')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("folder")]),_vm._v(_vm._s(_vm.$t('settings.downloadPath.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"flex items-center"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.downloadLocation),expression:"settings.downloadLocation"}],attrs:{"autocomplete":"off","type":"text"},domProps:{"value":(_vm.settings.downloadLocation)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "downloadLocation", $event.target.value);}}}),_vm._v(" "),(_vm.clientMode)?_c('button',{staticClass:"ml-2 btn btn-primary btn-only-icon",attrs:{"id":"select_downloads_folder"},on:{"click":_vm.selectDownloadFolder}},[_c('i',{staticClass:"material-icons"},[_vm._v("folder")])]):_vm._e()])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("font_download")]),_vm._v(_vm._s(_vm.$t('settings.templates.title'))+"\n\t\t")]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.tracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tracknameTemplate),expression:"settings.tracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.tracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "tracknameTemplate", $event.target.value);}}}),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.albumTracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumTracknameTemplate),expression:"settings.albumTracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.albumTracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "albumTracknameTemplate", $event.target.value);}}}),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.playlistTracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistTracknameTemplate),expression:"settings.playlistTracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistTracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistTracknameTemplate", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("create_new_folder")]),_vm._v(_vm._s(_vm.$t('settings.folders.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createPlaylistFolder),expression:"settings.createPlaylistFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createPlaylistFolder)?_vm._i(_vm.settings.createPlaylistFolder,null)>-1:(_vm.settings.createPlaylistFolder)},on:{"change":function($event){var $$a=_vm.settings.createPlaylistFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createPlaylistFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createPlaylistFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createPlaylistFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createPlaylistFolder')))])]),_vm._v(" "),(_vm.settings.createPlaylistFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.playlistNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistNameTemplate),expression:"settings.playlistNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistNameTemplate", $event.target.value);}}})]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createArtistFolder),expression:"settings.createArtistFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createArtistFolder)?_vm._i(_vm.settings.createArtistFolder,null)>-1:(_vm.settings.createArtistFolder)},on:{"change":function($event){var $$a=_vm.settings.createArtistFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createArtistFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createArtistFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createArtistFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createArtistFolder')))])]),_vm._v(" "),(_vm.settings.createArtistFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.artistNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistNameTemplate),expression:"settings.artistNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.artistNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "artistNameTemplate", $event.target.value);}}})]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createAlbumFolder),expression:"settings.createAlbumFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createAlbumFolder)?_vm._i(_vm.settings.createAlbumFolder,null)>-1:(_vm.settings.createAlbumFolder)},on:{"change":function($event){var $$a=_vm.settings.createAlbumFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createAlbumFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createAlbumFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createAlbumFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createAlbumFolder')))])]),_vm._v(" "),(_vm.settings.createAlbumFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.albumNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumNameTemplate),expression:"settings.albumNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.albumNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "albumNameTemplate", $event.target.value);}}})]):_vm._e()])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createCDFolder),expression:"settings.createCDFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createCDFolder)?_vm._i(_vm.settings.createCDFolder,null)>-1:(_vm.settings.createCDFolder)},on:{"change":function($event){var $$a=_vm.settings.createCDFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createCDFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createCDFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createCDFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createCDFolder')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createStructurePlaylist),expression:"settings.createStructurePlaylist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createStructurePlaylist)?_vm._i(_vm.settings.createStructurePlaylist,null)>-1:(_vm.settings.createStructurePlaylist)},on:{"change":function($event){var $$a=_vm.settings.createStructurePlaylist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createStructurePlaylist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createStructurePlaylist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createStructurePlaylist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createStructurePlaylist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createSingleFolder),expression:"settings.createSingleFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createSingleFolder)?_vm._i(_vm.settings.createSingleFolder,null)>-1:(_vm.settings.createSingleFolder)},on:{"change":function($event){var $$a=_vm.settings.createSingleFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createSingleFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createSingleFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createSingleFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createSingleFolder')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("title")]),_vm._v(_vm._s(_vm.$t('settings.trackTitles.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.padTracks),expression:"settings.padTracks"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.padTracks)?_vm._i(_vm.settings.padTracks,null)>-1:(_vm.settings.padTracks)},on:{"change":function($event){var $$a=_vm.settings.padTracks,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "padTracks", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "padTracks", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "padTracks", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.padTracks')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.paddingSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.paddingSize),expression:"settings.paddingSize"}],attrs:{"max":"10","type":"number"},domProps:{"value":(_vm.settings.paddingSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "paddingSize", $event.target.value);}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.illegalCharacterReplacer')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.illegalCharacterReplacer),expression:"settings.illegalCharacterReplacer"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.illegalCharacterReplacer)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "illegalCharacterReplacer", $event.target.value);}}})])])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("get_app")]),_vm._v(_vm._s(_vm.$t('settings.downloads.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.queueConcurrency')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.queueConcurrency),expression:"settings.queueConcurrency",modifiers:{"number":true}}],attrs:{"type":"number","min":"1"},domProps:{"value":(_vm.settings.queueConcurrency)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "queueConcurrency", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.maxBitrate),expression:"settings.maxBitrate"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "maxBitrate", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"9"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.9')))]),_vm._v(" "),_c('option',{attrs:{"value":"3"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.3')))]),_vm._v(" "),_c('option',{attrs:{"value":"1"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.1')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.overwriteFile),expression:"settings.overwriteFile"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "overwriteFile", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"y"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.y')))]),_vm._v(" "),_c('option',{attrs:{"value":"n"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.n')))]),_vm._v(" "),_c('option',{attrs:{"value":"e"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.e')))]),_vm._v(" "),_c('option',{attrs:{"value":"b"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.b')))]),_vm._v(" "),_c('option',{attrs:{"value":"t"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.t')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.fallbackBitrate),expression:"settings.fallbackBitrate"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.fallbackBitrate)?_vm._i(_vm.settings.fallbackBitrate,null)>-1:(_vm.settings.fallbackBitrate)},on:{"change":function($event){var $$a=_vm.settings.fallbackBitrate,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "fallbackBitrate", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "fallbackBitrate", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "fallbackBitrate", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.fallbackBitrate')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.fallbackSearch),expression:"settings.fallbackSearch"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.fallbackSearch)?_vm._i(_vm.settings.fallbackSearch,null)>-1:(_vm.settings.fallbackSearch)},on:{"change":function($event){var $$a=_vm.settings.fallbackSearch,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "fallbackSearch", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "fallbackSearch", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "fallbackSearch", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.fallbackSearch')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.logErrors),expression:"settings.logErrors"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.logErrors)?_vm._i(_vm.settings.logErrors,null)>-1:(_vm.settings.logErrors)},on:{"change":function($event){var $$a=_vm.settings.logErrors,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "logErrors", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "logErrors", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "logErrors", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.logErrors')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.logSearched),expression:"settings.logSearched"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.logSearched)?_vm._i(_vm.settings.logSearched,null)>-1:(_vm.settings.logSearched)},on:{"change":function($event){var $$a=_vm.settings.logSearched,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "logSearched", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "logSearched", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "logSearched", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.logSearched')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.syncedLyrics),expression:"settings.syncedLyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.syncedLyrics)?_vm._i(_vm.settings.syncedLyrics,null)>-1:(_vm.settings.syncedLyrics)},on:{"change":function($event){var $$a=_vm.settings.syncedLyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "syncedLyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "syncedLyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "syncedLyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.syncedLyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createM3U8File),expression:"settings.createM3U8File"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createM3U8File)?_vm._i(_vm.settings.createM3U8File,null)>-1:(_vm.settings.createM3U8File)},on:{"change":function($event){var $$a=_vm.settings.createM3U8File,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createM3U8File", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createM3U8File", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createM3U8File", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.createM3U8File')))])])])]),_vm._v(" "),(_vm.settings.createM3U8File)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.playlistFilenameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistFilenameTemplate),expression:"settings.playlistFilenameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistFilenameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistFilenameTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveDownloadQueue),expression:"settings.saveDownloadQueue"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveDownloadQueue)?_vm._i(_vm.settings.saveDownloadQueue,null)>-1:(_vm.settings.saveDownloadQueue)},on:{"change":function($event){var $$a=_vm.settings.saveDownloadQueue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveDownloadQueue", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveDownloadQueue", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveDownloadQueue", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.saveDownloadQueue')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("album")]),_vm._v(_vm._s(_vm.$t('settings.covers.title'))+"\n\t\t")]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveArtwork),expression:"settings.saveArtwork"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveArtwork)?_vm._i(_vm.settings.saveArtwork,null)>-1:(_vm.settings.saveArtwork)},on:{"change":function($event){var $$a=_vm.settings.saveArtwork,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveArtwork", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveArtwork", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveArtwork", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.saveArtwork')))])]),_vm._v(" "),(_vm.settings.saveArtwork)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.coverImageTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.coverImageTemplate),expression:"settings.coverImageTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.coverImageTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "coverImageTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveArtworkArtist),expression:"settings.saveArtworkArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveArtworkArtist)?_vm._i(_vm.settings.saveArtworkArtist,null)>-1:(_vm.settings.saveArtworkArtist)},on:{"change":function($event){var $$a=_vm.settings.saveArtworkArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveArtworkArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveArtworkArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveArtworkArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.saveArtworkArtist')))])]),_vm._v(" "),(_vm.settings.saveArtworkArtist)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.artistImageTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistImageTemplate),expression:"settings.artistImageTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.artistImageTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "artistImageTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.localArtworkSize),expression:"settings.localArtworkSize",modifiers:{"number":true}}],attrs:{"type":"number","min":"100","max":"10000","step":"100"},domProps:{"value":(_vm.settings.localArtworkSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "localArtworkSize", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),(_vm.settings.localArtworkSize > 1200)?_c('p',{staticClass:"input_group_text",staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.imageSizeWarning'))+"\n\t\t\t")]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.embeddedArtworkSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.embeddedArtworkSize),expression:"settings.embeddedArtworkSize",modifiers:{"number":true}}],attrs:{"type":"number","min":"100","max":"10000","step":"100"},domProps:{"value":(_vm.settings.embeddedArtworkSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "embeddedArtworkSize", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),(_vm.settings.embeddedArtworkSize > 1200)?_c('p',{staticClass:"input_group_text",staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.imageSizeWarning'))+"\n\t\t\t")]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.localArtworkFormat),expression:"settings.localArtworkFormat"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "localArtworkFormat", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"jpg"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.jpg')))]),_vm._v(" "),_c('option',{attrs:{"value":"png"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.png')))]),_vm._v(" "),_c('option',{attrs:{"value":"jpg,png"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.both')))])])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.embeddedArtworkPNG),expression:"settings.embeddedArtworkPNG"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.embeddedArtworkPNG)?_vm._i(_vm.settings.embeddedArtworkPNG,null)>-1:(_vm.settings.embeddedArtworkPNG)},on:{"change":function($event){var $$a=_vm.settings.embeddedArtworkPNG,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "embeddedArtworkPNG", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "embeddedArtworkPNG", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "embeddedArtworkPNG", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.embeddedArtworkPNG')))])]),_vm._v(" "),(_vm.settings.embeddedArtworkPNG)?_c('p',{staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.embeddedPNGWarning'))+"\n\t\t")]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.coverDescriptionUTF8),expression:"settings.tags.coverDescriptionUTF8"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.coverDescriptionUTF8)?_vm._i(_vm.settings.tags.coverDescriptionUTF8,null)>-1:(_vm.settings.tags.coverDescriptionUTF8)},on:{"change":function($event){var $$a=_vm.settings.tags.coverDescriptionUTF8,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.coverDescriptionUTF8')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.jpegImageQuality')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.jpegImageQuality),expression:"settings.jpegImageQuality",modifiers:{"number":true}}],attrs:{"type":"number","min":"1","max":"100"},domProps:{"value":(_vm.settings.jpegImageQuality)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "jpegImageQuality", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons",staticStyle:{"width":"1em","height":"1em"}},[_vm._v("bookmarks")]),_vm._v(_vm._s(_vm.$t('settings.tags.head'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__half"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.title),expression:"settings.tags.title"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.title)?_vm._i(_vm.settings.tags.title,null)>-1:(_vm.settings.tags.title)},on:{"change":function($event){var $$a=_vm.settings.tags.title,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "title", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "title", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "title", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.title')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.artist),expression:"settings.tags.artist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.artist)?_vm._i(_vm.settings.tags.artist,null)>-1:(_vm.settings.tags.artist)},on:{"change":function($event){var $$a=_vm.settings.tags.artist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "artist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "artist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "artist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.artist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.album),expression:"settings.tags.album"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.album)?_vm._i(_vm.settings.tags.album,null)>-1:(_vm.settings.tags.album)},on:{"change":function($event){var $$a=_vm.settings.tags.album,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "album", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "album", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "album", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.album')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.cover),expression:"settings.tags.cover"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.cover)?_vm._i(_vm.settings.tags.cover,null)>-1:(_vm.settings.tags.cover)},on:{"change":function($event){var $$a=_vm.settings.tags.cover,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "cover", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "cover", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "cover", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.cover')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.trackNumber),expression:"settings.tags.trackNumber"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.trackNumber)?_vm._i(_vm.settings.tags.trackNumber,null)>-1:(_vm.settings.tags.trackNumber)},on:{"change":function($event){var $$a=_vm.settings.tags.trackNumber,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "trackNumber", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "trackNumber", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "trackNumber", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.trackNumber')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.trackTotal),expression:"settings.tags.trackTotal"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.trackTotal)?_vm._i(_vm.settings.tags.trackTotal,null)>-1:(_vm.settings.tags.trackTotal)},on:{"change":function($event){var $$a=_vm.settings.tags.trackTotal,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "trackTotal", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "trackTotal", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "trackTotal", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.trackTotal')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.discNumber),expression:"settings.tags.discNumber"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.discNumber)?_vm._i(_vm.settings.tags.discNumber,null)>-1:(_vm.settings.tags.discNumber)},on:{"change":function($event){var $$a=_vm.settings.tags.discNumber,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "discNumber", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "discNumber", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "discNumber", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.discNumber')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.discTotal),expression:"settings.tags.discTotal"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.discTotal)?_vm._i(_vm.settings.tags.discTotal,null)>-1:(_vm.settings.tags.discTotal)},on:{"change":function($event){var $$a=_vm.settings.tags.discTotal,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "discTotal", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "discTotal", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "discTotal", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.discTotal')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.albumArtist),expression:"settings.tags.albumArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.albumArtist)?_vm._i(_vm.settings.tags.albumArtist,null)>-1:(_vm.settings.tags.albumArtist)},on:{"change":function($event){var $$a=_vm.settings.tags.albumArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "albumArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "albumArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "albumArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.albumArtist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.genre),expression:"settings.tags.genre"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.genre)?_vm._i(_vm.settings.tags.genre,null)>-1:(_vm.settings.tags.genre)},on:{"change":function($event){var $$a=_vm.settings.tags.genre,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "genre", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "genre", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "genre", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.genre')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.year),expression:"settings.tags.year"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.year)?_vm._i(_vm.settings.tags.year,null)>-1:(_vm.settings.tags.year)},on:{"change":function($event){var $$a=_vm.settings.tags.year,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "year", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "year", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "year", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.year')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.date),expression:"settings.tags.date"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.date)?_vm._i(_vm.settings.tags.date,null)>-1:(_vm.settings.tags.date)},on:{"change":function($event){var $$a=_vm.settings.tags.date,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "date", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "date", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "date", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.date')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.explicit),expression:"settings.tags.explicit"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.explicit)?_vm._i(_vm.settings.tags.explicit,null)>-1:(_vm.settings.tags.explicit)},on:{"change":function($event){var $$a=_vm.settings.tags.explicit,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "explicit", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "explicit", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "explicit", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.explicit')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__half"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.isrc),expression:"settings.tags.isrc"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.isrc)?_vm._i(_vm.settings.tags.isrc,null)>-1:(_vm.settings.tags.isrc)},on:{"change":function($event){var $$a=_vm.settings.tags.isrc,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "isrc", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "isrc", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "isrc", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.isrc')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.length),expression:"settings.tags.length"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.length)?_vm._i(_vm.settings.tags.length,null)>-1:(_vm.settings.tags.length)},on:{"change":function($event){var $$a=_vm.settings.tags.length,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "length", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "length", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "length", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.length')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.barcode),expression:"settings.tags.barcode"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.barcode)?_vm._i(_vm.settings.tags.barcode,null)>-1:(_vm.settings.tags.barcode)},on:{"change":function($event){var $$a=_vm.settings.tags.barcode,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "barcode", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "barcode", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "barcode", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.barcode')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.bpm),expression:"settings.tags.bpm"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.bpm)?_vm._i(_vm.settings.tags.bpm,null)>-1:(_vm.settings.tags.bpm)},on:{"change":function($event){var $$a=_vm.settings.tags.bpm,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "bpm", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "bpm", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "bpm", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.bpm')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.replayGain),expression:"settings.tags.replayGain"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.replayGain)?_vm._i(_vm.settings.tags.replayGain,null)>-1:(_vm.settings.tags.replayGain)},on:{"change":function($event){var $$a=_vm.settings.tags.replayGain,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "replayGain", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "replayGain", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "replayGain", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.replayGain')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.label),expression:"settings.tags.label"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.label)?_vm._i(_vm.settings.tags.label,null)>-1:(_vm.settings.tags.label)},on:{"change":function($event){var $$a=_vm.settings.tags.label,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "label", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "label", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "label", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.label')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.lyrics),expression:"settings.tags.lyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.lyrics)?_vm._i(_vm.settings.tags.lyrics,null)>-1:(_vm.settings.tags.lyrics)},on:{"change":function($event){var $$a=_vm.settings.tags.lyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "lyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "lyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "lyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.lyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.syncedLyrics),expression:"settings.tags.syncedLyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.syncedLyrics)?_vm._i(_vm.settings.tags.syncedLyrics,null)>-1:(_vm.settings.tags.syncedLyrics)},on:{"change":function($event){var $$a=_vm.settings.tags.syncedLyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "syncedLyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "syncedLyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "syncedLyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.syncedLyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.copyright),expression:"settings.tags.copyright"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.copyright)?_vm._i(_vm.settings.tags.copyright,null)>-1:(_vm.settings.tags.copyright)},on:{"change":function($event){var $$a=_vm.settings.tags.copyright,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "copyright", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "copyright", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "copyright", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.copyright')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.composer),expression:"settings.tags.composer"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.composer)?_vm._i(_vm.settings.tags.composer,null)>-1:(_vm.settings.tags.composer)},on:{"change":function($event){var $$a=_vm.settings.tags.composer,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "composer", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "composer", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "composer", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.composer')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.involvedPeople),expression:"settings.tags.involvedPeople"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.involvedPeople)?_vm._i(_vm.settings.tags.involvedPeople,null)>-1:(_vm.settings.tags.involvedPeople)},on:{"change":function($event){var $$a=_vm.settings.tags.involvedPeople,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "involvedPeople", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "involvedPeople", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "involvedPeople", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.involvedPeople')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.source),expression:"settings.tags.source"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.source)?_vm._i(_vm.settings.tags.source,null)>-1:(_vm.settings.tags.source)},on:{"change":function($event){var $$a=_vm.settings.tags.source,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "source", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "source", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "source", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.source')))])])])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('i',{staticClass:"material-icons"},[_vm._v("list")]),_vm._v(_vm._s(_vm.$t('settings.other.title'))+"\n\t\t")]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.savePlaylistAsCompilation),expression:"settings.tags.savePlaylistAsCompilation"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.savePlaylistAsCompilation)?_vm._i(_vm.settings.tags.savePlaylistAsCompilation,null)>-1:(_vm.settings.tags.savePlaylistAsCompilation)},on:{"change":function($event){var $$a=_vm.settings.tags.savePlaylistAsCompilation,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.savePlaylistAsCompilation')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.useNullSeparator),expression:"settings.tags.useNullSeparator"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.useNullSeparator)?_vm._i(_vm.settings.tags.useNullSeparator,null)>-1:(_vm.settings.tags.useNullSeparator)},on:{"change":function($event){var $$a=_vm.settings.tags.useNullSeparator,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "useNullSeparator", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "useNullSeparator", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "useNullSeparator", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.useNullSeparator')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.saveID3v1),expression:"settings.tags.saveID3v1"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.saveID3v1)?_vm._i(_vm.settings.tags.saveID3v1,null)>-1:(_vm.settings.tags.saveID3v1)},on:{"change":function($event){var $$a=_vm.settings.tags.saveID3v1,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "saveID3v1", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "saveID3v1", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "saveID3v1", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.saveID3v1')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.multiArtistSeparator),expression:"settings.tags.multiArtistSeparator"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings.tags, "multiArtistSeparator", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"default"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.default')))]),_vm._v(" "),_c('option',{attrs:{"value":"andFeat"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.andFeat')))]),_vm._v(" "),_c('option',{attrs:{"value":" & "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ' & ' })))]),_vm._v(" "),_c('option',{attrs:{"value":","}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ',' })))]),_vm._v(" "),_c('option',{attrs:{"value":", "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ', ' })))]),_vm._v(" "),_c('option',{attrs:{"value":"/"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: '/' })))]),_vm._v(" "),_c('option',{attrs:{"value":" / "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ' / ' })))]),_vm._v(" "),_c('option',{attrs:{"value":";"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ';' })))]),_vm._v(" "),_c('option',{attrs:{"value":"; "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: '; ' })))])])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.singleAlbumArtist),expression:"settings.tags.singleAlbumArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.singleAlbumArtist)?_vm._i(_vm.settings.tags.singleAlbumArtist,null)>-1:(_vm.settings.tags.singleAlbumArtist)},on:{"change":function($event){var $$a=_vm.settings.tags.singleAlbumArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.singleAlbumArtist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumVariousArtists),expression:"settings.albumVariousArtists"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.albumVariousArtists)?_vm._i(_vm.settings.albumVariousArtists,null)>-1:(_vm.settings.albumVariousArtists)},on:{"change":function($event){var $$a=_vm.settings.albumVariousArtists,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "albumVariousArtists", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "albumVariousArtists", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "albumVariousArtists", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.albumVariousArtists')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.removeAlbumVersion),expression:"settings.removeAlbumVersion"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.removeAlbumVersion)?_vm._i(_vm.settings.removeAlbumVersion,null)>-1:(_vm.settings.removeAlbumVersion)},on:{"change":function($event){var $$a=_vm.settings.removeAlbumVersion,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "removeAlbumVersion", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "removeAlbumVersion", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "removeAlbumVersion", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.removeAlbumVersion')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.removeDuplicateArtists),expression:"settings.removeDuplicateArtists"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.removeDuplicateArtists)?_vm._i(_vm.settings.removeDuplicateArtists,null)>-1:(_vm.settings.removeDuplicateArtists)},on:{"change":function($event){var $$a=_vm.settings.removeDuplicateArtists,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "removeDuplicateArtists", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "removeDuplicateArtists", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "removeDuplicateArtists", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.removeDuplicateArtists')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.dateFormat.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.dateFormat),expression:"settings.dateFormat"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "dateFormat", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"Y-M-D"}},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('settings.other.dateFormat.year')) + "-" + (_vm.$t('settings.other.dateFormat.month')) + "-" + (_vm.$t( +var __vue_render__$u = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"fixed-footer"},[_c('h1',{staticClass:"mb-8 text-5xl"},[_vm._v(_vm._s(_vm.$t('settings.title')))]),_vm._v(" "),(_vm.isLoggedIn)?_c('div',{ref:"loggedInInfo",attrs:{"id":"logged_in_info"}},[_c('img',{ref:"userpicture",staticClass:"w-32 h-32 rounded-full",attrs:{"id":"settings_picture","src":_vm.pictureHref,"alt":"Profile Picture"}}),_vm._v(" "),_c('i18n',{attrs:{"path":"settings.login.loggedIn","tag":"p"}},[_c('strong',{ref:"username",attrs:{"place":"username","id":"settings_username"}},[_vm._v(_vm._s(_vm.user.name || 'not logged'))])]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",on:{"click":_vm.logout}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.logout'))+"\n\t\t")]),_vm._v(" "),(_vm.accounts.length)?_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.accountNum),expression:"accountNum"}],attrs:{"id":"family_account"},on:{"change":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.accountNum=$event.target.multiple ? $$selectedVal : $$selectedVal[0];},_vm.changeAccount]}},_vm._l((_vm.accounts),function(account,i){return _c('option',{key:account,domProps:{"value":i.toString()}},[_vm._v(_vm._s(account.BLOG_NAME))])}),0):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("person")]),_vm._v(_vm._s(_vm.$t('settings.login.title')))]),_vm._v(" "),_c('div',{staticClass:"flex items-center"},[_c('input',{ref:"loginInput",attrs:{"autocomplete":"off","type":"password","id":"login_input_arl","placeholder":"ARL"},domProps:{"value":_vm.arl}}),_vm._v(" "),_c('button',{staticClass:"ml-2 btn btn-primary btn-only-icon",on:{"click":_vm.copyARLtoClipboard}},[_c('i',{staticClass:"material-icons"},[_vm._v("assignment")])])]),_vm._v(" "),_c('RouterLink',{attrs:{"to":{ name: 'ARL' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.arl.question'))+"\n\t\t")]),_vm._v(" "),(_vm.clientMode)?_c('a',{attrs:{"href":"#"},on:{"click":_vm.appLogin}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.login'))+"\n\t\t")]):_vm._e(),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",staticStyle:{"width":"100%"},on:{"click":_vm.login}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.login.arl.update'))+"\n\t\t")])],1),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("language")]),_vm._v(_vm._s(_vm.$t('settings.languages')))]),_vm._v(" "),_c('div',_vm._l((_vm.locales),function(locale){return _c('span',{key:locale,staticClass:"inline-flex items-center locale-flag",class:{ 'locale-flag--current': _vm.currentLocale === locale },attrs:{"title":locale},domProps:{"innerHTML":_vm._s(_vm.flags[locale])},on:{"click":function($event){return _vm.changeLocale(locale)}}})}),0)]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("web")]),_vm._v(_vm._s(_vm.$t('settings.appearance.title')))]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.changeSlimDownloads),expression:"changeSlimDownloads"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.changeSlimDownloads)?_vm._i(_vm.changeSlimDownloads,null)>-1:(_vm.changeSlimDownloads)},on:{"change":function($event){var $$a=_vm.changeSlimDownloads,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.changeSlimDownloads=$$a.concat([$$v]));}else {$$i>-1&&(_vm.changeSlimDownloads=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else {_vm.changeSlimDownloads=$$c;}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.appearance.slimDownloadTab')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.changeSlimSidebar),expression:"changeSlimSidebar"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.changeSlimSidebar)?_vm._i(_vm.changeSlimSidebar,null)>-1:(_vm.changeSlimSidebar)},on:{"change":function($event){var $$a=_vm.changeSlimSidebar,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.changeSlimSidebar=$$a.concat([$$v]));}else {$$i>-1&&(_vm.changeSlimSidebar=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else {_vm.changeSlimSidebar=$$c;}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.appearance.slimSidebar')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("folder")]),_vm._v(_vm._s(_vm.$t('settings.downloadPath.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"flex items-center"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.downloadLocation),expression:"settings.downloadLocation"}],attrs:{"autocomplete":"off","type":"text"},domProps:{"value":(_vm.settings.downloadLocation)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "downloadLocation", $event.target.value);}}}),_vm._v(" "),(_vm.clientMode)?_c('button',{staticClass:"ml-2 btn btn-primary btn-only-icon",on:{"click":_vm.selectDownloadFolder}},[_c('i',{staticClass:"material-icons"},[_vm._v("folder")])]):_vm._e()])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("font_download")]),_vm._v(_vm._s(_vm.$t('settings.templates.title'))+"\n\t\t")]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.tracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tracknameTemplate),expression:"settings.tracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.tracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "tracknameTemplate", $event.target.value);}}}),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.albumTracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumTracknameTemplate),expression:"settings.albumTracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.albumTracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "albumTracknameTemplate", $event.target.value);}}}),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('settings.templates.playlistTracknameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistTracknameTemplate),expression:"settings.playlistTracknameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistTracknameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistTracknameTemplate", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("create_new_folder")]),_vm._v(_vm._s(_vm.$t('settings.folders.title'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createPlaylistFolder),expression:"settings.createPlaylistFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createPlaylistFolder)?_vm._i(_vm.settings.createPlaylistFolder,null)>-1:(_vm.settings.createPlaylistFolder)},on:{"change":function($event){var $$a=_vm.settings.createPlaylistFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createPlaylistFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createPlaylistFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createPlaylistFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createPlaylistFolder')))])]),_vm._v(" "),(_vm.settings.createPlaylistFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.playlistNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistNameTemplate),expression:"settings.playlistNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistNameTemplate", $event.target.value);}}})]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createArtistFolder),expression:"settings.createArtistFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createArtistFolder)?_vm._i(_vm.settings.createArtistFolder,null)>-1:(_vm.settings.createArtistFolder)},on:{"change":function($event){var $$a=_vm.settings.createArtistFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createArtistFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createArtistFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createArtistFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createArtistFolder')))])]),_vm._v(" "),(_vm.settings.createArtistFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.artistNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistNameTemplate),expression:"settings.artistNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.artistNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "artistNameTemplate", $event.target.value);}}})]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createAlbumFolder),expression:"settings.createAlbumFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createAlbumFolder)?_vm._i(_vm.settings.createAlbumFolder,null)>-1:(_vm.settings.createAlbumFolder)},on:{"change":function($event){var $$a=_vm.settings.createAlbumFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createAlbumFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createAlbumFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createAlbumFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createAlbumFolder')))])]),_vm._v(" "),(_vm.settings.createAlbumFolder)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.albumNameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumNameTemplate),expression:"settings.albumNameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.albumNameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "albumNameTemplate", $event.target.value);}}})]):_vm._e()])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createCDFolder),expression:"settings.createCDFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createCDFolder)?_vm._i(_vm.settings.createCDFolder,null)>-1:(_vm.settings.createCDFolder)},on:{"change":function($event){var $$a=_vm.settings.createCDFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createCDFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createCDFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createCDFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createCDFolder')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createStructurePlaylist),expression:"settings.createStructurePlaylist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createStructurePlaylist)?_vm._i(_vm.settings.createStructurePlaylist,null)>-1:(_vm.settings.createStructurePlaylist)},on:{"change":function($event){var $$a=_vm.settings.createStructurePlaylist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createStructurePlaylist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createStructurePlaylist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createStructurePlaylist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createStructurePlaylist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createSingleFolder),expression:"settings.createSingleFolder"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createSingleFolder)?_vm._i(_vm.settings.createSingleFolder,null)>-1:(_vm.settings.createSingleFolder)},on:{"change":function($event){var $$a=_vm.settings.createSingleFolder,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createSingleFolder", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createSingleFolder", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createSingleFolder", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.folders.createSingleFolder')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("title")]),_vm._v(_vm._s(_vm.$t('settings.trackTitles.title')))]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.padTracks),expression:"settings.padTracks"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.padTracks)?_vm._i(_vm.settings.padTracks,null)>-1:(_vm.settings.padTracks)},on:{"change":function($event){var $$a=_vm.settings.padTracks,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "padTracks", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "padTracks", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "padTracks", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.padTracks')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.paddingSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.paddingSize),expression:"settings.paddingSize"}],attrs:{"max":"10","type":"number"},domProps:{"value":(_vm.settings.paddingSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "paddingSize", $event.target.value);}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third"},[_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.trackTitles.illegalCharacterReplacer')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.illegalCharacterReplacer),expression:"settings.illegalCharacterReplacer"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.illegalCharacterReplacer)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "illegalCharacterReplacer", $event.target.value);}}})])])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("get_app")]),_vm._v(_vm._s(_vm.$t('settings.downloads.title')))]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.queueConcurrency')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.queueConcurrency),expression:"settings.queueConcurrency",modifiers:{"number":true}}],attrs:{"type":"number","min":"1"},domProps:{"value":(_vm.settings.queueConcurrency)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "queueConcurrency", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.maxBitrate),expression:"settings.maxBitrate"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "maxBitrate", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"9"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.9')))]),_vm._v(" "),_c('option',{attrs:{"value":"3"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.3')))]),_vm._v(" "),_c('option',{attrs:{"value":"1"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.maxBitrate.1')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.overwriteFile),expression:"settings.overwriteFile"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "overwriteFile", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"y"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.y')))]),_vm._v(" "),_c('option',{attrs:{"value":"n"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.n')))]),_vm._v(" "),_c('option',{attrs:{"value":"e"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.e')))]),_vm._v(" "),_c('option',{attrs:{"value":"b"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.b')))]),_vm._v(" "),_c('option',{attrs:{"value":"t"}},[_vm._v(_vm._s(_vm.$t('settings.downloads.overwriteFile.t')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.fallbackBitrate),expression:"settings.fallbackBitrate"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.fallbackBitrate)?_vm._i(_vm.settings.fallbackBitrate,null)>-1:(_vm.settings.fallbackBitrate)},on:{"change":function($event){var $$a=_vm.settings.fallbackBitrate,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "fallbackBitrate", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "fallbackBitrate", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "fallbackBitrate", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.fallbackBitrate')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.fallbackSearch),expression:"settings.fallbackSearch"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.fallbackSearch)?_vm._i(_vm.settings.fallbackSearch,null)>-1:(_vm.settings.fallbackSearch)},on:{"change":function($event){var $$a=_vm.settings.fallbackSearch,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "fallbackSearch", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "fallbackSearch", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "fallbackSearch", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.fallbackSearch')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.logErrors),expression:"settings.logErrors"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.logErrors)?_vm._i(_vm.settings.logErrors,null)>-1:(_vm.settings.logErrors)},on:{"change":function($event){var $$a=_vm.settings.logErrors,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "logErrors", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "logErrors", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "logErrors", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.logErrors')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.logSearched),expression:"settings.logSearched"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.logSearched)?_vm._i(_vm.settings.logSearched,null)>-1:(_vm.settings.logSearched)},on:{"change":function($event){var $$a=_vm.settings.logSearched,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "logSearched", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "logSearched", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "logSearched", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.logSearched')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__third settings-container__third--only-checkbox"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.syncedLyrics),expression:"settings.syncedLyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.syncedLyrics)?_vm._i(_vm.settings.syncedLyrics,null)>-1:(_vm.settings.syncedLyrics)},on:{"change":function($event){var $$a=_vm.settings.syncedLyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "syncedLyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "syncedLyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "syncedLyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.syncedLyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.createM3U8File),expression:"settings.createM3U8File"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.createM3U8File)?_vm._i(_vm.settings.createM3U8File,null)>-1:(_vm.settings.createM3U8File)},on:{"change":function($event){var $$a=_vm.settings.createM3U8File,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "createM3U8File", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "createM3U8File", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "createM3U8File", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.createM3U8File')))])])])]),_vm._v(" "),(_vm.settings.createM3U8File)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.playlistFilenameTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.playlistFilenameTemplate),expression:"settings.playlistFilenameTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.playlistFilenameTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "playlistFilenameTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveDownloadQueue),expression:"settings.saveDownloadQueue"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveDownloadQueue)?_vm._i(_vm.settings.saveDownloadQueue,null)>-1:(_vm.settings.saveDownloadQueue)},on:{"change":function($event){var $$a=_vm.settings.saveDownloadQueue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveDownloadQueue", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveDownloadQueue", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveDownloadQueue", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.downloads.saveDownloadQueue')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("album")]),_vm._v(_vm._s(_vm.$t('settings.covers.title')))]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveArtwork),expression:"settings.saveArtwork"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveArtwork)?_vm._i(_vm.settings.saveArtwork,null)>-1:(_vm.settings.saveArtwork)},on:{"change":function($event){var $$a=_vm.settings.saveArtwork,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveArtwork", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveArtwork", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveArtwork", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.saveArtwork')))])]),_vm._v(" "),(_vm.settings.saveArtwork)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.coverImageTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.coverImageTemplate),expression:"settings.coverImageTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.coverImageTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "coverImageTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.saveArtworkArtist),expression:"settings.saveArtworkArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.saveArtworkArtist)?_vm._i(_vm.settings.saveArtworkArtist,null)>-1:(_vm.settings.saveArtworkArtist)},on:{"change":function($event){var $$a=_vm.settings.saveArtworkArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "saveArtworkArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "saveArtworkArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "saveArtworkArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.saveArtworkArtist')))])]),_vm._v(" "),(_vm.settings.saveArtworkArtist)?_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.artistImageTemplate')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistImageTemplate),expression:"settings.artistImageTemplate"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.artistImageTemplate)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "artistImageTemplate", $event.target.value);}}})]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.localArtworkSize),expression:"settings.localArtworkSize",modifiers:{"number":true}}],attrs:{"type":"number","min":"100","max":"10000","step":"100"},domProps:{"value":(_vm.settings.localArtworkSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "localArtworkSize", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),(_vm.settings.localArtworkSize > 1200)?_c('p',{staticClass:"input_group_text",staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.imageSizeWarning'))+"\n\t\t\t")]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.embeddedArtworkSize')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.embeddedArtworkSize),expression:"settings.embeddedArtworkSize",modifiers:{"number":true}}],attrs:{"type":"number","min":"100","max":"10000","step":"100"},domProps:{"value":(_vm.settings.embeddedArtworkSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "embeddedArtworkSize", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),(_vm.settings.embeddedArtworkSize > 1200)?_c('p',{staticClass:"input_group_text",staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.imageSizeWarning'))+"\n\t\t\t")]):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.localArtworkFormat),expression:"settings.localArtworkFormat"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "localArtworkFormat", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"jpg"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.jpg')))]),_vm._v(" "),_c('option',{attrs:{"value":"png"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.png')))]),_vm._v(" "),_c('option',{attrs:{"value":"jpg,png"}},[_vm._v(_vm._s(_vm.$t('settings.covers.localArtworkFormat.both')))])])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.embeddedArtworkPNG),expression:"settings.embeddedArtworkPNG"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.embeddedArtworkPNG)?_vm._i(_vm.settings.embeddedArtworkPNG,null)>-1:(_vm.settings.embeddedArtworkPNG)},on:{"change":function($event){var $$a=_vm.settings.embeddedArtworkPNG,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "embeddedArtworkPNG", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "embeddedArtworkPNG", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "embeddedArtworkPNG", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.embeddedArtworkPNG')))])]),_vm._v(" "),(_vm.settings.embeddedArtworkPNG)?_c('p',{staticStyle:{"opacity":"0.75","color":"#ffcc22"}},[_vm._v("\n\t\t\t⚠️ "+_vm._s(_vm.$t('settings.covers.embeddedPNGWarning'))+"\n\t\t")]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.coverDescriptionUTF8),expression:"settings.tags.coverDescriptionUTF8"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.coverDescriptionUTF8)?_vm._i(_vm.settings.tags.coverDescriptionUTF8,null)>-1:(_vm.settings.tags.coverDescriptionUTF8)},on:{"change":function($event){var $$a=_vm.settings.tags.coverDescriptionUTF8,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "coverDescriptionUTF8", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.coverDescriptionUTF8')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.covers.jpegImageQuality')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.settings.jpegImageQuality),expression:"settings.jpegImageQuality",modifiers:{"number":true}}],attrs:{"type":"number","min":"1","max":"100"},domProps:{"value":(_vm.settings.jpegImageQuality)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "jpegImageQuality", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons",staticStyle:{"width":"1em","height":"1em"}},[_vm._v("bookmarks")]),_vm._v(_vm._s(_vm.$t('settings.tags.head'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"settings-container"},[_c('div',{staticClass:"settings-container__half"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.title),expression:"settings.tags.title"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.title)?_vm._i(_vm.settings.tags.title,null)>-1:(_vm.settings.tags.title)},on:{"change":function($event){var $$a=_vm.settings.tags.title,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "title", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "title", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "title", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.title')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.artist),expression:"settings.tags.artist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.artist)?_vm._i(_vm.settings.tags.artist,null)>-1:(_vm.settings.tags.artist)},on:{"change":function($event){var $$a=_vm.settings.tags.artist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "artist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "artist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "artist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.artist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.album),expression:"settings.tags.album"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.album)?_vm._i(_vm.settings.tags.album,null)>-1:(_vm.settings.tags.album)},on:{"change":function($event){var $$a=_vm.settings.tags.album,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "album", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "album", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "album", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.album')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.cover),expression:"settings.tags.cover"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.cover)?_vm._i(_vm.settings.tags.cover,null)>-1:(_vm.settings.tags.cover)},on:{"change":function($event){var $$a=_vm.settings.tags.cover,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "cover", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "cover", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "cover", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.cover')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.trackNumber),expression:"settings.tags.trackNumber"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.trackNumber)?_vm._i(_vm.settings.tags.trackNumber,null)>-1:(_vm.settings.tags.trackNumber)},on:{"change":function($event){var $$a=_vm.settings.tags.trackNumber,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "trackNumber", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "trackNumber", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "trackNumber", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.trackNumber')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.trackTotal),expression:"settings.tags.trackTotal"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.trackTotal)?_vm._i(_vm.settings.tags.trackTotal,null)>-1:(_vm.settings.tags.trackTotal)},on:{"change":function($event){var $$a=_vm.settings.tags.trackTotal,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "trackTotal", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "trackTotal", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "trackTotal", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.trackTotal')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.discNumber),expression:"settings.tags.discNumber"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.discNumber)?_vm._i(_vm.settings.tags.discNumber,null)>-1:(_vm.settings.tags.discNumber)},on:{"change":function($event){var $$a=_vm.settings.tags.discNumber,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "discNumber", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "discNumber", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "discNumber", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.discNumber')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.discTotal),expression:"settings.tags.discTotal"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.discTotal)?_vm._i(_vm.settings.tags.discTotal,null)>-1:(_vm.settings.tags.discTotal)},on:{"change":function($event){var $$a=_vm.settings.tags.discTotal,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "discTotal", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "discTotal", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "discTotal", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.discTotal')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.albumArtist),expression:"settings.tags.albumArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.albumArtist)?_vm._i(_vm.settings.tags.albumArtist,null)>-1:(_vm.settings.tags.albumArtist)},on:{"change":function($event){var $$a=_vm.settings.tags.albumArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "albumArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "albumArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "albumArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.albumArtist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.genre),expression:"settings.tags.genre"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.genre)?_vm._i(_vm.settings.tags.genre,null)>-1:(_vm.settings.tags.genre)},on:{"change":function($event){var $$a=_vm.settings.tags.genre,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "genre", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "genre", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "genre", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.genre')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.year),expression:"settings.tags.year"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.year)?_vm._i(_vm.settings.tags.year,null)>-1:(_vm.settings.tags.year)},on:{"change":function($event){var $$a=_vm.settings.tags.year,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "year", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "year", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "year", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.year')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.date),expression:"settings.tags.date"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.date)?_vm._i(_vm.settings.tags.date,null)>-1:(_vm.settings.tags.date)},on:{"change":function($event){var $$a=_vm.settings.tags.date,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "date", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "date", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "date", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.date')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.explicit),expression:"settings.tags.explicit"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.explicit)?_vm._i(_vm.settings.tags.explicit,null)>-1:(_vm.settings.tags.explicit)},on:{"change":function($event){var $$a=_vm.settings.tags.explicit,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "explicit", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "explicit", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "explicit", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.explicit')))])])]),_vm._v(" "),_c('div',{staticClass:"settings-container__half"},[_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.isrc),expression:"settings.tags.isrc"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.isrc)?_vm._i(_vm.settings.tags.isrc,null)>-1:(_vm.settings.tags.isrc)},on:{"change":function($event){var $$a=_vm.settings.tags.isrc,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "isrc", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "isrc", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "isrc", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.isrc')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.length),expression:"settings.tags.length"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.length)?_vm._i(_vm.settings.tags.length,null)>-1:(_vm.settings.tags.length)},on:{"change":function($event){var $$a=_vm.settings.tags.length,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "length", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "length", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "length", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.length')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.barcode),expression:"settings.tags.barcode"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.barcode)?_vm._i(_vm.settings.tags.barcode,null)>-1:(_vm.settings.tags.barcode)},on:{"change":function($event){var $$a=_vm.settings.tags.barcode,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "barcode", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "barcode", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "barcode", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.barcode')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.bpm),expression:"settings.tags.bpm"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.bpm)?_vm._i(_vm.settings.tags.bpm,null)>-1:(_vm.settings.tags.bpm)},on:{"change":function($event){var $$a=_vm.settings.tags.bpm,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "bpm", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "bpm", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "bpm", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.bpm')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.replayGain),expression:"settings.tags.replayGain"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.replayGain)?_vm._i(_vm.settings.tags.replayGain,null)>-1:(_vm.settings.tags.replayGain)},on:{"change":function($event){var $$a=_vm.settings.tags.replayGain,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "replayGain", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "replayGain", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "replayGain", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.replayGain')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.label),expression:"settings.tags.label"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.label)?_vm._i(_vm.settings.tags.label,null)>-1:(_vm.settings.tags.label)},on:{"change":function($event){var $$a=_vm.settings.tags.label,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "label", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "label", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "label", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.label')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.lyrics),expression:"settings.tags.lyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.lyrics)?_vm._i(_vm.settings.tags.lyrics,null)>-1:(_vm.settings.tags.lyrics)},on:{"change":function($event){var $$a=_vm.settings.tags.lyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "lyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "lyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "lyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.lyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.syncedLyrics),expression:"settings.tags.syncedLyrics"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.syncedLyrics)?_vm._i(_vm.settings.tags.syncedLyrics,null)>-1:(_vm.settings.tags.syncedLyrics)},on:{"change":function($event){var $$a=_vm.settings.tags.syncedLyrics,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "syncedLyrics", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "syncedLyrics", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "syncedLyrics", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.syncedLyrics')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.copyright),expression:"settings.tags.copyright"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.copyright)?_vm._i(_vm.settings.tags.copyright,null)>-1:(_vm.settings.tags.copyright)},on:{"change":function($event){var $$a=_vm.settings.tags.copyright,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "copyright", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "copyright", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "copyright", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.copyright')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.composer),expression:"settings.tags.composer"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.composer)?_vm._i(_vm.settings.tags.composer,null)>-1:(_vm.settings.tags.composer)},on:{"change":function($event){var $$a=_vm.settings.tags.composer,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "composer", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "composer", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "composer", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.composer')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.involvedPeople),expression:"settings.tags.involvedPeople"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.involvedPeople)?_vm._i(_vm.settings.tags.involvedPeople,null)>-1:(_vm.settings.tags.involvedPeople)},on:{"change":function($event){var $$a=_vm.settings.tags.involvedPeople,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "involvedPeople", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "involvedPeople", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "involvedPeople", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.involvedPeople')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.source),expression:"settings.tags.source"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.source)?_vm._i(_vm.settings.tags.source,null)>-1:(_vm.settings.tags.source)},on:{"change":function($event){var $$a=_vm.settings.tags.source,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "source", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "source", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "source", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.tags.source')))])])])])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("list")]),_vm._v(_vm._s(_vm.$t('settings.other.title')))]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.savePlaylistAsCompilation),expression:"settings.tags.savePlaylistAsCompilation"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.savePlaylistAsCompilation)?_vm._i(_vm.settings.tags.savePlaylistAsCompilation,null)>-1:(_vm.settings.tags.savePlaylistAsCompilation)},on:{"change":function($event){var $$a=_vm.settings.tags.savePlaylistAsCompilation,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "savePlaylistAsCompilation", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.savePlaylistAsCompilation')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.useNullSeparator),expression:"settings.tags.useNullSeparator"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.useNullSeparator)?_vm._i(_vm.settings.tags.useNullSeparator,null)>-1:(_vm.settings.tags.useNullSeparator)},on:{"change":function($event){var $$a=_vm.settings.tags.useNullSeparator,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "useNullSeparator", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "useNullSeparator", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "useNullSeparator", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.useNullSeparator')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.saveID3v1),expression:"settings.tags.saveID3v1"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.saveID3v1)?_vm._i(_vm.settings.tags.saveID3v1,null)>-1:(_vm.settings.tags.saveID3v1)},on:{"change":function($event){var $$a=_vm.settings.tags.saveID3v1,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "saveID3v1", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "saveID3v1", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "saveID3v1", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.saveID3v1')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.multiArtistSeparator),expression:"settings.tags.multiArtistSeparator"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings.tags, "multiArtistSeparator", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"default"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.default')))]),_vm._v(" "),_c('option',{attrs:{"value":"andFeat"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.andFeat')))]),_vm._v(" "),_c('option',{attrs:{"value":" & "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ' & ' })))]),_vm._v(" "),_c('option',{attrs:{"value":","}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ',' })))]),_vm._v(" "),_c('option',{attrs:{"value":", "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ', ' })))]),_vm._v(" "),_c('option',{attrs:{"value":"/"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: '/' })))]),_vm._v(" "),_c('option',{attrs:{"value":" / "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ' / ' })))]),_vm._v(" "),_c('option',{attrs:{"value":";"}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: ';' })))]),_vm._v(" "),_c('option',{attrs:{"value":"; "}},[_vm._v(_vm._s(_vm.$t('settings.other.multiArtistSeparator.using', { separator: '; ' })))])])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.tags.singleAlbumArtist),expression:"settings.tags.singleAlbumArtist"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.tags.singleAlbumArtist)?_vm._i(_vm.settings.tags.singleAlbumArtist,null)>-1:(_vm.settings.tags.singleAlbumArtist)},on:{"change":function($event){var $$a=_vm.settings.tags.singleAlbumArtist,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings.tags, "singleAlbumArtist", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.singleAlbumArtist')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.albumVariousArtists),expression:"settings.albumVariousArtists"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.albumVariousArtists)?_vm._i(_vm.settings.albumVariousArtists,null)>-1:(_vm.settings.albumVariousArtists)},on:{"change":function($event){var $$a=_vm.settings.albumVariousArtists,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "albumVariousArtists", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "albumVariousArtists", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "albumVariousArtists", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.albumVariousArtists')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.removeAlbumVersion),expression:"settings.removeAlbumVersion"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.removeAlbumVersion)?_vm._i(_vm.settings.removeAlbumVersion,null)>-1:(_vm.settings.removeAlbumVersion)},on:{"change":function($event){var $$a=_vm.settings.removeAlbumVersion,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "removeAlbumVersion", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "removeAlbumVersion", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "removeAlbumVersion", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.removeAlbumVersion')))])]),_vm._v(" "),_c('label',{staticClass:"with-checkbox"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.removeDuplicateArtists),expression:"settings.removeDuplicateArtists"}],attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.settings.removeDuplicateArtists)?_vm._i(_vm.settings.removeDuplicateArtists,null)>-1:(_vm.settings.removeDuplicateArtists)},on:{"change":function($event){var $$a=_vm.settings.removeDuplicateArtists,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.settings, "removeDuplicateArtists", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(_vm.settings, "removeDuplicateArtists", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(_vm.settings, "removeDuplicateArtists", $$c);}}}}),_vm._v(" "),_c('span',{staticClass:"checkbox_text"},[_vm._v(_vm._s(_vm.$t('settings.other.removeDuplicateArtists')))])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.dateFormat.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.dateFormat),expression:"settings.dateFormat"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "dateFormat", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"Y-M-D"}},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('settings.other.dateFormat.year')) + "-" + (_vm.$t('settings.other.dateFormat.month')) + "-" + (_vm.$t( 'settings.other.dateFormat.day' ))))+"\n\t\t\t\t")]),_vm._v(" "),_c('option',{attrs:{"value":"Y-D-M"}},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('settings.other.dateFormat.year')) + "-" + (_vm.$t('settings.other.dateFormat.day')) + "-" + (_vm.$t( 'settings.other.dateFormat.month' @@ -32710,23 +32899,23 @@ var __vue_render__$t = function () {var _vm=this;var _h=_vm.$createElement;var _ 'settings.other.dateFormat.year' ))))+"\n\t\t\t\t")]),_vm._v(" "),_c('option',{attrs:{"value":"M-D-Y"}},[_vm._v("\n\t\t\t\t\t"+_vm._s(((_vm.$t('settings.other.dateFormat.month')) + "-" + (_vm.$t('settings.other.dateFormat.day')) + "-" + (_vm.$t( 'settings.other.dateFormat.year' - ))))+"\n\t\t\t\t")]),_vm._v(" "),_c('option',{attrs:{"value":"Y"}},[_vm._v(_vm._s(_vm.$t('settings.other.dateFormat.year')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.featuredToTitle),expression:"settings.featuredToTitle"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "featuredToTitle", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"0"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.0')))]),_vm._v(" "),_c('option',{attrs:{"value":"1"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.1')))]),_vm._v(" "),_c('option',{attrs:{"value":"3"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.3')))]),_vm._v(" "),_c('option',{attrs:{"value":"2"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.2')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.titleCasing')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.titleCasing),expression:"settings.titleCasing"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "titleCasing", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"lower"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.lower')))]),_vm._v(" "),_c('option',{attrs:{"value":"upper"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.upper')))]),_vm._v(" "),_c('option',{attrs:{"value":"start"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.start')))]),_vm._v(" "),_c('option',{attrs:{"value":"sentence"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.sentence')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.artistCasing')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistCasing),expression:"settings.artistCasing"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "artistCasing", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"lower"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.lower')))]),_vm._v(" "),_c('option',{attrs:{"value":"upper"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.upper')))]),_vm._v(" "),_c('option',{attrs:{"value":"start"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.start')))]),_vm._v(" "),_c('option',{attrs:{"value":"sentence"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.sentence')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.previewVolume')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.previewVolume.preview_max_volume),expression:"previewVolume.preview_max_volume",modifiers:{"number":true}}],staticClass:"slider",attrs:{"type":"range","min":"0","max":"100","step":"1"},domProps:{"value":(_vm.previewVolume.preview_max_volume)},on:{"change":_vm.updateMaxVolume,"__r":function($event){_vm.$set(_vm.previewVolume, "preview_max_volume", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.previewVolume.preview_max_volume)+"%")])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.executeCommand.title')))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(_vm.$t('settings.other.executeCommand.description')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.executeCommand),expression:"settings.executeCommand"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.executeCommand)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "executeCommand", $event.target.value);}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header settings-group__header--with-icon"},[_c('svg',{attrs:{"id":"spotify_icon","enable-background":"new 0 0 24 24","viewBox":"0 0 24 24","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{attrs:{"d":"m12 24c6.624 0 12-5.376 12-12s-5.376-12-12-12-12 5.376-12 12 5.376 12 12 12zm4.872-6.344v.001c-.807 0-3.356-2.828-10.52-1.36-.189.049-.436.126-.576.126-.915 0-1.09-1.369-.106-1.578 3.963-.875 8.013-.798 11.467 1.268.824.526.474 1.543-.265 1.543zm1.303-3.173c-.113-.03-.08.069-.597-.203-3.025-1.79-7.533-2.512-11.545-1.423-.232.063-.358.126-.576.126-1.071 0-1.355-1.611-.188-1.94 4.716-1.325 9.775-.552 13.297 1.543.392.232.547.533.547.953-.005.522-.411.944-.938.944zm-13.627-7.485c4.523-1.324 11.368-.906 15.624 1.578 1.091.629.662 2.22-.498 2.22l-.001-.001c-.252 0-.407-.063-.625-.189-3.443-2.056-9.604-2.549-13.59-1.436-.175.048-.393.125-.625.125-.639 0-1.127-.499-1.127-1.142 0-.657.407-1.029.842-1.155z"}})]),_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.spotify.title'))+"\n\t\t")]),_vm._v(" "),_c('RouterLink',{attrs:{"to":{ name: 'Spotify Features' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.spotify.question'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.clientID')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyFeatures.clientId),expression:"spotifyFeatures.clientId"}],attrs:{"type":"text"},domProps:{"value":(_vm.spotifyFeatures.clientId)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.spotifyFeatures, "clientId", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.clientSecret')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyFeatures.clientSecret),expression:"spotifyFeatures.clientSecret"}],attrs:{"type":"password"},domProps:{"value":(_vm.spotifyFeatures.clientSecret)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.spotifyFeatures, "clientSecret", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.username')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyUser),expression:"spotifyUser"}],attrs:{"type":"text"},domProps:{"value":(_vm.spotifyUser)},on:{"input":function($event){if($event.target.composing){ return; }_vm.spotifyUser=$event.target.value;}}})])],1),_vm._v(" "),_c('footer',{staticClass:"bg-background-main"},[_c('button',{staticClass:"mr-2 btn btn-primary",on:{"click":_vm.resetSettings}},[_vm._v(_vm._s(_vm.$t('settings.reset')))]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",on:{"click":_vm.saveSettings}},[_vm._v(_vm._s(_vm.$t('settings.save')))])])])}; -var __vue_staticRenderFns__$t = []; + ))))+"\n\t\t\t\t")]),_vm._v(" "),_c('option',{attrs:{"value":"Y"}},[_vm._v(_vm._s(_vm.$t('settings.other.dateFormat.year')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.title')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.featuredToTitle),expression:"settings.featuredToTitle"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "featuredToTitle", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"0"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.0')))]),_vm._v(" "),_c('option',{attrs:{"value":"1"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.1')))]),_vm._v(" "),_c('option',{attrs:{"value":"3"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.3')))]),_vm._v(" "),_c('option',{attrs:{"value":"2"}},[_vm._v(_vm._s(_vm.$t('settings.other.featuredToTitle.2')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.titleCasing')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.titleCasing),expression:"settings.titleCasing"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "titleCasing", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"lower"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.lower')))]),_vm._v(" "),_c('option',{attrs:{"value":"upper"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.upper')))]),_vm._v(" "),_c('option',{attrs:{"value":"start"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.start')))]),_vm._v(" "),_c('option',{attrs:{"value":"sentence"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.sentence')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.artistCasing')))]),_vm._v(" "),_c('select',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.artistCasing),expression:"settings.artistCasing"}],on:{"change":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return val}); _vm.$set(_vm.settings, "artistCasing", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);}}},[_c('option',{attrs:{"value":"nothing"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.nothing')))]),_vm._v(" "),_c('option',{attrs:{"value":"lower"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.lower')))]),_vm._v(" "),_c('option',{attrs:{"value":"upper"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.upper')))]),_vm._v(" "),_c('option',{attrs:{"value":"start"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.start')))]),_vm._v(" "),_c('option',{attrs:{"value":"sentence"}},[_vm._v(_vm._s(_vm.$t('settings.other.casing.sentence')))])])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.previewVolume')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.previewVolume.preview_max_volume),expression:"previewVolume.preview_max_volume",modifiers:{"number":true}}],staticClass:"slider",attrs:{"type":"range","min":"0","max":"100","step":"1"},domProps:{"value":(_vm.previewVolume.preview_max_volume)},on:{"change":_vm.updateMaxVolume,"__r":function($event){_vm.$set(_vm.previewVolume, "preview_max_volume", _vm._n($event.target.value));},"blur":function($event){return _vm.$forceUpdate()}}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.previewVolume.preview_max_volume)+"%")])]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.other.executeCommand.title')))]),_vm._v(" "),_c('p',{staticClass:"secondary-text"},[_vm._v(_vm._s(_vm.$t('settings.other.executeCommand.description')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.settings.executeCommand),expression:"settings.executeCommand"}],attrs:{"type":"text"},domProps:{"value":(_vm.settings.executeCommand)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.settings, "executeCommand", $event.target.value);}}})])]),_vm._v(" "),_c('div',{staticClass:"settings-group"},[_c('h3',{staticClass:"settings-group__header"},[_c('svg',{staticClass:"w-6 h-6 mr-4",staticStyle:{"fill":"#1db954"},attrs:{"enable-background":"new 0 0 24 24","viewBox":"0 0 24 24","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{attrs:{"d":"m12 24c6.624 0 12-5.376 12-12s-5.376-12-12-12-12 5.376-12 12 5.376 12 12 12zm4.872-6.344v.001c-.807 0-3.356-2.828-10.52-1.36-.189.049-.436.126-.576.126-.915 0-1.09-1.369-.106-1.578 3.963-.875 8.013-.798 11.467 1.268.824.526.474 1.543-.265 1.543zm1.303-3.173c-.113-.03-.08.069-.597-.203-3.025-1.79-7.533-2.512-11.545-1.423-.232.063-.358.126-.576.126-1.071 0-1.355-1.611-.188-1.94 4.716-1.325 9.775-.552 13.297 1.543.392.232.547.533.547.953-.005.522-.411.944-.938.944zm-13.627-7.485c4.523-1.324 11.368-.906 15.624 1.578 1.091.629.662 2.22-.498 2.22l-.001-.001c-.252 0-.407-.063-.625-.189-3.443-2.056-9.604-2.549-13.59-1.436-.175.048-.393.125-.625.125-.639 0-1.127-.499-1.127-1.142 0-.657.407-1.029.842-1.155z"}})]),_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.spotify.title'))+"\n\t\t")]),_vm._v(" "),_c('RouterLink',{attrs:{"to":{ name: 'Spotify Features' }}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('settings.spotify.question'))+"\n\t\t")]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.clientID')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyFeatures.clientId),expression:"spotifyFeatures.clientId"}],attrs:{"type":"text"},domProps:{"value":(_vm.spotifyFeatures.clientId)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.spotifyFeatures, "clientId", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.clientSecret')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyFeatures.clientSecret),expression:"spotifyFeatures.clientSecret"}],attrs:{"type":"password"},domProps:{"value":(_vm.spotifyFeatures.clientSecret)},on:{"input":function($event){if($event.target.composing){ return; }_vm.$set(_vm.spotifyFeatures, "clientSecret", $event.target.value);}}})]),_vm._v(" "),_c('div',{staticClass:"input_group"},[_c('p',{staticClass:"input_group_text"},[_vm._v(_vm._s(_vm.$t('settings.spotify.username')))]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.spotifyUser),expression:"spotifyUser"}],attrs:{"type":"text"},domProps:{"value":(_vm.spotifyUser)},on:{"input":function($event){if($event.target.composing){ return; }_vm.spotifyUser=$event.target.value;}}})])],1),_vm._v(" "),_c('footer',{staticClass:"bg-background-main"},[_c('button',{staticClass:"mr-2 btn btn-primary",on:{"click":_vm.resetSettings}},[_vm._v(_vm._s(_vm.$t('settings.reset')))]),_vm._v(" "),_c('button',{staticClass:"btn btn-primary",on:{"click":_vm.saveSettings}},[_vm._v(_vm._s(_vm.$t('settings.save')))])])])}; +var __vue_staticRenderFns__$u = []; /* style */ - const __vue_inject_styles__$t = function (inject) { + const __vue_inject_styles__$u = function (inject) { if (!inject) return - inject("data-v-13fa3fa0_0", { source: "#logged_in_info{height:250px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.locale-flag{width:60px;justify-content:center;cursor:pointer}.locale-flag:not(:last-child){margin-right:10px}.locale-flag.locale-flag--current svg{filter:brightness(1)}.locale-flag svg{width:40px!important;height:40px!important;filter:brightness(.5)}", map: undefined, media: undefined }); + inject("data-v-5ba60e14_0", { source: "#logged_in_info{height:250px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.locale-flag{width:60px;justify-content:center;cursor:pointer}.locale-flag:not(:last-child){margin-right:10px}.locale-flag.locale-flag--current svg{filter:brightness(1)}.locale-flag svg{width:40px!important;height:40px!important;filter:brightness(.5)}", map: undefined, media: undefined }); }; /* scoped */ - const __vue_scope_id__$t = undefined; + const __vue_scope_id__$u = undefined; /* module identifier */ - const __vue_module_identifier__$d = undefined; + const __vue_module_identifier__$e = undefined; /* functional template */ - const __vue_is_functional_template__$t = false; + const __vue_is_functional_template__$u = false; /* component normalizer */ - function __vue_normalize__$t( + function __vue_normalize__$u( template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR @@ -32773,9 +32962,9 @@ var __vue_staticRenderFns__$t = []; return component } /* style inject */ - function __vue_create_injector__$d() { + function __vue_create_injector__$e() { const head = document.head || document.getElementsByTagName('head')[0]; - const styles = __vue_create_injector__$d.styles || (__vue_create_injector__$d.styles = {}); + const styles = __vue_create_injector__$e.styles || (__vue_create_injector__$e.styles = {}); const isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()); @@ -32844,18 +33033,18 @@ var __vue_staticRenderFns__$t = []; - var Settings = __vue_normalize__$t( - { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t }, - __vue_inject_styles__$t, - __vue_script__$r, - __vue_scope_id__$t, - __vue_is_functional_template__$t, - __vue_module_identifier__$d, - __vue_create_injector__$d); + var Settings = __vue_normalize__$u( + { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u }, + __vue_inject_styles__$u, + __vue_script__$s, + __vue_scope_id__$u, + __vue_is_functional_template__$u, + __vue_module_identifier__$e, + __vue_create_injector__$e); // -var script$s = { +var script$t = { data() { return { title: '', @@ -33008,10 +33197,10 @@ var script$s = { }; /* script */ - const __vue_script__$s = script$s; + const __vue_script__$t = script$t; /* template */ -var __vue_render__$u = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"relative fixed-footer bg-background-main image-header"},[_c('header',{style:({ +var __vue_render__$v = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"relative fixed-footer bg-background-main image-header"},[_c('header',{style:({ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\'' + _vm.image + '\')' })},[_c('h1',{staticClass:"flex items-center m-0 text-5xl"},[_vm._v("\n\t\t\t"+_vm._s(_vm.title)+" "),(_vm.explicit)?_c('i',{staticClass:"material-icons explicit-icon explicit-icon--right"},[_vm._v("explicit")]):_vm._e()]),_vm._v(" "),_c('h2',{staticClass:"m-0 mb-3 text-lg"},[(_vm.metadata)?_c('p',[_vm._v(_vm._s(_vm.metadata))]):_vm._e(),_vm._v(" "),(_vm.release_date)?_c('p',[_vm._v(_vm._s(_vm.release_date))]):_vm._e()])]),_vm._v(" "),_c('table',{staticClass:"table table--tracklist"},[_c('thead',[_c('tr',[_vm._m(0),_vm._v(" "),_c('th',[_vm._v("#")]),_vm._v(" "),_c('th',[_vm._v(_vm._s(_vm.$tc('globals.listTabs.title', 1)))]),_vm._v(" "),_c('th',[_vm._v(_vm._s(_vm.$tc('globals.listTabs.artist', 1)))]),_vm._v(" "),(_vm.type === 'playlist')?_c('th',[_vm._v(_vm._s(_vm.$tc('globals.listTabs.album', 1)))]):_vm._e(),_vm._v(" "),_vm._m(1),_vm._v(" "),_c('th',{staticClass:"table__icon table__cell--center clickable"},[_c('input',{staticClass:"selectAll",attrs:{"type":"checkbox"},on:{"click":_vm.toggleAll}})])])]),_vm._v(" "),_c('tbody',[(_vm.type !== 'spotifyPlaylist')?[_vm._l((_vm.body),function(track,index){return [(track.type == 'track')?_c('tr',{on:{"click":function($event){return _vm.selectRow(index, track)}}},[_c('td',{staticClass:"table__cell--x-small table__cell--center"},[_c('div',{staticClass:"table__cell-content table__cell-content--vertical-center"},[_c('i',_vm._g({staticClass:"material-icons",class:{ @@ -33025,16 +33214,16 @@ var __vue_render__$u = function () {var _vm=this;var _h=_vm.$createElement;var _ preview_playlist_controls: track.preview_url, 'cursor-pointer': track.preview_url },attrs:{"data-preview":track.preview_url,"title":_vm.$t('globals.play_hint')},on:{"click":_vm.playPausePreview}},[_vm._v("\n\t\t\t\t\t\t\tplay_arrow\n\t\t\t\t\t\t")]):_c('i',{staticClass:"material-icons disabled"},[_vm._v("play_arrow")])]),_vm._v(" "),_c('td',[_vm._v(_vm._s(i + 1))]),_vm._v(" "),_c('td',{staticClass:"flex items-center"},[(track.explicit)?_c('i',{staticClass:"material-icons explicit-icon"},[_vm._v("explicit")]):_vm._e(),_vm._v("\n\t\t\t\t\t\t"+_vm._s(track.name)+"\n\t\t\t\t\t")]),_vm._v(" "),_c('td',[_vm._v(_vm._s(track.artists[0].name))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(track.album.name))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.convertDuration(Math.floor(track.duration_ms / 1000))))]),_vm._v(" "),_c('td',[_c('input',{directives:[{name:"model",rawName:"v-model",value:(track.selected),expression:"track.selected"}],staticClass:"clickable",attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(track.selected)?_vm._i(track.selected,null)>-1:(track.selected)},on:{"change":function($event){var $$a=track.selected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(track, "selected", $$a.concat([$$v])));}else {$$i>-1&&(_vm.$set(track, "selected", $$a.slice(0,$$i).concat($$a.slice($$i+1))));}}else {_vm.$set(track, "selected", $$c);}}}})])])})],2)]),_vm._v(" "),(_vm.label)?_c('span',{staticStyle:{"opacity":"0.4","margin-top":"8px","display":"inline-block","font-size":"13px"}},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_vm._v(" "),_c('footer',{staticClass:"bg-background-main"},[_c('button',{staticClass:"mr-2 btn btn-primary",attrs:{"data-link":_vm.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_vm._v("\n\t\t\t"+_vm._s(("" + (_vm.$t('globals.download', { thing: _vm.$tc(("globals.listTabs." + _vm.type), 1) }))))+"\n\t\t")]),_vm._v(" "),_c('button',{staticClass:"flex items-center btn btn-primary",attrs:{"data-link":_vm.selectedLinks()},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('tracklist.downloadSelection'))),_c('i',{staticClass:"ml-2 material-icons"},[_vm._v("file_download")])])])])}; -var __vue_staticRenderFns__$u = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('i',{staticClass:"material-icons"},[_vm._v("music_note")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('i',{staticClass:"material-icons"},[_vm._v("timer")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('div',{staticClass:"table__cell-content table__cell-content--vertical-center",staticStyle:{"opacity":"0.54"}},[_c('i',{staticClass:"material-icons"},[_vm._v("album")])])])}]; +var __vue_staticRenderFns__$v = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('i',{staticClass:"material-icons"},[_vm._v("music_note")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',[_c('i',{staticClass:"material-icons"},[_vm._v("timer")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('div',{staticClass:"table__cell-content table__cell-content--vertical-center",staticStyle:{"opacity":"0.54"}},[_c('i',{staticClass:"material-icons"},[_vm._v("album")])])])}]; /* style */ - const __vue_inject_styles__$u = undefined; + const __vue_inject_styles__$v = undefined; /* scoped */ - const __vue_scope_id__$u = undefined; + const __vue_scope_id__$v = undefined; /* functional template */ - const __vue_is_functional_template__$u = false; + const __vue_is_functional_template__$v = false; /* component normalizer */ - function __vue_normalize__$u( + function __vue_normalize__$v( template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR @@ -33062,12 +33251,12 @@ var __vue_staticRenderFns__$u = [function () {var _vm=this;var _h=_vm.$createEle - var Tracklist = __vue_normalize__$u( - { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u }, - __vue_inject_styles__$u, - __vue_script__$s, - __vue_scope_id__$u, - __vue_is_functional_template__$u); + var Tracklist = __vue_normalize__$v( + { render: __vue_render__$v, staticRenderFns: __vue_staticRenderFns__$v }, + __vue_inject_styles__$v, + __vue_script__$t, + __vue_scope_id__$v, + __vue_is_functional_template__$v); Vue.use(VueRouter); @@ -33137,7 +33326,7 @@ const routes = [ component: About }, { - path: '/arl', + path: '/info-arl', name: 'ARL', component: InfoArl }, diff --git a/src/app.js b/src/app.js index ae307a8..c156a6b 100644 --- a/src/app.js +++ b/src/app.js @@ -5,12 +5,13 @@ window.vol = { preview_max_volume: 100 } -import '@/styles/css/material-icons.css' -import '@/styles/css/OpenSans.css' +import '@/styles/vendor/material-icons.css' +import '@/styles/vendor/OpenSans.css' import '@/styles/scss/style.scss' import '@/styles/css/components.css' import '@/styles/css/helpers.css' +import '@/styles/css/typography.css' import App from '@/App.vue' import i18n from '@/plugins/i18n' diff --git a/src/components/TheSearchBar.vue b/src/components/TheSearchBar.vue index 3d1444b..c37a81f 100644 --- a/src/components/TheSearchBar.vue +++ b/src/components/TheSearchBar.vue @@ -100,7 +100,6 @@ input[type='search']::-webkit-search-cancel-button { diff --git a/src/components/globals/CoverContainer.vue b/src/components/globals/CoverContainer.vue index 0051da4..4cbf483 100644 --- a/src/components/globals/CoverContainer.vue +++ b/src/components/globals/CoverContainer.vue @@ -1,9 +1,9 @@