{"version":3,"file":"feature-productDualBenefitBlock-C4NlVpfN.js","sources":["../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/ProductDualBenefitBlock/components/DualBenefitVideo.vue","../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/ProductDualBenefitBlock/components/DualBenefitItem.vue","../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/ProductDualBenefitBlock/DualBenefitBlock.vue","../../../../Coloplast.UI/Features/ProductDeepDive/Views/Blocks/ProductDualBenefitBlock/productDualBenefitBlock-entry.ts"],"sourcesContent":["<script setup>\r\n\timport { ref, computed, watch, nextTick } from 'vue';\r\n\timport { DsIconButton } from '@coloplast/design-system';\r\n\timport { track_content_engagement } from 'shared/services/tracking/contentTrackingService.ts';\r\n\r\n\tconst props = defineProps({\r\n\t\tvideoUrl: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: false,\r\n\t\t},\r\n\t\tvideoId: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: false,\r\n\t\t},\r\n\t\tvideoProgress: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => { },\r\n\t\t},\r\n\t\tvideoApiIsReady: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: () => false,\r\n\t\t},\r\n\t\theadline: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: '',\r\n\t\t},\r\n\t});\r\n\r\n\tlet videoPlayer;\r\n\r\n\tconst\r\n\t\tvideo = ref(null),\r\n\t\tvideoIsPlaying = ref(false);\r\n\r\n\tconst vimeoVideoParams = computed(() => {\r\n\t\tlet params = '?autoplay=0&muted=1&controls=0&api=1&title=0&byline=0&portrait=0&sidedock=0&playsinline=1&autopip=none&pip=none&byline=0&responsive=1&loop=0';\r\n\t\tif (!window.marketingPermissions) {\r\n\t\t\tparams += '&dnt=true';\r\n\t\t}\r\n\t\treturn params;\r\n\t});\r\n\r\n\tconst embedVideoId = computed(() => {\r\n\t\tconst m = props.videoUrl.split('/');\r\n\t\tif (m) {\r\n\t\t\treturn m[m.length - 1];\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t});\r\n\r\n\tconst embedUrl = computed(() => {\r\n\t\tif (embedVideoId.value) {\r\n\t\t\treturn `https://player.vimeo.com/video/${embedVideoId.value}${vimeoVideoParams.value}`;\r\n\t\t}\r\n\t\telse {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t});\r\n\r\n\tconst emit = defineEmits(['changeVideo', 'videoApiIsReady', 'scriptLoading']);\r\n\r\n\t//when we scroll and block start visible on the page we start playing first video\r\n\twatch(() => props.videoProgress.blockIsVisible, (isVisible) => {\r\n\t\tif (videoPlayer && isVisible && !props.videoProgress.videoIsPlaying && props.videoId.includes('first')) {\r\n\t\t\tplayVideo();\r\n\t\t}\r\n\t});\r\n\r\n   //when one video is playing but user clicks on another one - just pause the current\r\n\twatch(() => props.videoProgress.videoId, (newVideoId) => {\r\n\t\tif (newVideoId != '' && videoIsPlaying.value && props.videoId != newVideoId) {\r\n\t\t\tpauseVideo();\r\n\t\t}\r\n\t});\r\n\r\n\t//looping the videos if no user action yet\r\n\twatch(() => props.videoProgress.videoEnded, (isEnded) => {\r\n\t\tif (videoPlayer && isEnded && props.videoProgress.videoId != props.videoId) {\r\n\t\t\tplayVideo();\r\n\t\t}\r\n\t});\r\n\r\n\t//when player and vimeo api is ready just init player functionality\r\n\twatch(() => props.videoApiIsReady, (videoApiIsReady) => {\r\n\t\tif (videoApiIsReady) {\r\n\t\t\tinitPlayer();\r\n\t\t}\r\n\t});\r\n\r\n\t//do not include Vimeo api twice for each video item\r\n\tif (!document.getElementById('videoapi-benefit')) {\r\n\t\tloadScript();\r\n\t}\r\n\telse {\r\n\t\temit('scriptLoading', false);\r\n\t}\r\n\r\n\tfunction loadScript() {\r\n\t\tconst videoApi = document.createElement('script');\r\n\t\tvideoApi.src = 'https://player.vimeo.com/api/player.js';\r\n\t\tvideoApi.async = true;\r\n\t\tvideoApi.id = 'videoapi-benefit';\r\n\r\n\t\tconst firstScriptTag = document.getElementsByTagName('script')[0];\r\n\t\tfirstScriptTag.parentNode.insertBefore(videoApi, firstScriptTag);\r\n\r\n\t\tvideoApi.onload = () => {\r\n\t\t\temit('scriptLoading', false);\r\n\t\t\tnextTick(() => {\r\n\t\t\t\temit('videoApiIsReady', true);\r\n\t\t\t});\r\n\t\t};\r\n\t}\r\n\r\n\tfunction initPlayer() {\r\n\t\tvideoPlayer = new Vimeo.Player(video.value);\r\n\t\tvideoPlayer.on('loaded', () => {\r\n\t\t\tif (props.videoProgress.blockIsVisible && !props.videoProgress.videoIsPlaying && props.videoId.includes('first')) {\r\n\t\t\t\tplayVideo();\r\n\t\t\t}\r\n\t\t});\r\n\t\tvideoPlayer.on('ended', () => {\r\n\t\t\tvideoIsPlaying.value = !videoIsPlaying.value;\r\n\t\t\tvideoPlayer.setCurrentTime(0);\r\n\t\t\tupdateVideoProgress({\r\n\t\t\t\tvideoIsPlaying: false,\r\n\t\t\t\tvideoId: props.videoId,\r\n\t\t\t\tvideoEnded: true,\r\n\t\t\t})\r\n\t\t});\r\n\t}\r\n\r\n\tconst videoTracked = ref(false);\r\n\r\n\tfunction playVideo(userClick = false) {\r\n\t\tvideoPlayer.play();\r\n\t\tupdateVideoProgress({\r\n\t\t\tvideoIsPlaying: true,\r\n\t\t\tvideoId: props.videoId,\r\n\t\t\tvideoEnded: false,\r\n\t\t})\r\n\t\tvideoIsPlaying.value = !videoIsPlaying.value;\r\n\r\n\t\tif (userClick) {\r\n\t\t\ttrack_content_engagement('video', 'start', props.headline || 'no_data', props.videoUrl);\r\n\t\t} else if (!userClick && !videoTracked.value) {\r\n\t\t\ttrack_content_engagement('video', 'start', props.headline || 'no_data', props.videoUrl);\r\n\t\t\tvideoTracked.value = true;\r\n\t\t}\r\n\t}\r\n\r\n\tfunction pauseVideo() {\r\n\t\tvideoIsPlaying.value = !videoIsPlaying.value;\r\n\t\tvideoPlayer.pause();\r\n\t\tif (props.videoProgress.videoId === props.videoId) {\r\n\t\t\tupdateVideoProgress({\r\n\t\t\t\tvideoIsPlaying: false,\r\n\t\t\t\tvideoId: '',\r\n\t\t\t\tvideoEnded: false,\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tfunction updateVideoProgress(obj) {\r\n\t\temit('changeVideo', obj)\r\n\t}\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div v-if=\"embedUrl\"\r\n\t\t class=\"c-video-item\">\r\n\t\t<iframe\r\n\t\t\t\tref=\"video\"\r\n\t\t\t\tclass=\"c-video-item__iframe\"\r\n\t\t\t\ttitle=\"video\"\r\n\t\t\t\t:data-src=\"embedUrl\"\r\n\t\t\t\tallow=\"autoplay\"\r\n\t\t\t\tautoplay\r\n\t\t\t\t:src=\"embedUrl\">\r\n\t\t</iframe>\r\n\r\n\t\t<DsIconButton v-if=\"!videoIsPlaying\"\r\n\t\t\t\t\t  aria-label=\"Icon button\"\r\n\t\t\t\t\t  icon-name=\"play\"\r\n\t\t\t\t\t  variant=\"secondary\"\r\n\t\t\t\t\t  class=\"c-video-item__videocta\"\r\n\t\t\t\t\t  :clickHandler=\"() => playVideo(true)\" />\r\n\t\t<DsIconButton v-else\r\n\t\t\t\t\t  aria-label=\"Icon button\"\r\n\t\t\t\t\t  icon-name=\"pause\"\r\n\t\t\t\t\t  variant=\"secondary\"\r\n\t\t\t\t\t  class=\"c-video-item__videocta\"\r\n\t\t\t\t\t  :clickHandler=\"() => pauseVideo()\" />\r\n\t</div>\r\n</template>\r\n","<!-- eslint-disable @typescript-eslint/no-unused-vars -->\r\n<script setup>\r\n\timport { ref, computed } from 'vue';\r\n\timport DualBenefitVideo from './DualBenefitVideo.vue';\r\n\timport { DsText, DsIcon, dsUseIsMobile } from '@coloplast/design-system';\r\n\r\n\tconst props = defineProps({\r\n\t\tdualBenefitModel: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => { },\r\n\t\t},\r\n\t\tvideoId: {\r\n\t\t\ttype: String,\r\n\t\t\trequired: false,\r\n\t\t},\r\n\t\tvideoProgress: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => { },\r\n\t\t},\r\n\t\tvideoApiIsReady: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: () => false,\r\n\t\t},\r\n\t});\r\n\r\n\tconst { isMobile } = dsUseIsMobile();\r\n\r\n\tconst dynamicSize = computed(() => (isMobile?.value ? 'sm' : 'md'));\r\n\r\n\tconst scriptLoading = ref(true);\r\n\r\n\tconst emit = defineEmits(['changeVideo', 'videoApiIsReady']);\r\n\r\n\tfunction updateVideoProgress(updatedProgressObj) {\r\n\t\temit('changeVideo', updatedProgressObj)\r\n\t}\r\n\r\n\tfunction updateLoading(value) {\r\n\t\tscriptLoading.value = value;\r\n\t}\r\n\r\n\tfunction updateApiProgress(value) {\r\n\t\temit('videoApiIsReady', value);\r\n\t}\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"c-dual-benefit-block__row\">\r\n\t\t<slot\r\n\t\t\t  v-if=\"scriptLoading && dualBenefitModel.VideoUrl\"\r\n\t\t\t  name=\"skeleton\">\r\n\t\t</slot>\r\n\t\t<DualBenefitVideo\r\n\t\t\t\t\t\t  v-if=\"dualBenefitModel.VideoUrl\"\r\n\t\t\t\t\t\t  :video-url=\"dualBenefitModel.VideoUrl\"\r\n\t\t\t\t\t\t  :video-id=\"videoId\"\r\n\t\t\t\t\t\t  :video-progress=\"videoProgress\"\r\n\t\t\t\t\t\t  :videoApiIsReady=\"videoApiIsReady\"\r\n\t\t\t\t\t\t  :headline=\"dualBenefitModel.Headline\"\r\n\t\t\t\t\t\t  @scriptLoading=\"updateLoading\"\r\n\t\t\t\t\t\t  @videoApiIsReady=\"updateApiProgress\"\r\n\t\t\t\t\t\t  @changeVideo=\"updateVideoProgress\">\r\n\t\t</DualBenefitVideo>\r\n\t\t<div class=\"c-dual-benefit-block__contentwrapper\">\r\n\t\t\t<DsText v-if=\"dualBenefitModel.Headline\"\r\n\t\t\t\t\thtml-element=\"h3\"\r\n\t\t\t\t\ttext-type=\"heading-2xl\"\r\n\t\t\t\t\tclass=\"c-dual-benefit-block__contentheadline\">\r\n\t\t\t\t<span v-html=\"dualBenefitModel.Headline\"></span>\r\n\t\t\t</DsText>\r\n\t\t\t<div v-if=\"dualBenefitModel.Benefits && dualBenefitModel.Benefits.length\"\r\n\t\t\t\t class=\"c-dual-benefit-block__keybenefits\">\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(keybenefit, index) in dualBenefitModel.Benefits\"\r\n\t\t\t\t\t:key=\"index\"\r\n\t\t\t\t\tclass=\"c-dual-benefit-block__keybenefititem\"\r\n\t\t\t\t >\r\n\t\t\t\t\t<DsIcon v-if=\"keybenefit.Icon\"\r\n\t\t\t\t\t\t\t:icon-name=\"keybenefit.Icon\"\r\n\t\t\t\t\t\t\t:size=\"dynamicSize\">\r\n\t\t\t\t\t</DsIcon>\r\n\t\t\t\t\t<DsText v-if=\"keybenefit.Text\"\r\n\t\t\t\t\t\t\thtml-element=\"span\"\r\n\t\t\t\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t\t\t\ttext-type=\"body-lg\">\r\n\t\t\t\t\t\t<span v-html=\"keybenefit.Text\"></span>\r\n\t\t\t\t\t</DsText>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<DsText\r\n\t\t\t\thtml-element=\"div\"\r\n\t\t\t\ttext-type=\"body-md\"\r\n\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\tclass=\"c-dual-benefit-block__contentdescription\"\r\n\t\t\t>\r\n\t\t\t\t<div v-html=\"dualBenefitModel.Description\"></div>\r\n\t\t\t</DsText>\r\n\t\t\t<!--Cta Button-->\r\n\t\t\t<slot></slot>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n","<!-- eslint-disable @typescript-eslint/no-unused-vars -->\r\n<script setup>\r\n\timport { ref, onMounted } from 'vue';\r\n\timport DualBenefitItem from './components/DualBenefitItem.vue';\r\n\timport SkeletonBox from 'shared/components/skeleton/skeletonBox.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\r\n\t\tdualBenefitBlock = ref(null),\r\n\t\tobserver = ref(null),\r\n\t\tvideoId = ref(Math.floor(100000 + Math.random() * 900000)),\r\n\t\tvideoProgress = ref({}),\r\n\t\tvideoApiIsReady = ref(false);\r\n\r\n\tonMounted(() => {\r\n\t\tobserver.value = new IntersectionObserver((entries) => {\r\n\t\t\tif (entries[0].isIntersecting === true && !videoProgress.value.blockIsVisible) {\r\n\t\t\t\tvideoProgress.value.blockIsVisible = true;\r\n\t\t\t}\r\n\t\t}, { threshold: 0.05 });\r\n\r\n\t\tobserver.value.observe(dualBenefitBlock.value);\r\n\t});\r\n\r\n\tfunction updateVideoProgress(updatedProgressObj) {\r\n\t\tvideoProgress.value = { ...videoProgress.value, ...updatedProgressObj };\r\n\t}\r\n\r\n\tfunction updateApiProgress(value) {\r\n\t\tvideoApiIsReady.value = value;\r\n\t}\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"c-dual-benefit-block__container\"\r\n\t\t ref=\"dualBenefitBlock\">\r\n\t\t<DualBenefitItem :dual-benefit-model=\"vm.CurrentBlock.LeftSideBenefit\"\r\n\t\t\t\t\t\t :video-id=\"`first-${videoId}`\"\r\n\t\t\t\t\t\t :video-progress=\"videoProgress\"\r\n\t\t\t\t\t\t :videoApiIsReady=\"videoApiIsReady\"\r\n\t\t\t\t\t\t @videoApiIsReady=\"updateApiProgress\"\r\n\t\t\t\t\t\t @changeVideo=\"updateVideoProgress\">\r\n\t\t\t<slot name=\"leftcta\"></slot>\r\n\t\t\t<template #skeleton>\r\n\t\t\t\t<SkeletonBox width=\"100%\"\r\n\t\t\t\t\t\t\t height=\"400\" />\r\n\t\t\t</template>\r\n\t\t</DualBenefitItem>\r\n\t\t<DualBenefitItem :dual-benefit-model=\"vm.CurrentBlock.RightSideBenefit\"\r\n\t\t\t\t\t\t :video-id=\"`${videoId}`\"\r\n\t\t\t\t\t\t :video-progress=\"videoProgress\"\r\n\t\t\t\t\t\t :videoApiIsReady=\"videoApiIsReady\"\r\n\t\t\t\t\t\t @videoApiIsReady=\"updateApiProgress\"\r\n\t\t\t\t\t\t @changeVideo=\"updateVideoProgress\">\r\n\t\t\t<slot name=\"rightcta\"></slot>\r\n\t\t\t<template #skeleton>\r\n\t\t\t\t<SkeletonBox width=\"100%\"\r\n\t\t\t\t\t\t\t height=\"400\" />\r\n\t\t\t</template>\r\n\t\t</DualBenefitItem>\r\n\t</div>\r\n</template>\r\n","import { createApp } from 'vue';\r\nimport DualBenefitBlock from './DualBenefitBlock.vue';\r\nimport './c-dual-benefit-block.scss';\r\n\r\nconst dualBenefits = [...document.querySelectorAll('[data-dual-benefits]')];\r\n\r\nif (dualBenefits) {\r\n\tdualBenefits.forEach((item) => {\r\n\t\tconst app = createApp({\r\n\t\t\tname: 'DualBenefitBlockApp',\r\n\t\t});\r\n\t\tapp.component('dual-benefit-block', DualBenefitBlock);\r\n\t\tapp.mount(item);\r\n\t});\r\n}"],"names":["props","__props","videoPlayer","video","ref","videoIsPlaying","vimeoVideoParams","computed","params","embedVideoId","m","embedUrl","emit","__emit","watch","isVisible","playVideo","newVideoId","pauseVideo","isEnded","videoApiIsReady","initPlayer","loadScript","videoApi","firstScriptTag","nextTick","updateVideoProgress","videoTracked","userClick","track_content_engagement","obj","isMobile","dsUseIsMobile","dynamicSize","scriptLoading","updatedProgressObj","updateLoading","value","updateApiProgress","dualBenefitBlock","observer","videoId","videoProgress","onMounted","entries","dualBenefits","item","app","createApp","DualBenefitBlock"],"mappings":"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"}