{"version":3,"mappings":";u+CAYA,MAAMA,EAAQC,EAERC,EAAYC,KAEZC,EAAYC,EAAS,IAAML,EAAM,OAAS,MAAQM,CAA6B,EAC/EC,EAAWF,EAAS,IAAMH,EAAU,KAAK,SAASF,EAAM,EAAE,GAAKA,EAAM,MAAM,gjDCkHjF,MAAMQ,EAAYC,IACZ,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAIC,GAAU,EAC9B,CAAE,YAAAC,GAAgBC,KAClBC,EAAcC,GAAQ,iBAAiB,EACvCC,EAAkBC,EAAI,EAAK,EAC3BC,EAAUD,EAAI,EAAK,EACnBE,EAAaf,EAAS,IAAMc,EAAQ,OAASN,EAAY,OAASQ,EAAY,EAAE,EAEhF,CAAE,iBAAAC,GAAkB,aAAAC,EAAc,qBAAAC,EAAsB,iBAAAC,CAAA,EAAqBC,KAC7EC,EAAgB,IAAM,CACtBd,EAAY,MAAQQ,EAAY,KAClCF,EAAQ,MAAQ,GAClB,EAGIS,EAAeC,GAA+C,CAClEJ,EAAiBI,GAAQ,UAAU,EACrBF,GAAA,EAGVG,EAAiB,IAAM,CAC3BL,EAAiB,WAAY,IAAM,CACjCR,EAAgB,MAAQ,GACzB,GAGGc,EAAgB,IAAM,CACtB,CAAChB,EAAY,YAAY,OAAS,CAACP,EAAU,SAC/CO,EAAY,gBAAgB,EAEhBY,GAAA,EAGhBK,GAAM,IAAMxB,EAAU,KAAOyB,GAAQ,CAC/BA,EACFvB,EAAM,MAAQuB,EAAI,MAElBvB,EAAM,MAAQ,OAChB,CACD,EAEK,MAAAwB,EAAc7B,EAAS,IACvBU,EAAY,YAAY,OAAS,CAACP,EAAU,QACvC,qBAEA,wBAEV,8lGChLD,MAAM2B,EAAUC,KACVC,EAAOC,KACPC,EAAOC,KACPC,EAAOhC,IACb,OAAA8B,EAAK,QAAS,YAAa,CACzB,cAAe,OAAO,SAAS,KAC/B,UAAW,OAAO,SAAS,SAC5B,EAEDG,GAAc,IAAM,CAClBP,EAAQ,UAAU,GAAG,cAAgBQ,GAAoB,CAC/CR,EAAA,OAAO,MAAME,EAAK,EAAE,OAAO,EAAG,CAAE,aAAc,GAAM,UAAW,GAAM,GAC9E,EACGA,EAAK,OAAO,QAAUI,EAAK,YAAY,YAAcA,EAAK,YAAY,YACnEA,EAAA,eAAeA,EAAK,YAAY,UAAU,CACjD,CACD,EAEOG,GAAA,CACN,cAAgBC,GACPA,EAAa,GAAGA,CAAU,YAAc,QACjD,CACD","names":["props","__props","useRouter","useRoute","component","computed","__nuxt_component_0","isActive","authStore","useAuthStore","email","avatar","useAvatar","windowWidth","useWindow","featuredTip","useTips","isProfileOpened","ref","isShown","isMenuOpen","breakpoints","signUpPopupProps","currentPopup","isSignUpPopupVisible","onProtectedClick","useSignInPopupProps","closeOnMobile","onLinkClick","type","onProfileClick","onLibraryOpen","watch","val","libraryLink","nuxtApp","useNuxtApp","i18n","useI18n","gtag","useGtag","auth","onBeforeMount","message","useHead","titleChunk"],"ignoreList":[],"sources":["../../../../components/base/BaseNavLink.vue","../../../../components/TheSideBar.vue","../../../../layouts/default.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useRoute } from '#app'\n\ninterface BaseNavLinkProps {\n  to: string\n  disabled?: boolean\n  icon?: string\n  badge?: string\n  active?: boolean\n  custom?: boolean\n  external?: boolean\n}\nconst props = defineProps<BaseNavLinkProps>()\ndefineEmits(['click'])\nconst useRouter = useRoute()\n\nconst component = computed(() => props.custom ? 'div' : resolveComponent('nuxt-link'))\nconst isActive = computed(() => useRouter.path.includes(props.to) || props.active)\n</script>\n\n<template>\n  <component\n    :is=\"component\"\n    :class=\"{'bg-secondary':isActive, 'hover:bg-gray-100' : !isActive}\"\n    :to=\"to\"\n    :external=\"external\"\n    class=\"cursor-pointer rounded-xl flex align-baseline items-center transition-colors px-3\"\n    @click=\"$emit('click',$event)\"\n  >\n    <div v-if=\"icon\" class=\"w-6 h-6 flex items-center justify-center align-baseline mr-3\">\n      <BaseIcon size=\"md\" :name=\"icon\" class=\"w-6  h-6 self-center\" />\n    </div>\n    <div class=\"inline-flex items-center w-full justify-between py-3 text-sm text-black\">\n      <slot />\n      <div v-if=\"badge\" class=\"h-4 px-1.5 py-1 bg-purple-300 rounded justify-start items-center gap-2.5 inline-flex\">\n        <div class=\" text-white text-[11px] font-normal leading-tight\">\n          {{ badge }}\n        </div>\n      </div>\n      <div v-if=\"external\">\n        <BaseIcon size=\"md\" name=\"external-link\" class=\"w-6 h-6 self-center\" />\n      </div>\n    </div>\n  </component>\n</template>\n\n<style>\n\n</style>\n","<template>\n  <LazyProfileModal v-if=\"isProfileOpened\" v-model=\"isProfileOpened\" />\n  <LazyLoginPopup\n    v-if=\"authStore.isGuest\"\n    v-model=\"isSignUpPopupVisible\"\n    :title=\"currentPopup.title\"\n    :subtitle=\"currentPopup.subtitle\"\n    :img=\"currentPopup.img\"\n  />\n  <transition\n    enter-active-class=\"duration-100 ease-out\"\n    enter-from-class=\"transform opacity-0\"\n    enter-to-class=\"opacity-100\"\n    leave-active-class=\"duration-100 ease-in\"\n    leave-from-class=\"opacity-100\"\n    leave-to-class=\"transform opacity-0\"\n  >\n    <div\n      v-show=\"isMenuOpen\"\n      class=\"flex-none h-screen max-h-screen pt-2 border-r-1 border-secondary-border overflow-y-auto\n        top-0 left-0 z-50 bg-primary-background fixed xl:sticky w-full md:w-[360px]\"\n    >\n      <div class=\"h-full flex flex-col justify-between mx-[20px] px-3\">\n        <div>\n          <div class=\"mt-10 md:mt-[160px] xl:mt-10 mb-[100px] md:mb-10\">\n            <NuxtLink to=\"/library\" @click=\"onLinkClick\">\n              <img src=\"/laoshi-logo.svg\" alt=\"logo\">\n            </NuxtLink>\n            <base-button\n              class=\"fixed xl:hidden p-[23px] z-50\n                bottom-2 left-2 md:bottom-auto md:left-[20px] md:top-[37px]\n                bg-primary-background invert hover:invert-0\"\n              rounded\n              outlined\n              @click=\"isShown = false\"\n            >\n              <BaseIcon size=\"sm\" name=\"close-outline\" />\n            </base-button>\n          </div>\n\n          <nav class=\"flex flex-col\">\n            <base-nav-link\n              :active=\"$route.path.includes('/library') || $route.path.includes('wordlists')\"\n              class=\"my-1\"\n              icon=\"library\"\n              :to=\"libraryLink\"\n              @click=\"onLibraryOpen\"\n            >\n              {{ $t('wordsLibrary') }}\n            </base-nav-link>\n            <base-nav-link\n              class=\"my-1\"\n              icon=\"profile\"\n              to=\"/classrooms\"\n              :custom=\"authStore.isGuest\"\n              @click=\"onLinkClick('students')\"\n            >\n              {{ $t('myStudents') }}\n            </base-nav-link>\n            <base-nav-link\n              badge=\"NEW\"\n              class=\"my-1\"\n              icon=\"chat-circle\"\n              to=\"/users/chat\"\n            >\n              {{ $t('chat') }}\n            </base-nav-link>\n            <base-nav-link\n              class=\"my-1\"\n              icon=\"grammar\"\n              target=\"_blank\"\n              to=\"https://laoshi.io/grammar/en/\"\n              external\n            >\n              {{ $t('grammar') }}\n            </base-nav-link>\n            <base-card class=\"flex p-3 mt-10 cursor-pointer \" @click=\"onProfileClick\">\n              <BaseAvatar size=\"sm\" class=\"flex-shrink-0 w-6 h-6 self-center\" :avatar=\"avatar\" />\n              <div class=\"flex flex-col pl-4\">\n                <div class=\"text-ellipsis whitespace-nowrap overflow-hidden w-44\">\n                  {{ authStore.isGuest ? $t('helloGuest'): authStore.user?.name }}\n                </div>\n                <div class=\"text-sm text-gray-500  flex flex-wrap overflow-hidden\">\n                  {{ authStore.isGuest ? $t('signUpForMoreFeatures') : $t('userProfileHint') }}\n                </div>\n              </div>\n            </base-card>\n          </nav>\n        </div>\n        <div class=\"mx-auto text-sm flex text-gray-500 flex-wrap pb-[112px] md:pb-10 pt-10 gap-3\">\n          <nuxt-link target=\"_blank\" external :href=\"termsOfUseUrl(hostLocale)\">\n            {{ $t('termsOfUse') }}\n          </nuxt-link>\n          <nuxt-link target=\"_blank\" external :href=\"`mailto:${contactUsEmail(hostLocale)}`\">\n            {{ $t('contactUs') }}\n          </nuxt-link>\n          <nuxt-link target=\"_blank\" external :href=\"privacyPolicyUrl(hostLocale)\">\n            {{ $t('privacyPolicy') }}\n          </nuxt-link>\n        </div>\n      </div>\n    </div>\n  </transition>\n\n  <BaseButton\n    v-show=\"!isShown\"\n    rounded\n    class=\"fixed xl:hidden\n      bottom-2 left-2 md:bottom-auto md:left-[20px] md:top-[37px]\n      p-[19px] border-[0.8px] border-secondary-border z-40\"\n    color=\"secondary\"\n    @click=\"isShown = true\"\n  >\n    <BaseIcon size=\"md\" name=\"burger\" />\n  </BaseButton>\n\n  <!-- tablet overlay -->\n  <div\n    v-show=\"isMenuOpen\"\n    class=\"hidden md:block xl:hidden fixed w-screen h-screen bg-black/50 z-40\"\n    @click=\"isShown = false\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { pixels as breakpoints } from '../tailwind.config.screens'\nimport { computed, ref, useAuthStore, useAvatar } from '#imports'\nimport { useSignInPopupProps } from '~/composables/useSignInPopupProps'\nimport { hostLocale, termsOfUseUrl, contactUsEmail, privacyPolicyUrl } from '~/composables/useLaoshi'\nimport { useWindow } from '~/composables/useWindow'\n\nconst authStore = useAuthStore()\nconst { email, avatar } = useAvatar()\nconst { windowWidth } = useWindow()\nconst featuredTip = useTips('featured-opened')\nconst isProfileOpened = ref(false)\nconst isShown = ref(false)\nconst isMenuOpen = computed(() => isShown.value || windowWidth.value >= breakpoints.xl)\n\nconst { signUpPopupProps, currentPopup, isSignUpPopupVisible, onProtectedClick } = useSignInPopupProps()\nconst closeOnMobile = () => {\n  if (windowWidth.value < breakpoints.xl) {\n    isShown.value = false\n  }\n}\n\nconst onLinkClick = (type?: keyof typeof signUpPopupProps.value) => {\n  onProtectedClick(type || 'wordList')\n  closeOnMobile()\n}\n\nconst onProfileClick = () => {\n  onProtectedClick('wordList', () => {\n    isProfileOpened.value = true\n  })\n}\n\nconst onLibraryOpen = () => {\n  if (!featuredTip.isTipHidden.value && !authStore.isGuest) {\n    featuredTip.markTipAsHidden()\n  }\n  closeOnMobile()\n}\n\nwatch(() => authStore.user, (val) => {\n  if (val) {\n    email.value = val.email\n  } else {\n    email.value = 'guest'\n  }\n})\n\nconst libraryLink = computed(() => {\n  if (featuredTip.isTipHidden.value && !authStore.isGuest) {\n    return '/library?type=list'\n  } else {\n    return '/library?type=featured'\n  }\n})\n</script>\n","<script setup lang=\"ts\">\nimport TheSideBar from '~/components/TheSideBar.vue'\nconst nuxtApp = useNuxtApp()\nconst i18n = useI18n()\nconst gtag = useGtag()\nconst auth = useAuthStore()\ngtag('event', 'page_view', {\n  page_location: window.location.href,\n  page_path: window.location.pathname\n})\n\nonBeforeMount(() => {\n  nuxtApp.$eventBus.on('axios-error', (message: string) => {\n    nuxtApp.$toast.error(i18n.t('error'), { pauseOnHover: true, autoClose: 5000 })\n  })\n  if (i18n.locale.value !== auth.preferences.uiLanguage && auth.preferences.uiLanguage) {\n    auth.updateLanguage(auth.preferences.uiLanguage)\n  }\n})\n\nuseHead({\n  titleTemplate: (titleChunk) => {\n    return titleChunk ? `${titleChunk} | Laoshi` : 'Laoshi'\n  }\n})\n</script>\n<template>\n  <div class=\"flex\">\n    <TheSideBar />\n    <!-- reserve 72px for open sidebar button in mobile layout -->\n    <div class=\"w-full xl:max-w-[1080px] p-1 md:pl-[104px] xl:px-14 md:pt-10 mb-[72px] md:mb-0\">\n      <div class=\"main-container\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"file":"_nuxt/CGunlKeU.js"}