{"version":3,"file":"ExplanationModal-a2d8b11d.js","sources":["../../src/assets/img/calculation-info.svg","../../src/components/modals/ExplanationModal.vue"],"sourcesContent":["export default \"__VITE_ASSET__68c35ed0__\"","<template>\r\n  <button @click=\"openModal\" :class=\"['explanation-btn button-as-link', { 'icon-btn': withIcon, 'no-underline': withIcon }]\">\r\n    <img v-if=\"withIcon\" :src=\"InfoIcon\" alt=\"An information icon.\" />\r\n    {{ buttonText }}\r\n  </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { useModal } from 'vue-final-modal';\r\nimport ModalCentered from './ModalCentered.vue';\r\nimport InfoIcon from '@/assets/img/calculation-info.svg';\r\nimport { AnalyticsEvents, AnalyticsEventTypes } from '../../foundation/enums/AnalyticsEvents';\r\nimport { useCarComparisonStore } from '../../foundation/stores/carComparisonStore';\r\nimport { useRoute } from 'vue-router';\r\nconst props = defineProps({\r\n  title: {\r\n    type: String,\r\n    default: 'Title',\r\n  },\r\n  description: {\r\n    type: String,\r\n    default: 'Description',\r\n  },\r\n  buttonText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  withIcon: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\nconst carComparisonStore = useCarComparisonStore();\r\nconst route = useRoute();\r\nconst estimatedModal = useModal({ component: ModalCentered });\r\nfunction pushToAnalytics() {\r\n  try {\r\n    carComparisonStore.pushToAnalytics(route.params.carId as string, AnalyticsEvents.NavigationLinkClick, props.title, AnalyticsEventTypes.ExplanationLink);\r\n  } catch (error) {\r\n    console.log('fail to push to analytics', error);\r\n  }\r\n}\r\nfunction openModal() {\r\n  estimatedModal.options.attrs = {\r\n    title: props.title,\r\n    onClose: () => estimatedModal.close(),\r\n  };\r\n  estimatedModal.options.slots = {\r\n    default: props.description,\r\n  };\r\n  pushToAnalytics();\r\n  estimatedModal.open();\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.explanation-btn {\r\n  font-size: 0.875rem;\r\n}\r\n</style>\r\n"],"names":["InfoIcon","carComparisonStore","useCarComparisonStore","route","useRoute","estimatedModal","useModal","ModalCentered","pushToAnalytics","AnalyticsEvents","props","AnalyticsEventTypes","error","openModal"],"mappings":"sSAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,gCAAA,YAAA,GAAA,EAAA,oOCgCTC,EAAqBC,IACrBC,EAAQC,IACRC,EAAiBC,EAAS,CAAE,UAAWC,CAAe,CAAA,EAC5D,SAASC,GAAkB,CACrB,GAAA,CACiBP,EAAA,gBAAgBE,EAAM,OAAO,MAAiBM,EAAgB,oBAAqBC,EAAM,MAAOC,EAAoB,eAAe,QAC/IC,GACC,QAAA,IAAI,4BAA6BA,CAAK,CAChD,CACF,CACA,SAASC,GAAY,CACnBR,EAAe,QAAQ,MAAQ,CAC7B,MAAOK,EAAM,MACb,QAAS,IAAML,EAAe,MAAM,CAAA,EAEtCA,EAAe,QAAQ,MAAQ,CAC7B,QAASK,EAAM,WAAA,EAEDF,IAChBH,EAAe,KAAK,CACtB"}