{@html DOMPurify.sanitize(svg, { USE_PROFILES: { svg: true, svgFilters: true }, // allow
,
,
, etc. WHOLE_DOCUMENT: false, ADD_TAGS: ['style', 'foreignObject'], // include foreignObject if using HTML labels ADD_ATTR: [ 'class', 'style', 'id', 'data-*', 'viewBox', 'preserveAspectRatio', // markers / arrows 'markerWidth', 'markerHeight', 'markerUnits', 'refX', 'refY', 'orient', // hrefs (for gradients, markers, etc.) 'href', 'xlink:href', // text positioning 'dominant-baseline', 'text-anchor', // pattern / clip / mask units 'clipPathUnits', 'filterUnits', 'patternUnits', 'patternContentUnits', 'maskUnits', // a11y niceties 'role', 'aria-label', 'aria-labelledby', 'aria-hidden', 'tabindex' ], SANITIZE_DOM: true })}
{#if content}
{ downloadAsSVG(); }} >
{ resetPanZoomViewport(); }} >
{ copyToClipboard(content); toast.success($i18n.t('Copied to clipboard')); }} >
{/if}