{"version":3,"mappings":"q1CAKA,MAAMA,GAAUC,GAAqB,IAAMC,GAAA,WAAO,uBAA0B,sFAAC,EACvEC,EAAeF,GAAqB,IAAMC,GAAA,WAAO,4BAAuC,2FAAC,EAEzFE,EAAQC,GAORC,GAAOC,GAEPC,EAAWC,KACXC,EAA2BC,EAAI,IAAI,EACnCC,EAAyBD,EAAI,EAAE,EAC/BE,EAAwBF,EAAI,EAAE,EAC9BG,EAAiCH,EAAI,EAAE,EAEvCI,EAAUJ,EAAI,EAAK,EACnBK,EAAcL,EAAI,EAAK,EACvBM,EAAUN,EAAI,EAAE,EAEhBO,EAAaC,KAEbC,GAAuB,IAAM,CACXR,EAAA,MAAQM,EAAW,SAAS,SAAS,OAAQG,GAAY,CAACA,EAAQ,iBAAiB,GAGrGC,GAAsB,IAAM,CACjCT,EAAsB,MAAQK,EAAW,SAAS,SAAS,OAAQG,GAAYA,EAAQ,UAAY,QAAU,CAACA,EAAQ,kBAAoB,CAACA,EAAQ,iBAAiB,GAG/JE,GAA+B,IAAM,CAC1CT,EAA+B,MAAQI,EAAW,SAAS,SAAS,OAAQG,GAAYA,EAAQ,UAAY,QAAU,CAACA,EAAQ,kBAAoB,CAACA,EAAQ,mBAAqBA,EAAQ,iBAAiB,GAGrMG,GAAiBH,GAAY,CAC9BJ,EAAQ,MAAM,KAAOI,EAAQ,IAChCJ,EAAQ,MAAQI,EAChBL,EAAY,MAAQ,KAEpBC,EAAQ,MAAQ,GAChBD,EAAY,MAAQ,GACrB,EAGKS,GAAe,IAAM,CAC1BR,EAAQ,MAAQ,GAChBD,EAAY,MAAQ,IAGfU,GAAkB,IAAM,CAC7BX,EAAQ,MAAQ,GAChBT,GAAK,iBAAiB,GAGjBqB,EAAiBhB,EAAmB,IAAI,EACxCiB,EAAgBjB,EAAmB,IAAI,EAEvCkB,EAAmB,CAACC,EAAkBC,EAAyB,OAAS,CACzEA,IAAY,MACfJ,EAAe,MAAQA,EAAe,QAAUG,EAAW,KAAOA,EAClEF,EAAc,MAAQ,MAEtBA,EAAc,MAAQA,EAAc,QAAUG,EAAU,KAAOA,EAI5DrB,EAAyB,QACFA,GAAA,MAAAA,EAAA,MAAM,eAAe,CAAC,SAAU,SAAU,MAAO,QAAS,OAAQ,YAC7F,EAGKsB,GAAiC,IAAM,CACxCJ,EAAc,MACjBA,EAAc,MAAQ,KAEtBD,EAAe,MAAQ,IACxB,EAGD,OAAAM,GAAW,SAAY,CAClB7B,EAAM,mBACTW,EAAQ,MAAQ,IAGHI,KACOC,KACDE,KACSC,IAAA,CAC7B,EACKW,GAAAlB,EAAcmB,GAAU,CACzBA,EACH,SAAS,gBAAgB,UAAU,IAAI,QAAS,WAAW,EAE3D,SAAS,gBAAgB,UAAU,OAAO,QAAS,WAAW,CAC/D,CACA","names":["MegaNav","defineAsyncComponent","__vitePreload","RenderAction","props","__props","emit","__emit","settings","getSettings","mobileNavChildrenElement","ref","desktopNavigationItems","mobileNavigationItems","secondaryMobileNavigationItems","visible","showMegaNav","megaNav","navigation","getNavigation","setDesktopNavigation","navItem","setMobileNavigation","setSecondaryMobileNavigation","toggleMegaNav","closeMegaNav","closeMobileMenu","activeParentId","activeChildId","toggleChildItems","parentId","childId","navigateBackInMobileNavigation","onMounted","watch","value"],"sources":["../../src/components/Files/Templates/Designs/Mobler/src/components/Navigation.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {defineAsyncComponent, onMounted, ref, watch} from \"vue\"\r\nimport {getSettings, getTranslation, getNavigation, setLogo} from \"@/ts/utilities.ts\"\r\nimport {FontAwesomeIcon} from \"@fortawesome/vue-fontawesome\";\r\n\r\nconst MegaNav = defineAsyncComponent(() => import('@/components/MegaNav.vue'))\r\nconst RenderAction = defineAsyncComponent(() => import('@/components/helpers/RenderAction.vue'))\r\n\r\nconst props = defineProps({\r\n\ttoggleNavigation: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t}\r\n})\r\n\r\nconst emit = defineEmits(['closeMobileMenu'])\r\n\r\nconst settings = getSettings()\r\nconst mobileNavChildrenElement = ref(null)\r\nconst desktopNavigationItems = ref([])\r\nconst mobileNavigationItems = ref([])\r\nconst secondaryMobileNavigationItems = ref([])\r\n\r\nconst visible = ref(false)\r\nconst showMegaNav = ref(false)\r\nconst megaNav = ref({})\r\n\r\nconst navigation = getNavigation()\r\n\r\nconst setDesktopNavigation = () => {\r\n\tdesktopNavigationItems.value = navigation.rootNode.children.filter((navItem) => !navItem.menuHideOnDesktop)\r\n}\r\n\r\nconst setMobileNavigation = () => {\r\n\tmobileNavigationItems.value = navigation.rootNode.children.filter((navItem) => navItem.nodeType == 'PAGE' && !navItem.menuHideOnMobile && !navItem.menuSecondaryItem)\r\n}\r\n\r\nconst setSecondaryMobileNavigation = () => {\r\n\tsecondaryMobileNavigationItems.value = navigation.rootNode.children.filter((navItem) => navItem.nodeType == 'PAGE' && !navItem.menuHideOnMobile && !navItem.menuCustomStyling && navItem.menuSecondaryItem)\r\n}\r\n\r\nconst toggleMegaNav = (navItem) => {\r\n\tif (megaNav.value.id !== navItem.id) {\r\n\t\tmegaNav.value = navItem\r\n\t\tshowMegaNav.value = true\r\n\t} else {\r\n\t\tmegaNav.value = {}\r\n\t\tshowMegaNav.value = false\r\n\t}\r\n}\r\n\r\nconst closeMegaNav = () => {\r\n\tmegaNav.value = {}\r\n\tshowMegaNav.value = false\r\n}\r\n\r\nconst closeMobileMenu = () => {\r\n\tvisible.value = false\r\n\temit('closeMobileMenu')\r\n}\r\n\r\nconst activeParentId = ref<number | null>(null)\r\nconst activeChildId = ref<number | null>(null)\r\n\r\nconst toggleChildItems = (parentId: number, childId: number | null = null) => {\r\n\tif (childId === null) {\r\n\t\tactiveParentId.value = activeParentId.value === parentId ? null : parentId\r\n\t\tactiveChildId.value = null\r\n\t} else {\r\n\t\tactiveChildId.value = activeChildId.value === childId ? null : childId\r\n\t}\r\n\r\n\t// Scroll to the top of the mobileNavChildrenElement\r\n\tif (mobileNavChildrenElement.value) {\r\n\t\tmobileNavChildrenElement?.value.scrollIntoView({behavior: 'smooth', block: 'start', inline: 'nearest'})\r\n\t}\r\n}\r\n\r\nconst navigateBackInMobileNavigation = () => {\r\n\tif (activeChildId.value) {\r\n\t\tactiveChildId.value = null\r\n\t} else {\r\n\t\tactiveParentId.value = null\r\n\t}\r\n}\r\n\r\nonMounted (async () => {\r\n\tif (props.toggleNavigation) {\r\n\t\tvisible.value = true\r\n\t}\r\n\r\n\tgetNavigation()\r\n\tsetDesktopNavigation()\r\n\tsetMobileNavigation()\r\n\tsetSecondaryMobileNavigation()\r\n})\r\nwatch(showMegaNav, (value) => {\r\n\tif (value) {\r\n\t\tdocument.documentElement.classList.add('h-dvh', 'menu-open')\r\n\t} else {\r\n\t\tdocument.documentElement.classList.remove('h-dvh', 'menu-open')\r\n\t}\r\n})\r\n</script>\r\n\r\n<template>\r\n\t<div>\r\n\t\t<div class=\"max-lg:absolute max-lg:top-0 max-lg:left-0 max-lg:w-full max-lg:bg-white max-lg:h-dvh max-lg:overflow-y-scroll max-lg:z-10 max-lg:visible\"\r\n\t\t\t:class=\"{ 'max-lg:invisible': !props.toggleNavigation }\">\r\n\r\n\t\t\t<div class=\"flex lg:hidden justify-between p-4 border-b border-b-grey\">\r\n\t\t\t\t<img\r\n\t\t\t\t\twidth=\"400\"\r\n\t\t\t\t\theight=\"46\"\r\n\t\t\t\t\tclass=\"max-h-[40px] w-full object-contain object-left hidden md:inline-block\"\r\n\t\t\t\t\t:src=\"setLogo().logoPath\"\r\n\t\t\t\t\t:alt=\"getTranslation('LogoAltText')\"\r\n\t\t\t\t\tloading=\"lazy\" />\r\n\t\t\t\t<img\r\n\t\t\t\t\twidth=\"400\"\r\n\t\t\t\t\t height=\"46\"\r\n\t\t\t\t\t class=\"max-h-[40px] w-full object-contain object-left inline md:hidden\"\r\n\t\t\t\t\t:src=\"setLogo().mobileLogoPath\"\r\n\t\t\t\t\t:alt=\"getTranslation('LogoAltText')\"\r\n\t\t\t\t\tloading=\"lazy\" />\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"flex items-center justify-self-end ml-auto px-3 text-base hover:underline\"\r\n\t\t\t\t\t@click=\"closeMobileMenu\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"mr-2 inline-flex\">\r\n\t\t\t\t\t\t{{ getTranslation('Close') }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<font-awesome-icon :icon=\"['fal', 'close']\" />\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<nav class=\"max-lg:hidden h-full flex flex-col gap-y-8\">\r\n\t\t\t\t<ul class=\"items-center flex-wrap gap-y-6 flex gap-6 list-none\">\r\n\t\t\t\t\t<li v-for=\"navItem in desktopNavigationItems\" :key=\"navItem.id\" class=\"text-xl font-semibold last-of-type:ml-auto\">\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-if=\"navItem.hasChildren\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\tclass=\"flex hover:underline\"\r\n\t\t\t\t\t\t\t@click=\"toggleMegaNav(navItem)\"\r\n\t\t\t\t\t\t\t:class=\"{ 'underline': megaNav == navItem }\">\r\n\t\t\t\t\t\t\t{{ navItem.name }}\r\n\t\t\t\t\t\t</RenderAction>\r\n\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-else-if=\"navItem.menuCustomStyling\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tclass=\"rounded-full mx-4\"\r\n\t\t\t\t\t\t\t:data=\"navItem.link\"\r\n\t\t\t\t\t\t\t:style=\"{ 'color': navItem.menuTextColor, 'background-color': navItem.menuBackgroundColor }\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ navItem.name }}\r\n\t\t\t\t\t\t</RenderAction>\r\n\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-else\r\n\t\t\t\t\t\t\ttype=\"link\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\tclass=\"flex hover:underline\"\r\n\t\t\t\t\t\t\t:data=\"navItem.link\">\r\n\t\t\t\t\t\t\t{{ navItem.name }}\r\n\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</nav>\r\n\r\n\t\t\t<nav class=\"h-full max-lg:flex hidden flex-col gap-y-8\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"flex items-center gap-2 p-4 border-b border-b-grey bg-white w-full\"\r\n\t\t\t\t\t@click=\"navigateBackInMobileNavigation()\"\r\n\t\t\t\t\t:class=\"{ hidden: !activeParentId }\">\r\n\t\t\t\t\t<font-awesome-icon :icon=\"['fal', 'arrow-left']\" />\r\n\t\t\t\t\t{{ getTranslation('Back') }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ul\r\n\t\t\t\t\tref=\"mobileNavChildrenElement\"\r\n\t\t\t\t\tv-if=\"mobileNavigationItems\"\r\n\t\t\t\t\tclass=\"relative flex flex-wrap gap-y-6 pt-4 h-full list-none\"\r\n\t\t\t\t>\r\n\r\n\t\t\t\t\t<li v-for=\"level1Item in mobileNavigationItems\" :key=\"level1Item.id\"\r\n\t\t\t\t\t\tclass=\"font-semibold text-sm w-1/2\">\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-if=\"level1Item.hasChildren\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\tclass=\"px-4 flex flex-col !items-start gap-2\"\r\n\t\t\t\t\t\t\t:href=\"level1Item.link\"\r\n\t\t\t\t\t\t\t@click.prevent=\"toggleChildItems(level1Item.id)\">\r\n\r\n\t\t\t\t\t\t\t<img class=\"object-cover object-center w-full aspect-[4/3] rounded\"\r\n\t\t\t\t\t\t\t\t v-if=\"level1Item.menuImage\"\r\n\t\t\t\t\t\t\t\t width=\"175\"\r\n\t\t\t\t\t\t\t\t height=\"100\"\r\n\t\t\t\t\t\t\t\t :src=\"'/Admin/Public/GetImage.ashx?Image=' + level1Item.menuImage + '&Width=175&height=100&Format=webP&Quality=90&Crop=5&resolution=100'\"\r\n\t\t\t\t\t\t\t\t :alt=\"level1Item.name\"\r\n\t\t\t\t\t\t\t\t loading=\"lazy\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span class=\"flex flex-col gap-1 text-sm\">\r\n\t\t\t\t\t\t\t\t<strong>{{ level1Item.name }}</strong>\r\n\t\t\t\t\t\t\t\t<span v-if=\"level1Item.menuExtraText\">{{ level1Item.menuExtraText }}</span>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</RenderAction>\r\n\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-else-if=\"level1Item.menuCustomStyling\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tclass=\"rounded mx-4 flex justify-center aspect-[4/3]\"\r\n\t\t\t\t\t\t\t:data=\"level1Item.link\"\r\n\t\t\t\t\t\t\t:style=\"{ 'color': level1Item.menuTextColor, 'background-color': level1Item.menuBackgroundColor }\">\r\n\t\t\t\t\t\t\t{{ level1Item.name }}\r\n\t\t\t\t\t\t</RenderAction>\r\n\r\n            <RenderAction\r\n              v-else\r\n              type=\"link\"\r\n              theme=\"none\"\r\n              size=\"none\"\r\n              class=\"px-4 flex flex-col !items-start gap-2\"\r\n              :data=\"level1Item.link\"\r\n              >\r\n              {{ level1Item.name }}\r\n            </RenderAction>\r\n\r\n\t\t\t\t\t\t<ul v-if=\"level1Item.hasChildren && level1Item.children\"\r\n\t\t\t\t\t\t\tclass=\"list-none absolute top-0 left-0 w-full h-dvh divide-y divide-grey bg-white pb-8 pointer-events-auto\"\r\n\t\t\t\t\t\t\t:class=\"{ hidden: activeParentId !== level1Item.id }\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\tv-for=\"level2Item in level1Item.children\"\r\n\t\t\t\t\t\t\t\t:key=\"level2Item.id\"\r\n\t\t\t\t\t\t\t\tclass=\"font-semibold text-sm bg-white\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<!-- TODO: Use RenderAction -->\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\tv-if=\"level2Item.hasChildren\"\r\n\t\t\t\t\t\t\t\t\tclass=\"p-4 flex items-center gap-2\"\r\n\t\t\t\t\t\t\t\t\t:href=\"level2Item.link\"\r\n\t\t\t\t\t\t\t\t\t@click.prevent=\"toggleChildItems(level1Item.id, level2Item.id)\">\r\n\r\n\t\t\t\t\t\t\t\t\t<img v-if=\"level2Item.image1\"\r\n\t\t\t\t\t\t\t\t\t\t class=\"object-cover object-center aspect-[4/3] w-1/3 basis-1/3 rounded\"\r\n\t\t\t\t\t\t\t\t\t\t :src=\"'/Admin/Public/GetImage.ashx?Image=' + level2Item.image1 + '&Width=175&height=100&Format=webP&Quality=90&Crop=5&resolution=100'\"\r\n\t\t\t\t\t\t\t\t\t\t :alt=\"level2Item.name\"\r\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"text-base font-bold basis-1/2\">{{ level2Item.name }}</span>\r\n\t\t\t\t\t\t\t\t\t<font-awesome-icon class=\"ml-auto text-xl\" :icon=\"['fal', 'arrow-right']\" />\r\n\t\t\t\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\tv-else-if=\"!level2Item.hasChildren && level2Item.nodeType !== 'GROUPSHOWALL'\"\r\n\t\t\t\t\t\t\t\t\tclass=\"p-4 flex items-center gap-2\"\r\n\t\t\t\t\t\t\t\t\t:href=\"level2Item.link\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<img v-if=\"level2Item.image1\"\r\n\t\t\t\t\t\t\t\t\t\t class=\"object-cover object-center aspect-[4/3] w-1/3 basis-1/3 rounded\"\r\n\t\t\t\t\t\t\t\t\t\t :src=\"'/Admin/Public/GetImage.ashx?Image=' + level2Item.image1 + '&Width=175&height=100&Format=webP&Quality=90&Crop=5&resolution=100'\"\r\n\t\t\t\t\t\t\t\t\t\t :alt=\"level2Item.name\"\r\n\t\t\t\t\t\t\t\t\t\tloading=\"lazy\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"text-base font-bold basis-1/2\">{{ level2Item.name }} - test</span>\r\n\t\t\t\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t\t\t\t<ul\r\n\t\t\t\t\t\t\t\t\tv-if=\"level2Item.hasChildren && level2Item.children\"\r\n\t\t\t\t\t\t\t\t\tclass=\"list-none absolute top-0 left-0 w-full h-dvh divide-y divide-grey bg-white pb-8\"\r\n\t\t\t\t\t\t\t\t\t:class=\"{ hidden: activeChildId !== level2Item.id }\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tv-for=\"level3Item in level2Item.children\"\r\n\t\t\t\t\t\t\t\t\t\tclass=\"font-semibold text-sm bg-white\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"p-4 flex items-center gap-2\"\r\n\t\t\t\t\t\t\t\t\t\t\t:href=\"level3Item.link\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<img v-if=\"level3Item.image1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t class=\"object-cover object-center aspect-[4/3] w-1/3 basis-1/3 rounded\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t :src=\"'/Admin/Public/GetImage.ashx?Image=' + level3Item.image1 + '&Width=175&height=100&Format=webP&Quality=90&Crop=5&resolution=100'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t :alt=\"level3Item.name\"\r\n\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"text-base font-bold basis-1/2\">{{ level3Item.name }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<font-awesome-icon class=\"ml-auto text-xl\" :icon=\"['fal', 'arrow-right']\" />\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\r\n\t\t\t\t<ul class=\"list-none border-t border-t-grey\">\r\n\t\t\t\t\t<li v-for=\"navItem in secondaryMobileNavigationItems\"\r\n\t\t\t\t\t\tclass=\"w-full font-semibold text-sm\"\r\n\t\t\t\t\t\t:key=\"navItem.id\">\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\taction=\"link\"\r\n\t\t\t\t\t\t\ttheme=\"none\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\tclass=\"inline-flex items-center justify-between w-full px-4 py-4 border-b border-b-grey hover:underline\"\r\n\t\t\t\t\t\t\t:data=\"navItem.link\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ navItem.name }}\r\n\t\t\t\t\t\t\t<font-awesome-icon class=\"text-xl\" :icon=\"['fal', 'arrow-right']\" />\r\n\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\r\n\t\t\t\t<!-- Mobile Footer -->\r\n\t\t\t\t<div class=\"lg:hidden pt-8 pb-16 px-4 flex flex-col gap-y-2 bg-beige-light\">\r\n\t\t\t\t\t<span class=\"text-sm font-bold\">{{ settings?.shopInfos[0]?.ShopName }}</span>\r\n\t\t\t\t\t<div class=\"flex *:basis-1/2\">\r\n\t\t\t\t\t\t<ul class=\"list-none text-sm\">\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.shopInfos[0]?.Address\">{{ settings?.shopInfos[0]?.Address }}</li>\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.shopInfos[0]?.PostalAndCity\">{{ settings?.shopInfos[0]?.PostalAndCity }}</li>\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.localShopPage\"><a class=\"underline\" :href=\"settings?.localShopPage\">{{ getTranslation('ShowOnMap') }}</a></li>\r\n\t\t\t\t\t\t\t<li>&nbsp;</li>\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.findDealerLink\"><a class=\"underline\" :href=\"settings?.findDealerLink\">{{ getTranslation('HeaderNav.FindShop') }}</a></li>\r\n\t\t\t\t\t\t</ul>\r\n\r\n\t\t\t\t\t\t<ul v-if=\"settings?.shopInfos[0]?.Phone || settings?.shopInfos[0]?.Email\" class=\"list-none text-sm\">\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.shopInfos[0]?.Phone\">{{ getTranslation('Shops.Phone') }} <a class=\"underline\" :href=\"'tel:' + settings?.shopInfos[0]?.Phone\">{{ settings?.shopInfos[0]?.Phone }}</a></li>\r\n\t\t\t\t\t\t\t<li v-if=\"settings?.shopInfos[0]?.Email\">{{ getTranslation('Shops.Email') }} <a class=\"underline\" :href=\"'mailto:' + settings?.shopInfos[0]?.Email\">{{ settings?.shopInfos[0]?.Email }}</a></li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</nav>\r\n\t\t\t<MegaNav\r\n\t\t\t\tv-if=\"showMegaNav && megaNav\"\r\n\t\t\t\t:navItems=\"megaNav\"\r\n\t\t\t\t@close=\"closeMegaNav\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n"],"file":"assets/Navigation-8053353c.js"}