zammad/app/frontend/shared/components/CommonIcon/injectIcons.ts

// Copyright (C) 2012-2023 Zammad Foundation, https://zammad-foundation.org/

import { useIcons } from './useIcons.ts'

const loadSvg = () => {
  const { body } = document
  let svgDom = document.getElementById('__svg__icons__dom__') as unknown as
    | SVGSVGElement
    | undefined
  if (!svgDom) {
    svgDom = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
    svgDom.style.position = 'absolute'
    svgDom.style.width = '0'
    svgDom.style.height = '0'
    svgDom.id = '__svg__icons__dom__'
    svgDom.setAttribute('xmlns', 'http://www.w3.org/2000/svg')
    svgDom.setAttribute('xmlns:link', 'http://www.w3.org/1999/xlink')
  }
  const { symbols } = useIcons()
  const html = symbols.map((symb) => symb[1]).join('\n')
  svgDom.innerHTML = html
  body.insertBefore(svgDom, body.lastChild)
}
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', loadSvg)
} else {
  loadSvg()
}