{"version":3,"mappings":";u+BAKC,MAAMA,EAAQC,EAORC,EAAoBC,EAAS,IAAM,CACxC,IAAIC,EAAM,SAAS,cAAc,KAAK,EACtC,OAAAA,EAAI,UAAYJ,EAAM,GAAG,aAAa,SAC/BI,EAAI,aAAeA,EAAI,WAAa,EAC7C,CAAE,uoCCVIC,EAAoB,SAAS,eAAe,sBAAsB,EAExE,GAAIA,EAAmB,CACtB,MAAMC,EAAMC,EAAU,CACrB,KAAM,uBACN,EACGD,EAAA,UAAU,uBAAwBE,CAAiB,EACvDF,EAAI,UAAU,8BAA+BG,EAC5C,IAAAC,EAAA,IAAM,OAAO,uCAAmE,6DAChF,EACDJ,EAAI,UAAU,6BAA8BG,EAC3C,IAAAC,EAAA,IAAM,OAAO,sCAAkE,mFAC/E,EACDJ,EAAI,UAAU,6BAA8BG,EAC3C,IAAAC,EAAA,IAAM,OAAO,uCAAuE,kEACpF,EACDC,EAAkBL,CAAG,EACrBA,EAAI,IAAIM,CAAK,EACbN,EAAI,MAAMD,CAAiB,CAC5B","names":["props","__props","formattedHeadline","computed","div","richTextCtaBanner","app","createApp","RichTextCtaBanner","defineAsyncComponent","__vitePreload","initFormKitSchema","store"],"ignoreList":[],"sources":["../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/RichTextCtaBannerBlock/RichTextCtaBanner.vue","../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/RichTextCtaBannerBlock/richTextCtaBanner-entry.ts"],"sourcesContent":["<script setup>\r\n\timport { computed } from 'vue';\r\n\timport { DsText } from '@coloplast/design-system';\r\n\timport VideoItemLoop from 'shared/components/VideoElements/videoItemLoop.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});\r\n\r\n\tconst formattedHeadline = computed(() => {\r\n\t\tlet div = document.createElement('div');\r\n\t\tdiv.innerHTML = props.vm.CurrentBlock.Headline;\r\n\t\treturn div.textContent || div.innerText || '';\r\n\t});\r\n</script>\r\n\r\n<template>\r\n\t<section class=\"c-rich-text-cta-banner\">\r\n\t\t<picture\r\n\t\t\tv-if=\"!vm.CurrentBlock.VideoUrl && vm.BaseViewModel.DesktopImageUrl\"\r\n\t\t\tclass=\"c-rich-text-cta-banner__media\"\r\n\t\t>\r\n\t\t\t<source\r\n\t\t\t\tv-if=\"vm.BaseViewModel.MobileImageUrl\"\r\n\t\t\t\tmedia=\"(max-width: 767px)\"\r\n\t\t\t\t:srcset=\"`${vm.BaseViewModel.MobileImageUrl}?im=Resize=(375,224)`\"\r\n\t\t\t/>\r\n\t\t\t<img\r\n\t\t\t\t:src=\"`${vm.BaseViewModel.DesktopImageUrl}?im=Resize=(660,440)`\"\r\n\t\t\t\t:alt=\"vm.CurrentBlock.ImageAltText || vm.CurrentBlock.Headline\"\r\n\t\t\t\tclass=\"c-rich-text-cta-banner__image\"\r\n\t\t\t/>\r\n\t\t</picture>\r\n\t\t<VideoItemLoop\r\n\t\t\tv-else-if=\"vm.CurrentBlock.VideoUrl\"\r\n\t\t\t:video-url=\"vm.CurrentBlock.VideoUrl\"\r\n\t\t\t:headline=\"formattedHeadline\"\r\n\t\t/>\r\n\t\t<div class=\"c-rich-text-cta-banner__content\">\r\n\t\t\t<DsText v-if=\"vm.CurrentBlock.Headline\"\r\n\t\t\t\t\thtml-element=\"div\"\r\n\t\t\t\t\ttext-type=\"heading-4xl\"\r\n\t\t\t\t\tclass=\"c-rich-text-cta-banner__headline\"\r\n\t\t\t>\r\n\t\t\t\t<span v-html=\"vm.CurrentBlock.Headline\"></span>\r\n\t\t\t</DsText>\r\n\t\t\t<DsText v-if=\"vm.CurrentBlock.Description\"\r\n\t\t\t\t\thtml-element=\"div\"\r\n\t\t\t\t\ttext-type=\"heading-lg\"\r\n\t\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t\tclass=\"c-rich-text-cta-banner__description\"\r\n\t\t\t>\r\n\t\t\t\t<span v-html=\"vm.CurrentBlock.Description\"></span>\r\n\t\t\t</DsText>\r\n\t\t\t<div class=\"c-rich-text-cta-banner__button\">\r\n\t\t\t\t<!--Cta Button or Cta button with formKit popup-->\r\n\t\t\t\t<slot></slot>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</section>\r\n</template>\r\n","import { createApp, defineAsyncComponent } from 'vue';\r\nimport store from 'shared/store'\r\nimport { initFormKitSchema } from 'shared/utils/initFormKitSchema';\r\nimport RichTextCtaBanner from './RichTextCtaBanner.vue';\r\nimport './c-rich-text-cta-banner.scss';\r\n\r\nconst richTextCtaBanner = document.getElementById('rich-text-cta-banner');\r\n\r\nif (richTextCtaBanner) {\r\n\tconst app = createApp({\r\n\t\tname: 'RichTextCtaBannerApp',\r\n\t});\r\n\tapp.component('rich-text-cta-banner', RichTextCtaBanner);\r\n\tapp.component('send-campaign-id-cta-button', defineAsyncComponent(\r\n\t\t() => import('shared/components/actionButtonWithCTA/SendCampaignIdCtaButton.vue')\r\n\t));\r\n\tapp.component('cta-button-with-popup-form', defineAsyncComponent(\r\n\t\t() => import('shared/components/actionButtonWithCTA/CtaButtonWithPopupForm.vue')\r\n\t));\r\n\tapp.component('form-kit-builder-container', defineAsyncComponent(\r\n\t\t() => import('shared/components/FormKitBuilderContainer/FormKitBuilderContainer.vue')\r\n\t));\r\n\tinitFormKitSchema(app);\r\n\tapp.use(store);\r\n\tapp.mount(richTextCtaBanner);\r\n}"],"file":"feature-richTextCtaBanner-DL94ThzQ.js"}