{"version":3,"file":"DtUEUXGs.js","sources":["../../../../components/NavBar.vue","../../../../components/FooterNav.vue","../../../../components/Footer.vue","../../../../layouts/default.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAuthStore } from '@/store/auth';\nimport { useTheme } from 'vuetify';\n\nconst authStore = useAuthStore();\nconst theme = useTheme();\n\nconst isLoggedIn = computed(() => {\n  return authStore.isLoggedIn;\n});\n\nconst color = computed(() => {\n  return theme.global.name.value === 'dark' ? 'surface' : 'primary';\n});\n\nasync function auth() {\n  if (isLoggedIn) {\n    await logOut();\n  }\n\n  navigateTo('/');\n}\n</script>\n\n<template>\n  <v-app-bar\n    elevation=\"3\"\n    :color=\"color\"\n  >\n    <template #prepend>\n      <Logo\n        class=\"logo\"\n        @click=\"navigateTo('/')\"\n      />\n    </template>\n\n    <v-spacer />\n    <v-btn\n      variant=\"outlined\"\n      @click=\"auth\"\n    >\n      {{ isLoggedIn ? 'Uitloggen' : 'Log in' }}\n    </v-btn>\n  </v-app-bar>\n</template>\n\n<style lang=\"scss\" scoped>\n.v-btn--icon {\n  border-radius: 5px;\n\n  --v-btn-height: 24px;\n}\n\n.logo {\n  width: 32px;\n  height: 32px;\n  margin-left: 12px;\n  cursor: pointer;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useSnippetStore } from '@/store/snippet';\nimport { useEditorStore } from '@/store/editor';\n\ndefineEmits(['keypress']);\n\nconst { isTouchDevice } = useDisplay();\nconst snippetStore = useSnippetStore();\nconst editorStore = useEditorStore();\nconst inSnippetMode = computed(() => snippetStore.inSnippetMode);\nconst inSuggestionMode = computed(() => snippetStore.getSuggestionMode);\nconst isSelectedAll = computed(() => editorStore.isSelectAll);\nconst hidden = ref(false);\n\nfunction hide(to: boolean) {\n  snippetStore.suggestionMode(!to);\n}\n\nfunction swap(isHidden: boolean) {\n  hide(isHidden);\n  hidden.value = isHidden;\n}\n\nfunction move(forward: boolean) {\n  hidden.value = false;\n  if (forward) return snippetStore.next();\n\n  return snippetStore.prev();\n}\n\nfunction selectAll() {\n  editorStore.editor?.trigger(null, 'meditor.editor.selectAll', {});\n}\nfunction copy() {\n  editorStore.editor?.trigger(\n    null,\n    'editor.action.clipboardCopyWithSyntaxHighlightingAction',\n    {}\n  );\n  editorStore.toggleCopyAction();\n}\n``;\n</script>\n\n<template>\n  <v-btn\n    v-if=\"!inSnippetMode\"\n    icon=\"$select\"\n    @click=\"selectAll\"\n    @mousedown.prevent=\"\"\n  />\n  <v-btn\n    v-if=\"isSelectedAll\"\n    icon=\"$copy\"\n    @click=\"copy\"\n    @mousedown.prevent=\"\"\n  />\n\n  <v-slide-y-transition leave-absolute>\n    <div v-if=\"inSnippetMode && !inSuggestionMode\">\n      <v-btn\n        v-if=\"hidden\"\n        icon=\"$swap\"\n        @click=\"swap(false)\"\n        @mousedown.prevent=\"\"\n      />\n      <v-btn\n        v-if=\"snippetStore.inSnippetMode && isTouchDevice\"\n        icon=\"$back\"\n        @click.prevent=\"move(false)\"\n        @mousedown.prevent=\"\"\n      />\n      <v-btn\n        v-if=\"snippetStore.inSnippetMode && isTouchDevice\"\n        icon=\"$forward\"\n        @click.prevent=\"move(true)\"\n        @mousedown.prevent=\"\"\n      />\n    </div>\n  </v-slide-y-transition>\n\n  <v-slide-y-reverse-transition hide-on-leave>\n    <div v-if=\"inSnippetMode && inSuggestionMode\">\n      <v-btn\n        icon=\"$swap\"\n        @click=\"swap(true)\"\n        @mousedown.prevent=\"\"\n      />\n      <v-btn\n        id=\"button-up\"\n        icon=\"$up\"\n        @click=\"snippetStore.prevSuggestion\"\n        @mousedown.prevent=\"\"\n      />\n      <v-btn\n        ref=\"down\"\n        icon=\"$down\"\n        @click=\"snippetStore.nextSuggestion\"\n        @mousedown.prevent=\"\"\n      />\n    </div>\n  </v-slide-y-reverse-transition>\n</template>\n","<script lang=\"ts\" setup>\nimport { useSnippetStore } from '@/store/snippet';\nimport { useEditorStore } from '@/store/editor';\nimport { useTheme } from 'vuetify';\n\nconst route = useRoute();\nconst snippetStore = useSnippetStore();\nconst editorStore = useEditorStore();\nconst theme = useTheme();\nconst { isSmallScreen, isTouchDevice } = useDisplay();\n\nconst themeName = computed(() => {\n  return theme.global.name.value;\n});\n\nconst isSecure = computed(() => {\n  return route.path.match(/\\/pages.*/) !== null;\n});\nconst isInsecure = computed(() => {\n  return route.path.match(/\\/templates.*/) !== null;\n});\nconst hasPosition = computed(() => {\n  return editorStore.position != null;\n});\nconst saved = computed(() => {\n  if (editorStore.isFresh) {\n    return 'Text is opgeslagen.';\n  }\n\n  return 'Text is nog niet opgeslagen.';\n});\n</script>\n\n<template>\n  <v-app-bar\n    class=\"footer\"\n    location=\"bottom\"\n    :height=\"isTouchDevice ? 63 : 31\"\n    flat\n  >\n    <template\n      v-if=\"isTouchDevice\"\n      #prepend\n    >\n      <FooterNav />\n    </template>\n\n    <v-spacer />\n\n    <v-fade-transition>\n      <v-icon\n        v-if=\"editorStore.copyAction\"\n        transition=\"fade-transition\"\n        icon=\"$clipboard\"\n        color=\"icon\"\n        :class=\"`footer-item footer-icon ${themeName}`\"\n      />\n    </v-fade-transition>\n\n    <span\n      v-if=\"hasPosition\"\n      class=\"text-icon\"\n    >\n      regel {{ editorStore.lineNumber }}&nbsp;\n    </span>\n\n    <span\n      v-if=\"hasPosition\"\n      class=\"text-icon footer-item\"\n    >\n      kolom {{ editorStore.column }}\n    </span>\n\n    <v-tooltip\n      v-if=\"snippetStore.inSnippetMode\"\n      text=\"Stop template modus\"\n    >\n      <template #activator=\"{ props }\">\n        <v-icon\n          v-bind=\"props\"\n          icon=\"$snippet\"\n          :color=\"snippetStore.inSuggestionMode ? 'info' : 'icon'\"\n          :class=\"`footer-item footer-icon ${themeName}`\"\n          @click=\"snippetStore.cancel\"\n        />\n      </template>\n    </v-tooltip>\n\n    <v-tooltip\n      v-if=\"isSecure && !isSmallScreen\"\n      text=\"Dit wordt veilig opgeslagen\"\n    >\n      <template #activator=\"{ props }\">\n        <v-icon\n          v-bind=\"props\"\n          icon=\"$secure\"\n          color=\"icon\"\n          :class=\"`footer-item footer-icon ${themeName}`\"\n        />\n      </template>\n    </v-tooltip>\n\n    <v-tooltip\n      v-if=\"isInsecure && !isSmallScreen\"\n      text=\"Sla hier geen patiëntgegevens op\"\n    >\n      <template #activator=\"{ props }\">\n        <v-icon\n          v-bind=\"props\"\n          icon=\"$insecure\"\n          color=\"icon\"\n          :class=\"`footer-item footer-icon ${themeName}`\"\n        />\n      </template>\n    </v-tooltip>\n\n    <v-tooltip\n      v-if=\"!isSmallScreen\"\n      :text=\"saved\"\n    >\n      <template #activator=\"{ props }\">\n        <v-icon\n          v-bind=\"props\"\n          :icon=\"editorStore.isFresh ? '$fresh' : '$dirty'\"\n          color=\"icon\"\n          :class=\"`footer-item footer-icon ${themeName}`\"\n        />\n      </template>\n    </v-tooltip>\n  </v-app-bar>\n</template>\n\n<style lang=\"scss\" local>\n.v-leave-active {\n  transition: opacity 0.5s ease;\n}\n\n.v-leave-to {\n  opacity: 0;\n}\n\n.footer {\n  border-top: 1px solid var(--v-theme-border);\n}\n\n.footer-item {\n  margin-right: 1rem;\n}\n\n.footer-icon {\n  margin-bottom: 2px;\n}\n\n.footer-icon.light {\n  &:hover svg {\n    fill: rgb(0 0 0 / 87%);\n  }\n}\n\n.footer-icon.dark {\n  &:hover svg {\n    fill: white;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { useTheme } from 'vuetify';\nimport { useAuthStore } from '@/store/auth';\nimport File from '@/store/models/File';\nimport Folder from '@/store/models/Folder';\nimport { useLoaderStore } from '@/store/loader';\n\nconst theme = useTheme();\nconst route = useRoute();\nconst { isSmallScreen } = useDisplay();\n\nfunction leave(event: Event) {\n  event.preventDefault();\n  logOut();\n\n  return false;\n}\n\nonMounted(async () => {\n  const { user } = useAuthStore();\n  const loaderStore = useLoaderStore();\n\n  if (\n    window.matchMedia &&\n    window.matchMedia('(prefers-color-scheme: dark)').matches\n  ) {\n    theme.global.name.value = 'dark';\n  } else {\n    theme.global.name.value = 'light';\n  }\n\n  if (user?.uid != null) {\n    loaderStore.start();\n\n    await fetchData(File, `userFiles/${user.uid}/files`);\n    await fetchData(Folder, `userFolders/${user.uid}/folders`);\n\n    loaderStore.stop();\n  }\n\n  if (isSmallScreen && !route.path.match(/\\/pages.*/)) {\n    go('/pages');\n  }\n\n  window.addEventListener('beforeunload', leave);\n});\n</script>\n\n<template>\n  <v-layout>\n    <NavBar />\n\n    <Footer />\n\n    <NuxtPage />\n    <!-- <NuxtPwaManifest /> -->\n  </v-layout>\n</template>\n"],"names":["authStore","useAuthStore","theme","useTheme","isLoggedIn","computed","color","auth","logOut","navigateTo","isTouchDevice","useDisplay","snippetStore","useSnippetStore","editorStore","useEditorStore","inSnippetMode","inSuggestionMode","isSelectedAll","hidden","ref","hide","to","swap","isHidden","move","forward","selectAll","_a","copy","route","useRoute","isSmallScreen","themeName","isSecure","isInsecure","hasPosition","saved","leave","event","onMounted","user","loaderStore","useLoaderStore","fetchData","File","Folder","go"],"mappings":"ogCAIA,MAAMA,EAAYC,IACZC,EAAQC,IAERC,EAAaC,EAAS,IACnBL,EAAU,UAClB,EAEKM,EAAQD,EAAS,IACdH,EAAM,OAAO,KAAK,QAAU,OAAS,UAAY,SACzD,EAED,eAAeK,GAAO,CAChBH,GACF,MAAMI,EAAO,EAGfC,EAAW,GAAG,CAChB,0aCfM,KAAA,CAAE,cAAAC,GAAkBC,IACpBC,EAAeC,IACfC,EAAcC,IACdC,EAAgBX,EAAS,IAAMO,EAAa,aAAa,EACzDK,EAAmBZ,EAAS,IAAMO,EAAa,iBAAiB,EAChEM,EAAgBb,EAAS,IAAMS,EAAY,WAAW,EACtDK,EAASC,EAAI,EAAK,EAExB,SAASC,EAAKC,EAAa,CACZV,EAAA,eAAe,CAACU,CAAE,CACjC,CAEA,SAASC,EAAKC,EAAmB,CAC/BH,EAAKG,CAAQ,EACbL,EAAO,MAAQK,CACjB,CAEA,SAASC,EAAKC,EAAkB,CAE1B,OADJP,EAAO,MAAQ,GACXO,EAAgBd,EAAa,OAE1BA,EAAa,MACtB,CAEA,SAASe,GAAY,QACnBC,EAAAd,EAAY,SAAZ,MAAAc,EAAoB,QAAQ,KAAM,2BAA4B,CAAE,EAClE,CACA,SAASC,GAAO,QACdD,EAAAd,EAAY,SAAZ,MAAAc,EAAoB,QAClB,KACA,0DACA,CAAC,GAEHd,EAAY,iBAAiB,CAC/B,0yCCnCA,MAAMgB,EAAQC,IACRnB,EAAeC,IACfC,EAAcC,IACdb,EAAQC,IACR,CAAE,cAAA6B,EAAe,cAAAtB,CAAc,EAAIC,EAAW,EAE9CsB,EAAY5B,EAAS,IAClBH,EAAM,OAAO,KAAK,KAC1B,EAEKgC,EAAW7B,EAAS,IACjByB,EAAM,KAAK,MAAM,WAAW,IAAM,IAC1C,EACKK,EAAa9B,EAAS,IACnByB,EAAM,KAAK,MAAM,eAAe,IAAM,IAC9C,EACKM,EAAc/B,EAAS,IACpBS,EAAY,UAAY,IAChC,EACKuB,EAAQhC,EAAS,IACjBS,EAAY,QACP,sBAGF,8BACR,s8CCvBD,MAAMZ,EAAQC,IACR2B,EAAQC,IACR,CAAE,cAAAC,GAAkBrB,IAE1B,SAAS2B,EAAMC,EAAc,CAC3B,OAAAA,EAAM,eAAe,EACd/B,IAEA,EACT,CAEA,OAAAgC,EAAU,SAAY,CACd,KAAA,CAAE,KAAAC,GAASxC,IACXyC,EAAcC,KAGlB,OAAO,YACP,OAAO,WAAW,8BAA8B,EAAE,QAE5CzC,EAAA,OAAO,KAAK,MAAQ,OAEpBA,EAAA,OAAO,KAAK,MAAQ,SAGxBuC,GAAA,YAAAA,EAAM,MAAO,OACfC,EAAY,MAAM,EAElB,MAAME,EAAUC,GAAM,aAAaJ,EAAK,GAAG,QAAQ,EACnD,MAAMG,EAAUE,GAAQ,eAAeL,EAAK,GAAG,UAAU,EAEzDC,EAAY,KAAK,GAGfV,GAAiB,CAACF,EAAM,KAAK,MAAM,WAAW,GAChDiB,GAAG,QAAQ,EAGN,OAAA,iBAAiB,eAAgBT,CAAK,CAAA,CAC9C"}