| {"version":3,"file":"Tooltip.js","sources":["../../../../src/lib/components/common/Tooltip.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport DOMPurify from 'dompurify';\n\n\timport { onDestroy } from 'svelte';\n\timport { marked } from 'marked';\n\n\timport tippy from 'tippy.js';\n\timport { roundArrow } from 'tippy.js';\n\n\texport let placement = 'top';\n\texport let content = `I'm a tooltip!`;\n\texport let touch = true;\n\texport let className = 'flex';\n\texport let theme = '';\n\texport let allowHTML = true;\n\texport let tippyOptions = {};\n\n\tlet tooltipElement;\n\tlet tooltipInstance;\n\n\t$: if (tooltipElement && content) {\n\t\tif (tooltipInstance) {\n\t\t\ttooltipInstance.setContent(DOMPurify.sanitize(content));\n\t\t} else {\n\t\t\ttooltipInstance = tippy(tooltipElement, {\n\t\t\t\tcontent: DOMPurify.sanitize(content),\n\t\t\t\tplacement: placement,\n\t\t\t\tallowHTML: allowHTML,\n\t\t\t\ttouch: touch,\n\t\t\t\t...(theme !== '' ? { theme } : { theme: 'dark' }),\n\t\t\t\tarrow: false,\n\t\t\t\toffset: [0, 4],\n\t\t\t\t...tippyOptions\n\t\t\t});\n\t\t}\n\t} else if (tooltipInstance && content === '') {\n\t\tif (tooltipInstance) {\n\t\t\ttooltipInstance.destroy();\n\t\t}\n\t}\n\n\tonDestroy(() => {\n\t\tif (tooltipInstance) {\n\t\t\ttooltipInstance.destroy();\n\t\t}\n\t});\n</script>\n\n<div bind:this={tooltipElement} aria-label={DOMPurify.sanitize(content)} class={className}>\n\t<slot />\n</div>\n"],"names":[],"mappings":";;;;QASY,YAAY,MAAA,IAAA;AACZ,MAAA,EAAA,UAAA,iBAAA,IAAA;QACA,QAAQ,KAAA,IAAA;QACR,YAAY,OAAA,IAAA;QACZ,QAAQ,GAAA,IAAA;QACR,YAAY,KAAA,IAAA;AACZ,MAAA,EAAA,eAAA,GAAA,IAAA;AAEP,MAAA;AAwBJ,YAAA,MAAA;AAAA;;;;;;;;AAO2C,SAAA,OAAA,cAAA,cAAA,UAAU,SAAS,OAAO,GAAU,CAAA,CAAA,GAAA,cAAA,SAAA,sCAAhE,gBAAc,CAAA,CAAA,IAAA,MAAA,UAAA,MAAA,QAAA,CAAA,CAAA,IAAA,EAAA;;"} |