{"version":3,"file":"ZTaIAmN_.js","sources":["../../../../src/components/common/navbar/NavBarDefault.vue","../../../../src/layouts/default.vue"],"sourcesContent":["<script setup lang = \"ts\">\nimport type {MenuItem} from \"~/interfaces/MenuItem\";\nimport NavBarMenu from \"~/components/common/navbar/NavBarMenu.vue\";\n\nconst emit = defineEmits(['toggleMenu'])\n\n\nconst toggleMenu = () => {\n\temit('toggleMenu');\n}\n\ndefineProps({\n\tmenuItems: {type: Array<MenuItem>, required: true},\n\tisScroll: {type: Boolean, default: false},\n\twhiteBg: {type: Boolean, default: false},\n});\n</script>\n\n<template>\n\t<div\n\t\t\t:class = \"`container ${isScroll?'h-[70px]':'h-[80px] md:h-[120px]'}  transition-all duration-200`\">\n\t\t<q-toolbar class = \"h-full basis-1\">\n\t\t\t<q-btn v-if = \"$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 = \"display: block!important;\"\n\t\t\t\t\t\t @click = \"toggleMenu\"/>\n\t\t\t<q-toolbar-title class = \"responsive-logo\">\n\t\t\t\t<img :src = \"whiteBg?'/branding/LogoCVH.svg':'/branding/LogoCVH_BN.svg'\" alt = \"CompraloVendelo\"\n\t\t\t\t\t\t class = \"logo\"/>\n\t\t\t\t<img :src = \"whiteBg?'/branding/IsoCV.svg':'/branding/IsoCV_BN.svg'\" alt = \"CompraloVendelo\"\n\t\t\t\t\t\t class = \"iso\"/>\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('/vendelo')\"\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\n\t\t\t\t<!--\t\t\t\t<q-btn flat square outline :color = \"whiteBg?'primary':'white'\" class = \"ml-[10px]\">\n\t\t\t\t\t\t\t\t\t<i class = \"fa-solid fa-magnifying-glass\"/>\n\t\t\t\t\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 NavBarDefault from \"~/components/common/navbar/NavBarDefault.vue\";\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 Footer from \"~/components/common/footer/Footer.vue\";\nimport {ref} from \"vue\";\nimport FormSocialIcon from \"~/components/common/form/FormSocialIcon.vue\";\nimport {useAuthenticator} from \"@aws-amplify/ui-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\nonMounted(() => {\n\twindow.addEventListener('scroll', handleScroll)\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\nconst showDialog = ref(false); // Almacena la última vez que se mostró el diálogo\n\nconst auth = useAuthenticator()\n\nconst verifyUserShouldLoginDialog = () => {\n\t/*const lastShow: number = parseInt(`${sessionStorage.getItem('lastShow') ?? 0}`)\n\tconst now = Date.now();\n\tconst oneWeek = 1000 * 60 * 60 * 24 * 7;\n\tconst shouldShowDialog = now - (lastShow ?? 0) > oneWeek;\n\t\n\tif (auth.authStatus !== 'authenticated' && shouldShowDialog) {\n\t\tshowDialog.value = true;\n\t\tsessionStorage.setItem('lastShow', `${now}`)\n\t}*/\n}\n\nonMounted(() => {\n\tsetTimeout(() => {\n\t\tverifyUserShouldLoginDialog()\n\t}, 1000 * 30)\n})\n\n</script>\n\n<template>\n\t<q-layout view = \"lHh lpR lFf\">\n\t\t\n\t\t<q-header fixed\n\t\t\t\t\t\t\t:elevated = \"isScroll\"\n\t\t\t\t\t\t\t:class = \"`text-white ${isScroll?'bg-dark-accent':'bg-transparent'} ${isScroll && $q.screen.width>860?'translate-y-[-50px]':''}  transition-all duration-200`\">\n\t\t\t<TopBarDefault v-if = \"$q.screen.width>860\"/>\n\t\t\t<NavBarDefault :is-scroll = \"isScroll\"\n\t\t\t\t\t\t\t\t\t\t @toggle-menu = \"() => leftDrawerOpen = !leftDrawerOpen\"\n\t\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\" class = \"bg-dark-accent text-white\" side = \"left\">\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 text-white\">\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>\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 @click = \"navigateTo('/login')\">\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\" @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{{ $t(menuItem.identifier ?? 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-xmark\"\n\t\t\t\t\t\t\t\t style = \"transform: rotate(45deg)\"/>\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\" :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 :style = \"`min-height: calc(100vh - ${topPadding}px)`\"/>\n\t\t\t</q-page>\n\t\t\t<q-dialog v-model = \"showDialog\">\n\t\t\t\t<q-card>\n\t\t\t\t\t<q-card-section>\n\t\t\t\t\t\t<div class = \"text-h6\">Regístrate</div>\n\t\t\t\t\t</q-card-section>\n\t\t\t\t\t<q-card-section>\n\t\t\t\t\t\t<p>Te invitamos a registrarte para seguir disfrutando de compralovendelo.</p>\n\t\t\t\t\t</q-card-section>\n\t\t\t\t\t<q-card-actions align = \"right\">\n\t\t\t\t\t\t<q-btn flat color = \"negative\" label = \"Cerrar\" @click = \"showDialog=false\"/>\n\t\t\t\t\t\t<q-space/>\n\t\t\t\t\t\t<q-btn flat color = \"positive\" label = \"Registrarme\" @click = \"navigateTo('/registro')\"/>\n\t\t\t\t\t</q-card-actions>\n\t\t\t\t</q-card>\n\t\t\t</q-dialog>\n\t\t\t<Footer/>\n\t\t</q-page-container>\n\t</q-layout>\n</template>\n\n<style scoped>\n\n</style>"],"names":["emit","__emit","toggleMenu","leftDrawerOpen","ref","menuItems","mainMenu","isScroll","handleScroll","useScroll","onMounted","user","useState","getSocialLinks","useHelpers","social_links","topPadding","changeScreenSize","$q","useQuasar","watch","showDialog","useAuthenticator"],"mappings":"i3CAIA,MAAMA,EAAOC,EAGPC,EAAa,IAAM,CACxBF,EAAK,YAAY,CAAA,irDCKlB,MAAAG,EAAAC,EAAA,EAAA,EAEAC,EAAAC,GAEA,CAAA,SAAAC,EAAA,aAAAC,CAAA,EAAAC,GAAA,EAEAC,EAAA,IAAA,CACC,OAAA,iBAAA,SAAAF,CAAA,CAA8C,CAAA,EAG/C,MAAAG,EAAAC,GAAA,MAAA,EAEA,CAAA,eAAAC,GAAAC,IACAC,EAAAF,IAEA,CAAA,WAAAG,EAAA,iBAAAC,CAAA,EAAAH,EAAA,EACAI,EAAAC,KACAC,GAAA,IAAAF,EAAA,OAAA,MAAA,IAAA,CACCD,EAAAC,EAAA,MAAA,CAA0B,CAAA,EAG3B,MAAAG,EAAAjB,EAAA,EAAA,EAEAkB,OAAAA,GAAA,EAcAZ,EAAA,IAAA,CACC,WAAA,IAAA,CAC6B,EAAA,IAAA,EAAA,CACjB,CAAA"}