{"version":3,"file":"Ci8wJGP-.js","sources":["../../../../domains/base/components/BaseAvatar.vue","../../../../domains/app/components/layouts/AppHeader.vue","../../../../config/protectedSite.ts","../../../../domains/app/components/navigations/AppNavigation.vue","../../../../domains/app/components/bars/SideBar.vue","../../../../layouts/AppProtected.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n  <div>\n    <base-icon icon=\"user-circle\" />\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.avatar {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 100%;\n  background-color: var(--color-secondary-shade-200);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\nimport useUserStore from '#/stores/userStore'\nimport ThemeToggle from '#components/library/action/ThemeToggle.vue'\nimport BaseHeading from '#/domains/base/components/BaseText/BaseHeading.vue'\n\nconst { logout, state } = useUserStore()\nconst { displaySuccess } = useToast()\nconst { t } = useI18n()\nconst handleLogout = () => {\n  logout()\n  displaySuccess(t('auth.success.logout'))\n}\n</script>\n\n<template>\n  <header\n    v-if=\"state.activeUser\"\n    class=\"flex gap-4\"\n  >\n    <BaseAvatar />\n    <BaseHeading>Hi, Benjamin</BaseHeading>\n    <div class=\"center-container\">\n      <ThemeToggle />\n    </div>\n    <base-language-selector />\n    <base-button\n      class=\"btn-logout ml-auto\"\n      size=\"sm\"\n      @click=\"handleLogout\"\n    >\n      Logout\n    </base-button>\n  </header>\n</template>\n","import { v4 as createUid } from 'uuid'\n\nexport default {\n  getRoutes: (routeName: string) => [\n    {\n      to: {\n        name: 'app-index-dashboard',\n      },\n      translation: 'app.nav.dashboard',\n      icon: routeName === 'app-index-dashboard' ? 'home-solid' : 'home-reg',\n      id: createUid(),\n    },\n    {\n      to: {\n        name: 'app-index-tools-QrCodeGenerator',\n      },\n      translation: 'app.nav.qrGenerator',\n      icon:\n        routeName === 'app-index-tools-QrCodeGenerator'\n          ? 'qr-code'\n          : 'qr-code-mini',\n      id: createUid(),\n    },\n    {\n      to: {\n        name: 'app-index-tools-GalaxyGenerator',\n      },\n      translation: 'app.nav.galaxyGenerator',\n      icon:\n        routeName === 'app-index-tools-GalaxyGenerator'\n          ? 'globe-asia-australia-solid'\n          : 'globe-asia-australia',\n      id: createUid(),\n    },\n  ],\n}\n","<script setup lang=\"ts\">\nimport { version } from 'vue'\nimport protectedSite from '#config/protectedSite'\n\n// ************* TYPES ************* //\ninterface Props {\n  iconOnly?: boolean\n}\n\n// ************* PROPS ************* //\ndefineProps<Props>()\n\nconst route = useRoute()\n\nconst protectedRoutes = computed(() =>\n  protectedSite.getRoutes(route.name as string),\n)\n</script>\n\n<template>\n  <nav class=\"app-nav\">\n    <div class=\"mb-4 flex items-center justify-between\">\n      <nuxt-link to=\"/\">\n        <base-logo />\n      </nuxt-link>\n      <transition name=\"fade\">\n        <span\n          v-if=\"!iconOnly\"\n          class=\"app-nav__version-number\"\n        >v {{ version }}\n        </span>\n      </transition>\n    </div>\n    <div class=\"mb-4\">\n      <transition name=\"fade\">\n        <h3\n          v-if=\"!iconOnly\"\n          class=\"nav-heading\"\n        >\n          Tools\n        </h3>\n      </transition>\n\n      <ul class=\"links\">\n        <li\n          v-for=\"r in protectedRoutes\"\n          :key=\"r.id\"\n          class=\"links__item\"\n        >\n          <nuxt-link\n            class=\"link\"\n            :class=\"{ 'link--center': iconOnly }\"\n            :to=\"r.to\"\n          >\n            <base-icon :icon=\"r.icon\" />\n            <transition name=\"fade\">\n              <span\n                v-show=\"!iconOnly\"\n                class=\"hidden\"\n              >\n                {{ $t(r.translation) }}\n              </span>\n            </transition>\n          </nuxt-link>\n        </li>\n      </ul>\n    </div>\n\n    <transition name=\"fade\">\n      <h3\n        v-if=\"!iconOnly\"\n        class=\"nav-heading hidden\"\n      >\n        Creators\n      </h3>\n    </transition>\n\n    <transition name=\"fade\">\n      <h3\n        v-if=\"!iconOnly\"\n        class=\"nav-heading mb-auto hidden\"\n      >\n        Messages\n      </h3>\n    </transition>\n\n    <ul class=\"settings-list\">\n      <li class=\"links__item\">\n        <nuxt-link\n          class=\"link\"\n          :class=\"{ 'link--center': iconOnly }\"\n          :to=\"{ name: 'app-index-settings' }\"\n        >\n          <!--          <base-icon :icon=\"route.name === 'app-index-settings'? 'cog-8-tooth-solid&';: &';cog-8-tooth&'\" /> -->\n          <transition name=\"fade\">\n            <span\n              v-show=\"!iconOnly\"\n              class=\"hidden\"\n            >\n              {{ $t('Settings') }}\n            </span>\n          </transition>\n        </nuxt-link>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport { useBreakpoints } from '@vueuse/core'\nimport { onBeforeUnmount } from 'vue'\nimport { useAppStore } from '#/stores/appStore'\nimport AppNavigation from '#/domains/app/components/navigations/AppNavigation.vue'\n\nconst { updateState, state } = useAppStore()\n\nconst breakpoints = useBreakpoints({\n  'tab-port-small': 600,\n  'phone': 400,\n})\n\nconst closeMenu = (e: Event) => {\n  if (!e.target?.closest('aside')) {\n    updateState('collapsedAppMenu', false)\n  }\n}\n\nwatch(\n  () => breakpoints.phone,\n  ({ value }) => {\n    if (value) {\n      window.addEventListener('click', closeMenu)\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  window.removeEventListener('click', closeMenu)\n})\n</script>\n\n<template>\n  <aside\n    class=\"shadow shadow-blue-300 dark:shadow-primary-950\"\n    :class=\"{ collapsed: state.collapsedAppMenu }\"\n  >\n    <AppNavigation :icon-only=\"state.collapsedAppMenu\" />\n\n    <!--    <BaseIcon -->\n    <!--      tag=\"button\" -->\n    <!--      class=\"btn-chevron\" -->\n    <!--      :class=\"{ 'btn-chevron&#45;&#45;flip': state.collapsedAppMenu }\" -->\n    <!--      color=\"none\" -->\n    <!--      icon=\"chevron-right\" -->\n    <!--      size=\"small\" -->\n    <!--      @click=\"updateState('collapsedAppMenu', !state.collapsedAppMenu)\" -->\n    <!--    /> -->\n  </aside>\n</template>\n","<script setup lang=\"ts\">\nimport { useAppStore } from '#/stores/appStore'\nimport AppHeader from '#/domains/app/components/layouts/AppHeader.vue'\nimport SideBar from '#/domains/app/components/bars/SideBar.vue'\n\nconst { state } = useAppStore()\n</script>\n\n<template>\n  <div\n    class=\"app-layout default-layout-styling h-dvh bg-blue-50 dark:bg-black\"\n    :class=\"{ 'app-layout--collapsed': state.collapsedAppMenu }\"\n  >\n    <SideBar class=\"app-sidebar\" />\n    <AppHeader class=\"app-header\" />\n    <main class=\"app-main\">\n      <slot />\n    </main>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.app-main {\n  overflow-y: auto;\n}\n//.app-layout {\n//  display: grid;\n//  grid-template-columns: 250px 1fr; /* Adjust 250px to the width you want for the sidebar */\n//  grid-template-rows: auto 1fr;\n//  grid-template-areas:\n//    'sidebar header'\n//    'sidebar main';\n//  max-height: 100vh;\n//  transition: all 250ms ease-in-out;\n//  width: 100vw;\n//  overflow: hidden;\n\n//@include respond('tab-port-small') {\n//  grid-template-columns: 1fr;\n//  grid-template-rows: min-content auto 1fr;\n//  grid-template-areas:\n//    'header'\n//    'sidebar'\n//    'main';\n//}\n//\n//&--collapsed {\n//  grid-template-columns: min-content 1fr;\n//  @include respond('tab-port-small') {\n//    grid-template-columns: 1fr;\n//  }\n//}\n\n//  .app-sidebar {\n//    grid-area: sidebar;\n//    padding: $spacing-small;\n//  }\n//\n//  .app-header {\n//    grid-area: header;\n//    padding: $spacing-small;\n//  }\n//\n//  .app-body {\n//    grid-area: main;\n//    overflow-y: auto;\n//  }\n//}\n</style>\n"],"names":["_openBlock","_createElementBlock","logout","state","useUserStore","displaySuccess","useToast","t","useI18n","handleLogout","protectedSite","routeName","createUid","route","useRoute","protectedRoutes","computed","updateState","useAppStore","breakpoints","useBreakpoints","closeMenu","e","_a","watch","value","onBeforeUnmount"],"mappings":"8hBAIoCA,EAAA,EAAAC,EAAjB,MAAc,KAAA,oLCEjC,KAAM,CAAE,OAAAC,EAAQ,MAAAC,CAAM,EAAIC,EAAa,EACjC,CAAE,eAAAC,GAAmBC,IACrB,CAAE,EAAAC,GAAMC,IACRC,EAAe,IAAM,CAClBP,IACQG,EAAAE,EAAE,qBAAqB,CAAC,CAAA,sQCT1BG,EAAA,CACb,UAAYC,GAAsB,CAChC,CACE,GAAI,CACF,KAAM,qBACR,EACA,YAAa,oBACb,KAAMA,IAAc,sBAAwB,aAAe,WAC3D,GAAIC,EAAU,CAChB,EACA,CACE,GAAI,CACF,KAAM,iCACR,EACA,YAAa,sBACb,KACED,IAAc,kCACV,UACA,eACN,GAAIC,EAAU,CAChB,EACA,CACE,GAAI,CACF,KAAM,iCACR,EACA,YAAa,0BACb,KACED,IAAc,kCACV,6BACA,uBACN,GAAIC,EAAU,CAChB,CACF,CACF,wYCvBA,MAAMC,EAAQC,IAERC,EAAkBC,EAAS,IAC/BN,EAAc,UAAUG,EAAM,IAAc,CAAA,moCCT9C,KAAM,CAAE,YAAAI,EAAa,MAAAd,CAAM,EAAIe,EAAY,EAErCC,EAAcC,EAAe,CACjC,iBAAkB,IAClB,MAAS,GAAA,CACV,EAEKC,EAAaC,GAAa,QACzBC,EAAAD,EAAE,SAAF,MAAAC,EAAU,QAAQ,UACrBN,EAAY,mBAAoB,EAAK,CACvC,EAGF,OAAAO,EACE,IAAML,EAAY,MAClB,CAAC,CAAE,MAAAM,CAAA,IAAY,CACTA,GACK,OAAA,iBAAiB,QAASJ,CAAS,CAE9C,EACA,CAAE,UAAW,EAAK,CAAA,EAGpBK,EAAgB,IAAM,CACb,OAAA,oBAAoB,QAASL,CAAS,CAAA,CAC9C,2PC1BK,KAAA,CAAE,MAAAlB,GAAUe"}