{"version":3,"file":"ctaBlock-BTkmFjCi.js","sources":["../../../../Coloplast.UI/src/shared/components/articleElements/ctaBlock.vue"],"sourcesContent":["<script setup>\r\n\timport { computed } from 'vue';\r\n\timport { DsText } from '@coloplast/design-system';\r\n\timport SendCampaignIdCtaButton from 'shared/components/actionButtonWithCTA/SendCampaignIdCtaButton.vue';\r\n\r\n\tconst props = defineProps({\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => {},\r\n\t\t},\r\n\t\tisInlineLayout: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: () => false,\r\n\t\t},\r\n\t});\r\n\r\n\tconst isButtonShown = computed(() => (!props.vm?.CurrentBlock?.FormArea && props.vm?.BaseViewModel?.CtaButtonLinkUrl && props.vm?.CurrentBlock?.CtaButtonText) || (props.vm?.CurrentBlock?.FormArea && !props.vm?.BaseViewModel?.IsFormPresented && props.vm?.BaseViewModel?.CtaButtonLinkUrl))\r\n\r\n\tconst ctaButtonVariant = computed(() => {\r\n\t\tif (props.vm.BaseViewModel?.CtaButtonVariant) {\r\n\t\t\treturn props.vm.BaseViewModel.CtaButtonVariant;\r\n\t\t} else if (props.vm.CurrentBlock?.FormArea && !props.vm.BaseViewModel?.IsFormPresented) {\r\n\t\t\treturn 'primary';\r\n\t\t} else {\r\n\t\t\treturn 'secondary-neutral';\r\n\t\t}\r\n\t});\r\n</script>\r\n\r\n<template>\r\n\t<article\r\n\t\tclass=\"c-cta-block__card\"\r\n\t\t:class=\"{ '--fullwidth': !isInlineLayout, '--inline': isInlineLayout }\"\r\n\t>\r\n\t\t<div\r\n\t\t\t class=\"c-cta-block__content\"\r\n\t\t\t :class=\"{ '--fullwidth': !isInlineLayout, '--inline': isInlineLayout, '--left-aligned' : vm.CurrentBlock.MediaAlignType == 0 }\"\r\n\t\t\t >\r\n\t\t\t<DsText\r\n\t\t\t\t\tv-if=\"vm.CurrentBlock.SubheadingText\"\r\n\t\t\t\t\tclass=\"c-cta-block__subheading\"\r\n\t\t\t\t\thtml-element=\"h4\"\r\n\t\t\t\t\t:text-style=\"isInlineLayout ? 'medium' : 'regular'\"\r\n\t\t\t\t\t:text-type=\"isInlineLayout ? 'body-sm' : 'body-md'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t{{ vm.CurrentBlock.SubheadingText }}\r\n\t\t\t</DsText>\r\n\t\t\t<DsText\r\n\t\t\t\t\tv-if=\"vm.CurrentBlock.HeadingText\"\r\n\t\t\t\t\thtml-element=\"h3\"\r\n\t\t\t\t\t:text-type=\"isInlineLayout ? 'heading-xl' : 'heading-3xl'\"\r\n\t\t\t\t\tclass=\"c-cta-block__heading\"\r\n\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t'--no-description' : vm.CurrentBlock.SubheadingText && !vm.CurrentBlock.ShortDescription,\r\n\t\t\t\t\t'--headline-only': !vm.CurrentBlock.SubheadingText && !vm.CurrentBlock.ShortDescription\r\n\t\t\t\t}\"\r\n\t\t\t\t\t>\r\n\t\t\t\t{{ vm.CurrentBlock.HeadingText }}\r\n\t\t\t</DsText>\r\n\t\t\t<h3\r\n\t\t\t\tv-if=\"(vm.CurrentBlock.HeadingTextLineOne || vm.CurrentBlock.HeadingTextLineTwo) && !vm.CurrentBlock.HeadingText\"\r\n\t\t\t\tclass=\"c-cta-block__heading\"\r\n\t\t\t\t:class=\"{ '--headline-only': !vm.CurrentBlock.SubheadingText && !vm.CurrentBlock.ShortDescription }\"\r\n\t\t\t\t>\r\n\t\t\t\t<DsText\r\n\t\t\t\t\t\thtml-element=\"span\"\r\n\t\t\t\t\t\t:text-type=\"isInlineLayout ? 'heading-xl' : 'heading-3xl'\">\r\n\t\t\t\t\t{{ vm.CurrentBlock.HeadingTextLineOne }}\r\n\t\t\t\t</DsText>\r\n\t\t\t\t<DsText\r\n\t\t\t\t\t\thtml-element=\"span\"\r\n\t\t\t\t\t\t:text-type=\"isInlineLayout ? 'heading-xl' : 'heading-3xl'\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t{{ vm.CurrentBlock.HeadingTextLineTwo }}\r\n\t\t\t\t</DsText>\r\n\t\t\t</h3>\r\n\t\t\t<DsText\r\n\t\t\t\t\tv-if=\"vm.CurrentBlock.ShortDescription\"\r\n\t\t\t\t\tclass=\"c-cta-block__description\"\r\n\t\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t\t:text-type=\"isInlineLayout ? 'body-sm' : 'body-md'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t{{ vm.CurrentBlock.ShortDescription }}\r\n\t\t\t</DsText>\r\n\t\t\t<!--if no formkit or formkit form submitted-->\r\n\t\t\t<SendCampaignIdCtaButton\r\n\t\t\t\tv-if=\"isButtonShown\"\r\n\t\t\t\t:vm=\"vm\"\r\n\t\t\t\t:is-inline-layout=\"isInlineLayout\"\r\n\t\t\t\t:openInNewWindow=\"vm.CurrentBlock.FormArea && !vm.BaseViewModel.IsFormPresented\"\r\n\t\t\t\t:variant=\"ctaButtonVariant\"\r\n\t\t\t/>\r\n\t\t\t<!--formKit popup-->\r\n\t\t\t<slot></slot>\r\n\t\t</div>\r\n\t\t<template v-if=\"vm.BaseViewModel.DesktopImageUrl\">\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"isInlineLayout\"\r\n\t\t\t\tclass=\"c-cta-block__image-wrapper\"\r\n\t\t\t>\r\n\t\t\t\t<img\r\n\t\t\t\t\t:src=\"`${vm.BaseViewModel.DesktopImageUrl}?im=Resize=(322,228)`\"\r\n\t\t\t\t\t:alt=\"vm.CurrentBlock.ImageAltText || vm.CurrentBlock.HeadingTextLineOne\"\r\n\t\t\t\t\tclass=\"c-cta-block__image --inline\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t<picture\r\n\t\t\t\tv-else\r\n\t\t\t\tclass=\"c-cta-block__media\"\r\n\t\t\t>\r\n\t\t\t\t<source\r\n\t\t\t\t\tv-if=\"vm.BaseViewModel.MobileImageUrl\"\r\n\t\t\t\t\tmedia=\"(max-width: 767px)\"\r\n\t\t\t\t\t:srcset=\"`${vm.BaseViewModel.MobileImageUrl}?im=Resize=(375,213)`\"\r\n\t\t\t\t/>\r\n\t\t\t\t<img\r\n\t\t\t\t\t:src=\"`${vm.BaseViewModel.DesktopImageUrl}?im=Resize=(624,400)`\"\r\n\t\t\t\t\t:alt=\"vm.CurrentBlock.ImageAltText || vm.CurrentBlock.HeadingText\"\r\n\t\t\t\t\tclass=\"c-cta-block__image\"\r\n\t\t\t\t/>\r\n\t\t\t</picture>\r\n\t\t</template>\r\n\t</article>\r\n</template>\r\n"],"names":["props","__props","isButtonShown","computed","_b","_a","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","ctaButtonVariant"],"mappings":"yvBAKC,MAAMA,EAAQC,EAWRC,EAAgBC,EAAS,IAAM,6BAAC,SAACC,GAAAC,EAAAL,EAAM,KAAN,YAAAK,EAAU,eAAV,MAAAD,EAAwB,aAAYE,GAAAC,EAAAP,EAAM,KAAN,YAAAO,EAAU,gBAAV,YAAAD,EAAyB,qBAAoBE,GAAAC,EAAAT,EAAM,KAAN,YAAAS,EAAU,eAAV,YAAAD,EAAwB,kBAAmBE,GAAAC,EAAAX,EAAM,KAAN,YAAAW,EAAU,eAAV,YAAAD,EAAwB,WAAY,GAACE,GAAAC,EAAAb,EAAM,KAAN,YAAAa,EAAU,gBAAV,MAAAD,EAAyB,oBAAmBE,GAAAC,EAAAf,EAAM,KAAN,YAAAe,EAAU,gBAAV,YAAAD,EAAyB,kBAAiB,EAExRE,EAAmBb,EAAS,IAAM,WACvC,OAAIE,EAAAL,EAAM,GAAG,gBAAT,MAAAK,EAAwB,iBACpBL,EAAM,GAAG,cAAc,kBACpBI,EAAAJ,EAAM,GAAG,eAAT,MAAAI,EAAuB,UAAY,GAACG,EAAAP,EAAM,GAAG,gBAAT,MAAAO,EAAwB,iBAC/D,UAEA,mBAEV,CAAE"}