{"version":3,"file":"TitleBar--CPVCInCy.js","sources":["../../../../../components/navigation/Breadcrumb.vue","../../../../../components/TitleBar.vue"],"sourcesContent":["<script setup>\n\n  /**\n   * Komponens: morzsamenu\n   * \n  */\n \n  import { usePageStore } from '@/store/page';\n  const pageStore = usePageStore()\n  const crumbs = computed(() => pageStore.crumbs)\n  const route = useRoute();\n\n  // nyelvi es routing beallitasok\n  const localePath = useLocalePath();\n\n  // slug generálás: a mobil nézethez (nem nyúl bele a sima menübe)\n  let mobileCategoryPageSlug = ref('');\n  watch(() => route.path, async (newVal, oldVal) => {\n    if(newVal !== oldVal) {\n      console.log('newVal', newVal);\n      console.log('oldVal', oldVal);\n      // TODO: minden nyelven végigiterálni:\n      // alábbi a nyelvi beállításokat és a kezdő / jelet szedi le\n      let pathwithoutlang = newVal.replace('/hu/', '');\n      if (pathwithoutlang.startsWith('/')) {\n        pathwithoutlang = pathwithoutlang.slice(1);\n      }\n      console.log('slug before: ', pathwithoutlang.split('/')[0]);\n      let slug = pathwithoutlang.split('/')[0];\n      // Ez egy SOS javítás volt (béna hack) a beégetett főoldali értékek\n      //  vizsgálatával az mobilos url-t javítja ha a termék részletezése oldalon vagyunk..\n      if(slug === 'konyv') {\n        slug = 'konyvek';\n      }\n      if(slug === 'book') {\n        slug = 'books';\n      }\n      if(slug === 'egyeb-idegen-nyelvu-konyv') {\n        slug = 'egyeb-idegen-nyelvu-konyvek';\n      }\n      if(slug === 'other-language') {\n        slug = 'other-languages';\n      }\n      if(slug === 'notesz-es-ajandektargy') {\n        slug = 'noteszek-es-ajandektargyak';\n      }\n      if(slug === 'stationary-and-gift') {\n        slug = 'stationary-and-gifts';\n      }      \n\n      mobileCategoryPageSlug.value = localePath({ \n        name: 'menu-navigation-slug', \n        params: { slug },\n      });\n    }\n  });\n\n</script>\n\n<template>\n  <nav class=\"mb-5 mt-2\" aria-label=\"Breadcrumb\">\n    <!-- Teszteléshez: <p style=\"max-width: 300px; font-size: 10px; font-family: Verdana, Geneva, Tahoma, sans-serif;\">{{ crumbs }}</p> -->\n    <ol\n      class=\"flex justify-start xs:justify-center sm:justify-center xs:leading-relaxed sm:leading-relaxed flex-wrap px-4 xs:px-2 sm:px-2 font-sans font-light text-xs xs:p-2 sm:p-2\"\n      vocab=\"http://schema.org/\"\n      typeof=\"BreadcrumbList\"\n    >\n      <!-- index page (mindig az 1. elem és mindig megjelenik) -->\n      <li class=\"items-center\" property=\"itemListElement\" typeof=\"ListItem\">\n        <NuxtLink :to=\"localePath('/')\" class=\"hover:underline\">\n          <font-awesome-icon :icon=\"['fa', 'home']\" class=\"pr-1\" /><span\n            class=\"xs:hidden sm:hidden\"\n          >\n            {{ $t('Home') }}</span\n          >\n        </NuxtLink>\n        <meta property=\"position\" content=\"1\" />\n      </li>\n      <!-- other sub pages iteration -->\n      <template v-for=\"(crumb, key) in crumbs\" v-show=\"crumbs.length > 0\">\n        <li class=\"mx-1\">/</li>\n        <!-- az utolso elem: ezen all eppen. xs es sm meretekben nem latszik, \n          jellemzően a kategória levélelem vagy a termék részletezésnél a termék neve nincs link sem, csak a név kell -->\n        <li v-if=\"crumbs.length - key === 1\">\n          <span>{{ crumb.title }}</span>\n        </li>\n        <!-- ha nem az utolso elem: kell a link ra: ami mobilon az adott kategoriak menure mutat, egyebkent az adott oldalra -->\n        <li v-else class=\"\">\n          <!-- mobil nézet eseten: mobilos kategoria lista aloldalt linkeljük be. -->\n          <NuxtLink :to=\"mobileCategoryPageSlug\" class=\"hover:underline lg:hidden xl:hidden\">\n            {{ crumb.title }}\n          </NuxtLink>\n          <!-- desktop esetén: az adott url szerinti aloldal linkje-->\n          <NuxtLink :to=\"localePath(crumb.to)\" class=\"hover:underline xs:hidden sm:hidden md:hidden\">\n            {{ crumb.title }}\n          </NuxtLink>\n        </li>\n      </template>\n    </ol>\n  </nav>\n</template>\n","<script setup>\n\n  import { usePageStore } from '@/store/page';\n  const pageStore = usePageStore();\n\n</script>\n\n<template>\n  <div\n    class=\"md:flex lg:flex xl:flex py-3 bg-right bg-no-repeat titlebar\"\n    :style=\"{ backgroundImage: `url(${pageStore.bgimgurl})` }\"\n    style=\"background-position-y: 50%; background-size: 60vw; min-height: 92px;\"\n  >\n    <div\n      class=\"sm:mx-auto md:mx-auto lg:mx-auto xl:mx-auto md:container lg:container xl:container\"\n    >\n      <h2\n        class=\"mx-5 mt-3 mb-1 xs:mb-4 sm:mb-3 text-3xl xs:text-center sm:text-center\"\n      >\n        {{ pageStore.title }}\n      </h2>\n      <slot></slot>\n    </div>\n  </div>\n</template>\n"],"names":["pageStore","usePageStore","crumbs","computed","route","useRoute","localePath","useLocalePath","mobileCategoryPageSlug","ref","watch","newVal","oldVal","pathwithoutlang","slug"],"mappings":"+tBAQE,MAAMA,EAAYC,EAAY,EACxBC,EAASC,EAAS,IAAMH,EAAU,MAAM,EACxCI,EAAQC,EAAU,EAGlBC,EAAaC,EAAe,EAGlC,IAAIC,EAAyBC,EAAI,EAAE,EACnC,OAAAC,EAAM,IAAMN,EAAM,KAAM,MAAOO,EAAQC,IAAW,CAChD,GAAGD,IAAWC,EAAQ,CACpB,QAAQ,IAAI,SAAUD,CAAM,EAC5B,QAAQ,IAAI,SAAUC,CAAM,EAG5B,IAAIC,EAAkBF,EAAO,QAAQ,OAAQ,EAAE,EAC3CE,EAAgB,WAAW,GAAG,IAChCA,EAAkBA,EAAgB,MAAM,CAAC,GAE3C,QAAQ,IAAI,gBAAiBA,EAAgB,MAAM,GAAG,EAAE,CAAC,CAAC,EAC1D,IAAIC,EAAOD,EAAgB,MAAM,GAAG,EAAE,CAAC,EAGpCC,IAAS,UACVA,EAAO,WAENA,IAAS,SACVA,EAAO,SAENA,IAAS,8BACVA,EAAO,+BAENA,IAAS,mBACVA,EAAO,mBAENA,IAAS,2BACVA,EAAO,8BAENA,IAAS,wBACVA,EAAO,wBAGTN,EAAuB,MAAQF,EAAW,CACxC,KAAM,uBACN,OAAQ,CAAE,KAAAQ,CAAM,CACxB,CAAO,CACP,CACA,CAAG,o6BCpDD,MAAMd,EAAYC,EAAc"}