{"version":3,"file":"TooltipHeader-CYf3zr4j.js","sources":["../../../Frontend/vue/components/TooltipHeader/TooltipHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport modalHelper from \"@/helpers/modal.helper\";\r\nimport ModalOptions from \"@/models/modaloptions.model\";\r\nimport { onMounted } from \"vue\";\r\n\r\nconst props = defineProps<{\r\n  bodyText?: string\r\n    size?: string\r\n    color?: string\r\n    sportaanbiederId?: string\r\n\r\n}>()\r\n\r\n\r\nconst openTooltipModal = () => {\r\n    const modalOptions: ModalOptions = {\r\n        bodyText: props.bodyText,\r\n        sportaanbiederId: props.sportaanbiederId\r\n    };\r\n\r\n    const modal = modalHelper.openInformationModal(modalOptions);\r\n};\r\n\r\nonMounted(() => {\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div class=\"fancy-header-tooltip\" v-if=\"size == 'large'\" @click=\"openTooltipModal()\">\r\n        <svg class=\"icon icon-xl icon-Info\"><use xlink:href=\"#icon-Info\"></use></svg>\r\n    </div>\r\n    <div class=\"cb-tooltip\"  v-else @click=\"openTooltipModal()\">\r\n        <svg class=\"icon icon-Info\"><use xlink:href=\"#icon-Info\"></use></svg>\r\n    </div>\r\n</template>"],"names":["openTooltipModal","modalOptions","props","modalHelper","onMounted"],"mappings":"ugBAcMA,EAAmB,IAAM,CAC3B,MAAMC,EAA6B,CAC/B,SAAUC,EAAM,SAChB,iBAAkBA,EAAM,gBAAA,EAGdC,EAAY,qBAAqBF,CAAY,CAAA,EAG/D,OAAAG,EAAU,IAAM,CAAA,CACf"}