From aa749eaf333f2a7b2b751d893d5b518144a7636d Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Sun, 8 Nov 2020 23:35:46 +0100 Subject: [PATCH] feat: added webUI version in About page; style: added accordions in settings --- public/js/bundle.js | 40 +- rollup.config.js | 4 +- src/components/globals/BaseAccordion.vue | 14 +- src/components/pages/About.vue | 6 +- src/components/pages/Artist.vue | 6 +- src/components/pages/Favorites.vue | 4 +- src/components/pages/LinkAnalyzer.vue | 6 +- src/components/pages/Search.vue | 2 +- src/components/pages/Settings.vue | 680 ++++++++++++----------- src/lang/en.js | 1 + src/lang/it.js | 3 +- src/styles/scss/tabs/_settings-tab.scss | 30 +- 12 files changed, 405 insertions(+), 391 deletions(-) diff --git a/public/js/bundle.js b/public/js/bundle.js index a7d7faf..9beb5b3 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-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"; +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.space-y-5 > :not(template) ~ :not(template) {\n --space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--space-y-reverse));\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.my-5 {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\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 border-top-width: 1px;\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.settings-group__header {\n display: inline-flex;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 2rem;\n font-size: 1.5rem;\n}\n\n.settings-group__header i.material-icons {\n margin-right: 1rem;\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: 1rem;\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 .input-group-text {\n margin-bottom: 0.5rem;\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"; @@ -17343,7 +17343,8 @@ const it = { }, about: { updates: { - currentVersion: 'Versione corrente', + currentVersion: 'Versione attuale', + currentWebuiVersion: 'Versione WebUI attuale', versionNotAvailable: 'N/A', updateAvailable: `Non stai usando l'ultima versione disponibile: {version}`, deemixVersion: 'Versione libreria deemix' @@ -17741,6 +17742,7 @@ const en = { about: { updates: { currentVersion: 'Current Version', + currentWebuiVersion: 'Current WebUI Version', versionNotAvailable: 'N/A', updateAvailable: `You're not running the latest version available: {version}`, deemixVersion: 'deemix lib version' @@ -18753,7 +18755,7 @@ const de = { involvedPeople: 'Mitwirkende Personen' }, other: { - title: 'Sonsitge', + title: 'Sonstige', savePlaylistAsCompilation: 'Speichere Playlist als Zusammenstellung', useNullSeparator: 'Verwende Nulltrennzeichen', saveID3v1: 'Speichere ID3v1 ebenfalls', @@ -26643,17 +26645,17 @@ var script$9 = { const __vue_script__$9 = script$9; /* template */ -var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",attrs:{"id":"about_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl capitalize"},[_vm._v(_vm._s(_vm.$t('sidebar.about')))]),_vm._v(" "),_c('ul',[_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.updates.currentVersion'))+":\n\t\t\t"),_c('span',[_vm._v(_vm._s(_vm.current || _vm.$t('about.updates.versionNotAvailable')))])]),_vm._v(" "),_c('li',[_vm._v(_vm._s(_vm.$t('about.updates.deemixVersion'))+": "+_vm._s(_vm.deemixVersion))]),_vm._v(" "),(_vm.updateAvailable && _vm.latest)?_c('li',[_vm._v(_vm._s(_vm.$t('about.updates.updateAvailable', { version: _vm.latest })))]):_vm._e()]),_vm._v(" "),_c('ul',[_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.usesLibrary'))}}),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.thanks'))}}),_vm._v(" "),_c('i18n',{attrs:{"path":"about.upToDate.text","tag":"li"}},[_c('a',{attrs:{"place":"newsChannel","href":"https://t.me/RemixDevNews","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.upToDate.newsChannel')))])])],1),_vm._v(" "),_c('h2',[_vm._v(_vm._s(_vm.$t('about.titles.usefulLinks')))]),_vm._v(" "),_c('ul',{staticClass:"no-dots"},[_c('li',[_c('a',{attrs:{"href":"https://www.reddit.com/r/deemix","target":"_blank"}},[_vm._v("🤖 "+_vm._s(_vm.$t('about.officialSubreddit')))])]),_vm._v(" "),_c('li',[_c('a',{attrs:{"href":"https://t.me/RemixDevNews","target":"_blank"}},[_vm._v("📰 "+_vm._s(_vm.$t('about.newsChannel')))])])]),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.bugReports'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.bugReports'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('i18n',{attrs:{"path":"about.questions.text","tag":"li"}},[_c('a',{attrs:{"place":"subreddit","href":"https://www.reddit.com/r/deemix","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.questions.subreddit')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.beforeReporting'))+"\n\t\t")]),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.beSure'))}}),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.duplicateReports'))+"\n\t\t")]),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.dontOpenIssues'))}})],1),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.contributing'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.contributing'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('i18n',{attrs:{"path":"about.newUI.text","tag":"li"}},[_c('span',{attrs:{"place":"repo"}},[_vm._v(_vm._s(_vm.$t('about.newUI.repo')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.acceptFeatures'))+"\n\t\t")]),_vm._v(" "),_c('i18n',{attrs:{"path":"about.contributeWebUI.text","tag":"li"}},[_c('span',{attrs:{"place":"webui"}},[_vm._v(_vm._s(_vm.$t('about.contributeWebUI.webui')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.otherLanguages'))+"\n\t\t")]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.understandingCode'))+"\n\t\t")])],1),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.donations'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.donations'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.itsFree'))}}),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.notObligated'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('li',[_c('i',{domProps:{"innerHTML":_vm._s(_vm.paypal)}}),_vm._v(" "),_c('strong',[_vm._v("PayPal:")]),_vm._v(" "),_c('a',{attrs:{"href":"https://paypal.me/RemixDev","target":"_blank"}},[_vm._v("PayPal.me/RemixDev")])]),_vm._v(" "),_c('li',[_c('i',{staticClass:"ethereum",domProps:{"innerHTML":_vm._s(_vm.ethereum)}}),_vm._v(" "),_c('strong',[_vm._v("Ethereum:")]),_vm._v(" 0x1d2aa67e671485CD4062289772B662e0A6Ff976c\n\t\t")])]),_vm._v(" "),_c('h2',[_vm._v(_vm._s(_vm.$t('about.titles.license')))]),_vm._v(" "),_vm._m(0),_vm._v(" "),_c('i18n',{attrs:{"path":"about.lincensedUnder.text","tag":"p"}},[_c('a',{attrs:{"place":"gpl3","rel":"license","href":"https://www.gnu.org/licenses/gpl-3.0.en.html","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.lincensedUnder.gpl3')))])])],1)}; +var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"about_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl capitalize"},[_vm._v(_vm._s(_vm.$t('sidebar.about')))]),_vm._v(" "),_c('ul',[_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.updates.currentWebuiVersion'))+":\n\t\t\t"),_c('span',[_vm._v(_vm._s("1.3.0" ))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.updates.currentVersion'))+":\n\t\t\t"),_c('span',[_vm._v(_vm._s(_vm.current || _vm.$t('about.updates.versionNotAvailable')))])]),_vm._v(" "),_c('li',[_vm._v(_vm._s(_vm.$t('about.updates.deemixVersion'))+": "+_vm._s(_vm.deemixVersion))]),_vm._v(" "),(_vm.updateAvailable && _vm.latest)?_c('li',[_vm._v(_vm._s(_vm.$t('about.updates.updateAvailable', { version: _vm.latest })))]):_vm._e()]),_vm._v(" "),_c('ul',[_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.usesLibrary'))}}),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.thanks'))}}),_vm._v(" "),_c('i18n',{attrs:{"path":"about.upToDate.text","tag":"li"}},[_c('a',{attrs:{"place":"newsChannel","href":"https://t.me/RemixDevNews","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.upToDate.newsChannel')))])])],1),_vm._v(" "),_c('h2',[_vm._v(_vm._s(_vm.$t('about.titles.usefulLinks')))]),_vm._v(" "),_c('ul',{staticClass:"no-dots"},[_c('li',[_c('a',{attrs:{"href":"https://www.reddit.com/r/deemix","target":"_blank"}},[_vm._v("🤖 "+_vm._s(_vm.$t('about.officialSubreddit')))])]),_vm._v(" "),_c('li',[_c('a',{attrs:{"href":"https://t.me/RemixDevNews","target":"_blank"}},[_vm._v("📰 "+_vm._s(_vm.$t('about.newsChannel')))])])]),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.bugReports'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.bugReports'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('i18n',{attrs:{"path":"about.questions.text","tag":"li"}},[_c('a',{attrs:{"place":"subreddit","href":"https://www.reddit.com/r/deemix","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.questions.subreddit')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.beforeReporting'))+"\n\t\t")]),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.beSure'))}}),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.duplicateReports'))+"\n\t\t")]),_vm._v(" "),_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.dontOpenIssues'))}})],1),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.contributing'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.contributing'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('i18n',{attrs:{"path":"about.newUI.text","tag":"li"}},[_c('span',{attrs:{"place":"repo"}},[_vm._v(_vm._s(_vm.$t('about.newUI.repo')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.acceptFeatures'))+"\n\t\t")]),_vm._v(" "),_c('i18n',{attrs:{"path":"about.contributeWebUI.text","tag":"li"}},[_c('span',{attrs:{"place":"webui"}},[_vm._v(_vm._s(_vm.$t('about.contributeWebUI.webui')))])]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.otherLanguages'))+"\n\t\t")]),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.understandingCode'))+"\n\t\t")])],1),_vm._v(" "),_c('h2',[_vm._v("\n\t\t"+_vm._s(_vm.$t('about.titles.donations'))+"\n\t\t"),_c('span',{staticClass:"subheading"},[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.subtitles.donations'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('li',{domProps:{"innerHTML":_vm._s(_vm.$t('about.itsFree'))}}),_vm._v(" "),_c('li',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('about.notObligated'))+"\n\t\t")])]),_vm._v(" "),_c('ul',[_c('li',[_c('i',{domProps:{"innerHTML":_vm._s(_vm.paypal)}}),_vm._v(" "),_c('strong',[_vm._v("PayPal:")]),_vm._v(" "),_c('a',{attrs:{"href":"https://paypal.me/RemixDev","target":"_blank"}},[_vm._v("PayPal.me/RemixDev")])]),_vm._v(" "),_c('li',[_c('i',{staticClass:"ethereum",domProps:{"innerHTML":_vm._s(_vm.ethereum)}}),_vm._v(" "),_c('strong',[_vm._v("Ethereum:")]),_vm._v(" 0x1d2aa67e671485CD4062289772B662e0A6Ff976c\n\t\t")])]),_vm._v(" "),_c('h2',[_vm._v(_vm._s(_vm.$t('about.titles.license')))]),_vm._v(" "),_vm._m(0),_vm._v(" "),_c('i18n',{attrs:{"path":"about.lincensedUnder.text","tag":"p"}},[_c('a',{attrs:{"place":"gpl3","rel":"license","href":"https://www.gnu.org/licenses/gpl-3.0.en.html","target":"_blank"}},[_vm._v(_vm._s(_vm.$t('about.lincensedUnder.gpl3')))])])],1)}; var __vue_staticRenderFns__$b = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('a',{attrs:{"rel":"license","href":"https://www.gnu.org/licenses/gpl-3.0.en.html","target":"_blank"}},[_c('img',{staticStyle:{"border-width":"0"},attrs:{"alt":"GNU General Public License","src":"https://www.gnu.org/graphics/gplv3-127x51.png"}})])])}]; /* style */ const __vue_inject_styles__$b = function (inject) { if (!inject) return - inject("data-v-67da2b96_0", { source: "@charset \"UTF-8\";a[data-v-67da2b96],li[data-v-67da2b96],p[data-v-67da2b96]{letter-spacing:.4px;font-size:20px;line-height:1.2}i[data-v-67da2b96]{vertical-align:middle}i[data-v-67da2b96] svg{fill:#fff;width:20px}.ethereum[data-v-67da2b96] svg{fill:var(--foreground)}[data-v-67da2b96]:link{text-decoration:none}#about_tab[data-v-67da2b96]{margin-bottom:40px}h2[data-v-67da2b96]{text-transform:capitalize}h2[data-v-67da2b96]:not(.page_heading){font-size:2rem;border-bottom:1px solid rgba(51,51,51,.25);padding-top:2rem;padding-bottom:1rem}h2 .subheading[data-v-67da2b96]{display:block;font-size:.5em;margin-top:.5em;font-weight:400;opacity:.8;text-transform:none}p[data-v-67da2b96]{margin:0!important}ul li[data-v-67da2b96]{margin-bottom:7px}h2+ul[data-v-67da2b96]{margin-top:1rem}ul+ul[data-v-67da2b96]{margin-top:1.25rem}ul.no-dots[data-v-67da2b96]{list-style-type:none}ul[data-v-67da2b96]:not(.no-dots){list-style-type:none}ul:not(.no-dots) li[data-v-67da2b96]{position:relative}ul:not(.no-dots) li[data-v-67da2b96]::before{content:'—';position:absolute;left:-30px;opacity:.25}", map: undefined, media: undefined }); + inject("data-v-289b6557_0", { source: "@charset \"UTF-8\";a[data-v-289b6557],li[data-v-289b6557],p[data-v-289b6557]{letter-spacing:.4px;font-size:20px;line-height:1.2}i[data-v-289b6557]{vertical-align:middle}i[data-v-289b6557] svg{fill:#fff;width:20px}.ethereum[data-v-289b6557] svg{fill:var(--foreground)}[data-v-289b6557]:link{text-decoration:none}#about_tab[data-v-289b6557]{margin-bottom:40px}h2[data-v-289b6557]{text-transform:capitalize}h2[data-v-289b6557]:not(.page_heading){font-size:2rem;border-bottom:1px solid rgba(51,51,51,.25);padding-top:2rem;padding-bottom:1rem}h2 .subheading[data-v-289b6557]{display:block;font-size:.5em;margin-top:.5em;font-weight:400;opacity:.8;text-transform:none}p[data-v-289b6557]{margin:0!important}ul li[data-v-289b6557]{margin-bottom:7px}h2+ul[data-v-289b6557]{margin-top:1rem}ul+ul[data-v-289b6557]{margin-top:1.25rem}ul.no-dots[data-v-289b6557]{list-style-type:none}ul[data-v-289b6557]:not(.no-dots){list-style-type:none}ul:not(.no-dots) li[data-v-289b6557]{position:relative}ul:not(.no-dots) li[data-v-289b6557]::before{content:'—';position:absolute;left:-30px;opacity:.25}", map: undefined, media: undefined }); }; /* scoped */ - const __vue_scope_id__$b = "data-v-67da2b96"; + const __vue_scope_id__$b = "data-v-289b6557"; /* module identifier */ const __vue_module_identifier__$a = undefined; /* functional template */ @@ -30044,10 +30046,10 @@ var script$c = { const __vue_script__$c = script$c; /* template */ -var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"relative image-header",attrs:{"id":"artist_tab"}},[_c('header',{staticClass:"flex items-center",style:({ +var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"relative image-header",attrs:{"id":"artist_tab"}},[_c('header',{staticClass:"flex items-center",style:({ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\'' + _vm.image + '\')' - })},[_c('h1',{staticClass:"m-0"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('div',{staticClass:"rounded-full bg-primary text-grayscale-870 cursor-pointer w-16 h-16 grid place-items-center ml-auto",attrs:{"role":"button","aria-label":"download","data-link":_vm.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('i',{staticClass:"material-icons text-4xl",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])]),_vm._v(" "),_c('div',{staticClass:"my-4"},_vm._l((_vm.body),function(item,name){return _c('button',{key:name,staticClass:"mr-2 btn bg-background-main",class:{ 'btn-primary': name === _vm.currentTab },attrs:{"href":'#artist_' + name},on:{"click":function($event){return _vm.changeTab(name)}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$tc(("globals.listTabs." + name), 2))+"\n\t\t")])}),0),_vm._v(" "),_c('table',{staticClass:"table"},[_c('thead',[_c('tr',_vm._l((_vm.head),function(data){return _c('th',{class:{ + })},[_c('h1',{staticClass:"m-0"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('div',{staticClass:"grid w-16 h-16 ml-auto rounded-full cursor-pointer bg-primary text-grayscale-870 place-items-center",attrs:{"role":"button","aria-label":"download","data-link":_vm.link},on:{"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('i',{staticClass:"text-4xl material-icons",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])]),_vm._v(" "),_c('div',{staticClass:"my-4"},_vm._l((_vm.body),function(item,name){return _c('button',{key:name,staticClass:"mr-2 btn bg-background-main",class:{ 'btn-primary': name === _vm.currentTab },attrs:{"href":'#artist_' + name},on:{"click":function($event){return _vm.changeTab(name)}}},[_vm._v("\n\t\t\t"+_vm._s(_vm.$tc(("globals.listTabs." + name), 2))+"\n\t\t")])}),0),_vm._v(" "),_c('table',{staticClass:"table"},[_c('thead',[_c('tr',_vm._l((_vm.head),function(data){return _c('th',{class:{ 'sort-asc': data.sortKey == _vm.sortKey && _vm.sortOrder == 'asc', 'sort-desc': data.sortKey == _vm.sortKey && _vm.sortOrder == 'desc', sortable: data.sortKey, @@ -30824,11 +30826,11 @@ var __vue_staticRenderFns__$j = []; /* style */ const __vue_inject_styles__$j = function (inject) { if (!inject) return - 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 }); + inject("data-v-26d194a8_0", { source: ".favorites_tabcontent[data-v-26d194a8]{display:none}.favorites_tabcontent--active[data-v-26d194a8]{display:block}.reload-button.spin i[data-v-26d194a8]{animation:spin .5s infinite ease-out reverse}", map: undefined, media: undefined }); }; /* scoped */ - const __vue_scope_id__$j = "data-v-3e75b8c2"; + const __vue_scope_id__$j = "data-v-26d194a8"; /* module identifier */ const __vue_module_identifier__$c = undefined; /* functional template */ @@ -31406,10 +31408,10 @@ var script$j = { const __vue_script__$j = script$j; /* template */ -var __vue_render__$l = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",staticClass:"image-header",attrs:{"id":"analyzer_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl capitalize"},[_vm._v(_vm._s(_vm.$t('sidebar.linkAnalyzer')))]),_vm._v(" "),(_vm.link === '')?_c('div',[_c('p',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.info'))+"\n\t\t")]),_vm._v(" "),_c('p',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.useful'))+"\n\t\t")])]):(_vm.link === 'error')?_c('div',[_c('h2',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.linkNotSupported')))]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.linkNotSupportedYet')))])]):_c('div',[_c('header',{staticClass:"flex items-center",style:({ +var __vue_render__$l = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-header",attrs:{"id":"analyzer_tab"}},[_c('h1',{staticClass:"mb-8 text-5xl capitalize"},[_vm._v(_vm._s(_vm.$t('sidebar.linkAnalyzer')))]),_vm._v(" "),(_vm.link === '')?_c('div',[_c('p',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.info'))+"\n\t\t")]),_vm._v(" "),_c('p',[_vm._v("\n\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.useful'))+"\n\t\t")])]):(_vm.link === 'error')?_c('div',[_c('h2',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.linkNotSupported')))]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.linkNotSupportedYet')))])]):_c('div',[_c('header',{staticClass:"flex items-center",style:({ 'background-image': 'linear-gradient(to bottom, transparent 0%, var(--main-background) 100%), url(\'' + _vm.image + '\')' - })},[_c('div',[_c('h1',{staticClass:"m-0"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.type === 'track')?_c('h2',{staticClass:"m-0 mb-3 text-lg"},[_c('i18n',{attrs:{"path":"globals.by","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"artist","to":{ name: 'Artist', params: { id: _vm.data.artist.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.artist.name)+"\n\t\t\t\t\t\t")])],1),_vm._v("\n\t\t\t\t\t•\n\t\t\t\t\t"),_c('i18n',{attrs:{"path":"globals.in","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"album","to":{ name: 'Album', params: { id: _vm.data.album.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.album.title)+"\n\t\t\t\t\t\t")])],1)],1):(_vm.type === 'album')?_c('h2',{staticClass:"m-0 mb-3 text-lg"},[_c('i18n',{attrs:{"path":"globals.by","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"artist","to":{ name: 'Artist', params: { id: _vm.data.artist.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.artist.name)+"\n\t\t\t\t\t\t")])],1),_vm._v("\n\t\t\t\t\t"+_vm._s((" • " + (_vm.$tc('globals.listTabs.trackN', _vm.data.nb_tracks))))+"\n\t\t\t\t")],1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"rounded-full bg-primary text-grayscale-870 cursor-pointer w-16 h-16 grid place-items-center ml-auto",attrs:{"role":"button","aria-label":"download","data-link":_vm.link},on:{"contextmenu":function($event){$event.preventDefault();return _vm.openQualityModal($event)},"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('i',{staticClass:"material-icons text-4xl",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])]),_vm._v(" "),_c('table',{staticClass:"table"},[(_vm.data.id)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.id')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.id))])]):_vm._e(),_vm._v(" "),(_vm.data.isrc)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.isrc')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.isrc))])]):_vm._e(),_vm._v(" "),(_vm.data.upc)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.upc')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.upc))])]):_vm._e(),_vm._v(" "),(_vm.data.duration)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.duration')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.convertDuration(_vm.data.duration)))])]):_vm._e(),_vm._v(" "),(_vm.data.disk_number)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.diskNumber')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.disk_number))])]):_vm._e(),_vm._v(" "),(_vm.data.track_position)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.trackNumber')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.track_position))])]):_vm._e(),_vm._v(" "),(_vm.data.release_date)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.releaseDate')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.release_date))])]):_vm._e(),_vm._v(" "),(_vm.data.bpm)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.bpm')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.bpm))])]):_vm._e(),_vm._v(" "),(_vm.data.label)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.label')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.label))])]):_vm._e(),_vm._v(" "),(_vm.data.record_type)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.recordType')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.$tc(("globals.listTabs." + (_vm.data.record_type)), 1)))])]):_vm._e(),_vm._v(" "),(_vm.data.genres && _vm.data.genres.data.length)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.genres')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.genres.data.map(function (x) { return x.name; }).join('; ')))])]):_vm._e()]),_vm._v(" "),(_vm.type == 'album')?_c('div',[_c('router-link',{staticClass:"btn btn-primary",attrs:{"tag":"button","name":"button","to":{ name: 'Album', params: { id: _vm.id } }}},[_vm._v("\n\t\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.table.tracklist'))+"\n\t\t\t")])],1):_vm._e(),_vm._v(" "),(_vm.countries.length)?_c('div',_vm._l((_vm.countries),function(country){return _c('p',[_vm._v(_vm._s(country[0])+" - "+_vm._s(country[1]))])}),0):_vm._e()])])}; + })},[_c('div',[_c('h1',{staticClass:"m-0"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),(_vm.type === 'track')?_c('h2',{staticClass:"m-0 mb-3 text-lg"},[_c('i18n',{attrs:{"path":"globals.by","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"artist","to":{ name: 'Artist', params: { id: _vm.data.artist.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.artist.name)+"\n\t\t\t\t\t\t")])],1),_vm._v("\n\t\t\t\t\t•\n\t\t\t\t\t"),_c('i18n',{attrs:{"path":"globals.in","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"album","to":{ name: 'Album', params: { id: _vm.data.album.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.album.title)+"\n\t\t\t\t\t\t")])],1)],1):(_vm.type === 'album')?_c('h2',{staticClass:"m-0 mb-3 text-lg"},[_c('i18n',{attrs:{"path":"globals.by","tag":"span"}},[_c('router-link',{staticClass:"clickable",attrs:{"tag":"span","place":"artist","to":{ name: 'Artist', params: { id: _vm.data.artist.id } }}},[_vm._v("\n\t\t\t\t\t\t\t"+_vm._s(_vm.data.artist.name)+"\n\t\t\t\t\t\t")])],1),_vm._v("\n\t\t\t\t\t"+_vm._s((" • " + (_vm.$tc('globals.listTabs.trackN', _vm.data.nb_tracks))))+"\n\t\t\t\t")],1):_vm._e()]),_vm._v(" "),_c('div',{staticClass:"grid w-16 h-16 ml-auto rounded-full cursor-pointer bg-primary text-grayscale-870 place-items-center",attrs:{"role":"button","aria-label":"download","data-link":_vm.link},on:{"contextmenu":function($event){$event.preventDefault();return _vm.openQualityModal($event)},"click":function($event){$event.stopPropagation();return _vm.addToQueue($event)}}},[_c('i',{staticClass:"text-4xl material-icons",attrs:{"title":_vm.$t('globals.download_hint')}},[_vm._v("get_app")])])]),_vm._v(" "),_c('table',{staticClass:"table"},[(_vm.data.id)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.id')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.id))])]):_vm._e(),_vm._v(" "),(_vm.data.isrc)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.isrc')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.isrc))])]):_vm._e(),_vm._v(" "),(_vm.data.upc)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.upc')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.upc))])]):_vm._e(),_vm._v(" "),(_vm.data.duration)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.duration')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.convertDuration(_vm.data.duration)))])]):_vm._e(),_vm._v(" "),(_vm.data.disk_number)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.diskNumber')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.disk_number))])]):_vm._e(),_vm._v(" "),(_vm.data.track_position)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.trackNumber')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.track_position))])]):_vm._e(),_vm._v(" "),(_vm.data.release_date)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.releaseDate')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.release_date))])]):_vm._e(),_vm._v(" "),(_vm.data.bpm)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.bpm')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.bpm))])]):_vm._e(),_vm._v(" "),(_vm.data.label)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.label')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.label))])]):_vm._e(),_vm._v(" "),(_vm.data.record_type)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.recordType')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.$tc(("globals.listTabs." + (_vm.data.record_type)), 1)))])]):_vm._e(),_vm._v(" "),(_vm.data.genres && _vm.data.genres.data.length)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('linkAnalyzer.table.genres')))]),_vm._v(" "),_c('td',[_vm._v(_vm._s(_vm.data.genres.data.map(function (x) { return x.name; }).join('; ')))])]):_vm._e()]),_vm._v(" "),(_vm.type == 'album')?_c('div',[_c('router-link',{staticClass:"btn btn-primary",attrs:{"tag":"button","name":"button","to":{ name: 'Album', params: { id: _vm.id } }}},[_vm._v("\n\t\t\t\t"+_vm._s(_vm.$t('linkAnalyzer.table.tracklist'))+"\n\t\t\t")])],1):_vm._e(),_vm._v(" "),(_vm.countries.length)?_c('div',_vm._l((_vm.countries),function(country){return _c('p',[_vm._v(_vm._s(country[0])+" - "+_vm._s(country[1]))])}),0):_vm._e()])])}; var __vue_staticRenderFns__$l = []; /* style */ @@ -32365,7 +32367,7 @@ var script$q = { const __vue_script__$q = script$q; /* template */ -var __vue_render__$s = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"root",attrs:{"id":"search_tab"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showSearchTab),expression:"!showSearchTab"}]},[_c('h2',[_vm._v(_vm._s(_vm.$t('search.startSearching')))]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('search.description')))])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showSearchTab),expression:"showSearchTab"}]},[_c('ul',{staticClass:"section-tabs"},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab.name,staticClass:"section-tabs__tab",class:{ active: _vm.currentTab.name === tab.name },on:{"click":function($event){_vm.currentTab = tab;}}},[_vm._v("\n\t\t\t\t"+_vm._s(tab.name)+"\n\t\t\t")])}),0),_vm._v(" "),_c('keep-alive',[_c(_vm.currentTab.component,{tag:"component",attrs:{"viewInfo":_vm.getViewInfo(),"want-headers":""},on:{"add-to-queue":_vm.addToQueue,"change-search-tab":_vm.changeSearchTab}})],1)],1)])}; +var __vue_render__$s = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"search_tab"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showSearchTab),expression:"!showSearchTab"}]},[_c('h2',[_vm._v(_vm._s(_vm.$t('search.startSearching')))]),_vm._v(" "),_c('p',[_vm._v(_vm._s(_vm.$t('search.description')))])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showSearchTab),expression:"showSearchTab"}]},[_c('ul',{staticClass:"section-tabs"},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab.name,staticClass:"section-tabs__tab",class:{ active: _vm.currentTab.name === tab.name },on:{"click":function($event){_vm.currentTab = tab;}}},[_vm._v("\n\t\t\t\t"+_vm._s(tab.name)+"\n\t\t\t")])}),0),_vm._v(" "),_c('keep-alive',[_c(_vm.currentTab.component,{tag:"component",attrs:{"viewInfo":_vm.getViewInfo(),"want-headers":""},on:{"add-to-queue":_vm.addToQueue,"change-search-tab":_vm.changeSearchTab}})],1)],1)])}; var __vue_staticRenderFns__$s = []; /* style */ @@ -32514,7 +32516,7 @@ var script$r = { props: { withArrow: { type: Boolean, - default: false + default: true } } }; @@ -32523,13 +32525,13 @@ var script$r = { 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_render__$t = function (_h,_vm) {var _c=_vm._c;return _c('details',{class:[_vm.data.staticClass, { 'with-arrow': _vm.props.withArrow }]},[_c('summary',{staticClass:"cursor-pointer"},[_vm._t("title",[_vm._v("Setting")])],2),_vm._v(" "),_c('div',{staticClass:"my-5 space-y-5"},[_vm._t("default")],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 }); + inject("data-v-08721366_0", { source: "details>summary::-webkit-details-marker{display:none}details.with-arrow>summary::-webkit-details-marker{display:initial;vertical-align:super}", map: undefined, media: undefined }); }; /* scoped */ @@ -32891,7 +32893,7 @@ var script$s = { const __vue_script__$s = script$s; /* 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:"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( +var __vue_render__$u = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{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("\n\t\t\t\t"+_vm._s(account.BLOG_NAME)+"\n\t\t\t")])}),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:"my-5 space-y-5"},[_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\t"+_vm._s(_vm.$t('settings.login.arl.question'))+"\n\t\t\t")]),_vm._v(" "),(_vm.clientMode)?_c('a',{attrs:{"href":"#"},on:{"click":_vm.appLogin}},[_vm._v("\n\t\t\t\t"+_vm._s(_vm.$t('settings.login.login'))+"\n\t\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\t"+_vm._s(_vm.$t('settings.login.arl.update'))+"\n\t\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',{staticClass:"my-5"},_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("web")]),_vm._v("\n\t\t\t\t"+_vm._s(_vm.$t('settings.appearance.title'))+"\n\t\t\t")])]},proxy:true}])},[_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:"mb-4 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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_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\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_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\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_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\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("title")]),_vm._v(_vm._s(_vm.$t('settings.trackTitles.title'))+"\n\t\t\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("album")]),_vm._v(_vm._s(_vm.$t('settings.covers.title')))])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_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\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("get_app")]),_vm._v(_vm._s(_vm.$t('settings.downloads.title'))+"\n\t\t\t")])]},proxy:true}])},[_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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('h3',{staticClass:"settings-group__header"},[_c('i',{staticClass:"material-icons"},[_vm._v("list")]),_vm._v(_vm._s(_vm.$t('settings.other.title')))])]},proxy:true}])},[_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' @@ -32899,13 +32901,13 @@ var __vue_render__$u = 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"},[_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')))])])])}; + ))))+"\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('BaseAccordion',{staticClass:"settings-group",scopedSlots:_vm._u([{key:"title",fn:function(){return [_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\t"+_vm._s(_vm.$t('settings.spotify.title'))+"\n\t\t\t")])]},proxy:true}])},[_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')))])])],1)}; var __vue_staticRenderFns__$u = []; /* style */ const __vue_inject_styles__$u = function (inject) { if (!inject) return - 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 }); + inject("data-v-4cb4224c_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 */ diff --git a/rollup.config.js b/rollup.config.js index 2e7bd28..71c73eb 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -7,6 +7,7 @@ import vue from 'rollup-plugin-vue' import svg from 'rollup-plugin-svg' import postcss from 'rollup-plugin-postcss' import esbuild from 'rollup-plugin-esbuild' +import { version } from './package.json' const isProduction = !process.env.ROLLUP_WATCH process.env.NODE_ENV = isProduction ? 'production' : 'development' @@ -39,7 +40,8 @@ export default { }), // Needed for Vue imports replace({ - 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) + 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV), + __VER__: JSON.stringify(version) }), resolve(), // Tells Rollup how to find imported modules in node_modules commonjs(), // Converts imported modules to ES modules, if necessary diff --git a/src/components/globals/BaseAccordion.vue b/src/components/globals/BaseAccordion.vue index edf7a4b..553f263 100644 --- a/src/components/globals/BaseAccordion.vue +++ b/src/components/globals/BaseAccordion.vue @@ -1,13 +1,12 @@ @@ -18,6 +17,7 @@ details > summary::-webkit-details-marker { details.with-arrow > summary::-webkit-details-marker { display: initial; + vertical-align: super; } @@ -26,7 +26,7 @@ export default { props: { withArrow: { type: Boolean, - default: false + default: true } } } diff --git a/src/components/pages/About.vue b/src/components/pages/About.vue index 4198cec..6be00f3 100644 --- a/src/components/pages/About.vue +++ b/src/components/pages/About.vue @@ -1,8 +1,12 @@