export function createSVG ( containerEl , lineHeight ) { removeExistingSVG ( ) ; const svg = document . createElementNS ( 'http://www.w3.org/2000/svg' , 'svg' ) as unknown as SVGElement ; svg . id = 'markmap' ; svg . setAttr ( 'style' , 'height: 100%; width: 100%;' ) ; const container = containerEl . children [ 1 ] ; const style = document . createElement ( 'style' ) ; const { color } = getComputedCss ( containerEl ) ; style . innerHTML = `#markmap div {
        color: ${ color };
        line-height: ${ lineHeight ?? '1em' };
    }` ; svg . appendChild ( style ) ; container . appendChild ( svg ) ; return svg ; } export function removeExistingSVG ( ) { const existing = document . getElementById ( 'markmap' ) ; if ( existing ) { existing . parentElement . removeChild ( existing ) ; } } export function getComputedCss ( el ) { const computed = getComputedStyle ( el ) ; const color = computed . getPropertyValue ( '--text-normal' ) ; const font = `1em ${ computed . getPropertyValue ( '--default-font' ) }` ; return { color , font } ; }