{"version":3,"file":"Home.vue_vue_type_script_setup_true_lang-DZKo9WBu.js","sources":["../../src/components/Book.vue","../../src/components/ListHeadline.vue","../../src/components/Boxes/BookBox.vue","../../src/components/Feed.vue","../../src/components/Boxes/FeedBox.vue","../../src/components/Video.vue","../../src/components/Boxes/VideoBox.vue","../../src/components/WikipediaArticle.vue","../../src/components/Boxes/WikipediaBox.vue","../../src/enums/BoxType.ts","../../src/views/Home/HomeAdvanced.vue","../../src/components/CategoryCard.vue","../../src/components/Boxes/CategoryBox.vue","../../src/components/Klexikon.vue","../../src/components/Boxes/KlexikonBox.vue","../../src/views/Home/HomeBeginner.vue","../../src/views/Home/Home.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport TextWithTooltips from '@jaaluu/components/TextWithTooltips.vue';\nimport { Book } from '@jaaluu/interfaces/Books';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport { onMounted, PropType } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst { langForeign } = stores.language.state;\n\nconst router = useRouter();\nconst props = defineProps({\n  book: {\n    type: Object as PropType<Book>,\n    required: false\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  },\n  showDivider: {\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  dividerClass: {\n    type: String,\n    required: false,\n    default: ''\n  }\n});\n\nonMounted(() => {});\n\nconst { logoBall } = stores.assets.state;\n\nconst openBookDetails = () => {\n  router.push(`/${langForeign.value}/books/${props.book?.id}`);\n};\n</script>\n\n<template>\n  <div v-if=\"!book\">\n    <v-skeleton-loader\n      class=\"mx-auto mt-2\"\n      color=\"transparent\"\n      type=\"table-heading, paragraph\"\n    ></v-skeleton-loader>\n    <v-divider class=\"divider-my\" />\n  </div>\n  <div v-else class=\"grab\" @click=\"openBookDetails()\">\n    <div class=\"align-center relative w-full pr-12\" :class=\"{ 'd-flex': !props.vertical }\">\n      <v-img\n        transition=\"scale-transition\"\n        class=\"img mr-2 mr-sm-4 mr-md-6 mb-2 grab elevation-3\"\n        :class=\"props.vertical ? 'img' : 'img'\"\n        cover\n        :src=\"book.formats['image/jpeg'] ? book.formats['image/jpeg'] : logoBall\"\n      />\n      <div class=\"w-full\">\n        <div class=\"title-sm\">\n          <TextWithTooltips :text=\"book.title\" :max-words=\"10\" />\n        </div>\n        <div class=\"d-flex\">\n          {{ book.authors.map((a) => a.name).join(', ') }}\n        </div>\n        <!-- <div class=\"subtitle \">\n          {{ book.subjects.join(', ') }}\n        </div> -->\n        <v-btn\n          class=\"ml-n2\"\n          variant=\"text\"\n          size=\"x-small\"\n          color=\"green lighten-2\"\n          prepend-icon=\"mdi-book-open-variant-outline\"\n        >\n          {{ t('general.read') }}\n        </v-btn>\n      </div>\n    </div>\n    <v-divider v-if=\"props.showDivider\" :class=\"`divider-my ${props.dividerClass}`\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.img {\n  width: 100%;\n  max-width: 100px;\n  height: 100px;\n  object-fit: cover;\n}\n</style>\n","<script lang=\"ts\" setup>\nconst props = defineProps<{\n  title: string;\n  icon: string;\n}>();\n\n</script>\n\n<template>\n  <div class=\"title-lg\">\n    {{ props.title.toUpperCase() }}<v-icon size=\"16\" class=\"mb-1 ml-2\" :icon=\"props.icon\" />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport Book from '@jaaluu/components/Book.vue';\nimport ListHeadline from '@jaaluu/components/ListHeadline.vue';\nimport TextFieldWithButton from '@jaaluu/components/TextFieldWithButton.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport vuetify from '@shared/vuetify';\nimport { onMounted, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst { TRANS } = stores.translate.consts;\nconst { langForeign } = stores.language.state;\nconst PAGE_LEN_FULL = 9;\nconst PAGE_LEN_SHORT = 3;\nconst router = useRouter();\nconst isLoading = ref(false);\nconst props = defineProps({\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  }\n});\nconst load = ref(props.isFullscreen ? PAGE_LEN_FULL : PAGE_LEN_SHORT);\nconst pageLen = ref(props.isFullscreen ? PAGE_LEN_FULL : PAGE_LEN_SHORT);\nconst pages = ref(1);\n\nconst { books } = stores.books.state;\nconst { getBooks, searchBooks } = stores.books.funcs;\n\nonMounted(() => {\n  if (books.value.length >= load.value) return;\n  isLoading.value = true;\n  setBooks();\n});\n\nconst loadMore = () => {\n  if (!props.isFullscreen) {\n    router.push(`/${langForeign.value}/books`);\n    return;\n  }\n  load.value += pageLen.value;\n  pages.value += 1;\n  setBooks();\n};\n\nconst setBooks = () => {\n  isLoading.value = true;\n  getBooks(load.value, langForeign.value!).then(() => {\n    isLoading.value = false;\n  });\n};\n\nconst search = (text: string) => {\n  isLoading.value = true;\n  books.value = [];\n  if (text === '' || !text) {\n    pages.value = 1;\n    setBooks();\n  } else {\n    searchBooks(text, langForeign.value!).then(() => {\n      console.log(books.value.length);\n      pages.value = 1;\n      pages.value = Math.ceil(books.value.length / pageLen.value);\n      isLoading.value = false;\n    });\n  }\n};\n\nwatch(\n  () => langForeign.value,\n  () => {\n    load.value = props.isFullscreen ? PAGE_LEN_FULL : PAGE_LEN_SHORT;\n    pageLen.value = props.isFullscreen ? PAGE_LEN_FULL : PAGE_LEN_SHORT;\n    pages.value = 1;\n    books.value = [];\n    getBooks(load.value, langForeign.value!);\n  }\n);\n</script>\n\n<template>\n  <div class=\"pa-2\">\n    <div class=\"\" :class=\"{ 'books-wrapper': !isFullscreen, 'pa-2': !isFullscreen }\">\n      <div class=\"d-flex justify-space-between\" v-if=\"langForeign\">\n        <v-btn\n          v-if=\"!isFullscreen\"\n          variant=\"text\"\n          append-icon=\"mdi-book-open-variant-outline\"\n          class=\"box-topic-button\"\n          @click=\"loadMore\"\n          >{{ TRANS[langForeign].general.books }}</v-btn\n        >\n        <ListHeadline\n          v-else\n          :title=\"TRANS[langForeign].general.books\"\n          icon=\"mdi-book-open-variant-outline\"\n        />\n        <TextFieldWithButton\n          class=\"mb-6 w-150\"\n          v-if=\"isFullscreen\"\n          wrapperClasses=\"justify-baseline\"\n          clearable\n          hide-details\n          @search=\"(text: string) => search(text)\"\n        >\n          <div>{{ t('general.search') }}</div>\n        </TextFieldWithButton>\n      </div>\n      <div v-for=\"page in Array.from({ length: pages }, (_, i) => i)\">\n        <div>\n          <Book\n            :isFullscreen=\"isFullscreen\"\n            :book=\"books[pageLen * page]\"\n            v-if=\"isLoading || books.length > pageLen * page\"\n            :show-divider=\"books.length > pageLen * page + 1\"\n          />\n          <Book\n            :isFullscreen=\"isFullscreen\"\n            :book=\"books[pageLen * page + 1]\"\n            v-if=\"isLoading || books.length > pageLen * page + 1\"\n            :show-divider=\"books.length > pageLen * page + 2\"\n          />\n          <Book\n            :isFullscreen=\"isFullscreen\"\n            :book=\"books[pageLen * page + 2]\"\n            v-if=\"isLoading || books.length > pageLen * page + 2\"\n            :show-divider=\"isFullscreen && books.length > pageLen * page + 3\"\n          />\n          <div v-if=\"page % 2 != 0\">\n            <div\n              v-for=\"(groupedI, pOddIdx) in [\n                [pageLen * page + 3, pageLen * page + 4],\n                [pageLen * page + 5, pageLen * page + 6],\n                [pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <Book\n                  :isFullscreen=\"isFullscreen\"\n                  :book=\"books[groupedI[0]]\"\n                  class=\"w-100 w-md-50\"\n                  divider-class=\"d-block d-md-none\"\n                  v-if=\"isLoading || books.length > groupedI[0]\"\n                  :show-divider=\"books.length > groupedI[0] + 1\"\n                />\n                <Book\n                  :isFullscreen=\"isFullscreen\"\n                  :book=\"books[groupedI[1]]\"\n                  class=\"w-100 w-md-50\"\n                  :show-divider=\"false\"\n                  v-if=\"isLoading || books.length > groupedI[1]\"\n                />\n              </div>\n              <v-divider\n                class=\"divider-my\"\n                v-if=\"\n                  books.length > groupedI[1] + 1 && (page < pages - 1 || [0, 1].includes(pOddIdx))\n                \"\n              />\n            </div>\n          </div>\n          <div v-else-if=\"isFullscreen\">\n            <div\n              v-for=\"(groupedI, pEvenIdx) in [\n                [pageLen * page + 3, pageLen * page + 4, pageLen * page + 5],\n                [pageLen * page + 6, pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <Book\n                  :isFullscreen=\"isFullscreen\"\n                  :book=\"books[groupedI[0]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  divider-class=\"d-block d-md-none\"\n                  v-if=\"isLoading || books.length > groupedI[0]\"\n                  :show-divider=\"books.length > groupedI[0] + 1\"\n                />\n                <Book\n                  :isFullscreen=\"isFullscreen\"\n                  :book=\"books[groupedI[1]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  divider-class=\"d-block d-md-none\"\n                  v-if=\"isLoading || books.length > groupedI[1]\"\n                  :show-divider=\"books.length > groupedI[1] + 1\"\n                />\n                <Book\n                  :isFullscreen=\"isFullscreen\"\n                  :book=\"books[groupedI[2]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  :show-divider=\"false\"\n                  v-if=\"isLoading || books.length > groupedI[2]\"\n                />\n              </div>\n              <v-divider\n                class=\"divider-my\"\n                v-if=\"books.length > groupedI[2] + 1 && (page < pages - 1 || pEvenIdx === 0)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"d-flex justify-center\"\n        :class=\"{ 'mt-6': isFullscreen, 'mt-3': !isFullscreen }\"\n        v-if=\"!isFullscreen || (books.length > 0 && books.length >= pageLen * pages)\"\n      >\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          @click=\"loadMore\"\n          color=\"green\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.books-wrapper {\n  background-color: rgb(var(--v-theme-secondary));\n}\n</style>\n","<script lang=\"ts\" setup>\nimport PictureInfo from '@jaaluu/components/PictureInfo.vue';\nimport TextWithTooltips from '@jaaluu/components/TextWithTooltips.vue';\nimport stores from '@jaaluu/stores';\nimport { IntroMessageType } from '@jaaluu/stores/intro-message';\nimport { t } from '@shared/i18n';\nimport { FeedHeadline, FeedsService, GoogleRssTopic } from '@shared/openapi/jaaluu-api';\nimport sharedStores from '@shared/shared-stores';\nimport { PropType, Ref, computed, onMounted, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst router = useRouter();\n\nconst { langForeign } = stores.language.state;\nconst { maxLoadFeeds } = stores.feed.state;\nconst { logoBallTrans } = stores.assets.state;\nconst { getHumanizedDate } = sharedStores.datetime.funcs;\nconst { openNewTab } = sharedStores.router.funcs;\nconst { getCleanTitle } = stores.feed.funcs;\nconst { getImageFileUrl } = stores.files.funcs;\nconst { setIntroMsgSeen } = stores.introMessage.funcs;\n\nconst props = defineProps({\n  feedTopic: {\n    type: String as PropType<GoogleRssTopic>,\n    required: true\n  },\n  newsIdx: {\n    type: Number,\n    required: true\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  maxWords: {\n    type: Number,\n    default: 200\n  },\n  minHeight: {\n    type: Number,\n    required: false,\n    default: 70\n  },\n  color: {\n    type: String,\n    required: false,\n    default: 'transparent'\n  },\n  showDivider: {\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  dividerClass: {\n    type: String,\n    required: false,\n    default: ''\n  }\n});\n\nconst news: Ref<FeedHeadline | null> = ref(null);\nconst hasError = ref(false);\nconst hasData = computed(() => {\n  if (!maxLoadFeeds.value) return true;\n  return props.newsIdx < maxLoadFeeds.value[props.feedTopic];\n});\n\nonMounted(() => {\n  loadNews();\n});\n\nconst loadNews = () => {\n  if (!langForeign.value) return;\n  news.value = null;\n  FeedsService.getHeadlineByIdxV1FeedsGet({\n    query: {\n      foreign: langForeign.value,\n      topic: props.feedTopic as GoogleRssTopic,\n      feed_idx: props.newsIdx\n    },\n    throwOnError: true\n  })\n    .then((res: any) => {\n      news.value = res.data;\n    })\n    .catch(() => {\n      hasError.value = true;\n    });\n};\nconst openFeedDetails = (news: any) => {\n  setIntroMsgSeen(IntroMessageType.CLICK_ON_READ);\n  router.push(`/${langForeign.value}/feeds/${props.feedTopic}/${news.link.split('/').pop()}`);\n};\n\nwatch(\n  () => props.feedTopic,\n  () => loadNews()\n);\n\nwatch(\n  () => langForeign.value,\n  () => {\n    loadNews();\n  }\n);\n</script>\n\n<template>\n  <div v-if=\"!hasError && hasData\">\n    <div v-if=\"!news\" class=\"w-full\" :style=\"{ minHeight: props.minHeight }\">\n      <v-skeleton-loader\n        class=\"mx-auto\"\n        :color=\"props.color\"\n        type=\"table-heading, paragraph\"\n      ></v-skeleton-loader>\n    </div>\n    <div v-else :style=\"{ minHeight: props.minHeight }\" @click=\"openFeedDetails(news)\">\n      <div class=\"align-center relative w-full pr-2 grab\" :class=\"{ 'd-flex': !props.vertical }\">\n        <div class=\"mr-2 mr-sm-4 mr-md-6 img grab\">\n          <v-img\n            transition=\"scale-transition\"\n            cover\n            class=\"img\"\n            :src=\"news.image_url ? getImageFileUrl(news.image_url) : logoBallTrans\"\n          />\n          <PictureInfo :image-url=\"news.image_url\" flex-position=\"justify-start\" />\n        </div>\n        <div class=\"text w-full\">\n          <div class=\"subtitle grab\" @click=\"() => openNewTab(news!.link)\">\n            {{ news.source }}\n            <v-icon icon=\"mdi-open-in-new\" size=\"12\"></v-icon>\n          </div>\n          <div class=\"d-flex align-center w-full\">\n            <TextWithTooltips :text=\"getCleanTitle(news)\" :max-words=\"props.maxWords\" />\n          </div>\n          <div class=\"subtitle\">{{ getHumanizedDate(news.published_at, langForeign!) }}</div>\n          <v-btn\n            class=\"ml-n2\"\n            variant=\"text\"\n            size=\"x-small\"\n            color=\"green lighten-2\"\n            prepend-icon=\"mdi-text\"\n          >\n            {{ t('general.read') }}\n          </v-btn>\n        </div>\n      </div>\n    </div>\n    <v-divider v-if=\"props.showDivider\" :class=\"`divider-my ${props.dividerClass}`\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.img {\n  width: 100%;\n  max-width: 100px;\n  height: 100px;\n  object-fit: cover;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport Feed from '@jaaluu/components/Feed.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport { GoogleRssTopic } from '@shared/openapi/jaaluu-api';\nimport { PropType, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst router = useRouter();\nconst { langForeign } = stores.language.state;\nconst { TRANS } = stores.translate.consts;\nconst { MAX_WORDS_BLOCK } = stores.text.consts;\nconst props = defineProps({\n  feedTopic: {\n    type: String as PropType<GoogleRssTopic>,\n    required: true\n  }\n});\n\nconst load = ref(2);\nconst showLoadMore = ref(true);\n\nconst loadMore = () => {\n  router.push(`/${langForeign.value}/feeds/${props.feedTopic}`);\n};\n\nwatch(\n  () => langForeign,\n  () => {\n    load.value = 2;\n    showLoadMore.value = true;\n  }\n);\n</script>\n\n<template>\n  <div class=\"pa-2\">\n    <div class=\"feed-wrapper pa-2 h-100\">\n      <v-btn\n        v-if=\"langForeign\"\n        variant=\"text\"\n        class=\"box-topic-button\"\n        @click=\"loadMore\"\n        append-icon=\"mdi-newspaper-variant-outline\"\n        >{{ TRANS[langForeign].feed_topics[props.feedTopic] }}</v-btn\n      >\n      <div v-for=\"i in Array.from({ length: load }, (_, i) => i)\">\n        <Feed\n          :feedTopic=\"props.feedTopic\"\n          :newsIdx=\"i\"\n          :maxWords=\"MAX_WORDS_BLOCK\"\n          :minHeight=\"150\"\n          :show-divider=\"i < load - 1\"\n        />\n      </div>\n      <div class=\"d-flex justify-center mt-3 mt-md-4 mt-lg-6\" v-if=\"showLoadMore\">\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          color=\"green\"\n          @click=\"loadMore\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.feed-wrapper {\n  background-color: rgb(var(--v-theme-secondary));\n}\n</style>\n","<script lang=\"ts\" setup>\nimport TextWithTooltips from '@jaaluu/components/TextWithTooltips.vue';\nimport stores from '@jaaluu/stores';\nimport { IntroMessageType } from '@jaaluu/stores/intro-message';\nimport { t } from '@shared/i18n';\nimport { Video, VideosService } from '@shared/openapi/jaaluu-api';\nimport sharedStores from '@shared/shared-stores';\nimport { AxiosError } from 'axios';\nimport { computed, onMounted, Ref, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst { handleDefaultError } = stores.error.funcs;\nconst { getHumanizedDate } = sharedStores.datetime.funcs;\nconst { getMaxText } = stores.text.funcs;\nconst { setIntroMsgSeen } = stores.introMessage.funcs;\nconst { langForeign } = stores.language.state;\nconst { ytInitDone, maxLoadVideos } = stores.video.state;\nconst router = useRouter();\n\nconst props = defineProps({\n  channelId: {\n    type: String,\n    required: true\n  },\n  videoIdx: {\n    type: Number,\n    required: true\n  },\n  minHeight: {\n    type: Number,\n    required: false,\n    default: 70\n  },\n  color: {\n    type: String,\n    required: false,\n    default: 'transparent'\n  },\n  showDescription: {\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  showDivider: {\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  dividerClass: {\n    type: String,\n    required: false,\n    default: ''\n  }\n});\n\nconst video: Ref<Video | null> = ref(null);\nconst hasData = computed(() => {\n  if (!maxLoadVideos.value) return true;\n  return props.videoIdx < maxLoadVideos.value[props.channelId];\n});\n\nconst fetchYoutubeVideos = () => {\n  if (\n    !langForeign.value ||\n    !maxLoadVideos.value ||\n    props.videoIdx >= maxLoadVideos.value[props.channelId]\n  )\n    return;\n  VideosService.getVideoByIdxV1VideosChannelChannelIdGet({\n    path: { channel_id: props.channelId },\n    query: { video_idx: props.videoIdx, lang: langForeign.value },\n    throwOnError: true\n  })\n    .then((res) => {\n      video.value = res.data;\n    })\n    .catch((error: AxiosError) => {\n      handleDefaultError(error);\n    });\n};\n\nonMounted(() => {\n  fetchYoutubeVideos();\n});\nconst openVideo = (video: Video) => {\n  setIntroMsgSeen(IntroMessageType.CLICK_ON_VIEW);\n  router.push(`/${langForeign.value}/videos/${props.channelId}/${video.id}`);\n};\n\nwatch(\n  () => props.channelId,\n  () => fetchYoutubeVideos()\n);\n</script>\n\n<template>\n  <div v-if=\"hasData\">\n    <div v-if=\"!video || !ytInitDone\" class=\"w-full\">\n      <v-skeleton-loader\n        class=\"mx-auto\"\n        :color=\"props.color\"\n        type=\"table-heading, text\"\n      ></v-skeleton-loader>\n    </div>\n    <div class=\"d-flex grab\" v-else @click=\"openVideo(video)\">\n      <div class=\"mr-2 mr-sm-4 mr-md-6\">\n        <v-img class=\"grab\" :src=\"video.thumbnail_url\" contain width=\"100\" />\n        <div class=\"subtitle\">\n          {{ getHumanizedDate(video.published_at, langForeign!) }}\n        </div>\n      </div>\n      <div class=\"pr-4\">\n        <TextWithTooltips :class=\"{ 'title-sm': showDescription }\" :text=\"video.title\" />\n        <TextWithTooltips\n          v-if=\"showDescription\"\n          class=\"mt-1 mt-sm-2\"\n          :text=\"getMaxText(video.description, 20)\"\n        />\n        <v-btn\n          class=\"ml-n2\"\n          variant=\"text\"\n          size=\"x-small\"\n          color=\"green lighten-2\"\n          prepend-icon=\"mdi-youtube\"\n        >\n          {{ t('general.view') }}\n        </v-btn>\n      </div>\n    </div>\n    <v-divider v-if=\"props.showDivider\" :class=\"`divider-my ${props.dividerClass}`\" />\n  </div>\n</template>\n<style scoped lang=\"scss\"></style>\n","<script lang=\"ts\" setup>\nimport Video from '@jaaluu/components/Video.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport { VideoDef } from '@shared/openapi/jaaluu-api';\nimport vuetify from '@shared/vuetify';\nimport { PropType, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst { langForeign } = stores.language.state;\nconst router = useRouter();\nconst props = defineProps({\n  ytChannel: {\n    type: Object as PropType<VideoDef>,\n    required: true\n  }\n});\nconst { ytInitDone } = stores.video.state;\nconst load = ref(3);\n\nconst loadMore = () => {\n  router.push(`/${langForeign.value}/videos/${props.ytChannel.channel_id}`);\n  return;\n};\n\nwatch(\n  () => langForeign.value,\n  () => {\n    load.value = 3;\n  }\n);\n</script>\n\n<template>\n  <div class=\"pa-2\">\n    <div class=\"videos-wrapper pa-2\">\n      <v-btn @click=\"loadMore\" variant=\"text\" class=\"box-topic-button\" append-icon=\"mdi-youtube\">{{\n        ytChannel.title.toUpperCase()\n      }}</v-btn>\n      <div v-if=\"ytInitDone\" class=\"d-md-flex w-full flex-wrap\">\n        <div v-for=\"i in Array.from({ length: load }, (_, i) => i)\" class=\"w-100 w-md-33\">\n          <Video\n            :channelId=\"ytChannel.channel_id\"\n            :video-idx=\"i\"\n            :show-description=\"false\"\n            :show-divider=\"vuetify.display.mdAndDown.value && i < load - 1\"\n          />\n        </div>\n      </div>\n      <div class=\"d-flex justify-center align-center mt-3\">\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          color=\"green\"\n          @click=\"loadMore\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.videos-wrapper {\n  background: rgb(var(--v-theme-secondary));\n}\n</style>\n","<script lang=\"ts\" setup>\nimport TextWithTooltips from '@jaaluu/components/TextWithTooltips.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport { PropType } from 'vue';\nimport { onMounted} from 'vue';\nimport { useRouter } from 'vue-router';\nimport sharedStores from '@shared/shared-stores';\nimport { IntroMessageType } from '@jaaluu/stores/intro-message';\n\nconst router = useRouter();\nconst { getHumanizedDate} = sharedStores.datetime.funcs;\nconst { setIntroMsgSeen } = stores.introMessage.funcs;\nconst { logoBallTrans } = stores.assets.state;\nconst { langForeign} = stores.language.state;\nconst { MAX_WORDS_BLOCK} = stores.text.consts;\nconst props = defineProps({\n  article: {\n    type: Object as PropType<any>,\n    required: false\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  },\n  showDivider: {\n    type: Boolean,\n    required: false,\n    default: true\n  },\n  dividerClass: {\n    type: String,\n    required: false,\n    default: ''\n  }\n});\n\n\n\nonMounted(() => {\n});\n\nconst openArticleDetails = () => {\n  setIntroMsgSeen(IntroMessageType.CLICK_ON_READ);\n  router.push(`/${langForeign.value}/wikipedia/${props.article.title}`);\n};\n\n</script>\n\n<template>\n    <div v-if=\"!article\">\n    <v-skeleton-loader\n      class=\"mx-auto\"\n      color=\"transparent\"\n      type=\"table-heading, paragraph\"\n    ></v-skeleton-loader>\n    <v-divider class=\"divider-my\" />\n  </div>\n  <div class=\"\" v-else>\n    <div class=\"align-center relative w-full pr-2 pr-md-12 grab\" :class=\"{ 'd-flex': !props.vertical }\" @click=\"openArticleDetails()\" >\n      <v-img\n        transition=\"scale-transition\"\n        class=\"img mr-2 mr-sm-4 mr-md-6 mb-2 grab\"\n        :class=\"props.vertical ? 'img' : 'img'\"\n        cover\n        :src=\"article.thumbnail?.source ? article.thumbnail.source : logoBallTrans\"\n      />\n      <div class=\"w-full\" >\n        <div class=\"title-sm\">\n          <TextWithTooltips :text=\"article.title\" />\n        </div>\n        <div class=\"mt-1\">\n          <TextWithTooltips :text=\"article.extract\" :maxWords=\"MAX_WORDS_BLOCK\" />\n        </div>\n        <div class=\"subtitle\">{{ getHumanizedDate(article.timestamp, langForeign!) }}</div>\n        <v-btn\n          class=\"ml-n2\"\n          variant=\"text\"\n          size=\"x-small\"\n          color=\"green lighten-2\"\n          prepend-icon=\"mdi-text\"\n        >\n          {{ t('general.read') }}\n        </v-btn>\n      </div>\n    </div>\n    <v-divider v-if=\"props.showDivider\" :class=\"`divider-my ${props.dividerClass}`\" />\n    \n    <!--               title: res.data.title,\n              content: res.data.extract,\n              image_url: res.data.thumbnail.source -->\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.img {\n  width: 100%;\n  max-width: 100px;\n  height: 100px;\n  object-fit: cover;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport ListHeadline from '@jaaluu/components/ListHeadline.vue';\nimport TextFieldWithButton from '@jaaluu/components/TextFieldWithButton.vue';\nimport WikipediaArticle from '@jaaluu/components/WikipediaArticle.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport vuetify from '@shared/vuetify';\nimport { onMounted, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst PAGE_LEN_FULL = 9;\nconst router = useRouter();\nconst { langForeign } = stores.language.state;\nconst props = defineProps({\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  }\n});\nconst load = ref(props.isFullscreen ? PAGE_LEN_FULL : 3);\nconst pageLen = ref(props.isFullscreen ? PAGE_LEN_FULL : 3);\nconst pages = ref(1);\nconst isLoading = ref(false);\n\nconst { articles } = stores.wikipedia.state;\nconst { getRandomWikipediArticles, getSearchedWikipediaArticles } = stores.wikipedia.funcs;\n\nonMounted(() => {\n  if (articles.value.length >= load.value) return;\n  setRandomArticles();\n});\n\nconst setRandomArticles = () => {\n  isLoading.value = true;\n  getRandomWikipediArticles(load.value, langForeign.value!).then(() => {\n    isLoading.value = false;\n  });\n};\n\nconst loadMore = () => {\n  if (!props.isFullscreen) {\n    router.push(`/${langForeign.value}/wikipedia`);\n    return;\n  }\n  load.value += pageLen.value;\n  pages.value += 1;\n  setRandomArticles();\n};\n\nconst search = (text: string) => {\n  isLoading.value = true;\n  articles.value = [];\n  if (text === '' || !text) {\n    pages.value = 1;\n    setRandomArticles();\n  } else {\n    getSearchedWikipediaArticles(text, langForeign.value!).then(() => {\n      console.log(articles.value.length);\n      pages.value = Math.ceil(articles.value.length / pageLen.value);\n      isLoading.value = false;\n    });\n  }\n};\n\nwatch(\n  () => langForeign.value,\n  () => {\n    articles.value = [];\n    pages.value = 1;\n    load.value = props.isFullscreen ? PAGE_LEN_FULL : 3;\n    pageLen.value = props.isFullscreen ? PAGE_LEN_FULL : 3;\n    setRandomArticles();\n  }\n);\n</script>\n\n<template>\n  <div class=\"pa-2\">\n    <div class=\"\" :class=\"{ 'wiki-articles-wrapper': !isFullscreen, 'pa-2': !isFullscreen }\">\n      <div class=\"d-flex justify-space-between\">\n        <v-btn\n          v-if=\"!isFullscreen\"\n          variant=\"text\"\n          class=\"box-topic-button\"\n          append-icon=\"mdi-wikipedia\"\n          @click=\"loadMore\"\n          >WIKIPEDIA</v-btn\n        >\n        <ListHeadline v-else :title=\"'WIKIPEDIA'\" icon=\"mdi-wikipedia\" />\n        <TextFieldWithButton\n          class=\"mb-6 w-150\"\n          clearable\n          v-if=\"isFullscreen\"\n          wrapperClasses=\"justify-baseline\"\n          hide-details\n          @search=\"(text: string) => search(text)\"\n        ><div>{{ t('general.search') }}</div>\n        </TextFieldWithButton>\n      </div>\n      <div v-for=\"page in Array.from({ length: pages }, (_, i) => i)\">\n        <div>\n          <WikipediaArticle\n            :isFullscreen=\"isFullscreen\"\n            :article=\"articles[pageLen * page]\"\n            v-if=\"isLoading || articles.length > pageLen * page\"\n            :show-divider=\"articles.length > pageLen * page + 1\"\n          />\n          <WikipediaArticle\n            :isFullscreen=\"isFullscreen\"\n            :article=\"articles[pageLen * page + 1]\"\n            v-if=\"isLoading || articles.length > pageLen * page + 1\"\n            :show-divider=\"articles.length > pageLen * page + 2\"\n          />\n          <WikipediaArticle\n            :isFullscreen=\"isFullscreen\"\n            :article=\"articles[pageLen * page + 2]\"\n            v-if=\"isLoading || articles.length > pageLen * page + 2\"\n            :show-divider=\"isFullscreen && articles.length > pageLen * page + 3\"\n          />\n          <div v-if=\"page % 2 != 0\">\n            <div\n              v-for=\"(groupedI, pOddIdx) in [\n                [pageLen * page + 3, pageLen * page + 4],\n                [pageLen * page + 5, pageLen * page + 6],\n                [pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <WikipediaArticle\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"articles[groupedI[0]]\"\n                  class=\"w-100 w-md-50\"\n                  v-if=\"isLoading || articles.length > groupedI[0]\"\n                  :show-divider=\"\n                    !vuetify.display.mdAndUp.value && articles.length > groupedI[0] + 1\n                  \"\n                />\n                <WikipediaArticle\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"articles[groupedI[1]]\"\n                  class=\"w-100 w-md-50\"\n                  :show-divider=\"false\"\n                  v-if=\"isLoading || articles.length > groupedI[1]\"\n                />\n              </div>\n              <v-divider\n                class=\"divider-my\"\n                v-if=\"\n                  articles.length > groupedI[1] + 1 &&\n                  (page < pages - 1 || [0, 1].includes(pOddIdx))\n                \"\n              />\n            </div>\n          </div>\n          <div v-else-if=\"isFullscreen\">\n            <div\n              v-for=\"(groupedI, pEvenIdx) in [\n                [pageLen * page + 3, pageLen * page + 4, pageLen * page + 5],\n                [pageLen * page + 6, pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <WikipediaArticle\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"articles[groupedI[0]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  v-if=\"isLoading || articles.length > groupedI[0]\"\n                  :show-divider=\"\n                    !vuetify.display.mdAndUp.value && articles.length > groupedI[0] + 1\n                  \"\n                />\n                <WikipediaArticle\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"articles[groupedI[1]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  v-if=\"isLoading || articles.length > groupedI[1]\"\n                  :show-divider=\"\n                    !vuetify.display.mdAndUp.value && articles.length > groupedI[1] + 1\n                  \"\n                />\n                <WikipediaArticle\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"articles[groupedI[2]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                  :show-divider=\"false\"\n                  v-if=\"isLoading || articles.length > groupedI[2]\"\n                />\n              </div>\n              <v-divider\n                class=\"divider-my\"\n                v-if=\"articles.length > groupedI[2] + 1 && (page < pages - 1 || pEvenIdx === 0)\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"d-flex justify-center\"\n        :class=\"{ 'mt-6': isFullscreen, 'mt-3': !isFullscreen }\"\n        v-if=\"!isFullscreen || articles.length > 0 && articles.length >= pageLen * pages\"\n      >\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          @click=\"loadMore\"\n          color=\"green\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.wiki-articles-wrapper {\n  background-color: rgb(var(--v-theme-secondary));\n}\n</style>\n","export enum BoxType {\n  NEWS = 'news',\n  VIDEOS = 'videos',\n  WIKIPEDIA = 'wikipedia',\n  KLEXIKON = 'klexikon',\n  BOOKS = 'books',\n  PHRASES = 'phrases',\n  WORDS = 'words',\n  SAYINGS = 'sayings',\n}\n","<script lang=\"ts\" setup>\nimport BookBox from '@jaaluu/components/Boxes/BookBox.vue';\nimport FeedBox from '@jaaluu/components/Boxes/FeedBox.vue';\nimport VideoBox from '@jaaluu/components/Boxes/VideoBox.vue';\nimport WikipediaBox from '@jaaluu/components/Boxes/WikipediaBox.vue';\nimport { BoxType } from '@jaaluu/enums/BoxType';\nimport stores from '@jaaluu/stores';\nimport { CategoryType, GoogleRssTopic } from '@shared/openapi/jaaluu-api';\nimport { PropType } from 'vue';\n\nconst { initDone } = stores.app.state;\nconst { langForeign } = stores.language.state;\nconst { ytChannels } = stores.video.state;\nconst LAZY_THOLD = 0.1;\n\n\nconst props = defineProps({\n  excludeBoxType: {\n    type: String as PropType<BoxType>,\n    required: false\n  },\n  excludeCategoryType: {\n    type: String as PropType<CategoryType>,\n    required: false\n  },\n  exludeFeedTopic: {\n    type: String as PropType<GoogleRssTopic>,\n    required: false\n  },\n  excludeYtChannelId: {\n    type: String,\n    required: false\n  }\n});\n\nconst getFeedClass = (gRssTopics: GoogleRssTopic[]) => {\n  const excludeTopic = props.exludeFeedTopic && gRssTopics.includes(props.exludeFeedTopic);\n  if (gRssTopics.length === 3) {\n    return { 'w-100 w-md-50': excludeTopic, 'w-100 w-md-50 w-lg-33': !excludeTopic };\n  }\n  return { 'w-100': excludeTopic, 'w-100 w-md-50': !excludeTopic };\n};\n</script>\n\n<template>\n  <div v-if=\"langForeign && ytChannels && initDone\" transition=\"slide-x-transition\">\n    <div class=\"d-md-flex flex-wrap justify-space-between\">\n      <FeedBox\n        v-if=\"exludeFeedTopic !== GoogleRssTopic.WORLD\"\n        :class=\"\n          getFeedClass([GoogleRssTopic.WORLD, GoogleRssTopic.BUSINESS, GoogleRssTopic.SPORTS])\n        \"\n        :feedTopic=\"GoogleRssTopic.WORLD\"\n      />\n      <FeedBox\n        v-if=\"exludeFeedTopic !== GoogleRssTopic.BUSINESS\"\n        :class=\"\n          getFeedClass([GoogleRssTopic.WORLD, GoogleRssTopic.BUSINESS, GoogleRssTopic.SPORTS])\n        \"\n        :feedTopic=\"GoogleRssTopic.BUSINESS\"\n      />\n      <FeedBox\n        v-if=\"exludeFeedTopic !== GoogleRssTopic.SPORTS\"\n        :class=\"\n          getFeedClass([GoogleRssTopic.WORLD, GoogleRssTopic.BUSINESS, GoogleRssTopic.SPORTS])\n        \"\n        :feedTopic=\"GoogleRssTopic.SPORTS\"\n      />\n    </div>\n    <VideoBox\n      v-if=\"excludeYtChannelId !== ytChannels[langForeign][0].channel_id\"\n      :ytChannel=\"ytChannels[langForeign][0]\"\n    />\n    <v-lazy\n      v-if=\"excludeBoxType !== BoxType.WIKIPEDIA\"\n      :min-height=\"400\"\n      :options=\"{ threshold: LAZY_THOLD }\"\n      transition=\"fade-transition\"\n    >\n      <WikipediaBox />\n    </v-lazy>\n    <v-lazy\n      v-if=\"excludeBoxType !== BoxType.BOOKS\"\n      :min-height=\"400\"\n      :options=\"{ threshold: LAZY_THOLD }\"\n      transition=\"fade-transition\"\n    >\n      <BookBox />\n    </v-lazy>\n    <v-lazy :min-height=\"400\" :options=\"{ threshold: LAZY_THOLD }\" transition=\"fade-transition\">\n      <div class=\"d-md-flex flex-wrap justify-space-between\">\n        <FeedBox\n          v-if=\"exludeFeedTopic !== GoogleRssTopic.TECHNOLOGY\"\n          :class=\"\n            getFeedClass([\n              GoogleRssTopic.TECHNOLOGY,\n              GoogleRssTopic.ENTERTAINMENT,\n              GoogleRssTopic.SCIENCE\n            ])\n          \"\n          :feedTopic=\"GoogleRssTopic.TECHNOLOGY\"\n        />\n        <FeedBox\n          v-if=\"exludeFeedTopic !== GoogleRssTopic.ENTERTAINMENT\"\n          :class=\"\n            getFeedClass([\n              GoogleRssTopic.TECHNOLOGY,\n              GoogleRssTopic.ENTERTAINMENT,\n              GoogleRssTopic.SCIENCE\n            ])\n          \"\n          :feedTopic=\"GoogleRssTopic.ENTERTAINMENT\"\n        />\n        <FeedBox\n          v-if=\"exludeFeedTopic !== GoogleRssTopic.SCIENCE\"\n          :class=\"\n            getFeedClass([\n              GoogleRssTopic.TECHNOLOGY,\n              GoogleRssTopic.ENTERTAINMENT,\n              GoogleRssTopic.SCIENCE\n            ])\n          \"\n          :feedTopic=\"GoogleRssTopic.SCIENCE\"\n        />\n      </div>\n    </v-lazy>\n    <v-lazy\n      v-if=\"excludeYtChannelId !== ytChannels[langForeign][1].channel_id\"\n      :options=\"{ threshold: LAZY_THOLD }\"\n      transition=\"fade-transition\"\n    >\n      <VideoBox :ytChannel=\"ytChannels[langForeign][1]\" />\n    </v-lazy>\n    <v-lazy :min-height=\"400\" :options=\"{ threshold: LAZY_THOLD }\" transition=\"fade-transition\">\n      <div class=\"d-md-flex flex-wrap justify-space-between\">\n        <FeedBox\n          v-if=\"exludeFeedTopic !== GoogleRssTopic.HEALTH\"\n          :class=\"getFeedClass([GoogleRssTopic.HEALTH, GoogleRssTopic.NATION])\"\n          :feedTopic=\"GoogleRssTopic.HEALTH\"\n        />\n        <FeedBox\n          v-if=\"exludeFeedTopic !== GoogleRssTopic.NATION\"\n          :class=\"getFeedClass([GoogleRssTopic.HEALTH, GoogleRssTopic.NATION])\"\n          :feedTopic=\"GoogleRssTopic.NATION\"\n        />\n      </div>\n    </v-lazy>\n  </div>\n</template>\n\n<style scoped lang=\"scss\"></style>\n","<script lang=\"ts\" setup>\nimport stores from '@jaaluu/stores';\nimport { Progress } from '@jaaluu/stores/progress';\nimport { CategoryType, MainCategories } from '@shared/openapi/jaaluu-api';\nimport sharedStores from '@shared/shared-stores';\nimport { PropType, ref, watch } from 'vue';\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst { animate } = sharedStores.animate.funcs;\nconst { CAT_TYPE_ICON_NAMES } = stores.category.consts;\nconst emit = defineEmits(['select']);\nconst routeMainCategory = ref(\n  route.params.mainCategory ? (route.params.mainCategory.toString() as MainCategories) : undefined\n);\nconst ID = Math.random().toString(36).substring(7);\n\nconst props = defineProps({\n  categoryType: {\n    type: String as PropType<CategoryType>,\n    required: true\n  },\n  title: {\n    type: String,\n    required: true\n  },\n  src: {\n    type: String,\n    required: true\n  },\n  mainCategory: {\n    type: String as PropType<MainCategories>,\n    required: false\n  },\n  progress: {\n    type: Object as PropType<Progress>,\n    required: true\n  }\n});\n\nwatch(\n  () => route.params.mainCategory,\n  () => {\n    routeMainCategory.value = route.params.mainCategory as MainCategories;\n  }\n);\n\nwatch(\n  () => props.progress.pct,\n  () => {\n    setTimeout(() => {\n      animate(`#check-done-${ID}`);\n    }, 100);\n  }\n);\n</script>\n\n<template>\n  <v-card\n    class=\"ma-1 ma-sm-2 ma-md-4 relative\"\n    max-height=\"28vw\"\n    max-width=\"28vw\"\n    :color=\"categoryType === CategoryType.SIMPLE_TEXTS ? 'secondary' : 'secondary'\"\n    height=\"150\"\n    :elevation=\"mainCategory && mainCategory == routeMainCategory ? 9 : 3\"\n    width=\"150\"\n    @click=\"() => emit('select')\"\n  >\n    <div class=\"d-flex flex-column h-full justify-space-between\">\n      <v-card-title\n        class=\"subtitle pa-1 pa-sm-2 bg-green-light\"\n      >\n      <v-icon color=\"green\" size=\"14\" class=\"mr-1 card-icon\" :icon=\"CAT_TYPE_ICON_NAMES[categoryType]\" />{{ props.title }}\n      </v-card-title>\n      <v-img :max-height=\"'68%'\" :src=\"props.src\" />\n      <v-icon\n        v-if=\"props.progress.pct === 100\"\n        class=\"check-done\"\n        :id=\"`check-done-${ID}`\"\n        icon=\"mdi-check-circle\"\n        color=\"green\"\n        elevation=\"8\"\n        :size=\"30\"\n      />\n      <div>\n        <div class=\"progress-wrap\">\n          <v-progress-linear\n            v-if=\"props.progress.pct > 0\"\n            color=\"green\"\n            height=\"5\"\n            size=\"x-small\"\n            :model-value=\"props.progress.pct\"\n          ></v-progress-linear>\n          <div class=\"dummy-div\" v-else></div>\n        </div>\n      </div>\n    </div>\n  </v-card>\n</template>\n\n<style scoped lang=\"scss\">\n.bg-green-light {\n  background-color: rgb(var(--v-theme-background));\n  color: rgb(var(--v-theme-primary));\n}\n\n.check-done {\n  position: absolute;\n  border-radius: 50%;\n  background-color: rgb(var(--v-theme-secondary));\n  top: 19%;\n  right: 2%;\n}\n.dummy-div {\n  height: 5px;\n}\n.progress-wrap {\n  margin-bottom: -1px;\n}\n.card-icon {\n  margin-top: -2px;\n}\n\n</style>\n","<script lang=\"ts\" setup>\nimport CategoryCard from '@jaaluu/components/CategoryCard.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport { CategoryType, MainCategories } from '@shared/openapi/jaaluu-api';\nimport vuetify from '@shared/vuetify';\nimport { PropType, ref } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst props = defineProps({\n  categoryType: {\n    type: String as PropType<CategoryType>,\n    required: true\n  }\n});\n\nconst router = useRouter();\nconst { TRANS } = stores.translate.consts;\nconst { langForeign } = stores.language.state;\nconst { MAIN_CAT_IMAGES } = stores.category.consts;\nconst slideGroup = ref(0);\nconst { getMainProgress } = stores.progress.funcs;\n\nconst showCategory = (mainCategory: string) => {\n  router.push(`/${langForeign.value}/category/${props.categoryType}/${mainCategory.toLowerCase()}`);\n};\nconst loadMore = () => {\n  router.push(`/${langForeign.value}/category/${props.categoryType}`);\n};\n\nconst getIcon = () => {\n  if (props.categoryType === CategoryType.PHRASES) return 'mdi-text-short';\n  if (props.categoryType === CategoryType.SIMPLE_TEXTS) return 'mdi-card-text-outline';\n  if (props.categoryType === CategoryType.SAYINGS) return 'mdi-thought-bubble';\n};\n</script>\n\n<template>\n  <div class=\"pa-2\" v-if=\"langForeign\">\n    <div class=\"bg-gray pa-2\">\n      <v-btn variant=\"text\" class=\"box-topic-button\" :append-icon=\"getIcon()\" @click=\"loadMore\">{{\n        TRANS[langForeign].category[categoryType]\n      }}</v-btn>\n      <v-sheet class=\"pa-0 category-slider\">\n        <v-slide-group\n          :mobile=\"vuetify.display.mdAndDown.value\"\n          v-model=\"slideGroup\"\n          class=\"bg-gray\"\n          selected-class=\"bg-success\"\n          :show-arrows=\"vuetify.display.mdAndUp.value\"\n        >\n          <template #prev>\n            <v-btn icon=\"mdi-chevron-left\" variant=\"text\" size=\"x-small\" />\n          </template>\n          <template #next>\n            <v-btn icon=\"mdi-chevron-right\" variant=\"text\" size=\"x-small\" />\n          </template>\n          <v-slide-group-item\n            v-for=\"mainCategory of Object.values(MainCategories) as MainCategories[]\"\n            :key=\"mainCategory\"\n          >\n            <CategoryCard\n              :categoryType=\"categoryType\"\n              :src=\"(MAIN_CAT_IMAGES as any)[mainCategory]\"\n              :title=\"TRANS[langForeign].category.categories[mainCategory].title\"\n              @select=\"() => showCategory(mainCategory)\"\n              :progress=\"getMainProgress(mainCategory, categoryType)\"\n            />\n          </v-slide-group-item>\n        </v-slide-group>\n      </v-sheet>\n      <div class=\"d-flex justify-center mt-3\">\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          @click=\"loadMore\"\n          color=\"green\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.bg-gray {\n  background: rgb(var(--v-theme-secondary));\n}\n</style>\n","<script lang=\"ts\" setup>\nimport TextWithTooltips from '@jaaluu/components/TextWithTooltips.vue';\nimport stores from '@jaaluu/stores';\nimport { IntroMessageType } from '@jaaluu/stores/intro-message';\nimport { t } from '@shared/i18n';\nimport { KlexikonTeaserRes } from '@shared/openapi/jaaluu-api';\nimport { onMounted, PropType } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst router = useRouter();\nconst { MAX_WORDS_BLOCK } = stores.text.consts;\nconst { logoBall } = stores.assets.state;\nconst { langForeign } = stores.language.state;\nconst { setIntroMsgSeen } = stores.introMessage.funcs;\n\nconst props = defineProps({\n  article: {\n    type: Object as PropType<KlexikonTeaserRes>,\n    required: false\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  }\n});\n\nonMounted(() => {});\n\nconst openArticleDetails = () => {\n  setIntroMsgSeen(IntroMessageType.CLICK_ON_READ);\n  router.push(`/${langForeign.value}/kids_lexicon/${props.article!.title_de}`);\n};\n</script>\n\n<template>\n  <div v-if=\"!article\">\n    <v-skeleton-loader\n      class=\"mx-auto\"\n      color=\"transparent\"\n      type=\"table-heading, paragraph\"\n    ></v-skeleton-loader>\n    <v-divider class=\"divider-my\" />\n  </div>\n  <div class=\"grab\" v-else @click=\"openArticleDetails()\">\n    <div class=\"align-center relative w-full pr-12\" :class=\"{ 'd-flex': !props.vertical }\">\n      <v-img\n        transition=\"scale-transition\"\n        class=\"img mr-2 mr-sm-4 mr-md-6 mb-2 grab\"\n        :class=\"props.vertical ? 'img' : 'img'\"\n        cover\n        :src=\"article.image_url ? article.image_url : logoBall\"\n      />\n      <div class=\"w-full\">\n        <div class=\"title-sm capitalize\">\n          <TextWithTooltips :text=\"article.title\" />\n        </div>\n        <div class=\"mt-1\">\n          <TextWithTooltips :text=\"article.teaser\" :maxWords=\"MAX_WORDS_BLOCK\" />\n        </div>\n        <v-btn\n          class=\"ml-n2\"\n          variant=\"text\"\n          size=\"x-small\"\n          color=\"green lighten-2\"\n          prepend-icon=\"mdi-text\"\n        >\n          {{ t('general.read') }}\n        </v-btn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.img {\n  width: 100%;\n  max-width: 100px;\n  height: 100px;\n  object-fit: cover;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport Klexikon from '@jaaluu/components/Klexikon.vue';\nimport ListHeadline from '@jaaluu/components/ListHeadline.vue';\nimport stores from '@jaaluu/stores';\nimport { t } from '@shared/i18n';\nimport vuetify from '@shared/vuetify';\nimport { onMounted, ref, watch } from 'vue';\nimport { useRouter } from 'vue-router';\n\nconst { TRANS } = stores.translate.consts;\nconst PAGE_LEN_FULL = 9;\nconst router = useRouter();\nconst { langForeign } = stores.language.state;\nconst props = defineProps({\n  isFullscreen: {\n    type: Boolean,\n    required: false,\n    default: false\n  }\n});\nconst load = ref(props.isFullscreen ? PAGE_LEN_FULL : 3);\nconst pages = ref(1);\nconst pageLen = ref(props.isFullscreen ? PAGE_LEN_FULL : 3);\nconst hasMore = ref(true);\n\nconst { klexArticles } = stores.klexikon.state;\nconst { getRandomKlexikonArticles } = stores.klexikon.funcs;\n\nonMounted(() => {\n  if (klexArticles.value.length >= load.value || !langForeign.value) return;\n  getRandomKlexikonArticles(load.value, langForeign.value);\n});\n\nconst loadMore = () => {\n  if (!props.isFullscreen) {\n    router.push(`/${langForeign.value}/kids_lexicon`);\n    return;\n  }\n  if (!langForeign.value) return;\n  load.value += PAGE_LEN_FULL;\n  pages.value += 1;\n  getRandomKlexikonArticles(load.value, langForeign.value).catch(() => {\n    pages.value -= 1;\n    hasMore.value = false;\n  })\n};\n\n\nwatch(\n  () => langForeign.value,\n  () => {\n    load.value = props.isFullscreen ? PAGE_LEN_FULL : 3;\n    pageLen.value = props.isFullscreen ? PAGE_LEN_FULL : 3;\n    pages.value = 1;\n    klexArticles.value = [];\n    if (!langForeign.value) return;\n    getRandomKlexikonArticles(load.value, langForeign.value);\n  }\n);\n</script>\n\n<template>\n  <div class=\"pa-2\">\n    <div\n      class=\"\"\n      :class=\"{ 'klexikon-articles-wrapper': !isFullscreen, 'pa-2': !isFullscreen }\"\n      v-if=\"langForeign\"\n    >\n      <div class=\"d-flex justify-space-between\">\n        <v-btn\n          v-if=\"!isFullscreen\"\n          variant=\"text\"\n          class=\"box-topic-button\"\n          append-icon=\"mdi-teddy-bear\"\n          @click=\"loadMore\"\n          >{{ TRANS[langForeign].general.kids_lexicon }}</v-btn\n        >\n        <ListHeadline\n          v-else\n          :title=\"TRANS[langForeign].general.kids_lexicon\"\n          icon=\"mdi-teddy-bear\"\n        />\n        <!-- <v-text-field\n          v-if=\"isFullscreen\"\n          color=\"green\"\n          v-model=\"search\"\n          variant=\"underlined\"\n          :label=\"t('general.search')\"\n          class=\"max-w-150 mr-4 mb-6 mt-2\"\n          hideDetails\n          clearable\n          density=\"compact\"\n          @keyup=\"debounceSearch\"\n          @click:clear=\"debounceSearch\"\n        ></v-text-field> -->\n      </div>\n      <div v-for=\"page in Array.from({ length: pages }, (_, i) => i)\">\n        <div>\n          <Klexikon :isFullscreen=\"isFullscreen\" :article=\"klexArticles[pageLen * page]\" />\n          <v-divider class=\"divider-my\" v-if=\"klexArticles.length > pageLen * page\" />\n          <Klexikon :isFullscreen=\"isFullscreen\" :article=\"klexArticles[pageLen * page + 1]\" />\n          <v-divider class=\"divider-my\" v-if=\"klexArticles.length > pageLen * page + 1\" />\n          <Klexikon :isFullscreen=\"isFullscreen\" :article=\"klexArticles[pageLen * page + 2]\" />\n          <v-divider\n            class=\"divider-my\"\n            v-if=\"isFullscreen && klexArticles.length > pageLen * page + 2\"\n          />\n          <div v-if=\"page % 2 != 0\">\n            <div\n              v-for=\"(groupedI, pOddIdx) in [\n                [pageLen * page + 3, pageLen * page + 4],\n                [pageLen * page + 5, pageLen * page + 6],\n                [pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <Klexikon\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"klexArticles[groupedI[0]]\"\n                  class=\"w-100 w-md-50\"\n                />\n                <v-divider class=\"divider-my d-block d-md-none\" />\n                <Klexikon\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"klexArticles[groupedI[1]]\"\n                  class=\"w-100 w-md-50\"\n                />\n              </div>\n              <v-divider class=\"divider-my\" v-if=\"page < pages - 1 || [0, 1].includes(pOddIdx)\" />\n            </div>\n          </div>\n          <div v-else-if=\"isFullscreen\">\n            <div\n              v-for=\"(groupedI, pEvenIdx) in [\n                [pageLen * page + 3, pageLen * page + 4, pageLen * page + 5],\n                [pageLen * page + 6, pageLen * page + 7, pageLen * page + 8]\n              ]\"\n            >\n              <div class=\"d-md-flex\">\n                <Klexikon\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"klexArticles[groupedI[0]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                />\n                <v-divider class=\"divider-my d-block d-md-none\" />\n                <Klexikon\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"klexArticles[groupedI[1]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                />\n                <v-divider class=\"divider-my d-block d-md-none\" />\n                <Klexikon\n                  :isFullscreen=\"isFullscreen\"\n                  :article=\"klexArticles[groupedI[2]]\"\n                  :vertical=\"vuetify.display.mdAndUp.value\"\n                  class=\"w-100 w-md-33\"\n                />\n              </div>\n              <v-divider class=\"divider-my\" v-if=\"page < pages - 1 || pEvenIdx === 0\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div\n        class=\"d-flex justify-center\"\n        :class=\"{ 'mt-6': isFullscreen, 'mt-3': !isFullscreen }\"\n        v-if=\"!isFullscreen || klexArticles.length >= pageLen * pages\"\n      >\n        <v-btn\n          variant=\"text\"\n          size=\"small\"\n          v-if=\"!isFullscreen || hasMore\"\n          @click=\"loadMore\"\n          color=\"green\"\n          prepend-icon=\"mdi-plus\"\n          >{{ t('general.more') }}</v-btn\n        >\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.klexikon-articles-wrapper {\n  background-color: rgb(var(--v-theme-secondary));\n}\n</style>\n","<script lang=\"ts\" setup>\nimport CategoryBox from '@jaaluu/components/Boxes/CategoryBox.vue';\nimport KlexikonBox from '@jaaluu/components/Boxes/KlexikonBox.vue';\nimport { BoxType } from '@jaaluu/enums/BoxType';\nimport VideoBox from '@jaaluu/components/Boxes/VideoBox.vue';\nimport stores from '@jaaluu/stores';\nimport { CategoryType, GoogleRssTopic } from '@shared/openapi/jaaluu-api';\nimport { PropType } from 'vue';\n\nconst { initDone } = stores.app.state;\nconst { langForeign } = stores.language.state;\nconst { ytChannels } = stores.video.state;\n\nconst props = defineProps({\n  excludeBoxType: {\n    type: String as PropType<BoxType>,\n    required: false\n  },\n  excludeCategoryType: {\n    type: String as PropType<CategoryType>,\n    required: false\n  },\n  exludeFeedTopic: {\n    type: String as PropType<GoogleRssTopic>,\n    required: false\n  },\n  excludeYtChannelId: {\n    type: String,\n    required: false\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"langForeign && ytChannels && initDone\" transition=\"slide-x-transition\">\n    <CategoryBox\n      :category-type=\"CategoryType.SIMPLE_TEXTS\"\n      v-if=\"excludeCategoryType !== CategoryType.SIMPLE_TEXTS\"\n    />\n    <VideoBox\n      v-if=\"excludeYtChannelId !== ytChannels[langForeign][2].channel_id\"\n      :ytChannel=\"ytChannels[langForeign][2]\"\n    />\n    <CategoryBox\n    :category-type=\"CategoryType.PHRASES\"\n    v-if=\"excludeCategoryType !== CategoryType.PHRASES\"\n    />\n    <KlexikonBox v-if=\"props.excludeBoxType !== BoxType.KLEXIKON\" />\n    <CategoryBox\n      :category-type=\"CategoryType.SAYINGS\"\n      v-if=\"excludeCategoryType !== CategoryType.SAYINGS\"\n    />\n    <VideoBox\n      v-if=\"excludeYtChannelId !== ytChannels[langForeign][3].channel_id\"\n      :ytChannel=\"ytChannels[langForeign][3]\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\"></style>\n","<script lang=\"ts\" setup>\nimport { BoxType } from '@jaaluu/enums/BoxType';\nimport { LangLevel } from '@jaaluu/interfaces/LangLevel';\nimport stores from '@jaaluu/stores';\nimport HomeAdvanced from '@jaaluu/views/Home/HomeAdvanced.vue';\nimport HomeBeginner from '@jaaluu/views/Home/HomeBeginner.vue';\nimport { CategoryType, GoogleRssTopic } from '@shared/openapi/jaaluu-api';\nimport { PropType } from 'vue';\n\nconst { langLevel } = stores.language.state;\n\n\nconst props = defineProps({\n  excludeBoxType: {\n    type: String as PropType<BoxType>,\n    required: false\n  },\n  excludeCategoryType: {\n    type: String as PropType<CategoryType>,\n    required: false\n  },\n  exludeFeedTopic: {\n    type: String as PropType<GoogleRssTopic>,\n    required: false\n  },\n  excludeYtChannelId: {\n    type: String,\n    required: false\n  }\n});\n\n\n</script>\n\n<template>\n  <div v-if=\"langLevel === LangLevel.BEGINNER\">\n    <HomeBeginner\n      :excludeBoxType=\"props.excludeBoxType\"\n      :excludeCategoryType=\"props.excludeCategoryType\"\n      :exludeFeedTopic=\"props.exludeFeedTopic\"\n      :excludeYtChannelId=\"props.excludeYtChannelId\"\n    />\n    <HomeAdvanced\n      :excludeBoxType=\"props.excludeBoxType\"\n      :excludeCategoryType=\"props.excludeCategoryType\"\n      :exludeFeedTopic=\"props.exludeFeedTopic\"\n      :excludeYtChannelId=\"props.excludeYtChannelId\"\n    />\n  </div>\n  <div v-else>\n    <HomeAdvanced\n      :excludeBoxType=\"props.excludeBoxType\"\n      :excludeCategoryType=\"props.excludeCategoryType\"\n      :exludeFeedTopic=\"props.exludeFeedTopic\"\n      :excludeYtChannelId=\"props.excludeYtChannelId\"\n    />\n    <HomeBeginner\n      :excludeBoxType=\"props.excludeBoxType\"\n      :excludeCategoryType=\"props.excludeCategoryType\"\n      :exludeFeedTopic=\"props.exludeFeedTopic\"\n      :excludeYtChannelId=\"props.excludeYtChannelId\"\n    />\n  </div>\n</template>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["langForeign","stores","router","useRouter","props","__props","onMounted","logoBall","openBookDetails","_a","PAGE_LEN_FULL","PAGE_LEN_SHORT","TRANS","isLoading","ref","load","pageLen","pages","books","getBooks","searchBooks","setBooks","loadMore","search","text","watch","maxLoadFeeds","logoBallTrans","getHumanizedDate","sharedStores","openNewTab","getCleanTitle","getImageFileUrl","setIntroMsgSeen","news","hasError","hasData","computed","loadNews","FeedsService","res","openFeedDetails","IntroMessageType","MAX_WORDS_BLOCK","showLoadMore","handleDefaultError","getMaxText","ytInitDone","maxLoadVideos","video","fetchYoutubeVideos","VideosService","error","openVideo","openArticleDetails","articles","getRandomWikipediArticles","getSearchedWikipediaArticles","setRandomArticles","BoxType","LAZY_THOLD","initDone","ytChannels","getFeedClass","gRssTopics","excludeTopic","route","useRoute","animate","CAT_TYPE_ICON_NAMES","emit","__emit","routeMainCategory","ID","MAIN_CAT_IMAGES","slideGroup","getMainProgress","showCategory","mainCategory","getIcon","CategoryType","hasMore","klexArticles","getRandomKlexikonArticles","langLevel"],"mappings":"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"}