{"version":3,"mappings":"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","names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","fixedCurrency","currencyStore","useCurrencyStore","currencyModalStore","useCurrencyModalStore","availableCurrencies","useRuntimeConfig","setLocale","useI18n","useLocalePath","useSwitchLocalePath","computed","i","actualcurrencyjustinfo","setLocaleAndForceRefreshInStore","locale","reloadNuxtApp","setCurrencyInStore","currency","localePath","ProductByEan","useSearchStore","defineStore","text","scrollStore","useScrollStore","searchStore","route","useRoute","router","useRouter","loading","ref","searchinfo","searchtext","value","watch","newVal","checkEan","val","searchByEan","wildcardtext","searchitemsbyean","API","querySearchByEan.ProductByEan","numberofitemsbyean","localSearchPath","localbookpath","newQuery","error","goToSearchPageAndSearch","stype","navigateTo","webshopCartStore","useWebshopCartStore","numberofcartproducts","storeToRefs","authStore","useAuthStore","authenticated","email","logout","isOpen","userLogout","mobileMenuIsOpen","toggleMobile"],"ignoreList":[],"sources":["../../../../../components/svg/FlagHu.vue","../../../../../components/svg/FlagEn.vue","../../../../../components/SettingsSwitchV3.vue","../../../../../components/TopBar.vue","../../../../../graphql/query-quick-search-by-ean.js","../../../../../store/search.js","../../../../../components/ui/SearchSimple.vue","../../../../../components/navigation/MyOrders.vue","../../../../../components/navigation/ShoppingBasket.vue","../../../../../components/navigation/AccountSwitch.vue","../../../../../components/navigation/CenteredSearch.vue"],"sourcesContent":["<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 6 3\">\n    <rect fill=\"#436F4D\" width=\"6\" height=\"3\" />\n    <rect fill=\"#FFF\" width=\"6\" height=\"2\" />\n    <rect fill=\"#CD2A3E\" width=\"6\" height=\"1\" />\n  </svg>\n</template>\n","<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 30\">\n    <clipPath id=\"a\"><path d=\"M0 0v30h60V0z\" /></clipPath>\n    <clipPath id=\"b\"><path d=\"M30 15h30v15zv15H0zH0V0zV0h30z\" /></clipPath>\n    <g clip-path=\"url(#a)\">\n      <path d=\"M0 0v30h60V0z\" fill=\"#012169\" />\n      <path d=\"M0 0l60 30m0-30L0 30\" stroke=\"#fff\" stroke-width=\"6\" />\n      <path\n        d=\"M0 0l60 30m0-30L0 30\"\n        clip-path=\"url(#b)\"\n        stroke=\"#C8102E\"\n        stroke-width=\"4\"\n      />\n      <path d=\"M30 0v30M0 15h60\" stroke=\"#fff\" stroke-width=\"10\" />\n      <path d=\"M30 0v30M0 15h60\" stroke=\"#C8102E\" stroke-width=\"6\" />\n    </g>\n  </svg>\n</template>\n","<script setup>\n\n  /**\n   * \n   * Komponens: nyelv és pénznem váltás template\n   * (TODO: a funkcionalitásokat ketté szedni külön komponensekbe, és ez a komponens csak a megjelenítés legyen)\n   * \n  */\n\n  // pinia stores:\n  import { useCurrencyStore } from '@/store/currency'\n  import { useCurrencyModalStore } from '@/store/currencymodal';\n\n  const currencyStore = useCurrencyStore()\n  const currencyModalStore = useCurrencyModalStore();\n  // const closeCurrencyModal = currencyModalStore.closeCurrencyModal();\n\n  // elérhető pénznemek listája:\n  const runtimeConfig = useRuntimeConfig();\n  const availableCurrencies = runtimeConfig.public.currencies;\n\n  // FIX beállítások:\n  // (TODO: később áttenni nuxt config-ba)\n  const forceRefresh = true;\n  const fixedCurrency = 'HUF';\n\n  // A VeeValidation beállítások frissítése:\n  // Nem lesz szükség rá, mert az adott form-nál kell majd helyesen beállítani, nem globálisan.\n  // import { setLocale as setVeeValidationLocale } from '@vee-validate/i18n';\n  // import { changeValidationLanguage } from '@/plugins/vee-validate'\n  // setVeeValidationLocale('hu');\n\n  // nyelvi es routing beallitasok\n  // const { locale, locales, setLocale } = useI18n()\n  const { setLocale } = useI18n()\n  const localePath = useLocalePath();\n  const switchLocalePath = useSwitchLocalePath()\n\n  // elérhető nyelvek listája:\n  const availableLocales = computed(() => {\n    return (locales.value).filter(i => i.code !== locale.value)\n  })\n\n  const actualcurrencyjustinfo = computed(() => currencyStore.currencyjustinfo)\n  // const actualcurrency = ''; // vuex: currency/currency\n\n  // nyelv átállítása és átirányítás:\n  const setLocaleAndForceRefreshInStore = async (locale) => {\n    setLocale(locale);\n    // switchLocalePath(locale);\n    reloadNuxtApp({\n      // ttl?: number\n      // path: switchLocalePath(locale),\n      path: '/',\n      force: true,\n      persistState: true,\n    });\n  };\n\n  // átállítja a currency kiírást:\n  //  - Pinia store átállítás, és\n  //  - megjeleníti a currecy-re vonatkozó felhívást (modal)\n  const setCurrencyInStore = (currency) => {\n    // currencyModalStore\n    currencyModalStore.openCurrencyModal();\n    // currencyStore\n    currencyStore.setCurrencyJustInfo(currency)\n    // console.log('setCurrency to: ', currency);\n  };\n\n</script>\n\n<template>\n  <div\n    class=\"relative lg:flex xl:flex items-center lg:px-4 xl:px-4 justify-between focus:outline-none text-left\"\n  >\n\n    <!-- Pénznem átváltása rész -->\n\n    <div\n      class=\"xs:mt-3 sm:mt-3 md:mt-3 xs:pt-2 sm:pt-2 md:pt-2 xs:border-t sm:border-t md:border-t border-dotted border-secondary border-opacity-50\"\n    >\n      <div\n        class=\"flex lg:flex-nowrap xl:flex-nowrap xs:flex-wrap mr-5 items-center\"\n      >\n        <div class=\"xs:hidden sm:hidden md:hidden\">\n          <WebshopSettingsCurrencyChargeInfo :webshopFixChargeCurrency=\"fixedCurrency\" />\n        </div>\n\n        <div v-if=\"availableCurrencies\" :class=\"`xs:w-1/${availableCurrencies.length}`\" v-for=\"currency in availableCurrencies\" :key=\"currency.code\">\n          <a\n            href=\"#\"\n            class=\"block p-3 lg:p-0 xl:p-0 m-1 outline-none lg:bg-none xl:bg-none xs:bg-boxbg-dark sm:bg-boxbg-dark md:bg-boxbg-dark rounded-md xs:shadow-md sm:shadow-md md:shadow-md xs:text-center sm:text-center md:text-center\"\n            :class=\"\n              actualcurrencyjustinfo === currency.code\n                ? 'lg:underline xl:underline font-bold'\n                : ''\n            \"\n            @click.prevent.stop=\"setCurrencyInStore(currency.code)\"\n          >\n            <!-- ez a tényleges pénzváltáshoz kellett anno: @click.prevent.stop=\"setCurrencyAndClearCart(currencySymbol)\" -->\n            {{ currency.code }} ({{currency.symbol}})\n          </a>\n        </div>\n        <div\n          class=\"xs:w-full lg:hidden xl:hidden xs:text-center sm:text-center flex-1 flex-shrink-0\"\n        >\n          <WebshopSettingsCurrencyChargeInfo :webshopFixChargeCurrency=\"'HUF'\" />\n        </div>\n      </div>\n    </div>\n    \n    <!-- Nyelv átváltása rész -->\n\n    <div\n      class=\"xs:mt-3 sm:mt-3 md:mt-3 xs:pt-2 sm:pt-2 md:pt-2 xs:border-t sm:border-t md:border-t border-dotted border-secondary border-opacity-50\"\n    >\n      <div class=\"flex flex-no-wrap\">\n        <a\n          v-if=\"$i18n.locale != 'hu'\"\n          href=\"#\"\n          class=\"block lg:p-0 xl:p-0 p-3 m-1 outline-none lg:bg-none xl:bg-none xs:bg-boxbg-dark sm:bg-boxbg-dark md:bg-boxbg-dark rounded-md xs:shadow-md sm:shadow-md md:shadow-md xs:text-center sm:text-center md:text-center\"\n          @click.prevent.stop=\"forceRefresh ? setLocaleAndForceRefreshInStore('hu') : setLocale('hu')\"\n        >\n          <SvgFlagHu class=\"w-5 h-auto inline mr-2\" />\n          <span class=\"lg:hidden\">váltás magyar nyelvre</span>\n        </a>\n        <a\n          v-if=\"$i18n.locale != 'en'\"\n          href=\"#\"\n          class=\"block lg:p-0 xl:p-0 p-3 m-1 outline-none lg:bg-none xl:bg-none xs:bg-boxbg-dark sm:bg-boxbg-dark md:bg-boxbg-dark rounded-md xs:shadow-md sm:shadow-md md:shadow-md xs:text-center sm:text-center md:text-center\"\n          @click.prevent.stop=\"forceRefresh ? setLocaleAndForceRefreshInStore('en') : setLocale('en')\"\n        >\n          <SvgFlagEn class=\"w-5 h-auto inline mr-2\" />\n          <span class=\"lg:hidden\">switch to english site</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup>\n  /**\n   * \n   * Komponens: Menusor feletti vékony sáv\n   * \n  */\n\n  // local linkek\n  const localePath = useLocalePath()\n\n</script>\n\n<template>\n  <div\n    class=\"hidden lg:block xl:block\"\n    style=\"background-color: rgb(51, 51, 51)\"\n  >\n    <div\n      class=\"sm:mx-auto md:mx-auto lg:mx-auto xl:mx-auto md:container lg:container xl:container flex items-center justify-between font-light font-sans text-xs py-2\"\n    >\n      <div>\n        <NuxtLink :to=\"localePath('contact-us')\" class=\"px-3\">\n          <span class=\"xs:hidden sm:hidden md:hidden\">{{ $t('Shop') }}: </span>\n          1051 Budapest, Október 6. u. 11.\n        </NuxtLink>\n        <NuxtLink :to=\"localePath('contact-us')\" class=\"px-3\">\n          <span class=\"xs:hidden sm:hidden md:hidden\">Tel: </span>\n          +36/1-312-1295\n        </NuxtLink>\n      </div>\n      <div>\n        <SettingsSwitchV3 />\n      </div>\n    </div>\n  </div>\n</template>\n","export const ProductByEan = /* GraphQL */ `\n  query ProductByEan(\n    $ean: String!\n    $sortDirection: ModelSortDirection\n    $filter: ModelProductFilterInput\n    $limit: Int\n    $nextToken: String\n  ) {\n    ProductByEan(\n      ean: $ean\n      sortDirection: $sortDirection\n      filter: $filter\n      limit: $limit\n      nextToken: $nextToken\n    ) {\n      items {\n        id\n        type\n        productTemplate\n        createdAt\n        updatedAt\n        ean\n        name\n        owner\n        __typename\n      }\n      nextToken\n      __typename\n    }\n  }\n`;","import { defineStore } from 'pinia';\n\nexport const useSearchStore = defineStore('search', {\n  state: () => ({\n    searchText: '', // A keresési szöveg tárolása\n  }),\n  actions: {\n    setSearchText(text) {\n      this.searchText = text;\n    },\n    clearSearchText() {\n      this.searchText = '';\n    },\n  },\n})\n","<script setup>\n\n  /**\n   * \n   * Komponens: egyszerű kereső mező\n   * \n   *  - EAN esetén egyből a termék adatlapra irányít\n   *  - Lapbetöltéskor az URL-ből visszatölti az értéket\n   * \n  */\n\n  import { API } from 'aws-amplify'\n  // import * as queries from '~/graphql/queries'\n  import * as querySearchByEan from '~/graphql/query-quick-search-by-ean'\n  import { useScrollStore } from '@/store/scroll';\n  import { useSearchStore } from '@/store/search'; // Importáljuk a Pinia store-t\n\n  const scrollStore = useScrollStore();\n  const searchStore = useSearchStore();\n\n  // nyelvi es routing beallitasok\n  const localePath = useLocalePath();\n  // const { locale } = useI18n();\n  const route = useRoute();\n  const router = useRouter();\n\n  const loading = ref(false);\n  const searchinfo = ref('');\n  // const searchtext = ref('');\n\n  // A keresési szöveg helyett a Pinia store-ból töltjük vissza\n  const searchtext = computed({\n    get: () => searchStore.searchText, // A keresési szöveg a store-ból\n    set: (value) => searchStore.setSearchText(value), // Frissítjük a store-ban a keresési szöveget\n  });\n\n  // URL search string betöltése a route-ból\n  // onMounted(() => {\n  //   if (route.query.s) { // Ha van \"s\" paraméter az URL-ben\n  //     searchStore.setSearchText(decodeURIComponent(route.query.s)); // A keresési szöveg beállítása a store-ban\n  //   } else if (!route.fullPath.includes('/search')) { // Ha nincs \"s\" paraméter, de nem a keresési oldalon vagyunk\n  //     searchStore.clearSearchText(); // Csak akkor ürítjük, ha nem a keresési oldalon vagyunk\n  //   }\n  // });\n  // Watch használata a route.query.s figyelésére\n  watch(\n    () => route.query.s, // Figyeljük az URL \"s\" paraméterének változását\n    (newVal) => {\n      if (newVal) { // Ha van \"s\" paraméter, beállítjuk a keresési szöveget\n        searchStore.setSearchText(decodeURIComponent(newVal));\n      } else { // Ha nincs \"s\" paraméter, töröljük a keresési szöveget\n        searchStore.clearSearchText();\n      }\n    },\n    { immediate: true } // Azonnal lefuttatja a watch-ot az inicializáláskor is\n  );\n  \n  // is it an EAN13 number or not?\n  const checkEan = (val) => {\n    if (val.length === 13) {\n      return /^\\d+$/.test(val)\n    }\n    return false\n  };\n\n// Keresés EAN-ra\nconst searchByEan = async () => {\n  loading.value = true\n  try {\n    const wildcardtext = searchtext.value.trim()\n    // Új: Ellenőrizzük, hogy a wildcardtext nem üres-e\n    if (!wildcardtext) {\n      throw new Error(\"A keresési szöveg üres.\");\n    }\n\n    const dataholder = await API.graphql({\n      query: querySearchByEan.ProductByEan,\n      variables: { \n        deleted: {\n          ne: true,\n        },\n        ean: wildcardtext,\n      },\n      authMode: 'AWS_IAM',\n    })\n    const searchitemsbyean = dataholder.data.ProductByEan.items;\n    const numberofitemsbyean = searchitemsbyean.length || 0;\n    const localSearchPath = localePath('/search');\n    if (numberofitemsbyean === 1) {\n      let localbookpath = localePath({\n        name: 'book-slug',\n        params: { slug: searchitemsbyean[0].id },\n      })\n      if (searchitemsbyean[0].productTemplate !== 'BOOK') {\n        localbookpath = localePath({\n          name: 'stationary-and-gift-slug',\n          params: { slug: searchitemsbyean[0].id },\n        })\n      }\n      // Új: Ellenőrizzük, hogy a jelenlegi útvonal nem egyezik-e meg a cél útvonallal\n      if (route.name !== localbookpath) {\n        router.push({ path: localbookpath })\n      }\n    } else {\n      // Új: Ellenőrizzük, hogy a jelenlegi útvonal nem egyezik-e meg a cél útvonallal\n      // Az új keresés előtt töröljük a `p` paramétert az URL-ből\n      const newQuery = { ...route.query };\n      delete newQuery.p;\n      if (route.name !== localSearchPath) {\n        router.push({\n          path: localSearchPath,\n          query: {\n            ...newQuery,\n            stype: 'name',\n            s: encodeURIComponent(wildcardtext),\n          },\n        })\n      }\n    }\n  } catch (error) {\n    console.error(error);\n    // Új: Hiba esetén értesítjük a felhasználót\n    alert(\"Hiba történt a keresés során. Kérjük, próbálja meg újra.\");\n    // useBugsnag().notify(new Error(error))\n  } finally {\n    loading.value = false\n  }  \n};\n\nconst goToSearchPageAndSearch = async (stype) => {\n  searchtext.value = searchtext.value.trim();\n  if (searchtext.value === '' || searchtext.value.length < 2) {\n    return;\n  }\n  \n  // ISBN esetén más feladatok:\n  if (checkEan(searchtext.value) === true) {\n    searchByEan();\n  } else {\n    const localSearchPath = localePath('/search');\n\n    const newQuery = { ...route.query };\n    delete newQuery.p; // Töröljük a `p` paramétert\n    \n    // Keresés gombra kattintás előtt beállítjuk a query paramétert az URL-ben\n    await router.replace({\n      path: route.path,\n      query: {\n        ...newQuery,\n        s: encodeURIComponent(searchtext.value), // Az URL-ben már most beállítjuk a keresési szöveget\n      }\n    });\n\n    // Oldal tetejére ugrás a navigálás előtt\n    scrollStore.setScrollPosition(0);\n\n    await navigateTo({\n      path: localSearchPath,\n      query: {\n        ...newQuery,\n        stype,\n        s: encodeURIComponent(searchtext.value), // A keresési oldalra való navigáláskor is megadjuk az URL-ben\n      },\n    });\n\n    // // Megvárjuk a DOM renderelését, majd görgetünk a megfelelő pozícióra\n    // await nextTick(); // Megvárjuk, hogy a DOM teljesen renderelődjön\n    // // Header elem belső első div-jének magasságának lekérése\n    // const headerDiv = document.querySelector('header div'); // A header első div elemének kiválasztása\n    // const headerDivHeight = headerDiv ? headerDiv.offsetHeight : 0; // Ha van header div, akkor annak a magasságát levonjuk\n    // Scroll pozíció beállítása figyelembe véve a header div magasságát\n    // scrollStore.setScrollPosition(headerDivHeight); // A tetejére görgetés, a fejléc méretének figyelembevételével\n \n  }\n};\n\n</script>\n\n<template>\n  <div>\n    <div class=\"relative mx-auto text-gray-600 z-40\">\n      <input\n        v-model=\"searchtext\"\n        class=\"block w-full bg-boxbg-light h-10 px-5 pr-16 rounded-t-md rounded-md text-md focus:outline-none text-txt-dark placeholder-txt-dark placeholder-opacity-50 font-light font-sans\"\n        type=\"search\"\n        name=\"search\"\n        autofocus\n        autocomplete=\"off\"\n        :placeholder=\"$t('Search')\"\n        @keyup.enter=\"goToSearchPageAndSearch('name')\"\n      />\n      <div\n        class=\"flex flex-no-wrap justify-between absolute right-0 top-0 mt-1 mr-1\"\n      >\n        <div\n          v-show=\"searchinfo !== ''\"\n          class=\"mt-2 mr-1 w-30 h-8 text-gray text-xs font-sans font-light select-none\"\n        >\n          <span class=\"text-gray text-md mt-2 mx-1 opacity-50\"\n            ><font-awesome-icon :icon=\"['fas', 'life-ring']\"\n          /></span>\n          {{ searchinfo }}\n        </div>\n        <button\n          type=\"submit\"\n          class=\"w-10 h-8 text-center bg-navbgsecondary-dark rounded-md transition-colors duration-300 hover:text-txt-light focus:outline-none\"\n          :class=\"searchtext === '' ? 'disabled' : ''\"\n          @click=\"goToSearchPageAndSearch('name')\"\n        >\n          <font-awesome-icon\n            :icon=\"['fas', 'search']\"\n            class=\"h-4 w-4 fill-current\"\n          />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup>\n  const localePath = useLocalePath();\n</script>\n\n<template>\n  <div class=\"text-left\">\n    <div>\n      <button\n        id=\"options-menu\"\n        type=\"button\"\n        class=\"flex items-center focus:outline-none\"\n        aria-haspopup=\"true\"\n        aria-expanded=\"true\"\n      >\n        <NuxtLink :to=\"localePath('my-orders')\" class=\"flex flex-col\">\n          <div class=\"text-2xl xs:text-xl mx-6 sm:mx-4 xs:mx-2\">\n            <font-awesome-icon :icon=\"['fas', 'user']\" />\n          </div>\n          <div class=\"xs:hidden text-xs\">\n            {{ $t('My orders') }}\n          </div>\n          <div class=\"sr-only\">{{ $t('My orders') }}</div>\n        </NuxtLink>\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup>\n  /**\n   * \n   * Komponens: \"kosaram\" gomb/link (a menüsorhoz)\n   * \n   *  - Mutatja, ha van benne termék.\n   * \n  */\n\n  const localePath = useLocalePath();\n\n  // pinia store\n  import { storeToRefs } from 'pinia';\n  import { useWebshopCartStore } from '@/store/webshopcart';\n  const webshopCartStore = useWebshopCartStore();\n  const { numberofcartproducts } = storeToRefs(webshopCartStore);\n  // const { fetchProductByIdAndAddtToCart } = useWebshopCartStore();\n  // const { getNumberOfCartProducts } = webshopCartStore;\n\n</script>\n\n<template>\n  <div class=\"text-left\">\n    <button\n      id=\"options-menu\"\n      type=\"button\"\n      class=\"flex items-center focus:outline-none focus:ring-0\"\n      aria-haspopup=\"true\"\n      aria-expanded=\"true\"\n    >\n      <NuxtLink :to=\"localePath('my-cart')\">\n        <div class=\"text-2xl xs:text-xl mx-6 sm:mx-4 xs:mx-2 relative\">\n          <div\n            v-show=\"numberofcartproducts > 0\"\n            class=\"absolute top-0 right-0 -mt-1 -mr-3 h-5 w-5 rounded-full bg-red-dark opacity-50 animate-ping\"\n          ></div>\n          <div\n            v-show=\"numberofcartproducts > 0\"\n            class=\"absolute top-0 right-0 -mt-1 -mr-3 h-5 w-5 rounded-full bg-red-dark text-center text-txt-light font-sans text-xs align-middle\"\n          >\n            {{ numberofcartproducts }}\n          </div>\n          <font-awesome-icon :icon=\"['fas', 'shopping-cart']\" />\n        </div>\n        <div class=\"xs:hidden text-xs\">{{ $t('Cart') }}</div>\n        <span class=\"sr-only\">{{ $t('Cart') }}</span>\n      </NuxtLink>\n    </button>\n  </div>\n</template>\n","<script setup>\n\n  // pinia auth\n  import { storeToRefs } from 'pinia';\n  import { useAuthStore } from \"~/store/auth\";\n  const authStore = useAuthStore();\n  const { authenticated, email } = storeToRefs(authStore); // all reactive stuff here\n  const { logout } = authStore; // have all non reactiave stuff here \n\n  // nyelvi es routing beallitasok\n  const localePath = useLocalePath();\n  // const { t, locale } = useI18n();\n  // const route = useRoute();\n\n  // jelenjen meg a vagy sem?\n  let isOpen = ref(false)\n\n  // TODO:\n  //  auth.ts használata!\n\n  const userLogout = async () => {\n    isOpen.value = false;\n    await logout();\n    await navigateTo(localePath('/'));\n  };\n\n</script>\n\n<template>\n  <div v-if=\"authenticated\">\n    <div v-show=\"isOpen\" class=\"absolute inset-0 z-40 h-screen flex opacity-10\" @click=\"isOpen = !isOpen\">\n      <div class=\"m-auto\"></div>\n    </div>\n    <div class=\"relative text-left\">\n      <div>\n        <button\n          id=\"options-menu\"\n          type=\"button\"\n          class=\"flex items-center px-4 focus:outline-none\"\n          aria-haspopup=\"true\"\n          aria-expanded=\"true\"\n          @click=\"isOpen = !isOpen\"\n        >\n          <span class=\"text-xl mx-2\"\n            ><font-awesome-icon :icon=\"['fas', 'ellipsis-v']\"\n          /></span>\n          <span class=\"sr-only\">{{ $t('Switch currency') }}</span>\n        </button>\n      </div>\n      <!-- megnyilo doboz -->\n      <Transition>\n        <div\n          v-show=\"isOpen\"\n          class=\"origin-top-right absolute right-0 z-50 rounded-md shadow-lg whitespace-nowrap text-boxtxt-dark bg-boxbg-light\"\n        >\n          <div\n            class=\"p-1\"\n            role=\"menu\"\n            aria-orientation=\"vertical\"\n            aria-labelledby=\"options-menu\"\n          >\n            <button\n              type=\"button\"\n              class=\"mb-1 px-4 py-2 w-60 text-left border-0 bg-none font-light text-sm hover:bg-gray-light hover:bg-opacity-10 rounded\"\n              @click=\"userLogout()\"\n            >\n              <span class=\"mr-2 text-lg\"\n                ><font-awesome-icon :icon=\"['fas', 'sign-out-alt']\"\n              /></span>\n              {{ $t('Logout') }}\n            </button>\n            <div \n              v-if=\"email\"\n              class=\"px-4 py-1 text-center items-center border-0 bg-none font-sans font-light text-xs text-gray-light border-t border-gray-light border-dotted opacity-50\"\n            >\n              {{ email }}\n            </div>\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </div>\n</template>\n","<script setup>\n\n  // Amplify API & GraphQL:\n  import { storeToRefs } from 'pinia';\n  import { useAuthStore } from \"~/store/auth\";\n  const authStore = useAuthStore();\n  const { authenticated } = storeToRefs(authStore); // all reactive stuff here\n  const { logout } = authStore; // have all non reactiave stuff here \n\n  const localePath = useLocalePath();\n  // const { locale } = useI18n()\n\n  // variable definitions\n  const mobileMenuIsOpen = ref(false)\n  const isOpen = ref(false)\n\n  // funcitons\n  const toggleMobile = () => {\n    isOpen.value = !isOpen.value  \n    mobileMenuIsOpen.value = !mobileMenuIsOpen.value\n  };\n\n  const userLogout = async () => {\n    await logout();\n    mobileMenuIsOpen.value = false;\n    // await navigateTo(localePath('/'));\n  };\n\n</script>\n\n<template>\n  <header class=\"max-w-screen\">\n    <div\n      class=\"w-full fixed top-0 left-0 z-50 bg-primary shadow-xl\"\n      style=\"box-shadow: 10px 0 10px rgba(0, 0, 0, 0.25)\"\n    >\n      <UserGroupAlert />\n      <TopBar />\n      <div\n        class=\"sm:mx-auto md:mx-auto lg:mx-auto xl:mx-auto md:container lg:container xl:container xs:h-20 sm:h-20 md:h-24 lg:h-24 xl:h-24 flex justify-around\"\n      >\n        <div class=\"relative px-2 flex lg:px-0 xl:px-0\">\n          <div class=\"flex-shrink-0 flex items-center\">\n            <NuxtLink :to=\"localePath('/')\" class=\"outline-none\"\n              ><LazySvgLogoV2 class=\"w-auto h-20 xs:h-12 sm:h-12\"\n            /></NuxtLink>\n          </div>\n        </div>\n        <div\n          class=\"hidden md:flex lg:flex xl:flex relative flex-1 px-2 items-center sm:inset-0 invisible lg:visible xl:visible\"\n        >\n          <UiSearchSimple class=\"w-full md:max-w-md lg:max-w-lg xl:max-w-xl\" />\n        </div>\n        <!-- Gomblista lg és xl méretben, kis felbontásnál elrejtve -->\n        <div\n          class=\"xs:hidden sm:hidden md:hidden lg:space-x-2 xl:space-x-5 lg:ml-4 lg:flex xl:flex items-center text-txt-light\"\n        >\n          <NavigationMyOrders />\n          <NavigationShoppingBasket />\n          <NavigationAccountSwitch />\n        </div>\n        <!-- Gomblista kis felbontásnál (lg és xl méretnél elrejtve) -->\n        <div\n          class=\"w-1/2 lg:hidden xl:hidden flex items-center justify-around text-txt-light\"\n        >\n          <NavigationMyOrders />\n          <NavigationShoppingBasket />\n          <NavigationMobileMenu :mobileMenuIsOpen=\"mobileMenuIsOpen\" :toggleMobile=\"toggleMobile\" class=\"text-left\" />\n        </div>\n      </div>\n      <!-- Main menu desktop version -->\n      <nav\n        class=\"border-none hidden lg:flex lg:space-x-8 xl:flex xl:space-x-8 nav-bar leading-tight\"\n        aria-label=\"Global\"\n      >\n        <div\n          class=\"container mx-auto flex justify-between space-x-4 items-center\"\n        >\n          <NuxtLink\n            :to=\"localePath('books')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('Books') }}\n          </NuxtLink>\n\n          <NuxtLink\n            :to=\"localePath('other-languages')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('Other Languages') }}\n          </NuxtLink>\n\n          <NuxtLink\n            :to=\"localePath('newspapers')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('Newspapers & Magazines') }}\n          </NuxtLink>\n\n          <NuxtLink\n            :to=\"localePath('stationary-and-gifts')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('Stationary & Gifts') }}\n          </NuxtLink>\n\n          <!-- class=\"-mt-2 py-2 px-2 inline-flex flex-initial hover:underline bg-boxbg-light text-txt-dark shadow-lg font-bold\" -->\n          <NuxtLink\n            :to=\"localePath('on-sale')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('On Sale') }}\n          </NuxtLink>\n\n          <NuxtLink\n            :to=\"localePath('contact-us')\"\n            class=\"py-2 px-3 inline-flex flex-initial transition-colors duration-300 hover:underline outline-none\"\n          >\n            {{ $t('Contact us') }}\n          </NuxtLink>\n        </div>\n      </nav>\n      <!-- Search bar ONLY on smaller screens -->\n      <div class=\"mt-2 bg-navbg-dark xs:p-1 sm:p-1 md:p-2 lg:hidden xl:hidden\">\n        <UiSearchSimple />\n      </div>\n    </div>\n\n    <!-- Main menu mobile version -->\n    <nav\n      :class=\"mobileMenuIsOpen ? 'block' : 'hidden'\"\n      class=\"mobilemenu lg:container xl:container lg:mx-auto xl:mx-auto xl:hidden lg:hidden\"\n      aria-label=\"Global\"\n    >\n      <!-- elérhető méretek: 32 36 40 44 48 -->\n      <div\n        class=\"xs:mt-32 sm:mt-36 md:mt-40 px-2 absolute z-40 left-0 top-0 right-0 bottom-0 w-full overflow-y-scroll h-screen shadow-xl bg-page-dark\"\n      >\n        <NuxtLink\n          :to=\"\n            localePath({\n              name: 'menu-navigation-slug',\n              params: {\n                slug: localePath('books').substring(localePath('books').lastIndexOf('/') + 1),\n              },\n            })\n          \"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('Books') }}\n        </NuxtLink>\n        <!-- :to=\"localePath('other-languages')\" -->\n        <NuxtLink\n          :to=\"\n            localePath({\n              name: 'menu-navigation-slug',\n              params: {\n                slug: localePath('other-languages').substring(\n                  localePath('other-languages').lastIndexOf('/') + 1\n                ),\n              },\n            })\n          \"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('Other Languages') }}\n        </NuxtLink>\n        <NuxtLink\n          :to=\"localePath('newspapers')\"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('Newspapers & Magazines') }}\n        </NuxtLink>\n        <NuxtLink\n          :to=\"\n            localePath({\n              name: 'menu-navigation-slug',\n              params: {\n                slug: localePath('stationary-and-gifts').substring(\n                  localePath('stationary-and-gifts').lastIndexOf('/') + 1\n                ),\n              },\n            })\n          \"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('Stationary & Gifts') }}\n        </NuxtLink>\n\n        <NuxtLink\n          :to=\"localePath('on-sale')\"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('On Sale') }}\n        </NuxtLink>\n\n        <NuxtLink\n          :to=\"localePath('contact-us')\"\n          class=\"block bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md\"\n          @click.native=\"mobileMenuIsOpen = false\"\n        >\n          {{ $t('Contact us') }}\n        </NuxtLink>\n        <div\n          v-if=\"authenticated\"\n          role=\"menuitem\"\n          class=\"bg-boxbg-dark p-3 my-2 outline-none rounded-md shadow-md cursor-pointer\"\n          @click=\"userLogout()\"\n        >\n          {{ $t('Logout') }}\n        </div>\n        <SettingsSwitchV3 class=\"font-light font-sans text-xs\" />\n      </div>\n      <div\n        class=\"fixed bg-boxtxt-dark opacity-75 top-0 left-0 right-0 bottom-0 z-30\"\n      ></div>\n    </nav>\n  </header>\n</template>\n\n<!--\n    scrollbarHandler(allow) {\n      // alabbi megtiltja vagy engedi a body es a html elemek fuggoleges scrollozasat\n      // amig a modal ablak nyitva van\n      const html = document.documentElement\n      // const body = document.body\n      if (allow === true) {\n        // nativ js style valtoztatas: megjelenitjuk ugyan a scrollbart (hogy ne ugraljon a browser szelessege)\n        // de nem engedunk gorgetni, kvazi disabled-re rakjuk\n        html.style.overflowY = 'scroll'\n        html.style.position = 'fixed'\n        html.style.inset = '0px'\n        // body.classList.add('modal-open') // .css fájlban levő natív css változat\n      } else {\n        // nativ js style: visszallitjuk a default ertekeket\n        html.style.overflowY = 'auto'\n        html.style.position = 'static'\n        html.style.inset = null\n        // body.classList.remove('modal-open') // .css fájlban levő natív css változat\n      }\n    },\n\n  },\n}\n</script> -->\n"],"file":"_nuxt/chunks/CenteredSearch--Dr3DEdB6.js"}