{"version":3,"mappings":"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","names":["store","useStore","setReturnButtonText","payload","isMobile","dsUseIsMobile","props","__props","isToolStarted","ref","activeQuestion","handleCheckToolTracking","stateValue","check_tool","startTheTool","isResultShown","setActiveQuestion","buttonValue","currentIndex","result","isQuestionAnswered","computed","tempQuestion","mobileImage","desktopImage","setAnswers","isResultReady","property","questionList","questionItem","optionItem","setResultValue","selectedOptionName","selectedOptionId","selectedQuestion","item","showResults","url","params","value","isPartialResultReady","progressBarPercentage","setImage","chosenProduct","scrollToTop","onMounted","clearQueryStringParameters","watch","returnButtonText","showStartTool","fitTool","app","createApp","FitTool","FitToolResult","defineAsyncComponent","__vitePreload","initFormKitSchema"],"ignoreList":[],"sources":["../../../../Coloplast.UI/Features/OstomyCareFitTool/Views/FitTool.vue","../../../../Coloplast.UI/Features/OstomyCareFitTool/Views/FitToolResult.vue","../../../../Coloplast.UI/Features/OstomyCareFitTool/Views/fitTool-entry.ts"],"sourcesContent":["<script setup>\r\n\timport { ref, computed, onMounted, watch } from 'vue';\r\n\timport { useStore } from 'vuex';\r\n\timport { DsText, DsButton, dsUseIsMobile } from '@coloplast/design-system';\r\n\timport { clearQueryStringParameters } from 'shared/services/windowLocationService';\r\n\timport { check_tool } from 'shared/services/tracking/toolService';\r\n\r\n\tconst store = useStore();\r\n\tconst setReturnButtonText = (payload) => store.commit('setReturnButtonText', payload);\r\n\r\n\tconst { isMobile } = dsUseIsMobile();\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 isToolStarted = ref(false);\r\n\tconst activeQuestion = ref(null);\r\n\r\n\tconst handleCheckToolTracking = (stateValue) => {\r\n\t\tcheck_tool({\r\n\t\t\tevent: 'check_tool',\r\n\t\t\tcheck_id: 'fit_tool',\r\n\t\t\tcheck_name: 'Fit Tool',\r\n\t\t\tcheck_question_id: '1',\r\n\t\t\tcheck_question_name: 'fit tool question',\r\n\t\t\tcheck_question_state: stateValue,\r\n\t\t});\r\n\t};\r\n\r\n\tconst startTheTool = () => {\r\n\t\tisToolStarted.value = true;\r\n\t\tactiveQuestion.value = 0;\r\n\r\n\t\tif (!isResultShown.value) {\r\n\t\t\thandleCheckToolTracking('start');\r\n\t\t}\r\n\t};\r\n\r\n\tconst setActiveQuestion = (buttonValue, currentIndex) => {\r\n\t\tif (buttonValue === 'next') {\r\n\t\t\tactiveQuestion.value = currentIndex + 1;\r\n\t\t} else {\r\n\t\t\tactiveQuestion.value = currentIndex - 1;\r\n\t\t}\r\n\t};\r\n\r\n\tconst result = ref({\r\n\t\tshape: +sessionStorage.getItem('shapeValue'),\r\n\t\tpositioning: +sessionStorage.getItem('positioningValue'),\r\n\t\tfolds: +sessionStorage.getItem('foldsValue'),\r\n\t});\r\n\r\n\tconst isQuestionAnswered = computed(() => {\r\n\t\tlet tempQuestion;\r\n\r\n\t\tswitch (activeQuestion.value) {\r\n\t\t\tcase 0:\r\n\t\t\t\ttempQuestion = !!result.value.shape;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 1:\r\n\t\t\t\ttempQuestion = !!result.value.positioning\r\n\t\t\t\tbreak;\r\n\t\t\tcase 2:\r\n\t\t\t\ttempQuestion = !!result.value.folds\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\treturn tempQuestion;\r\n\t});\r\n\r\n\tconst mobileImage = ref(props.vm.BaseViewModel.DefaultMobileImageUrl);\r\n\tconst desktopImage = ref(props.vm.BaseViewModel.DefaultDesktopImageUrl);\r\n\r\n\tconst setAnswers = () => {\r\n\t\tif (isResultReady.value) {\r\n\t\t\tfor (const property in result.value) {\r\n\t\t\t\tquestionList.value.forEach(questionItem => {\r\n\t\t\t\t\tif (questionItem.id === property) {\r\n\t\t\t\t\t\tquestionItem.options.forEach(optionItem => optionItem.chosen = optionItem.id === result.value[property]);\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst setResultValue = (selectedOptionName, selectedOptionId, selectedQuestion) => {\r\n\t\tif (!isMobile.value) {\r\n\t\t\tactiveQuestion.value = questionList.value.indexOf(selectedQuestion);\r\n\t\t}\r\n\r\n\t\tswitch (activeQuestion.value) {\r\n\t\t\tcase 0:\r\n\t\t\t\tresult.value.shape = selectedOptionId;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 1:\r\n\t\t\t\tresult.value.positioning = selectedOptionId;\r\n\t\t\t\tbreak;\r\n\t\t\tcase 2:\r\n\t\t\t\tresult.value.folds = selectedOptionId;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tquestionList.value[activeQuestion.value].options.forEach(item => item.chosen = item.name === selectedOptionName);\r\n\t};\r\n\r\n\tconst showResults = () => {\r\n\t\tsessionStorage.setItem('shapeValue', result.value.shape);\r\n\t\tsessionStorage.setItem('positioningValue', result.value.positioning);\r\n\t\tsessionStorage.setItem('foldsValue', result.value.folds);\r\n\r\n\t\thandleCheckToolTracking('finish');\r\n\r\n\t\tconst url = new URL(window.location.href);\r\n\t\tconst params = `?${new URLSearchParams(result.value).toString()}`;\r\n\t\twindow.history.pushState({}, '', url + params);\r\n\t\twindow.location.reload();\r\n\t};\r\n\r\n\tconst isResultReady = computed(() => {\r\n\t\treturn Object.values(result.value).every(value => value !== 0);\r\n\t});\r\n\r\n\tconst isPartialResultReady = computed(() => {\r\n\t\treturn Object.values(result.value).some(value => value !== 0);\r\n\t});\r\n\r\n\tconst isResultShown = computed(() => {\r\n\t\treturn props.vm.BaseViewModel.ShowResult;\r\n\t});\r\n\r\n\tconst progressBarPercentage = computed(() => {\r\n\t\tswitch (activeQuestion.value) {\r\n\t\t\tcase 0:\r\n\t\t\t\treturn 100 / 3;\r\n\t\t\tcase 1:\r\n\t\t\t\treturn 100 / 3 * 2;\r\n\t\t\tcase 2:\r\n\t\t\t\treturn 100;\r\n\t\t\tdefault:\r\n\t\t\t\treturn 0;\r\n\t\t}\r\n\t});\r\n\r\n\tconst setImage = () => {\r\n\t\tlet chosenProduct = props.vm.BaseViewModel.Images.find(chosenProduct =>\r\n\t\t\tchosenProduct.ShapeValue === result.value.shape &&\r\n\t\t\tchosenProduct.PositioningValue === result.value.positioning &&\r\n\t\t\tchosenProduct.FoldsValue === result.value.folds\r\n\t\t);\r\n\r\n\t\tmobileImage.value = chosenProduct?.MobileImageUrl ?? props.vm.BaseViewModel.DefaultMobileImageUrl;\r\n\t\tdesktopImage.value = chosenProduct?.DesktopImageUrl ?? props.vm.BaseViewModel.DefaultDesktopImageUrl;\r\n\t};\r\n\r\n\tconst scrollToTop = () => {\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst currentScrollPosition = document.documentElement.scrollTop || document.body.scrollTop || window.scrollY;\r\n\r\n\t\t\tif (currentScrollPosition > 0) {\r\n\t\t\t\twindow.scrollTo(0, 0);\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t};\r\n\r\n\tconst questionList = ref([\r\n\t\t{\r\n\t\t\tid: 'shape',\r\n\t\t\ttext: props.vm.CurrentBlock.ShapeQuestionText,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 1,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.RegularShapeOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 2,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.InwardsShapeOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 3,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.OutwardShapeOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'positioning',\r\n\t\t\ttext: props.vm.CurrentBlock.PositioningQuestionText,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 1,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.SameLevelOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 2,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.BelowSkinOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 3,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.AboveSkinOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t},\r\n\t\t{\r\n\t\t\tid: 'folds',\r\n\t\t\ttext: props.vm.CurrentBlock.FoldsQuestionText,\r\n\t\t\toptions: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 1,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.NoFoldsOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tid: 2,\r\n\t\t\t\t\tname: props.vm.CurrentBlock.DeepFoldsOptionText,\r\n\t\t\t\t\tchosen: false,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t},\r\n\t]);\r\n\r\n\tonMounted(() => {\r\n\t\tif (isResultShown.value) {\r\n\t\t\tscrollToTop();\r\n\t\t}\r\n\r\n\t\tif (!isResultShown.value) {\r\n\t\t\tclearQueryStringParameters(window.location.href);\r\n\t\t}\r\n\r\n\t\tif (isResultReady.value) {\r\n\t\t\tstartTheTool();\r\n\t\t\tsetAnswers();\r\n\t\t\tsetImage();\r\n\t\t}\r\n\r\n\t\tsetReturnButtonText(props.vm.CurrentBlock.BackToTheToolButtonText);\r\n\t});\r\n\r\n\twatch(\r\n\t\t() => result.value,\r\n\t\t() => {\r\n\t\t\tif (isPartialResultReady.value) {\r\n\t\t\t\tsetImage();\r\n\t\t\t}\r\n\t\t}, { deep: true }\r\n\t);\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tv-if=\"!isResultShown\"\r\n\t\tclass=\"c-fit-tool\"\r\n\t>\r\n\t\t<Transition\r\n\t\t\tappear\r\n\t\t\tname=\"fit-tool\"\r\n\t\t\tmode=\"out-in\"\r\n\t\t>\r\n\t\t\t<section\r\n\t\t\t\tv-if=\"!isToolStarted\"\r\n\t\t\t\tclass=\"c-fit-tool__introduction-wrapper\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"c-fit-tool__introduction\">\r\n                    <slot name=\"introduction\"></slot>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tv-if=\"vm.CurrentBlock.StartToolButtonText\"\r\n\t\t\t\t\t\tclass=\"c-fit-tool__introduction-button\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t:disabled=\"null\"\r\n\t\t\t\t\t\t\t:click-handler=\"startTheTool\"\r\n\t\t\t\t\t\t\tdata-testid=\"start-tool\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ vm.CurrentBlock.StartToolButtonText }}\r\n\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</section>\r\n\t\t\t<section\r\n\t\t\t\tv-else-if=\"isToolStarted && isMobile\"\r\n\t\t\t\tclass=\"c-fit-tool__questionnaire-wrapper\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"c-fit-tool__questionnaire\">\r\n                    <slot name=\"questionnaire\"></slot>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\t:src=\"`${mobileImage}?im=Resize=(296,156)`\"\r\n\t\t\t\t\t\t:alt=\"vm.CurrentBlock.IntroductionHeadline\"\r\n\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-image\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t<progress\r\n\t\t\t\t\t\t:value=\"progressBarPercentage\"\r\n\t\t\t\t\t\tmax=\"100\"\r\n\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-progressbar\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</progress>\r\n\t\t\t\t\t<template v-if=\"questionList.length\">\r\n\t\t\t\t\t\t<template\r\n\t\t\t\t\t\t\tv-for=\"(question, index) in questionList\"\r\n\t\t\t\t\t\t\t:key=\"question.text\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tv-if=\"activeQuestion === index\"\r\n\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<DsText\r\n\t\t\t\t\t\t\t\t\thtml-element=\"p\"\r\n\t\t\t\t\t\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t\t\t\t\t\ttext-type=\"body-md\"\r\n\t\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list-description\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ question.text }}\r\n\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t<div class=\"c-fit-tool__questionnaire-list-item\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tv-for=\"option in question.options\"\r\n\t\t\t\t\t\t\t\t\t\t:key=\"option.name\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list-button\"\r\n\t\t\t\t\t\t\t\t\t\t:class=\"{ 'c-fit-tool__questionnaire-list-button--chosen' : option.chosen }\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"setResultValue(option.name, option.id, question)\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<DsText\r\n\t\t\t\t\t\t\t\t\t\t\thtml-element=\"span\"\r\n\t\t\t\t\t\t\t\t\t\t\ttext-style=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\ttext-type=\"body-lg\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{{ option.name }}\r\n\t\t\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.SearchProductsButtonText || vm.CurrentBlock.NextButtonText || vm.CurrentBlock.PreviousButtonText\"\r\n\t\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-navigation\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.SearchProductsButtonText && activeQuestion === 2\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t:disabled=\"!isResultReady\"\r\n\t\t\t\t\t\t\t\t\t\t:click-handler=\"showResults\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ vm.CurrentBlock.SearchProductsButtonText }}\r\n\t\t\t\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.NextButtonText && activeQuestion !== 2\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t:disabled=\"!isQuestionAnswered\"\r\n\t\t\t\t\t\t\t\t\t\t:click-handler=\"() => setActiveQuestion('next', index)\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ vm.CurrentBlock.NextButtonText }}\r\n\t\t\t\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.PreviousButtonText\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t:disabled=\"activeQuestion === 0\"\r\n\t\t\t\t\t\t\t\t\t\t:click-handler=\"() => setActiveQuestion('previous', index)\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{{ vm.CurrentBlock.PreviousButtonText }}\r\n\t\t\t\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t</template>\r\n\t\t\t\t</div>\r\n\t\t\t</section>\r\n\t\t\t<section\r\n\t\t\t\tv-else-if=\"isToolStarted && !isMobile\"\r\n\t\t\t\tclass=\"c-fit-tool__questionnaire-container\"\r\n\t\t\t>\r\n\t\t\t\t<div class=\"c-fit-tool__questionnaire-wrapper c-fit-tool__questionnaire-wrapper--desktop\">\r\n\t\t\t\t\t<div class=\"c-fit-tool__questionnaire\">\r\n\t\t\t\t\t\t<slot name=\"questionnaire\"></slot>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tv-if=\"questionList.length\"\r\n\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list-wrapper\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div v-for=\"question in questionList\"\r\n\t\t\t\t\t\t\t\t :key=\"question.text\"\r\n\t\t\t\t\t\t\t\t class=\"c-fit-tool__questionnaire-list c-fit-tool__questionnaire-list--desktop\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<DsText\r\n\t\t\t\t\t\t\t\t\thtml-element=\"p\"\r\n\t\t\t\t\t\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t\t\t\t\t\ttext-type=\"body-md\"\r\n\t\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list-description\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ question.text }}\r\n\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t<div class=\"c-fit-tool__questionnaire-list-item c-fit-tool__questionnaire-list-item--desktop\">\r\n\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\tv-for=\"option in question.options\"\r\n\t\t\t\t\t\t\t\t\t\t:key=\"option.name\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-list-button\"\r\n\t\t\t\t\t\t\t\t\t\t:class=\"{ 'c-fit-tool__questionnaire-list-button--chosen' : option.chosen }\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"setResultValue(option.name, option.id, question)\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<DsText\r\n\t\t\t\t\t\t\t\t\t\t\thtml-element=\"span\"\r\n\t\t\t\t\t\t\t\t\t\t\ttext-style=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\t\ttext-type=\"body-md\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{{ option.name }}\r\n\t\t\t\t\t\t\t\t\t\t</DsText>\r\n\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.SearchProductsButtonText\"\r\n\t\t\t\t\t\t\t\tclass=\"c-fit-tool__questionnaire-navigation c-fit-tool__questionnaire-navigation--desktop\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<DsButton\r\n\t\t\t\t\t\t\t\t\tv-if=\"vm.CurrentBlock.SearchProductsButtonText\"\r\n\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\r\n\t\t\t\t\t\t\t\t\t:disabled=\"!isResultReady\"\r\n\t\t\t\t\t\t\t\t\t:click-handler=\"showResults\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{{ vm.CurrentBlock.SearchProductsButtonText }}\r\n\t\t\t\t\t\t\t\t</DsButton>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<img\r\n\t\t\t\t\t:src=\"`${desktopImage}?im=Resize=(782,516)`\"\r\n\t\t\t\t\t:alt=\"vm.CurrentBlock.IntroductionHeadline\"\r\n\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\tclass=\"c-fit-tool__questionnaire-image c-fit-tool__questionnaire-image--desktop\"\r\n\t\t\t\t>\r\n\t\t\t</section>\r\n\t\t</Transition>\r\n\t</div>\r\n\t<slot></slot>\r\n</template>\r\n","<script setup>\r\n\timport { computed } from 'vue';\r\n\timport { useStore } from 'vuex';\r\n\timport { DsButton, dsUseIsMobile } from '@coloplast/design-system';\r\n\timport { clearQueryStringParameters } from 'shared/services/windowLocationService';\r\n\r\n\tconst store = useStore();\r\n\tconst returnButtonText = computed(() => store.getters['getReturnButtonText']);\r\n\r\n\tconst { isMobile } = dsUseIsMobile();\r\n\r\n\tconst showStartTool = () => {\r\n\t\tclearQueryStringParameters(window.location.href);\r\n\t\twindow.location.reload();\r\n\t};\r\n</script>\r\n\r\n<template>\r\n\t<Teleport\r\n\t  to=\"[data-teleport-result]\"\r\n\t  :disabled=\"isMobile\"\r\n  \t>\r\n\t\t<div class=\"c-fit-tool__result\">\r\n\t\t\t<DsButton\r\n\t\t\t\tv-if=\"!isMobile\"\r\n\t\t\t\ticon-start=\"navigate-back\"\r\n\t\t\t\tsize=\"md\"\r\n\t\t\t\tvariant=\"link\"\r\n\t\t\t\t:disabled=\"null\"\r\n\t\t\t\tclass=\"c-fit-tool__result-button\"\r\n\t\t\t\t:click-handler=\"showStartTool\"\r\n\t\t  \t>\r\n\t\t\t\t{{ returnButtonText }}\r\n\t\t\t</DsButton>\r\n\t\t\t<slot name=\"introduction\"></slot>\r\n\t\t</div>\r\n\t</Teleport>\r\n\t<slot></slot>\r\n</template>\r\n","import store from 'shared/store';\r\nimport { initFormKitSchema } from 'shared/utils/initFormKitSchema';\r\nimport { createApp, defineAsyncComponent } from 'vue';\r\nimport FitTool from \"./FitTool.vue\";\r\nimport FitToolResult from \"./FitToolResult.vue\";\r\nimport \"./fitTool.scss\";\r\n\r\nconst fitTool = document.getElementById('fit-tool');\r\n\tif (fitTool) {\r\n\t\tconst app = createApp({\r\n\t\t\tname: 'FitToolApp',\r\n\t\t});\r\n\t\tapp.component('fit-tool', FitTool);\r\n\t\tapp.component('fit-tool-result', FitToolResult);\r\n\t\tapp.component('fit-tool-carousel', defineAsyncComponent(\r\n\t\t\t() => import('./FitToolCarousel.vue')\r\n\t\t));\r\n\t\tapp.component('product-highlights-block', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/ProductHighlights/ProductHighlightsBlock.vue')\r\n\t\t));\r\n\t\tapp.component('highlighted-multimedia-block', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/mediaItems/HighlightedMultimediaBlock.vue')\r\n\t\t));\r\n\t\tapp.component('video-poster', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/VideoElements/videoPoster.vue')\r\n\t\t));\r\n\t\tapp.component('related-content-block', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/contentLibrary/relatedContentBlock.vue')\r\n\t\t));\r\n\t\tapp.component('content-recommended-block', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/contentLibrary/contentRecommendedBlock.vue')\r\n\t\t));\r\n\t\tapp.component('cta-block', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/articleElements/ctaBlock.vue')\r\n\t\t));\r\n\t\tapp.component('cta-button-with-popup-form', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/actionButtonWithCTA/CtaButtonWithPopupForm.vue')\r\n\t\t));\r\n\t\tapp.component('form-kit-builder-container', defineAsyncComponent(\r\n\t\t\t() => import('shared/components/FormKitBuilderContainer/FormKitBuilderContainer.vue')\r\n\t\t));\r\n\t\tinitFormKitSchema(app);\r\n\t\tapp.use(store);\r\n\t\tapp.mount(fitTool);\r\n\t}\r\n"],"file":"feature-fitTool-CNxAnJ--.js"}