Class Renderer

src/renderer/renderer.ts:46–103

};

export class Renderer implements IRenderer {
  private rendered = false;

  constructor(
    private options: ParsedInfographicOptions,
    private template: SVGSVGElement,
  ) {}

  public getOptions(): ParsedInfographicOptions {
    return this.options;
  }

  public getSVG(): SVGSVGElement {
    return this.template;
  }

  render(): SVGSVGElement {
    const svg = this.getSVG();
    if (this.rendered) return svg;

    renderTemplate(svg, this.options);
    svg.style.visibility = 'hidden';
    const postRender = () => {
      setView(this.template, this.options);
      loadFonts(this.template);
      svg.style.removeProperty('visibility');
    };

    if (isNode) {
      postRender();
    } else {
      const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
          mutation.addedNodes.forEach((node) => {
            if (node === svg || node.contains(svg)) {
              postRender();
              observer.disconnect();
            }
          });
        });
      });

      try {
        observer.observe(this.options.container, {
          childList: true,
          subtree: true,
        });
      } catch (error) {
        // Fallback for micro-app environments that proxy document.
        postRender();
        console.error(error);
      }
    }

    this.rendered = true;
    return svg;
  }
}