{"version":3,"file":"default.a9321488.js","sources":["../../../../../Logo-IBH@2x.png","../../../../components/NavBar.vue","../../../../layouts/default.vue"],"sourcesContent":["export default \"__VITE_PUBLIC_ASSET__a785875d__\"","<script setup lang=\"ts\">\nconst navLinks = useNavigationLinks()\nconst impersonation = useImpersonate()\n</script>\n\n<template>\n  <div\n    class=\"sticky top-0 flex h-screen flex-col overflow-y-auto bg-secondary py-8 text-gray-300 2xl:py-16\"\n  >\n    <img src=\"/Logo-IBH@2x.png\" role=\"presentation\" class=\"ml-6 w-44 2xl:ml-10\" />\n    <div class=\"mb-14 mt-8 lg:mt-16 2xl:mt-10\">\n      <template\n        v-for=\"(route, iList) in navLinks.filter(\n          (route) => !route.meta.layoutLocation || route.meta.layoutLocation === 'nav-list',\n        )\"\n        :key=\"iList\"\n      >\n        <StyledNuxtLink\n          :to=\"{ path: route.path }\"\n          class=\"group flex flex-row items-stretch font-medium\"\n        >\n          <div\n            class=\"mr-2 flex grow items-center py-4 pl-6 group-hover:bg-ibh group-hover:shadow-2xl 2xl:pl-10\"\n          >\n            <UIcon\n              v-if=\"route.meta.icon\"\n              :name=\"route.meta.icon\"\n              class=\"h-8 w-8 rounded-lg 2xl:h-10 2xl:w-10\"\n            />\n            <div v-else class=\"h-8 w-8 rounded-lg bg-gray-300 2xl:h-10 2xl:w-10\"></div>\n            <div class=\"ml-4 2xl:ml-6\">{{ route.meta.label }}</div>\n          </div>\n          <div v-if=\"isSameRoute(route.path, useRoute().path)\" class=\"ml-auto w-3 bg-ibh\"></div>\n          <div v-else class=\"ml-auto w-3\"></div>\n        </StyledNuxtLink>\n      </template>\n    </div>\n\n    <div class=\"ml-3 mr-4 mt-auto flex flex-col 2xl:ml-7\">\n      <button\n        type=\"button\"\n        class=\"flex items-center rounded-md px-2.5 py-1.5 text-left hover:bg-secondary-900\"\n        @click=\"useAuth().logout()\"\n      >\n        <UIcon name=\"i-heroicons-arrow-left-on-rectangle\" class=\"mr-2 h-5 w-5\" />\n        <span>Ausloggen</span>\n      </button>\n      <template\n        v-for=\"(route, iFooter) in navLinks.filter(\n          (route) => route.meta.layoutLocation === 'nav-footer',\n        )\"\n        :key=\"iFooter\"\n      >\n        <template v-if=\"route.meta.metaName === 'contact'\">\n          <StyledNuxtLink\n            exact-active-class=\"font-medium\"\n            class=\"-order-1 rounded-md px-2.5 py-1.5 hover:bg-secondary-900\"\n            :to=\"{ path: route.path }\"\n          >\n            <UIcon name=\"i-heroicons-pencil-square\" class=\"mr-2 h-5 w-5\" />\n            <span>Kontakt</span>\n          </StyledNuxtLink>\n        </template>\n\n        <template v-else-if=\"route.meta.metaName === 'profile' && route.meta.user\">\n          <StyledNuxtLink\n            :to=\"{ path: route.path }\"\n            class=\"flex flex-row items-center justify-start gap-2 rounded-lg p-3 hover:bg-secondary-900 2xl:gap-5\"\n          >\n            <div\n              class=\"relative grid h-12 w-12 items-center justify-center bg-gray-400 clip-hexagon 2xl:h-16 2xl:w-16\"\n            >\n              <span class=\"text-2xl font-semibold text-white\">\n                {{ firstLettersOf(route.meta.user!) }}\n              </span>\n            </div>\n            <div class=\"flex-1 truncate\">\n              <div class=\"truncate\">{{ route.meta.user?.username }}</div>\n              <div class=\"truncate\">\n                {{ route.meta.user?.department }}\n              </div>\n            </div>\n          </StyledNuxtLink>\n        </template>\n      </template>\n\n      <UButton\n        v-if=\"impersonation.status === 'active'\"\n        class=\"mt-4\"\n        size=\"xl\"\n        icon=\"i-ph-user-switch\"\n        @click=\"impersonation.endImpersonate\"\n      >\n        Verkörperung beenden\n      </UButton>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n// ensure auth store and routing is loaded regardless of route\nuseAuth()\n\n// const isLargeScreen = useMediaQuery('(min-width: 1024px)')\n\nconst { data: ownPermissions } = useOwnPermissions()\nconst readyToLoadpage = computed(() => ownPermissions.value !== undefined)\n\nconst impersonation = useImpersonate()\n</script>\n\n<template>\n  <div class=\"flex h-full\">\n    <NavBar\n      class=\"`fixed left-0 top-0 z-10 min-h-screen w-80 shrink-0 transition-transform\"\n    ></NavBar>\n    <div class=\"relative flex min-w-0 shrink grow flex-col transition-all\">\n      <UButton\n        icon=\"i-ph-list-bold\"\n        size=\"lg\"\n        variant=\"soft\"\n        class=\"pointer-events-none absolute left-3 top-3 opacity-0 transition\"\n      />\n\n      <div v-if=\"impersonation.status === 'active'\" class=\"mx-12 my-4 py-1\">\n        <UAlert\n          title=\"Verkörperung eines Nutzers\"\n          description=\"Achten Sie darauf, dass Sie gerade einen Nutzer verkörpern!\"\n          icon=\"i-heroicons-exclamation-triangle\"\n          color=\"red\"\n        />\n      </div>\n      <div class=\"transition-none\">\n        <slot v-if=\"readyToLoadpage\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_imports_0","navLinks","useNavigationLinks","impersonation","useImpersonate","useAuth","ownPermissions","useOwnPermissions","readyToLoadpage","computed"],"mappings":"4uBAAeA,EAAA,GAAA,WAAA,kBAAA,iBAAA,01BCCf,MAAMC,EAAWC,IACXC,EAAgBC,6hECAdC,IAIR,KAAM,CAAE,KAAMC,CAAe,EAAIC,EAAkB,EAC7CC,EAAkBC,EAAS,IAAMH,EAAe,QAAU,MAAS,EAEnEH,EAAgBC"}