{"version":3,"file":"Sidebar-16672278.js","sources":["../../src/composables/useThemeList.ts","../../src/components/common/UserModal.vue","../../src/components/audio/SearchBar.vue","../../src/components/common/UserMenu.vue","../../src/components/Sidebar.vue"],"sourcesContent":["import type { ThemeEntry } from '~/types'\n\nimport { i18n } from '~/init/locale'\n\nconst { t } = i18n.global\n\nconst themeList: ThemeEntry[] = [\n  {\n    icon: 'palette icon',\n    name: t('composables.useThemeList.browserDefault'),\n    key: 'auto'\n  },\n  {\n    icon: 'sun icon',\n    name: t('composables.useThemeList.lightTheme'),\n    key: 'light'\n  },\n  {\n    icon: 'moon icon',\n    name: t('composables.useThemeList.darkTheme'),\n    key: 'dark'\n  }\n]\n\nexport default () => themeList\n","<script setup lang=\"ts\">\nimport type { SupportedLanguages } from '~/locales'\n\nimport SemanticModal from '~/components/semantic/Modal.vue'\nimport useThemeList from '~/composables/useThemeList'\nimport useTheme from '~/composables/useTheme'\n\nimport { useVModel } from '@vueuse/core'\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nimport { SUPPORTED_LOCALES } from '~/init/locale'\n\ninterface Events {\n  (e: 'update:show', value: boolean): void\n  (e: 'showLanguageModalEvent'): void\n  (e: 'showThemeModalEvent'): void\n}\n\ninterface Props {\n  show: boolean\n}\n\nconst emit = defineEmits([\"update:show\", \"showLanguageModalEvent\", \"showThemeModalEvent\"])\nconst props = defineProps({\n  show: { type: Boolean }\n})\n\nconst show = useVModel(props, 'show', emit)\n\nconst { theme } = useTheme()\nconst themes = useThemeList()\n\nconst { t, locale: i18nLocale } = useI18n()\nconst labels = computed(() => ({\n  header: t('components.common.UserModal.header.options'),\n  profile: t('components.common.UserModal.link.profile'),\n  settings: t('components.common.UserModal.link.settings'),\n  logout: t('components.common.UserModal.link.logout'),\n  about: t('components.common.UserModal.link.about'),\n  shortcuts: t('components.common.UserModal.label.shortcuts'),\n  support: t('components.common.UserModal.link.support'),\n  forum: t('components.common.UserModal.link.forum'),\n  docs: t('components.common.UserModal.link.docs'),\n  help: t('components.common.UserModal.link.support'),\n  language: t('components.common.UserModal.label.language'),\n  theme: t('components.common.UserModal.label.theme'),\n  chat: t('components.common.UserModal.link.chat'),\n  git: t('components.common.UserModal.link.git'),\n  login: t('components.common.UserModal.link.login'),\n  signup: t('components.common.UserModal.link.signup'),\n  notifications: t('components.common.UserModal.link.notifications'),\n  useOtherInstance: t('components.common.UserModal.button.switchInstance')\n}))\n\nconst locale = computed(() => SUPPORTED_LOCALES[i18nLocale.value as SupportedLanguages])\n</script>\n\n<template>\n  <!-- TODO make generic and move to semantic/modal? -->\n  <semantic-modal\n    v-model:show=\"show\"\n    :scrolling=\"true\"\n    :fullscreen=\"false\"\n  >\n    <div\n      v-if=\"$store.state.auth.authenticated\"\n      class=\"header\"\n    >\n      <img\n        v-if=\"$store.state.auth.profile?.avatar && $store.state.auth.profile?.avatar.urls.medium_square_crop\"\n        v-lazy=\"$store.getters['instance/absoluteUrl']($store.state.auth.profile?.avatar.urls.medium_square_crop)\"\n        alt=\"\"\n        class=\"ui centered small circular image\"\n      >\n      <actor-avatar\n        v-else\n        :actor=\"{preferred_username: $store.state.auth.username, full_username: $store.state.auth.username,}\"\n      />\n      <h3 class=\"user-modal title\">\n        {{ labels.header }}\n      </h3>\n    </div>\n    <div\n      v-else\n      class=\"header\"\n    >\n      <h3 class=\"ui center aligned icon header\">\n        {{ labels.header }}\n      </h3>\n    </div>\n    <div class=\"content\">\n      <div class=\"ui one column unstackable grid\">\n        <div class=\"row\">\n          <div\n            class=\"column\"\n            role=\"button\"\n            @click=\"[$emit('update:show', false), emit('showLanguageModalEvent')]\"\n          >\n            <i class=\"language icon user-modal list-icon\" />\n            <span class=\"user-modal list-item\">\n              {{ labels.language }}\n              <span class=\"left colon symbol\" />\n            </span>\n            <div class=\"right floated\">\n              <span class=\"user-modal list-item\">{{ locale }}</span>\n              <i class=\"action-hint chevron right icon\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div\n            class=\"column\"\n            role=\"button\"\n            @click=\"[$emit('update:show', false), emit('showThemeModalEvent')]\"\n          >\n            <i class=\"palette icon user-modal list-icon\" />\n            <span class=\"user-modal list-item\">\n              {{ labels.theme }}\n              <span class=\"left colon symbol\" />\n            </span>\n            <div class=\"right floated\">\n              <span class=\"user-modal list-item\"> {{ themes.find(x => x.key === theme)?.name }}</span>\n              <i class=\"action-hint chevron right icon user-modal\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"ui divider\" />\n        <template v-if=\"$store.state.auth.authenticated\">\n          <div class=\"row\">\n            <div\n              class=\"column\"\n              role=\"button\"\n              @click.prevent.exact=\"$router.push({name: 'profile.overview', params: { username: $store.state.auth.username }})\"\n            >\n              <i class=\"user icon user-modal list-icon\" />\n              <span class=\"user-modal list-item\">{{ labels.profile }}</span>\n            </div>\n          </div>\n          <div class=\"row\">\n            <router-link\n              v-if=\"$store.state.auth.authenticated\"\n              v-slot=\"{ navigate }\"\n              custom\n              :to=\"{ name: 'notifications' }\"\n            >\n              <div\n                class=\"column\"\n                role=\"button\"\n                @click=\"navigate\"\n                @keypress.enter=\"navigate()\"\n              >\n                <i class=\"user-modal list-icon bell icon\" />\n                <span class=\"user-modal list-item\">{{ labels.notifications }}</span>\n              </div>\n            </router-link>\n          </div>\n          <div class=\"row\">\n            <router-link\n              v-slot=\"{ navigate }\"\n              custom\n              :to=\"{ path: '/settings' }\"\n            >\n              <div\n                class=\"column\"\n                role=\"button\"\n                @click=\"navigate\"\n                @keypress.enter=\"navigate()\"\n              >\n                <i class=\"user-modal list-icon cog icon\" />\n                <span class=\"user-modal list-item\">{{ labels.settings }}</span>\n              </div>\n            </router-link>\n          </div>\n          <div class=\"ui divider\" />\n        </template>\n        <div class=\"row\">\n          <a\n            class=\"column\"\n            href=\"https://funkwhale.audio/help\"\n            target=\"_blank\"\n          >\n            <i class=\"user-modal list-icon life ring outline icon\" />\n            <span class=\"user-modal list-item\">{{ labels.help }}</span>\n          </a>\n        </div>\n        <div class=\"row\">\n          <a\n            class=\"column\"\n            href=\"https://docs.funkwhale.audio\"\n            target=\"_blank\"\n          >\n            <i class=\"user-modal list-icon book open icon\" />\n            <span class=\"user-modal list-item\">{{ labels.docs }}</span>\n          </a>\n        </div>\n        <div class=\"row\">\n          <router-link\n            v-slot=\"{ navigate }\"\n            custom\n            :to=\"{ name: 'about' }\"\n          >\n            <div\n              class=\"column\"\n              role=\"button\"\n              @click=\"navigate\"\n              @keypress.enter=\"navigate()\"\n            >\n              <i class=\"user-modal list-icon question circle outline icon\" />\n              <span class=\"user-modal list-item\">{{ labels.about }}</span>\n            </div>\n          </router-link>\n        </div>\n        <div class=\"ui divider\" />\n\n        <router-link\n          v-if=\"$store.state.auth.authenticated\"\n          v-slot=\"{ navigate }\"\n          custom\n          :to=\"{ name: 'logout' }\"\n        >\n          <div\n            class=\"column\"\n            role=\"button\"\n            @click=\"navigate\"\n            @keypress.enter=\"navigate()\"\n          >\n            <i class=\"user-modal list-icon sign out alternate icon\" />\n            <span class=\"user-modal list-item\">{{ labels.logout }}</span>\n          </div>\n        </router-link>\n        <router-link\n          v-else\n          v-slot=\"{ navigate }\"\n          custom\n          :to=\"{ name: 'login' }\"\n        >\n          <div\n            class=\"column\"\n            role=\"button\"\n            @click=\"navigate\"\n            @keypress.enter=\"navigate()\"\n          >\n            <i class=\"user-modal list-icon sign in alternate icon\" />\n            <span class=\"user-modal list-item\">{{ labels.login }}</span>\n          </div>\n        </router-link>\n        <router-link\n          v-if=\"!$store.state.auth.authenticated && $store.state.instance.settings.users.registration_enabled.value\"\n          v-slot=\"{ navigate }\"\n          custom\n          :to=\"{ name: 'signup' }\"\n        >\n          <div\n            class=\"column\"\n            role=\"button\"\n            @click=\"navigate\"\n            @keypress.enter=\"navigate()\"\n          >\n            <i class=\"user-modal list-item user icon\" />\n            <span class=\"user-modal list-item\">{{ labels.signup }}</span>\n          </div>\n        </router-link>\n      </div>\n    </div>\n  </semantic-modal>\n</template>\n\n<style>\n.action-hint {\n  margin-left: 1rem !important;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Artist, Track, Album, Tag } from '~/types'\nimport type { RouteRecordName, RouteLocationNamedRaw } from 'vue-router'\n\nimport jQuery from 'jquery'\nimport { trim } from 'lodash-es'\nimport { useFocus, useCurrentElement } from '@vueuse/core'\nimport { ref, computed, onMounted } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport { useStore } from '~/store'\n\nimport onKeyboardShortcut from '~/composables/onKeyboardShortcut'\n\ninterface Events {\n  (e: 'search'): void\n}\n\ntype CategoryCode = 'federation' | 'podcasts' | 'artists' | 'albums' | 'tracks' | 'tags' | 'more'\ninterface Category {\n  code: CategoryCode,\n  name: string,\n  route: RouteRecordName\n  getId: (obj: unknown) => number\n  getTitle: (obj: unknown) => string\n  getDescription: (obj: unknown) => string\n}\n\ntype SimpleCategory = Partial<Category> & Pick<Category, 'code' | 'name'>\nconst isCategoryGuard = (object: Category | SimpleCategory): object is Category => typeof object.route === 'string'\n\ninterface Results {\n  name: string,\n  results: Result[]\n}\n\ninterface Result {\n  title: string\n  id?: number\n  description?: string\n  routerUrl: RouteLocationNamedRaw\n}\n\nconst emit = defineEmits([\"search\"])\n\nconst search = ref()\nconst { focused } = useFocus(search)\nonKeyboardShortcut(['shift', 'f'], () => (focused.value = true), true)\nonKeyboardShortcut(['ctrl', 'k'], () => (focused.value = true), true)\n\nconst { t } = useI18n()\nconst labels = computed(() => ({\n  placeholder: t('components.audio.SearchBar.placeholder.search'),\n  searchContent: t('components.audio.SearchBar.label.search'),\n  artist: t('components.audio.SearchBar.label.artist'),\n  album: t('components.audio.SearchBar.label.album'),\n  track: t('components.audio.SearchBar.label.track'),\n  tag: t('components.audio.SearchBar.label.tag')\n}))\n\nconst router = useRouter()\nconst store = useStore()\nconst el = useCurrentElement()\nconst query = ref()\n\nconst enter = () => {\n  jQuery(el.value).search('cancel query')\n\n  // Cancel any API search request to backend…\n  return router.push(`/search?q=${query.value}&type=artists`)\n}\n\nconst blur = () => {\n  search.value.blur()\n}\n\nconst categories = computed(() => [\n  {\n    code: 'federation',\n    name: t('components.audio.SearchBar.label.category.federation')\n  },\n  {\n    code: 'podcasts',\n    name: t('components.audio.SearchBar.label.category.podcasts')\n  },\n  {\n    code: 'artists',\n    route: 'library.artists.detail',\n    name: labels.value.artist,\n    getId: (obj: Artist) => obj.id,\n    getTitle: (obj: Artist) => obj.name,\n    getDescription: () => ''\n  },\n  {\n    code: 'albums',\n    route: 'library.albums.detail',\n    name: labels.value.album,\n    getId: (obj: Album) => obj.id,\n    getTitle: (obj: Album) => obj.title,\n    getDescription: (obj: Album) => obj.artist.name\n  },\n  {\n    code: 'tracks',\n    route: 'library.tracks.detail',\n    name: labels.value.track,\n    getId: (obj: Track) => obj.id,\n    getTitle: (obj: Track) => obj.title,\n    getDescription: (obj: Track) => obj.album?.artist.name ?? obj.artist?.name ?? ''\n  },\n  {\n    code: 'tags',\n    route: 'library.tags.detail',\n    name: labels.value.tag,\n    getId: (obj: Tag) => obj.name,\n    getTitle: (obj: Tag) => `#${obj.name}`,\n    getDescription: (obj: Tag) => ''\n  },\n  {\n    code: 'more',\n    name: ''\n  }\n] as (Category | SimpleCategory)[])\n\nconst objectId = computed(() => {\n  const trimmedQuery = trim(trim(query.value), '@')\n\n  if (trimmedQuery.startsWith('http://') || trimmedQuery.startsWith('https://') || trimmedQuery.includes('@')) {\n    return query.value\n  }\n\n  return null\n})\n\nonMounted(() => {\n  jQuery(el.value).search({\n    type: 'category',\n    minCharacters: 3,\n    showNoResults: true,\n    error: {\n      // @ts-expect-error Semantic is broken\n      noResultsHeader: t('components.audio.SearchBar.header.noResults'),\n      noResults: t('components.audio.SearchBar.empty.noResults')\n    },\n\n    onSelect (result, response) {\n      jQuery(el.value).search('set value', query.value)\n      router.push(result.routerUrl)\n      jQuery(el.value).search('hide results')\n      return false\n    },\n    onSearchQuery (value) {\n      // query.value = value\n      emit('search')\n    },\n    apiSettings: {\n      url: store.getters['instance/absoluteUrl']('api/v1/search?query={query}'),\n      beforeXHR: function (xhrObject) {\n        if (!store.state.auth.authenticated) {\n          return xhrObject\n        }\n\n        if (store.state.auth.oauth.accessToken) {\n          xhrObject.setRequestHeader('Authorization', store.getters['auth/header'])\n        }\n\n        return xhrObject\n      },\n      onResponse: function (initialResponse) {\n        const id = objectId.value\n        const results: Partial<Record<CategoryCode, Results>> = {}\n\n        let resultsEmpty = true\n        for (const category of categories.value) {\n          results[category.code] = {\n            name: category.name,\n            results: []\n          }\n\n          if (category.code === 'federation' && id) {\n            resultsEmpty = false\n            results[category.code]?.results.push({\n              title: t('components.audio.SearchBar.link.fediverse'),\n              routerUrl: {\n                name: 'search',\n                query: { id }\n              }\n            })\n          }\n\n          if (category.code === 'podcasts' && id) {\n            resultsEmpty = false\n            results[category.code]?.results.push({\n              title: t('components.audio.SearchBar.link.rss'),\n              routerUrl: {\n                name: 'search',\n                query: { id, type: 'rss' }\n              }\n            })\n          }\n\n          if (category.code === 'more') {\n            results[category.code]?.results.push({\n              title: t('components.audio.SearchBar.link.more'),\n              routerUrl: {\n                name: 'search',\n                query: { type: 'artists', q: query.value }\n              }\n            })\n          }\n\n          if (isCategoryGuard(category)) {\n            for (const result of initialResponse[category.code]) {\n              resultsEmpty = false\n              const id = category.getId(result)\n              results[category.code]?.results.push({\n                title: category.getTitle(result),\n                id,\n                routerUrl: {\n                  name: category.route,\n                  params: { id }\n                },\n                description: category.getDescription(result)\n              })\n            }\n          }\n        }\n\n        return {\n          results: resultsEmpty\n            ? {}\n            : results\n        }\n      }\n    }\n  })\n})\n</script>\n\n<template>\n  <div\n    class=\"ui fluid category search\"\n    @keypress.enter=\"enter\"\n  >\n    <slot />\n    <div class=\"ui icon input\">\n      <input\n        ref=\"search\"\n        v-model=\"query\"\n        :aria-label=\"labels.searchContent\"\n        type=\"search\"\n        class=\"prompt\"\n        name=\"search\"\n        :placeholder=\"labels.placeholder\"\n        @keydown.esc=\"blur\"\n      >\n      <i class=\"search icon\" />\n    </div>\n    <div class=\"results\" />\n    <slot name=\"after\" />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { SUPPORTED_LOCALES, setI18nLanguage } from '~/init/locale'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\n\nimport useThemeList from '~/composables/useThemeList'\nimport useTheme from '~/composables/useTheme'\n\ninterface Events {\n  (e: 'show:shortcuts-modal'): void\n}\n\nconst emit = defineEmits([\"show:shortcuts-modal\"])\n\nconst { t } = useI18n()\nconst themes = useThemeList()\nconst { theme } = useTheme()\n\nconst labels = computed(() => ({\n  profile: t('components.common.UserMenu.link.profile'),\n  settings: t('components.common.UserMenu.link.settings'),\n  logout: t('components.common.UserMenu.link.logout'),\n  about: t('components.common.UserMenu.link.about'),\n  shortcuts: t('components.common.UserMenu.label.shortcuts'),\n  support: t('components.common.UserMenu.link.support'),\n  forum: t('components.common.UserMenu.link.forum'),\n  docs: t('components.common.UserMenu.link.docs'),\n  language: t('components.common.UserMenu.label.language'),\n  theme: t('components.common.UserMenu.label.theme'),\n  chat: t('components.common.UserMenu.link.chat'),\n  git: t('components.common.UserMenu.link.git'),\n  login: t('components.common.UserMenu.link.login'),\n  signup: t('components.common.UserMenu.link.signup'),\n  notifications: t('components.common.UserMenu.link.notifications')\n}))\n</script>\n\n<template>\n  <div class=\"ui menu\">\n    <div class=\"ui scrolling dropdown item\">\n      <i class=\"language icon\" />\n      {{ labels.language }}\n      <i class=\"dropdown icon\" />\n      <div\n        id=\"language-select\"\n        class=\"menu\"\n      >\n        <a\n          v-for=\"(language, key) in SUPPORTED_LOCALES\"\n          :key=\"key\"\n          :class=\"[{'active': $i18n.locale === key},'item']\"\n          :value=\"key\"\n          @click=\"setI18nLanguage(key)\"\n        >{{ language }}</a>\n      </div>\n    </div>\n    <div class=\"ui dropdown item\">\n      <i class=\"palette icon\" />\n      {{ labels.theme }}\n      <i class=\"dropdown icon\" />\n      <div\n        id=\"theme-select\"\n        class=\"menu\"\n      >\n        <a\n          v-for=\"th in themes\"\n          :key=\"th.key\"\n          :class=\"[{'active': theme === th.key}, 'item']\"\n          :value=\"th.key\"\n          @click=\"theme = th.key\"\n        >\n          <i :class=\"th.icon\" />\n          {{ th.name }}\n        </a>\n      </div>\n    </div>\n    <template v-if=\"$store.state.auth.authenticated\">\n      <div class=\"divider\" />\n      <router-link\n        class=\"item\"\n        :to=\"{name: 'profile.overview', params: { username: $store.state.auth.username },}\"\n      >\n        <i class=\"user icon\" />\n        {{ labels.profile }}\n      </router-link>\n      <router-link\n        v-if=\"$store.state.auth.authenticated\"\n        class=\"item\"\n        :to=\"{name: 'notifications'}\"\n      >\n        <i class=\"bell icon\" />\n        <div\n          v-if=\"$store.state.ui.notifications.inbox > 0\"\n          :title=\"labels.notifications\"\n          :class=\"['ui', 'circular', 'mini', 'right floated', 'accent', 'label']\"\n        >\n          {{ $store.state.ui.notifications.inbox }}\n        </div>\n        {{ labels.notifications }}\n      </router-link>\n      <router-link\n        class=\"item\"\n        :to=\"{ path: '/settings' }\"\n      >\n        <i class=\"cog icon\" />\n        {{ labels.settings }}\n      </router-link>\n    </template>\n    <div class=\"divider\" />\n    <div class=\"ui dropdown item\">\n      <i class=\"life ring outline icon\" />\n      {{ labels.support }}\n      <i class=\"dropdown icon\" />\n      <div class=\"menu\">\n        <a\n          href=\"https://forum.funkwhale.audio\"\n          class=\"item\"\n          target=\"_blank\"\n        >\n          <i class=\"users icon\" />\n          {{ labels.forum }}\n        </a>\n        <a\n          href=\"https://matrix.to/#/#funkwhale-support:matrix.org\"\n          class=\"item\"\n          target=\"_blank\"\n        >\n          <i class=\"comment icon\" />\n          {{ labels.chat }}\n        </a>\n        <a\n          href=\"https://dev.funkwhale.audio/funkwhale/funkwhale/issues\"\n          class=\"item\"\n          target=\"_blank\"\n        >\n          <i class=\"gitlab icon\" />\n          {{ labels.git }}\n        </a>\n      </div>\n    </div>\n    <a\n      href=\"https://docs.funkwhale.audio\"\n      class=\"item\"\n      target=\"_blank\"\n    >\n      <i class=\"book open icon\" />\n      {{ labels.docs }}\n    </a>\n    <a\n      href=\"\"\n      class=\"item\"\n      @click.prevent=\"emit('show:shortcuts-modal')\"\n    >\n      <i class=\"keyboard icon\" />\n      {{ labels.shortcuts }}\n    </a>\n    <router-link\n      v-if=\"$route.path != '/about'\"\n      class=\"item\"\n      :to=\"{ name: 'about' }\"\n    >\n      <i class=\"question circle outline icon\" />\n      {{ labels.about }}\n    </router-link>\n    <template v-if=\"$store.state.auth.authenticated && $route.path != '/logout'\">\n      <div class=\"divider\" />\n      <router-link\n        class=\"item\"\n        style=\"color: var(--danger-color) !important;\"\n        :to=\"{ name: 'logout' }\"\n      >\n        <i class=\"sign out alternate icon\" />\n        {{ labels.logout }}\n      </router-link>\n    </template>\n    <template v-if=\"!$store.state.auth.authenticated\">\n      <div class=\"divider\" />\n      <router-link\n        class=\"item\"\n        :to=\"{ name: 'login' }\"\n      >\n        <i class=\"sign in alternate icon\" />\n        {{ labels.login }}\n      </router-link>\n    </template>\n    <template v-if=\"!$store.state.auth.authenticated && $store.state.instance.settings.users.registration_enabled.value\">\n      <router-link\n        class=\"item\"\n        :to=\"{ name: 'signup' }\"\n      >\n        <i class=\"user icon\" />\n        {{ labels.signup }}\n      </router-link>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { RouteRecordName } from 'vue-router'\n\nimport { computed, ref, watch, watchEffect, onMounted } from 'vue'\nimport { setI18nLanguage, SUPPORTED_LOCALES } from '~/init/locale'\nimport { useCurrentElement } from '@vueuse/core'\nimport { setupDropdown } from '~/utils/fomantic'\nimport { useRoute } from 'vue-router'\nimport { useStore } from '~/store'\nimport { useI18n } from 'vue-i18n'\n\nimport SemanticModal from '~/components/semantic/Modal.vue'\nimport UserModal from '~/components/common/UserModal.vue'\nimport SearchBar from '~/components/audio/SearchBar.vue'\nimport UserMenu from '~/components/common/UserMenu.vue'\nimport Logo from '~/components/Logo.vue'\n\nimport useThemeList from '~/composables/useThemeList'\nimport useTheme from '~/composables/useTheme'\n\ninterface Events {\n  (e: 'show:set-instance-modal'): void\n}\n\ninterface Props {\n  width: number\n}\n\nconst emit = defineEmits([\"show:set-instance-modal\"])\ndefineProps({\n  width: null\n})\n\nconst store = useStore()\nconst { theme } = useTheme()\nconst themes = useThemeList()\nconst { t, locale: i18nLocale } = useI18n()\n\nconst route = useRoute()\nconst isCollapsed = ref(true)\nwatch(() => route.path, () => (isCollapsed.value = true))\n\nconst additionalNotifications = computed(() => store.getters['ui/additionalNotifications'])\nconst logoUrl = computed(() => store.state.auth.authenticated ? 'library.index' : 'index')\n\nconst labels = computed(() => ({\n  mainMenu: t('components.Sidebar.label.main'),\n  selectTrack: t('components.Sidebar.label.play'),\n  pendingFollows: t('components.Sidebar.label.follows'),\n  pendingReviewEdits: t('components.Sidebar.label.edits'),\n  pendingReviewReports: t('components.Sidebar.label.reports'),\n  language: t('components.Sidebar.label.language'),\n  theme: t('components.Sidebar.label.theme'),\n  addContent: t('components.Sidebar.label.add'),\n  administration: t('components.Sidebar.label.administration')\n}))\n\ntype SidebarMenuTabs = 'explore' | 'myLibrary'\nconst expanded = ref<SidebarMenuTabs>('explore')\n\nconst ROUTE_MAPPINGS: Record<SidebarMenuTabs, RouteRecordName[]> = {\n  explore: [\n    'search',\n    'library.index',\n    'library.podcasts.browse',\n    'library.albums.browse',\n    'library.albums.detail',\n    'library.artists.browse',\n    'library.artists.detail',\n    'library.tracks.detail',\n    'library.playlists.browse',\n    'library.playlists.detail',\n    'library.radios.browse',\n    'library.radios.detail'\n  ],\n  myLibrary: [\n    'library.me',\n    'library.albums.me',\n    'library.artists.me',\n    'library.playlists.me',\n    'library.radios.me',\n    'favorites'\n  ]\n}\n\nwatchEffect(() => {\n  if (ROUTE_MAPPINGS.explore.includes(route.name as RouteRecordName)) {\n    expanded.value = 'explore'\n    return\n  }\n\n  if (ROUTE_MAPPINGS.myLibrary.includes(route.name as RouteRecordName)) {\n    expanded.value = 'myLibrary'\n    return\n  }\n\n  expanded.value = store.state.auth.authenticated ? 'myLibrary' : 'explore'\n})\n\nconst moderationNotifications = computed(() =>\n  store.state.ui.notifications.pendingReviewEdits\n    + store.state.ui.notifications.pendingReviewReports\n    + store.state.ui.notifications.pendingReviewRequests\n)\n\nconst showLanguageModal = ref(false)\nconst locale = ref(i18nLocale.value)\nwatch(locale, (locale) => {\n  setI18nLanguage(locale)\n})\n\nconst isProduction = import.meta.env.PROD\nconst showUserModal = ref(false)\nconst showThemeModal = ref(false)\n\nconst el = useCurrentElement()\nwatchEffect(() => {\n  if (store.state.auth.authenticated) {\n    setupDropdown('.admin-dropdown', el.value)\n  }\n\n  setupDropdown('.user-dropdown', el.value)\n})\n\nonMounted(() => {\n  document.getElementById('fake-sidebar')?.classList.add('loaded')\n})\n</script>\n\n<template>\n  <aside :class=\"['ui', 'vertical', 'left', 'visible', 'wide', {'collapsed': isCollapsed}, 'sidebar', 'component-sidebar']\">\n    <header class=\"ui basic segment header-wrapper\">\n      <router-link\n        :title=\"'Funkwhale'\"\n        :to=\"{name: logoUrl}\"\n      >\n        <i class=\"logo bordered inverted vibrant big icon\">\n          <logo class=\"logo\" />\n          <span class=\"visually-hidden\">{{ $t('components.Sidebar.link.home') }}</span>\n        </i>\n      </router-link>\n      <nav class=\"top ui compact right aligned inverted text menu\">\n        <div class=\"right menu\">\n          <div\n            v-if=\"$store.state.auth.availablePermissions['settings'] || $store.state.auth.availablePermissions['moderation']\"\n            class=\"item\"\n            :title=\"labels.administration\"\n          >\n            <div class=\"item ui inline admin-dropdown dropdown\">\n              <i class=\"wrench icon\" />\n              <div\n                v-if=\"moderationNotifications > 0\"\n                :class=\"['ui', 'accent', 'mini', 'bottom floating', 'circular', 'label']\"\n              >\n                {{ moderationNotifications }}\n              </div>\n              <div class=\"menu\">\n                <h3 class=\"header\">\n                  {{ $t('components.Sidebar.header.administration') }}\n                </h3>\n                <div class=\"divider\" />\n                <router-link\n                  v-if=\"$store.state.auth.availablePermissions['library']\"\n                  class=\"item\"\n                  :to=\"{name: 'manage.library.edits', query: {q: 'is_approved:null'}}\"\n                >\n                  <div\n                    v-if=\"$store.state.ui.notifications.pendingReviewEdits > 0\"\n                    :title=\"labels.pendingReviewEdits\"\n                    :class=\"['ui', 'circular', 'mini', 'right floated', 'accent', 'label']\"\n                  >\n                    {{ $store.state.ui.notifications.pendingReviewEdits }}\n                  </div>\n                  {{ $t('components.Sidebar.link.library') }}\n                </router-link>\n                <router-link\n                  v-if=\"$store.state.auth.availablePermissions['moderation']\"\n                  class=\"item\"\n                  :to=\"{name: 'manage.moderation.reports.list', query: {q: 'resolved:no'}}\"\n                >\n                  <div\n                    v-if=\"$store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests > 0\"\n                    :title=\"labels.pendingReviewReports\"\n                    :class=\"['ui', 'circular', 'mini', 'right floated', 'accent', 'label']\"\n                  >\n                    {{ $store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests }}\n                  </div>\n                  {{ $t('components.Sidebar.link.moderation') }}\n                </router-link>\n                <router-link\n                  v-if=\"$store.state.auth.availablePermissions['settings']\"\n                  class=\"item\"\n                  :to=\"{name: 'manage.users.users.list'}\"\n                >\n                  {{ $t('components.Sidebar.link.users') }}\n                </router-link>\n                <router-link\n                  v-if=\"$store.state.auth.availablePermissions['settings']\"\n                  class=\"item\"\n                  :to=\"{path: '/manage/settings'}\"\n                >\n                  {{ $t('components.Sidebar.link.settings') }}\n                </router-link>\n              </div>\n            </div>\n          </div>\n        </div>\n        <router-link\n          v-if=\"$store.state.auth.authenticated\"\n          class=\"item\"\n          :to=\"{name: 'content.index'}\"\n        >\n          <i class=\"upload icon\" />\n          <span class=\"visually-hidden\">{{ labels.addContent }}</span>\n        </router-link>\n        <template v-if=\"width > 768\">\n          <div class=\"item\">\n            <div class=\"ui user-dropdown dropdown\">\n              <img\n                v-if=\"$store.state.auth.authenticated && $store.state.auth.profile?.avatar && $store.state.auth.profile?.avatar.urls.medium_square_crop\"\n                class=\"ui avatar image\"\n                alt=\"\"\n                :src=\"$store.getters['instance/absoluteUrl']($store.state.auth.profile?.avatar.urls.medium_square_crop)\"\n              >\n              <actor-avatar\n                v-else-if=\"$store.state.auth.authenticated\"\n                :actor=\"{preferred_username: $store.state.auth.username, full_username: $store.state.auth.username,}\"\n              />\n              <i\n                v-else\n                class=\"cog icon\"\n              />\n              <div\n                v-if=\"$store.state.ui.notifications.inbox + additionalNotifications > 0\"\n                :class=\"['ui', 'accent', 'mini', 'bottom floating', 'circular', 'label']\"\n              >\n                {{ $store.state.ui.notifications.inbox + additionalNotifications }}\n              </div>\n              <user-menu\n                v-bind=\"$attrs\"\n                :width=\"width\"\n              />\n            </div>\n          </div>\n        </template>\n        <template v-else>\n          <a\n            href=\"\"\n            class=\"item\"\n            @click.prevent.exact=\"showUserModal = !showUserModal\"\n          >\n            <img\n              v-if=\"$store.state.auth.authenticated && $store.state.auth.profile?.avatar?.urls.medium_square_crop\"\n              class=\"ui avatar image\"\n              alt=\"\"\n              :src=\"$store.getters['instance/absoluteUrl']($store.state.auth.profile?.avatar.urls.medium_square_crop)\"\n            >\n            <actor-avatar\n              v-else-if=\"$store.state.auth.authenticated\"\n              :actor=\"{preferred_username: $store.state.auth.username, full_username: $store.state.auth.username,}\"\n            />\n            <i\n              v-else\n              class=\"cog icon\"\n            />\n            <div\n              v-if=\"$store.state.ui.notifications.inbox + additionalNotifications > 0\"\n              :class=\"['ui', 'accent', 'mini', 'bottom floating', 'circular', 'label']\"\n            >\n              {{ $store.state.ui.notifications.inbox + additionalNotifications }}\n            </div>\n          </a>\n        </template>\n        <user-modal\n          v-model:show=\"showUserModal\"\n          @show-theme-modal-event=\"showThemeModal=true\"\n          @show-language-modal-event=\"showLanguageModal=true\"\n        />\n        <semantic-modal\n          ref=\"languageModal\"\n          v-model:show=\"showLanguageModal\"\n          :fullscreen=\"false\"\n        >\n          <i\n            role=\"button\"\n            class=\"left chevron back inside icon\"\n            @click.prevent.exact=\"showUserModal = !showUserModal\"\n          />\n          <div class=\"header\">\n            <h3 class=\"title\">\n              {{ labels.language }}\n            </h3>\n          </div>\n          <div class=\"content\">\n            <fieldset\n              v-for=\"(language, key) in SUPPORTED_LOCALES\"\n              :key=\"key\"\n            >\n              <input\n                :id=\"`${key}`\"\n                v-model=\"locale\"\n                type=\"radio\"\n                name=\"language\"\n                :value=\"key\"\n              >\n              <label :for=\"`${key}`\">{{ language }}</label>\n            </fieldset>\n          </div>\n        </semantic-modal>\n        <semantic-modal\n          ref=\"themeModal\"\n          v-model:show=\"showThemeModal\"\n          :fullscreen=\"false\"\n        >\n          <i\n            role=\"button\"\n            class=\"left chevron back inside icon\"\n            @click.prevent.exact=\"showUserModal = !showUserModal\"\n          />\n          <div class=\"header\">\n            <h3 class=\"title\">\n              {{ labels.theme }}\n            </h3>\n          </div>\n          <div class=\"content\">\n            <fieldset\n              v-for=\"th in themes\"\n              :key=\"th.key\"\n            >\n              <input\n                :id=\"th.key\"\n                v-model=\"theme\"\n                type=\"radio\"\n                name=\"theme\"\n                :value=\"th.key\"\n              >\n              <label :for=\"th.key\">{{ th.name }}</label>\n            </fieldset>\n          </div>\n        </semantic-modal>\n        <div class=\"item collapse-button-wrapper\">\n          <button\n            :class=\"['ui', 'basic', 'big', {'vibrant': !isCollapsed}, 'inverted icon', 'collapse', 'button']\"\n            @click=\"isCollapsed = !isCollapsed\"\n          >\n            <i class=\"sidebar icon\" />\n          </button>\n        </div>\n      </nav>\n    </header>\n    <div class=\"ui basic search-wrapper segment\">\n      <search-bar @search=\"isCollapsed = false\" />\n    </div>\n    <div\n      v-if=\"!$store.state.auth.authenticated\"\n      class=\"ui basic signup segment\"\n    >\n      <router-link\n        class=\"ui fluid tiny primary button\"\n        :to=\"{name: 'login'}\"\n      >\n        {{ $t('components.Sidebar.link.login') }}\n      </router-link>\n      <div class=\"ui small hidden divider\" />\n      <router-link\n        class=\"ui fluid tiny button\"\n        :to=\"{path: '/signup'}\"\n      >\n        {{ $t('components.Sidebar.link.createAccount') }}\n      </router-link>\n    </div>\n    <nav\n      class=\"secondary\"\n      role=\"navigation\"\n      aria-labelledby=\"navigation-label\"\n    >\n      <h1\n        id=\"navigation-label\"\n        class=\"visually-hidden\"\n      >\n        {{ $t('components.Sidebar.header.main') }}\n      </h1>\n      <div class=\"ui small hidden divider\" />\n      <section\n        :aria-label=\"labels.mainMenu\"\n        class=\"ui bottom attached active tab\"\n      >\n        <nav\n          class=\"ui vertical large fluid inverted menu\"\n          role=\"navigation\"\n          :aria-label=\"labels.mainMenu\"\n        >\n          <div :class=\"[{ collapsed: expanded !== 'explore' }, 'collapsible item']\">\n            <h2\n              class=\"header\"\n              role=\"button\"\n              tabindex=\"0\"\n              @click=\"expanded = 'explore'\"\n              @focus=\"expanded = 'explore'\"\n            >\n              {{ $t('components.Sidebar.header.explore') }}\n              <i\n                v-if=\"expanded !== 'explore'\"\n                class=\"angle right icon\"\n              />\n            </h2>\n            <div class=\"menu\">\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'search'}\"\n              >\n                <i class=\"search icon\" />\n                {{ $t('components.Sidebar.link.search') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.index'}\"\n                active-class=\"_active\"\n              >\n                <i class=\"music icon\" />\n                {{ $t('components.Sidebar.link.browse') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.podcasts.browse'}\"\n              >\n                <i class=\"podcast icon\" />\n                {{ $t('components.Sidebar.link.podcasts') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.albums.browse'}\"\n              >\n                <i class=\"compact disc icon\" />\n                {{ $t('components.Sidebar.link.albums') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.artists.browse'}\"\n              >\n                <i class=\"user icon\" />\n                {{ $t('components.Sidebar.link.artists') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.playlists.browse'}\"\n              >\n                <i class=\"list icon\" />\n                {{ $t('components.Sidebar.link.playlists') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.radios.browse'}\"\n              >\n                <i class=\"feed icon\" />\n                {{ $t('components.Sidebar.link.radios') }}\n              </router-link>\n            </div>\n          </div>\n          <div\n            v-if=\"$store.state.auth.authenticated\"\n            :class=\"[{ collapsed: expanded !== 'myLibrary' }, 'collapsible item']\"\n          >\n            <h3\n              class=\"header\"\n              role=\"button\"\n              tabindex=\"0\"\n              @click=\"expanded = 'myLibrary'\"\n              @focus=\"expanded = 'myLibrary'\"\n            >\n              {{ $t('components.Sidebar.header.library') }}\n              <i\n                v-if=\"expanded !== 'myLibrary'\"\n                class=\"angle right icon\"\n              />\n            </h3>\n            <div class=\"menu\">\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.me'}\"\n              >\n                <i class=\"music icon\" />\n                {{ $t('components.Sidebar.link.browse') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.albums.me'}\"\n              >\n                <i class=\"compact disc icon\" />\n                {{ $t('components.Sidebar.link.albums') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.artists.me'}\"\n              >\n                <i class=\"user icon\" />\n                {{ $t('components.Sidebar.link.artists') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.playlists.me'}\"\n              >\n                <i class=\"list icon\" />\n                {{ $t('components.Sidebar.link.playlists') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'library.radios.me'}\"\n              >\n                <i class=\"feed icon\" />\n                {{ $t('components.Sidebar.link.radios') }}\n              </router-link>\n              <router-link\n                class=\"item\"\n                :to=\"{name: 'favorites'}\"\n              >\n                <i class=\"heart icon\" />\n                {{ $t('components.Sidebar.link.favorites') }}\n              </router-link>\n            </div>\n          </div>\n          <router-link\n            v-if=\"$store.state.auth.authenticated\"\n            class=\"header item\"\n            :to=\"{name: 'subscriptions'}\"\n          >\n            {{ $t('components.Sidebar.link.channels') }}\n          </router-link>\n          <div class=\"item\">\n            <h3 class=\"header\">\n              {{ $t('components.Sidebar.header.more') }}\n            </h3>\n            <div class=\"menu\">\n              <router-link\n                class=\"item\"\n                to=\"/about\"\n                active-class=\"router-link-exact-active active\"\n              >\n                <i class=\"info icon\" />\n                {{ $t('components.Sidebar.link.about') }}\n              </router-link>\n            </div>\n          </div>\n          <div\n            v-if=\"!isProduction\"\n            class=\"item\"\n          >\n            <a\n              role=\"button\"\n              href=\"\"\n              class=\"link item\"\n              @click.prevent=\"emit('show:set-instance-modal')\"\n            >{{ $t('components.Sidebar.link.switchInstance') }}</a>\n          </div>\n        </nav>\n      </section>\n    </nav>\n  </aside>\n</template>\n\n<style>\n[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n[type=\"radio\"] + label::after {\n  content: \"\";\n  font-size: 1.4em;\n}\n[type=\"radio\"]:checked + label::after {\n  margin-left: 10px;\n  content: \"\\2713\"; /* Checkmark */\n  font-size: 1.4em;\n}\n[type=\"radio\"]:checked + label {\n  font-weight: bold;\n}\nfieldset {\n  border: none;\n}\n.back {\n  font-size: 1.25em !important;\n  position: absolute;\n  top: 0.5rem;\n  left: 0.5rem;\n  width: 2.25rem !important;\n  height: 2.25rem !important;\n  padding: 0.625rem 0 0 0;\n}\n</style>\n"],"names":["t","i18n","themeList","useThemeList","emit","__emit","show","useVModel","__props","theme","useTheme","themes","i18nLocale","useI18n","labels","computed","locale","SUPPORTED_LOCALES","isCategoryGuard","object","search","ref","focused","useFocus","onKeyboardShortcut","router","useRouter","store","useStore","el","useCurrentElement","query","enter","jQuery","blur","categories","obj","_a","_b","objectId","trimmedQuery","trim","onMounted","result","response","value","xhrObject","initialResponse","id","results","resultsEmpty","category","_c","_d","route","useRoute","isCollapsed","watch","additionalNotifications","logoUrl","expanded","ROUTE_MAPPINGS","watchEffect","moderationNotifications","showLanguageModal","setI18nLanguage","isProduction","showUserModal","showThemeModal","setupDropdown"],"mappings":"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"}