{"version":3,"file":"Ccck13x8.js","sources":["../../../../src/components/common/navbar/NavBarInner.vue","../../../../src/layouts/inner.vue"],"sourcesContent":["<script setup lang = \"ts\">\nimport type {MenuItem} from \"~/interfaces/MenuItem\";\nimport NavBarMenu from \"~/components/common/navbar/NavBarMenu.vue\";\nimport {ref} from \"vue\";\n\nconst emit = defineEmits(['toggleMenu'])\n\n\nconst toggleMenu = () => {\n\temit('toggleMenu');\n}\n\ndefineProps({\n\tmenuItems: {type: Array<MenuItem>, required: true},\n\twhiteBg: {type: Boolean, default: false},\n});\n\nconst isLoaded = ref(false)\n\nonMounted(() => isLoaded.value = true)\n\n</script>\n\n<template>\n\t<div\n\t\t\t:class = \"`container h-[70px] transition-all duration-200`\">\n\t\t<q-toolbar class = \"h-full basis-1\">\n\t\t\t<q-btn v-if = \"isLoaded && $q.screen.width<=860\" flat round dense icon = \"fa-solid fa-bars\" class = \"show-on-drawer q-mr-sm\"\n\t\t\t\t\t\t :style=\"$q.screen.width<=860?'display:block !important;':''\"\n\t\t\t\t\t\t @click = \"toggleMenu\"/>\n\t\t\t<q-toolbar-title class = \"responsive-logo cursor-pointer\" @click = \"navigateTo('/')\">\n\t\t\t\t<img v-if=\"isLoaded\" :src = \"whiteBg?'/branding/LogoCVH.svg':'/branding/LogoCVH_BN.svg'\" alt = \"CompraloVendelo\"\n\t\t\t\t\t\t class = \"logo max-w[240px]\" style=\"width: 100%; max-width: 240px;\"/>\n\t\t\t\t<img v-if=\"isLoaded\" :src = \"whiteBg?'/branding/IsoCV.svg':'/branding/IsoCV_BN.svg'\" alt = \"CompraloVendelo\"\n\t\t\t\t\t\t class = \"iso max-w[65px]\" style=\"width: 100%; max-width: 65px;\"/>\n\t\t\t</q-toolbar-title>\n\t\t\t<q-space v-if = \"$q.screen.width>860\"/>\n\t\t\t<NavBarMenu :white-bg = \"whiteBg\" :menu-items = \"menuItems\" class = \"menu-cv\" v-if = \"$q.screen.width>860\"/>\n\t\t\t<q-space v-if = \"$q.screen.width>860\"/>\n\t\t\t<div class = \"flex flex-row menu-cv w-[300px]\" v-if = \"$q.screen.width>860\">\n\t\t\t\t<q-btn square :outline = \"!whiteBg && $q.screen.width>990\" :flat = \"$q.screen.width<=990\"\n\t\t\t\t\t\t\t @click = \"navigateTo('/account')\"\n\t\t\t\t\t\t\t :color = \"whiteBg?'primary':'white'\">\n\t\t\t\t\t<span class = \"pr-2 vendelo-btn\">Vendelo</span><i class = \"fa-solid fa-circle-xmark\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle = \"transform: rotate(45deg)\"/>\n\t\t\t\t</q-btn>\n<!--\t\t\t\t<q-btn flat square outline :color = \"whiteBg?'primary':'white'\" class = \"ml-[10px]\">\n\t\t\t\t\t<i class = \"fa-solid fa-magnifying-glass\"/>\n\t\t\t\t</q-btn>-->\n\t\t\t</div>\n\t\t</q-toolbar>\n\t</div>\n</template>\n\n<style scoped>\n.responsive-logo {\n\twidth: 100%;\n\tmax-width: 250px;\n\tmin-width: 250px;\n}\n\n.iso {\n\tdisplay: none;\n}\n\n@media (min-width: 1300px) {\n\t.responsive-logo {\n\t\tmax-width: 250px;\n\t\tmin-width: 250px;\n\t}\n}\n\n@media (min-width: 861px) and (max-width: 1140px) {\n\t.responsive-logo {\n\t\tmax-width: 65px;\n\t\tmin-width: 65px;\n\t}\n\t\n\t.logo {\n\t\tdisplay: none;\n\t}\n\t\n\t.iso {\n\t\tdisplay: block;\n\t}\n}\n\n@media (max-width: 990px) {\n\t.vendelo-btn {\n\t\tdisplay: none;\n\t}\n}\n\n@media (max-width: 860px) {\n\t.responsive-logo {\n\t\twidth: 100%;\n\t\tmin-width: unset;\n\t\tmax-width: 230px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\t\n\t.menu-cv {\n\t\tdisplay: none;\n\t}\n}\n</style>","<script setup lang = \"ts\">\n\nimport TopBarDefault from \"~/components/common/topbar/TopBarDefault.vue\";\nimport type {MenuItem} from \"~/interfaces/MenuItem\";\nimport {mainMenu} from \"~/data/main-menu\";\nimport {useScroll} from \"~/composables/useScroll\";\nimport NavBarInner from \"~/components/common/navbar/NavBarInner.vue\";\nimport Footer from \"~/components/common/footer/Footer.vue\";\nimport {ref} from \"vue\";\nimport FormSocialIcon from \"~/components/common/form/FormSocialIcon.vue\";\nimport type {User} from \"~/models/services/User\";\n\nconst leftDrawerOpen = ref<boolean | undefined>(false)\n\nconst menuItems: Array<MenuItem> = mainMenu\n\nconst {isScroll, handleScroll} = useScroll()\n\n\nonMounted(() => {\n\twindow.addEventListener('scroll', handleScroll)\n});\n\n\nconst user = useState<User | null>('user');\n\nconst {getSocialLinks} = useHelpers()\nconst social_links = getSocialLinks()\n\nconst {topPadding, changeScreenSize} = useHelpers()\nconst $q = useQuasar()\nwatch(() => $q.screen.width, () => {\n\tchangeScreenSize($q.screen)\n})\n\n</script>\n\n<template>\n\t<q-layout view = \"hHh IpR fff\">\n\t\t<q-header fixed elevated\n\t\t\t\t\t\t\t:class = \"`text-black ${isScroll && $q.screen.width>860?'translate-y-[-50px]':''} bg-white transition-all duration-200`\">\n\t\t\t<TopBarDefault v-if = \"$q.screen.width>860\"/>\n\t\t\t<NavBarInner :white-bg = \"true\"\n\t\t\t\t\t\t\t\t\t @toggle-menu = \"() => leftDrawerOpen = !leftDrawerOpen\"\n\t\t\t\t\t\t\t\t\t :menu-items = \"menuItems\"/>\n\t\t</q-header>\n\t\t\n\t\t<q-drawer v-model = \"leftDrawerOpen\" side = \"left\" bordered>\n\t\t\t<q-scroll-area class = \"h-full\">\n\t\t\t\t<q-list>\n\t\t\t\t\t<q-item clickable v-if = \"!!user\">\n\t\t\t\t\t\t<q-item-section avatar>\n\t\t\t\t\t\t\t<q-avatar text-color = \"white\" class = \"bg-primary\">\n\t\t\t\t\t\t\t\t{{ user.name[0] }}\n\t\t\t\t\t\t\t</q-avatar>\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t\t<q-item-section @click = \"navigateTo('/account')\">\n\t\t\t\t\t\t\t<q-item-label class = \"text-gray-800\">\n\t\t\t\t\t\t\t\t<p class=\"text-sm\">Mi Perfil</p>\n\t\t\t\t\t\t\t\t<p class=\"text-xs\">{{ user.name }}</p>\n\t\t\t\t\t\t\t</q-item-label>\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t</q-item>\n\t\t\t\t\t<q-item clickable v-else @click=\"navigateTo('login')\">\n\t\t\t\t\t\t<q-item-section avatar>\n\t\t\t\t\t\t\t<i class = \"fa-solid fa-sign-in-alt\"/>\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t\t<q-item-section>\n\t\t\t\t\t\t\tLogin / Registro\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t</q-item>\n\t\t\t\t\t<q-separator/>\n\t\t\t\t\t<q-item v-for = \"(menuItem, index) in menuItems\" :key = \"index\"\n\t\t\t\t\t\t\t\t\t@click = \"navigateTo(menuItem.link)\" clickable\n\t\t\t\t\t\t\t\t\t:active = \"menuItem.link === $route.name\" v-ripple>\n\t\t\t\t\t\t<q-item-section avatar>\n\t\t\t\t\t\t\t<i :class = \"menuItem.icon\"/>\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t\t<q-item-section>\n\t\t\t\t\t\t\t{{ menuItem.label }}\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t</q-item>\n\t\t\t\t\t<q-item clickable @click = \"navigateTo('/account')\">\n\t\t\t\t\t\t<q-item-section avatar>\n\t\t\t\t\t\t\t<i class = \"fa-solid fa-circle-plus\" />\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t\t<q-item-section>\n\t\t\t\t\t\t\tVéndelo\n\t\t\t\t\t\t</q-item-section>\n\t\t\t\t\t</q-item>\n\t\t\t\t</q-list>\n\t\t\t\t<div class = \"flex flex-row justify-between gap-5 px-3 py-5\">\n\t\t\t\t\t<FormSocialIcon v-for = \"social in social_links\" font-color-css = \"text-md bg-primary text-white\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t:link = \"social.link\" :icon = \"social.icon\"/>\n\t\t\t\t</div>\n\t\t\t</q-scroll-area>\n\t\t</q-drawer>\n\t\t\n\t\t<q-page-container style = \"padding: 0!important;\">\n\t\t\t<q-page>\n\t\t\t\t<NuxtPage/>\n\t\t\t\t<Footer/>\n\t\t\t</q-page>\n\t\t</q-page-container>\n\t</q-layout>\n</template>\n\n<style scoped>\n\n</style>"],"names":["emit","__emit","toggleMenu","isLoaded","ref","onMounted","leftDrawerOpen","menuItems","mainMenu","isScroll","handleScroll","useScroll","user","useState","getSocialLinks","useHelpers","social_links","topPadding","changeScreenSize","$q","useQuasar","watch"],"mappings":"q1CAKA,MAAMA,EAAOC,EAGPC,EAAa,IAAM,CACxBF,EAAK,YAAY,CAAA,EAQZG,EAAWC,EAAI,EAAK,EAEhB,OAAAC,EAAA,IAAMF,EAAS,MAAQ,EAAI,ssDCPrC,MAAAG,EAAAF,EAAA,EAAA,EAEAG,EAAAC,GAEA,CAAA,SAAAC,EAAA,aAAAC,CAAA,EAAAC,GAAA,EAGAN,EAAA,IAAA,CACC,OAAA,iBAAA,SAAAK,CAAA,CAA8C,CAAA,EAI/C,MAAAE,EAAAC,EAAA,MAAA,EAEA,CAAA,eAAAC,GAAAC,IACAC,EAAAF,IAEA,CAAA,WAAAG,EAAA,iBAAAC,CAAA,EAAAH,EAAA,EACAI,EAAAC,IACA,OAAAC,GAAA,IAAAF,EAAA,OAAA,MAAA,IAAA,CACCD,EAAAC,EAAA,MAAA,CAA0B,CAAA"}