taxonium-component/dist/renderSvgUtil-evjg8kdP.js

React component for exploring large phylogenetic trees in the browser

import { jsx as c, jsxs as d, Fragment as g } from "react/jsx-runtime";
import { u as l } from "./JBrowsePanel-uJIA-L6s.js";
function u(t) {
  return `arc-clip-${typeof jest > "u" ? t : "jest"}`;
}
async function w(t, o, s) {
  const e = l.getContainingView(t).dynamicBlocks.totalWidthPx, i = t.height;
  if (o.rasterizeLayers) {
    const n = document.createElement("canvas");
    n.width = e * 2, n.height = i * 2;
    const r = n.getContext("2d");
    return r ? (r.scale(2, 2), s(t, r, e, i), c("image", { width: e, height: i, xlinkHref: n.toDataURL("image/png") })) : void 0;
  } else {
    const n = await import("./canvas2svg-ClJLt5BO.js").then((h) => h.c), r = new n.default(e, i);
    s(t, r, e, i);
    const a = u(t.id);
    return d(g, { children: [c("defs", { children: c("clipPath", { id: a, children: c("rect", { x: 0, y: 0, width: e, height: i }) }) }), c("g", { dangerouslySetInnerHTML: { __html: r.getSvg().innerHTML }, clipPath: `url(#${a})` })] });
  }
}
export {
  w as renderSvg
};
//# sourceMappingURL=renderSvgUtil-evjg8kdP.js.map