{"version":3,"file":"components.c81e9c22.js","sources":["../../../../composables/navigation.ts","../../../../assets/_logo-horizontal-GREEN.svg","../../../../components/app/AppTopbar.vue","../../../../node_modules/nuxt/dist/head/runtime/components.js"],"sourcesContent":["export function useNavigationMenu() {\n  const navigationMenu = () => {\n    return [\n      {\n        label: 'Samarbeta',\n        to: '/samarbeta',\n        // items: [\n        //   { label: 'Skapa inlägg', to: '/samarbeta/skapa-inlagg' },\n        // ]\n      },\n      {\n        label: 'Utforska län/kommun',\n        to: '/utforska-en-plats',\n      },\n      {\n        label: 'Kartor & statistik',\n        to: '/kartor-och-statistik',\n      },\n      // {\n      //   label: 'Skapa din karta',\n      //   to: '/skapa-karta',\n      // },\n      {\n        label: 'Kunskapsbank',\n        to: '/kunskapsbank',\n      },\n    ]\n  }\n\n  const navigationFooter = () => {\n    return [\n      {\n        label: 'Behandling av personuppgifter',\n        to: '/villkor',\n      },\n      {\n        label: 'Definitioner',\n        to: '/definitioner',\n      },\n      // {\n      //   label: 'Inställningar för kakor',\n      //   to: '/installningar-kakor',\n      // },\n    ]\n  }\n\n  const navigationAbout = () => {\n    return {\n      label: 'Om Drivmedla',\n      to: '/om-drivmedla',\n    }\n  }\n\n  return { navigationMenu, navigationFooter, navigationAbout }\n}\n","export default \"__VITE_ASSET__bc9d7e0f__\"","<script setup lang=\"ts\">\nconst menuItems = useNavigationMenu().navigationMenu()\nconst about = useNavigationMenu().navigationAbout()\nconst active = ref(false)\nconst currentPath = ref('')\nconst activeParentMenu = computed(() => currentPath.value)\nconst route = useRoute()\nfunction toggleMenu() {\n  setTimeout(() => {\n    active.value = !active\n  }, 200)\n}\nwatch(\n  () => route.path,\n  (current) => {\n    currentPath.value = current\n  }\n)\n</script>\n\n<template>\n  <div class=\"header\" :class=\"active ? 'active' : ''\">\n    <NuxtLink to=\"/\" @click=\"toggleMenu()\">\n      <img class=\"header__logo\" src=\"~/assets/_logo-horizontal-GREEN.svg\" alt=\"Logotyp\" />\n    </NuxtLink>\n    <div\n      role=\"button\"\n      tabIndex=\"0\"\n      aria-label=\"Öppna navigeringsmeny\"\n      :aria-expanded=\"active\"\n      @click=\"active = !active\"\n      @keydown.enter=\"active = !active\"\n      @keydown.space=\"active = !active\"\n    >\n      <AppIcon v-if=\"active\" icon=\"XMarkIcon\" class=\"header__menu\" />\n      <AppIcon v-else icon=\"Bars3Icon\" class=\"header__menu\" />\n    </div>\n    <div class=\"header__navigation\">\n      <div class=\"header__list\">\n        <NuxtLink\n          v-for=\"(item, i) of menuItems\"\n          :key=\"item.label\"\n          :to=\"item.to\"\n          class=\"header__list--item animation\"\n          :class=\"activeParentMenu.includes(item.to) && 'router-link-active'\"\n          :style=\"`--animation-order: ${i + 1}`\"\n          @click=\"toggleMenu()\"\n        >\n          {{ item.label }}\n        </NuxtLink>\n      </div>\n      <NuxtLink\n        :to=\"about.to\"\n        class=\"header__list--item animation\"\n        :style=\"`--animation-order: ${menuItems.length + 1}`\"\n        @click=\"toggleMenu()\"\n      >\n        {{ about.label }}\n      </NuxtLink>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import 'App.scss';\n.beta {\n  position: relative;\n  &:after {\n    content: 'BETA';\n    display: block;\n    position: absolute;\n    top: 8px;\n    left: 100px;\n    padding: 2px 8px;\n    background: #fcd107;\n    border-radius: 8px;\n    font-size: 10px;\n    font-weight: 500;\n    color: #000;\n  }\n}\n.header {\n  background: $white;\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n  overflow: hidden;\n  padding: 0 1.5rem;\n  position: sticky;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  z-index: 100;\n  height: $topbarHeight;\n\n  &__navigation {\n    display: none;\n\n    @include desktop-up() {\n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n    }\n  }\n\n  &__list {\n    &--item {\n      padding: 0 1rem;\n    }\n  }\n\n  &__menu {\n    display: none;\n    width: 30px;\n    margin-top: calc(4rem / 2 - 30px);\n    color: $dark;\n\n    @include desktop-down() {\n      float: right;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  &__logo {\n    height: 4rem;\n    padding: 1rem 1rem 1rem 0;\n  }\n\n  &.active {\n    display: block;\n    overflow: hidden;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: 100;\n\n    .header__menu {\n      margin-top: calc(4rem / 2 - 12px);\n      position: absolute;\n      top: 0;\n      right: 1.5rem;\n    }\n\n    .header__navigation {\n      display: flex;\n      background: $white;\n      flex-direction: column;\n      text-align: center;\n\n      @include desktop-down() {\n        padding-bottom: 1rem;\n      }\n    }\n\n    .header__list {\n      display: flex;\n      flex-direction: column;\n\n      @include desktop-up() {\n        flex-direction: row;\n      }\n    }\n\n    .header__list--item {\n      padding: 1rem;\n      font-size: 1.25rem;\n      font-weight: 500;\n      text-align: center;\n    }\n\n    .animation {\n      animation-name: animateIn;\n      animation-duration: 350ms;\n      animation-delay: calc(var(--animation-order) * 100ms);\n      animation-fill-mode: both;\n      animation-timing-function: ease-out;\n    }\n  }\n}\n\n@keyframes animateIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\na {\n  color: $navigation;\n}\n</style>\n","import { defineComponent } from \"vue\";\nimport { useHead } from \"@unhead/vue\";\nconst removeUndefinedProps = (props) => Object.fromEntries(Object.entries(props).filter(([, value]) => value !== void 0));\nconst setupForUseMeta = (metaFactory, renderChild) => (props, ctx) => {\n  useHead(() => metaFactory({ ...removeUndefinedProps(props), ...ctx.attrs }, ctx));\n  return () => renderChild ? ctx.slots.default?.() : null;\n};\nconst globalProps = {\n  accesskey: String,\n  autocapitalize: String,\n  autofocus: {\n    type: Boolean,\n    default: void 0\n  },\n  class: [String, Object, Array],\n  contenteditable: {\n    type: Boolean,\n    default: void 0\n  },\n  contextmenu: String,\n  dir: String,\n  draggable: {\n    type: Boolean,\n    default: void 0\n  },\n  enterkeyhint: String,\n  exportparts: String,\n  hidden: {\n    type: Boolean,\n    default: void 0\n  },\n  id: String,\n  inputmode: String,\n  is: String,\n  itemid: String,\n  itemprop: String,\n  itemref: String,\n  itemscope: String,\n  itemtype: String,\n  lang: String,\n  nonce: String,\n  part: String,\n  slot: String,\n  spellcheck: {\n    type: Boolean,\n    default: void 0\n  },\n  style: String,\n  tabindex: String,\n  title: String,\n  translate: String\n};\nexport const NoScript = defineComponent({\n  name: \"NoScript\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    title: String,\n    body: Boolean,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((props, { slots }) => {\n    const noscript = { ...props };\n    const textContent = (slots.default?.() || []).filter(({ children }) => children).map(({ children }) => children).join(\"\");\n    if (textContent) {\n      noscript.children = textContent;\n    }\n    return {\n      noscript: [noscript]\n    };\n  })\n});\nexport const Link = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Link\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    as: String,\n    crossorigin: String,\n    disabled: Boolean,\n    fetchpriority: String,\n    href: String,\n    hreflang: String,\n    imagesizes: String,\n    imagesrcset: String,\n    integrity: String,\n    media: String,\n    prefetch: {\n      type: Boolean,\n      default: void 0\n    },\n    referrerpolicy: String,\n    rel: String,\n    sizes: String,\n    title: String,\n    type: String,\n    /** @deprecated **/\n    methods: String,\n    /** @deprecated **/\n    target: String,\n    body: Boolean,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((link) => ({\n    link: [link]\n  }))\n});\nexport const Base = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Base\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    href: String,\n    target: String\n  },\n  setup: setupForUseMeta((base) => ({\n    base\n  }))\n});\nexport const Title = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Title\",\n  inheritAttrs: false,\n  setup: setupForUseMeta((_, { slots }) => {\n    const title = slots.default?.()?.[0]?.children || null;\n    if (process.dev && title && typeof title !== \"string\") {\n      console.error(\"<Title> can only take a string in its default slot.\");\n    }\n    return {\n      title\n    };\n  })\n});\nexport const Meta = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Meta\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    charset: String,\n    content: String,\n    httpEquiv: String,\n    name: String,\n    body: Boolean,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((props) => {\n    const meta = { ...props };\n    if (meta.httpEquiv) {\n      meta[\"http-equiv\"] = meta.httpEquiv;\n      delete meta.httpEquiv;\n    }\n    return {\n      meta: [meta]\n    };\n  })\n});\nexport const Style = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Style\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    type: String,\n    media: String,\n    nonce: String,\n    title: String,\n    /** @deprecated **/\n    scoped: {\n      type: Boolean,\n      default: void 0\n    },\n    body: Boolean,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((props, { slots }) => {\n    const style = { ...props };\n    const textContent = slots.default?.()?.[0]?.children;\n    if (textContent) {\n      if (process.dev && typeof textContent !== \"string\") {\n        console.error(\"<Style> can only take a string in its default slot.\");\n      }\n      style.children = textContent;\n    }\n    return {\n      style: [style]\n    };\n  })\n});\nexport const Head = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Head\",\n  inheritAttrs: false,\n  setup: (_props, ctx) => () => ctx.slots.default?.()\n});\nexport const Html = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Html\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    manifest: String,\n    version: String,\n    xmlns: String,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((htmlAttrs) => ({ htmlAttrs }), true)\n});\nexport const Body = defineComponent({\n  // eslint-disable-next-line vue/no-reserved-component-names\n  name: \"Body\",\n  inheritAttrs: false,\n  props: {\n    ...globalProps,\n    renderPriority: [String, Number]\n  },\n  setup: setupForUseMeta((bodyAttrs) => ({ bodyAttrs }), true)\n});\n"],"names":["useNavigationMenu","_imports_0","menuItems","about","active","ref","currentPath","activeParentMenu","computed","route","useRoute","toggleMenu","watch","current","removeUndefinedProps","props","value","setupForUseMeta","metaFactory","renderChild","ctx","useHead","_b","_a","globalProps","Link","link"],"mappings":"0UAAO,SAASA,GAAoB,CAqD3B,MAAA,CAAE,eApDc,IACd,CACL,CACE,MAAO,YACP,GAAI,YAIN,EACA,CACE,MAAO,sBACP,GAAI,oBACN,EACA,CACE,MAAO,qBACP,GAAI,uBACN,EAKA,CACE,MAAO,eACP,GAAI,eACN,CAAA,EA4BqB,iBAxBA,IAChB,CACL,CACE,MAAO,gCACP,GAAI,UACN,EACA,CACE,MAAO,eACP,GAAI,eACN,CAAA,EAeuC,gBAPnB,KACf,CACL,MAAO,eACP,GAAI,eAAA,GAKV,CCtDA,MAAeC,EAAA,GAAA,IAAA,IAAA,sCAAA,YAAA,GAAA,EAAA,+NCCT,MAAAC,EAAYF,IAAoB,iBAChCG,EAAQH,IAAoB,kBAC5BI,EAASC,EAAI,EAAK,EAClBC,EAAcD,EAAI,EAAE,EACpBE,EAAmBC,EAAS,IAAMF,EAAY,KAAK,EACnDG,EAAQC,IACd,SAASC,GAAa,CACpB,WAAW,IAAM,CACfP,EAAO,MAAQ,CAACA,GACf,GAAG,CACR,CACA,OAAAQ,EACE,IAAMH,EAAM,KACXI,GAAY,CACXP,EAAY,MAAQO,CACtB,CAAA,miCCdIC,EAAwBC,GAAU,OAAO,YAAY,OAAO,QAAQA,CAAK,EAAE,OAAO,CAAC,CAAA,CAAGC,CAAK,IAAMA,IAAU,MAAM,CAAC,EAClHC,EAAkB,CAACC,EAAaC,IAAgB,CAACJ,EAAOK,KAC5DC,EAAQ,IAAMH,EAAY,CAAE,GAAGJ,EAAqBC,CAAK,EAAG,GAAGK,EAAI,OAASA,CAAG,CAAC,EACzE,IAAA,SAAM,OAAAD,GAAcG,GAAAC,EAAAH,EAAI,OAAM,UAAV,YAAAE,EAAA,KAAAC,GAAwB,OAE/CC,EAAc,CAClB,UAAW,OACX,eAAgB,OAChB,UAAW,CACT,KAAM,QACN,QAAS,MACV,EACD,MAAO,CAAC,OAAQ,OAAQ,KAAK,EAC7B,gBAAiB,CACf,KAAM,QACN,QAAS,MACV,EACD,YAAa,OACb,IAAK,OACL,UAAW,CACT,KAAM,QACN,QAAS,MACV,EACD,aAAc,OACd,YAAa,OACb,OAAQ,CACN,KAAM,QACN,QAAS,MACV,EACD,GAAI,OACJ,UAAW,OACX,GAAI,OACJ,OAAQ,OACR,SAAU,OACV,QAAS,OACT,UAAW,OACX,SAAU,OACV,KAAM,OACN,MAAO,OACP,KAAM,OACN,KAAM,OACN,WAAY,CACV,KAAM,QACN,QAAS,MACV,EACD,MAAO,OACP,SAAU,OACV,MAAO,OACP,UAAW,MACb,EAqBaC,KAAuB,CAElC,KAAM,OACN,aAAc,GACd,MAAO,CACL,GAAGD,EACH,GAAI,OACJ,YAAa,OACb,SAAU,QACV,cAAe,OACf,KAAM,OACN,SAAU,OACV,WAAY,OACZ,YAAa,OACb,UAAW,OACX,MAAO,OACP,SAAU,CACR,KAAM,QACN,QAAS,MACV,EACD,eAAgB,OAChB,IAAK,OACL,MAAO,OACP,MAAO,OACP,KAAM,OAEN,QAAS,OAET,OAAQ,OACR,KAAM,QACN,eAAgB,CAAC,OAAQ,MAAM,CAChC,EACD,MAAOP,EAAiBS,IAAU,CAChC,KAAM,CAACA,CAAI,CACf,EAAI,CACJ,CAAC","x_google_ignoreList":[3]}