{"version":3,"mappings":"8bAKA,MAAMA,EAAeC,EAAqB,IAAMC,EAAA,WAAO,4BAAuC,2FAAC,EACzFC,EAAYF,EAAqB,IAAMC,EAAA,WAAO,yBAA4B,wFAAC,EAE3EE,EAAWC,IAEXC,EAAOC,EAAI,EAAE,EAEbC,EAAU,IAAM,CACrBF,EAAK,MAAQF,EAAS,aAGvB,OAAAK,EAAU,IAAM,CACPD,GAAA,CACR","names":["RenderAction","defineAsyncComponent","__vitePreload","ShowModal","settings","getSettings","usps","ref","getUsps","onMounted"],"sources":["../../src/components/Files/Templates/Designs/Mobler/src/components/TopNavigation.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {defineAsyncComponent, onMounted, ref} from 'vue';\r\nimport { getSettings, getTranslation } from '@/ts/utilities.ts'\r\nimport {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';\r\n\r\nconst RenderAction = defineAsyncComponent(() => import('@/components/helpers/RenderAction.vue'))\r\nconst ShowModal = defineAsyncComponent(() => import('@/components/ShowModal.vue'))\r\n\r\nconst settings = getSettings()\r\n\r\nconst usps = ref([])\r\n\r\nconst getUsps = () => {\r\n\tusps.value = settings.pageTopUsps\r\n}\r\n\r\nonMounted(() => {\r\n\tgetUsps()\r\n})\r\n</script>\r\n\r\n<template>\r\n\t<div v-if=\"settings.enableTopBarHeader\"\r\n\t\tclass=\"container-fluid\">\r\n\t\t<div class=\"bg-beige py-2 hidden lg:flex\">\r\n\t\t\t<div class=\"container flex justify-between\">\r\n\t\t\t\t<ul v-if=\"usps\"\r\n\t\t\t\t\tclass=\"flex gap-8 list-none\">\r\n\t\t\t\t\t<li\r\n\t\t\t\t\t\tv-for=\"(usp, index) in usps\"\r\n\t\t\t\t\t\t:key=\"index\"\r\n\t\t\t\t\t\tclass=\"flex items-center gap-x-2\">\r\n\t\t\t\t\t\t<ShowModal\r\n\t\t\t\t\t\t\tv-if=\"usp.showContentInModal\"\r\n\t\t\t\t\t\t\t:modal-title=\"usp.header\"\r\n\t\t\t\t\t\t\t:modal-content=\"usp.contentText\">\r\n\t\t\t\t\t\t\t<font-awesome-icon :icon=\"['fal', usp.icon]\" />\r\n\t\t\t\t\t\t\t<small>{{ usp.header }}</small>\r\n\t\t\t\t\t\t</ShowModal>\r\n\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-else-if=\"usp.link\"\r\n\t\t\t\t\t\t\ttheme=\"link\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\t:link=\"usp.link\">\r\n\t\t\t\t\t\t\t<font-awesome-icon\r\n\t\t\t\t\t\t\t\tv-if=\"usp.icon\"\r\n\t\t\t\t\t\t\t\t:icon=\"['fal', usp.icon]\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<small>{{ usp.header }}</small>\r\n\t\t\t\t\t\t</RenderAction>\r\n\r\n\t\t\t\t\t\t<template v-else>\r\n\t\t\t\t\t\t\t<font-awesome-icon\r\n\t\t\t\t\t\t\t\tv-if=\"usp.icon\"\r\n\t\t\t\t\t\t\t\t:icon=\"['fal', usp.icon]\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<small>{{ usp.header }}</small>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t\t<ul class=\"flex gap-4 list-none\">\r\n\t\t\t\t\t<li v-if=\"settings?.contactUsPage\">\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=\"link\"\r\n\t\t\t\t\t\t\tsize=\"none\"\r\n\t\t\t\t\t\t\t:data=\"settings?.contactUsPage\">\r\n\t\t\t\t\t\t\t<small>{{ getTranslation('Header.ContactUs') }}</small>\r\n\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t\t<li class=\"flex items-center gap-x-2\">\r\n\t\t\t\t\t\t<small>{{ getTranslation('E-Mærket') }}</small>\r\n\t\t\t\t\t\t<font-awesome-icon :icon=\"['fak', 'emaerket']\" />\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n"],"file":"assets/TopNavigation-b1bf06f0.js"}