{"version":3,"file":"PublicHeader-BguEgwUc.js","sources":["../../src/components/LanguageSwitcher.vue","../../src/components/public-page/BurgerMenu.vue","../../src/components/public-page/PublicHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, watch } from 'vue'\nimport { useTolgee } from '@tolgee/vue'\nimport { languages, LS_LANGUAGE_KEY } from '@/plugins/tolgee'\nimport { usePublicData } from '@/stores/PublicData'\nimport { LANGUAGES } from '@/api/interfaces'\nimport { getLocale, includes } from '@/helpers/utils'\nimport { useRoute } from 'vue-router'\n\nconst tolgee = useTolgee(['language', 'pendingLanguage'])\nconst store = usePublicData()\n\nconst route = useRoute()\nconst companyId: string = route.params.id as string\n\nconst switchLanguage = () => {\n  const html = document.querySelector('html')\n\n  if (html) {\n    html.setAttribute('lang', store.lang)\n  }\n\n  localStorage.setItem(LS_LANGUAGE_KEY, store.lang)\n\n  tolgee.value.changeLanguage(getLocale(store.lang))\n\n  store.fetchPublicData(companyId, store.lang)\n}\n\nwatch(\n  () => store.lang,\n  () => {\n    switchLanguage()\n  },\n)\n\nonMounted(() => {\n  const fallbackLocale = import.meta.env.VITE_FALLBACK_LOCALE\n  const systemLanguage = window.navigator.language.substring(0, 2)\n  let persistedLanguage\n\n  try {\n    persistedLanguage = localStorage.getItem(LS_LANGUAGE_KEY)\n  } catch (error) {\n    persistedLanguage = fallbackLocale\n  }\n\n  if (LANGUAGES.includes(persistedLanguage)) {\n    tolgee.value.changeLanguage(getLocale(persistedLanguage))\n    store.lang = persistedLanguage\n    return\n  }\n\n  if (includes(LANGUAGES, systemLanguage)) {\n    tolgee.value.changeLanguage(getLocale(systemLanguage))\n    return\n  }\n\n  tolgee.value.changeLanguage(getLocale(fallbackLocale))\n})\n</script>\n\n<template>\n  <v-select\n    v-model=\"store.lang\"\n    :items=\"LANGUAGES.map((lang) => ({ title: languages[lang], value: lang }))\"\n    hide-details\n    class=\"language-selector\"\n    density=\"compact\"\n    variant=\"outlined\"\n  ></v-select>\n</template>\n\n<style lang=\"scss\" scoped>\n.language-selector {\n  color: var(--ui-black);\n\n  .dark & {\n    color: var(--ui-white);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nimport type { IMenuItem } from '@/api/interfaces'\n\nimport LanguageSwitcher from '../LanguageSwitcher.vue'\n\ninterface Props {\n  menuItemList?: IMenuItem[]\n}\n\nconst props = defineProps<Props>()\n\nconst isOpen = ref(false)\n\nconst toggleMenu = () => (isOpen.value = !isOpen.value)\n</script>\n\n<template>\n  <div class=\"burger-menu\">\n    <button :class=\"[{ 'is-open': isOpen }, 'burger-menu-button']\" @click=\"toggleMenu\">\n      <span class=\"burger-menu-button-line\" />\n      <span class=\"burger-menu-button-line\" />\n      <span class=\"burger-menu-button-line\" />\n    </button>\n    <nav v-if=\"isOpen\" class=\"burger-menu-nav\">\n      <ul class=\"burger-menu-list\">\n        <li v-for=\"item in menuItemList\" :key=\"item.link\" class=\"burger-menu-list-item\">\n          <a\n            :href=\"item.link\"\n            :target=\"item.target\"\n            :style=\"{ color: item.color, 'background-color': item.backgroundColor }\"\n            class=\"burger-menu-list-item-link\"\n          >\n            {{ item.label }}\n          </a>\n        </li>\n      </ul>\n      <div class=\"burger-menu-buttons\">\n        <LanguageSwitcher />\n        <GsButton\n          href=\"https://www.app.getgreenspark.com/login\"\n          target=\"_blank\"\n          type=\"secondary\"\n          full-width\n        >\n          {{ $t('PublicHeader.buttons.login') }}\n        </GsButton>\n        <GsButton\n          href=\"https://www.getgreenspark.com/account-type\"\n          target=\"_blank\"\n          type=\"success\"\n          full-width\n        >\n          {{ $t('PublicHeader.buttons.register') }}\n        </GsButton>\n      </div>\n    </nav>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.burger-menu {\n  position: relative;\n  display: inline-block;\n}\n\n.burger-menu-buttons {\n  display: flex;\n  gap: 10px;\n  flex-direction: column;\n}\n\n.burger-menu-button {\n  position: relative;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n\n  @include media('md-and-up') {\n    display: none;\n  }\n\n  &.is-open {\n    .burger-menu-button-line {\n      &:first-child {\n        transform: rotateZ(45deg) translate(5px, 5px);\n      }\n\n      &:not(:first-child, :last-child) {\n        display: none;\n        opacity: 0;\n      }\n\n      &:last-child {\n        transform: rotateZ(-45deg) translate(5px, -5px);\n      }\n    }\n  }\n}\n\n.burger-menu-button-line {\n  content: '';\n  position: absolute;\n  left: 4px;\n  display: block;\n  width: 24px;\n  height: 2px;\n  background-color: var(--ui-green);\n  border-radius: 2px;\n  transition: all 0.2s ease-in-out;\n\n  &:first-child {\n    top: 8px;\n  }\n\n  &:nth-child(2) {\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:last-child {\n    bottom: 8px;\n  }\n}\n\n.burger-menu-nav {\n  position: fixed;\n  top: 64px;\n  left: 0;\n  width: 100%;\n  height: calc(100vh - 64px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 26px;\n  background-color: var(--ui-white);\n  overflow: hidden;\n  border-radius: 0;\n\n  .dark & {\n    background-color: var(--darkest);\n  }\n\n  .btn {\n    width: 100%;\n  }\n}\n\n.burger-menu-list {\n  list-style-type: none;\n  padding: 0;\n}\n\n.burger-menu-list-item {\n  border-bottom: 1px solid var(--ui-green-light);\n  padding: 20px 0;\n}\n\n.burger-menu-list-item-link {\n  display: block;\n  text-decoration: none;\n  font-size: 20px;\n  font-weight: 600;\n  color: inherit;\n  text-transform: uppercase;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { IMenuItem } from '@/api/interfaces'\nimport { useEditorStore } from '@/stores/Editor'\nimport { BackgroundTheme } from '@/api/interfaces'\n\nimport BurgerMenu from '@/components/public-page/BurgerMenu.vue'\nimport LanguageSwitcher from '@/components/LanguageSwitcher.vue'\nimport GreensparkLogo from '@/components/icons/GreensparkLogo.vue'\n\ninterface Props {\n  menuItemList?: IMenuItem[]\n  buttons?: IMenuItem[]\n}\n\nconst props = defineProps<Props>()\nconst editorStore = useEditorStore()\n</script>\n\n<template>\n  <header class=\"public-header\">\n    <v-container>\n      <div class=\"public-header-wrapper\">\n        <a href=\"https://www.getgreenspark.com\" target=\"_blank\">\n          <GreensparkLogo\n            :color=\"\n              editorStore.editor.background.theme === BackgroundTheme.DARK ? 'white' : 'green'\n            \"\n            height=\"32\"\n            width=\"160\"\n          />\n        </a>\n        <nav class=\"public-header-navigation\">\n          <ul class=\"public-header-navigation-list\">\n            <li\n              v-for=\"(item, index) in menuItemList\"\n              :key=\"index\"\n              class=\"public-header-navigation-list-item\"\n            >\n              <a\n                class=\"public-header-navigation-list-item-link\"\n                :href=\"item.link\"\n                :target=\"item.target\"\n                :style=\"{ color: item.color, backgroundColor: item.backgroundColor }\"\n              >\n                {{ item.label }}\n              </a>\n            </li>\n          </ul>\n          <div class=\"public-header-buttons\">\n            <LanguageSwitcher />\n            <GsButton\n              width=\"130\"\n              type=\"secondary\"\n              target=\"_blank\"\n              href=\"https://www.app.getgreenspark.com/login\"\n            >\n              {{ $t('PublicHeader.buttons.login') }}\n            </GsButton>\n            <GsButton\n              width=\"130\"\n              type=\"success\"\n              target=\"_blank\"\n              href=\"https://www.getgreenspark.com/account-type\"\n            >\n              {{ $t('PublicHeader.buttons.register') }}\n            </GsButton>\n          </div>\n        </nav>\n        <BurgerMenu class=\"public-header-burger-menu\" />\n      </div>\n    </v-container>\n  </header>\n</template>\n\n<style lang=\"scss\" scoped>\n.public-header {\n  position: fixed;\n  top: 0;\n  z-index: 1000;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: var(--ui-white);\n  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);\n\n  @include media('md-and-up') {\n    height: 70px;\n\n    .v-container {\n      display: flex;\n      align-items: center;\n      padding: 0;\n    }\n  }\n\n  .dark & {\n    background: var(--darkest);\n  }\n}\n\n.public-header-wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n\n.public-header-navigation {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n}\n\n.public-header-navigation-list {\n  display: none;\n  list-style-type: none;\n  padding: 0;\n  margin-left: 70px;\n\n  @include media('md-and-up') {\n    display: flex;\n    gap: 24px;\n  }\n}\n\n.public-header-navigation-list-item-link {\n  display: block;\n  height: 100%;\n  text-transform: uppercase;\n  text-decoration: none;\n  font-size: 20px;\n  font-weight: 700;\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n.public-header-buttons {\n  display: none;\n\n  @include media('md-and-up') {\n    display: flex;\n    gap: 16px;\n  }\n}\n</style>\n"],"names":["tolgee","useTolgee","store","usePublicData","companyId","useRoute","switchLanguage","html","LS_LANGUAGE_KEY","getLocale","watch","onMounted","fallbackLocale","systemLanguage","persistedLanguage","LANGUAGES","includes","isOpen","ref","toggleMenu","editorStore","useEditorStore"],"mappings":"gtBASA,MAAMA,EAASC,EAAU,CAAC,WAAY,iBAAiB,CAAC,EAClDC,EAAQC,IAGRC,EADQC,IACkB,OAAO,GAEjCC,EAAiB,IAAM,CACrB,MAAAC,EAAO,SAAS,cAAc,MAAM,EAEtCA,GACGA,EAAA,aAAa,OAAQL,EAAM,IAAI,EAGzB,aAAA,QAAQM,EAAiBN,EAAM,IAAI,EAEhDF,EAAO,MAAM,eAAeS,EAAUP,EAAM,IAAI,CAAC,EAE3CA,EAAA,gBAAgBE,EAAWF,EAAM,IAAI,CAAA,EAG7C,OAAAQ,EACE,IAAMR,EAAM,KACZ,IAAM,CACWI,GACjB,CAAA,EAGFK,EAAU,IAAM,CACR,MAAAC,EAAiB,KACjBC,EAAiB,OAAO,UAAU,SAAS,UAAU,EAAG,CAAC,EAC3D,IAAAC,EAEA,GAAA,CACkBA,EAAA,aAAa,QAAQN,CAAe,OAC1C,CACMM,EAAAF,CACtB,CAEI,GAAAG,EAAU,SAASD,CAAiB,EAAG,CACzCd,EAAO,MAAM,eAAeS,EAAUK,CAAiB,CAAC,EACxDZ,EAAM,KAAOY,EACb,MACF,CAEI,GAAAE,EAASD,EAAWF,CAAc,EAAG,CACvCb,EAAO,MAAM,eAAeS,EAAUI,CAAc,CAAC,EACrD,MACF,CAEAb,EAAO,MAAM,eAAeS,EAAUG,CAAc,CAAC,CAAA,CACtD,0eC9CK,MAAAK,EAASC,EAAI,EAAK,EAElBC,EAAa,IAAOF,EAAO,MAAQ,CAACA,EAAO,k0CCAjD,MAAMG,EAAcC"}