{"version":3,"mappings":"sbAGA,MAAMA,EAAeC,EAAqB,IAAMC,EAAA,WAAO,4BAAuC,2FAAC,EAUzFC,EAAQC,EAGRC,EAAoB,IAAM,CAC/B,GAAIF,EAAM,SAAW,OACjB,OAAAA,EAAM,OAAS,EACX,aACGA,EAAM,OAAS,GAEfA,EAAM,OAAS,EADlB,2BAIA,QACR","names":["RenderAction","defineAsyncComponent","__vitePreload","props","__props","setPositionInGrid"],"sources":["../../src/components/ui/Files/Templates/Designs/Mobler/src/components/ui/USP.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { defineAsyncComponent }\tfrom 'vue'\r\nimport {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'\r\nconst RenderAction = defineAsyncComponent(() => import('@/components/helpers/RenderAction.vue'))\r\n\r\ninterface Props {\r\n\tusp?: object,\r\n\tcontext: string,\r\n\tlayout: string,\r\n\tindex?: number,\r\n\tproductCount?: number\r\n}\r\n\r\nconst props = defineProps<Props>()\r\n\r\n\r\nconst setPositionInGrid = () => {\r\n\tif (props.context != 'list') return\r\n\tif (props.index == 0) {\r\n\t\treturn 'col-span-1'\r\n\t} else if (props.index == 1) {\r\n\t\treturn 'col-span-1 md:col-span-2'\r\n\t} else if (props.index == 2) {\r\n\t\treturn 'col-span-1 md:col-span-2'\r\n\t} else {\r\n\t\treturn 'hidden'\r\n\t}\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div v-if=\"props.usp\" class=\"rounded border border-grey-light overflow-hidden\" :class=\"setPositionInGrid()\">\r\n\t\t<div v-if=\"props.usp?.image\"\r\n\t\t\t class=\"bg-white-warm\">\r\n\t\t\t<img\r\n\t\t\t\t:src=\"'/Admin/Public/GetImage.ashx?Image=' + props.usp?.image + '&Width=600&height=375&Format=webP&Quality=90&Crop=5&resolution=50'\"\r\n\t\t\t\t:alt=\"props.usp?.name\"\r\n\t\t\t\twidth=\"600\"\r\n\t\t\t\theight=\"375\"\r\n\t\t\t\tclass=\"object-cover object-center h-auto aspect-[16/10]\"\r\n\t\t\t\tloading=\"lazy\"\r\n\t\t\t>\r\n\t\t</div>\r\n\t\t<div class=\"flex flex-col gap-y-6 p-8 h-full\"\r\n\t\t\t:class=\"props.context == 'list' ? 'bg-white' : 'bg-beige-light'\">\r\n\t\t\t<div v-if=\"props.usp?.header\"\r\n\t\t\t\tclass=\"flex items-center gap-2\"\r\n\t\t\t>\r\n\t\t\t\t<font-awesome-icon\r\n\t\t\t\t\tv-if=\"props.usp?.icon\"\r\n\t\t\t\t\t:icon=\"['fal', props.usp?.icon]\"\r\n\t\t\t\t\tclass=\"text-2xl\"\r\n\t\t\t\t/>\r\n\t\t\t\t<h3 class=\"text-pretty\">{{ props.usp?.header }}</h3>\r\n\t\t\t</div>\r\n\t\t\t<template v-if=\"props.usp?.type === 'BULLETS' && props.usp?.bulletUsps\">\r\n\t\t\t\t<ul class=\"list-none flex flex-col gap-y-4\">\r\n\t\t\t\t\t<li class=\"flex gap-x-2 items-baseline\"\r\n\t\t\t\t\t\tv-for=\"(bullet, index) in props.usp?.bulletUsps\" :key=\"index\">\r\n\t\t\t\t\t\t<font-awesome-icon\r\n\t\t\t\t\t\t\tv-if=\"bullet.icon\"\r\n\t\t\t\t\t\t\t:icon=\"['fal', bullet.icon]\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<p class=\"flex flex-col\">\r\n\t\t\t\t\t\t\t<strong>{{ bullet.header }}</strong>\r\n\t\t\t\t\t\t\t{{ bullet.teaser }}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</template>\r\n\t\t\t<p v-else>{{ props.usp?.teaser }}</p>\r\n\t\t\t<RenderAction\r\n\t\t\t\tv-if=\"props.usp?.buttonText && props.usp?.buttonLink\"\r\n\t\t\t\taction=\"link\"\r\n\t\t\t\ttheme=\"link\"\r\n\t\t\t\ttarget=\"external\"\r\n\t\t\t\tsize=\"none\"\r\n\t\t\t\t:data=\"props.usp?.buttonLink\"\r\n\t\t\t>\r\n\t\t\t\t{{ props.usp?.buttonText }}\r\n\t\t\t</RenderAction>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n"],"file":"assets/USP-69668a5d.js"}