@primeui/chart-core 0.0.1-alpha.1 → 1.0.0-rc.1

package/dist/chunk-IXOWSEHO.mjs

@@ -1,114 +0,0 @@
-import { computeSliceRenderStates } from './chunk-53HW45JB.mjs';
-import { buildSvgArcPath, CLIP_PIXEL_MARGIN } from './chunk-LVMDQ4OJ.mjs';
-import { formatPointDescription } from './chunk-OGJ6IIBW.mjs';
-import { FIELD_DEFAULTS, batchResolveAccessor, isGradientColor, remapStopsForDonut, createSvgGradientFromColor } from './chunk-O2X6FF45.mjs';
-import { createSvgGroup, createSvgDefs, setAttr, appendChild, svgClass, svgNode, createSvgPath, prependChild } from './chunk-SSLTFJ3U.mjs';
-import { toRad } from './chunk-RQ3CKQOX.mjs';
-
-// src/series/pie/svg/index.ts
-function renderPieSvg(props, layout, context) {
-  const renderStates = computeSliceRenderStates(props, layout, context.theme);
-  const { slices: sliceStates, center, outerRadius, innerRadius, isFullCircle: fullCircle } = renderStates;
-  const borderJoinStyle = props.borderJoinStyle ?? "miter";
-  const borderAlign = props.borderAlign ?? "inner";
-  const group = createSvgGroup(`translate(${center.x}, ${center.y})`);
-  const defs = createSvgDefs();
-  let hasDefs = false;
-  const dsIdx = layout.datasetIndex;
-  const a11y = context.accessibility;
-  const a11yEnabled = !!(a11y?.enabled && layout.visibleSlices.length <= (a11y.pointDescriptionThreshold ?? 200));
-  const categoryAccessor = props.categoryField ?? props.labelField ?? FIELD_DEFAULTS.categoryField;
-  const a11yLabels = a11yEnabled && categoryAccessor ? batchResolveAccessor(categoryAccessor, props.data) : [];
-  const total = layout.visibleSlices.reduce((sum, s) => sum + s.value, 0);
-  for (const state of sliceStates) {
-    const { slice, dataIndex, effectBorderColor, effectBorderWidth, effectBorderDash, effectBorderDashOffset, userFill, isHovered, isInactive, offset, scale, arcConfig } = state;
-    const { dx, dy } = offset;
-    const colorClassN = `p-chart-color-${dataIndex % 10}`;
-    const parts = [];
-    if (dx !== 0 || dy !== 0) parts.push(`translate(${dx}, ${dy})`);
-    if (scale !== 1) parts.push(`scale(${scale})`);
-    const sliceGroup = createSvgGroup(parts.length > 0 ? parts.join(" ") : void 0);
-    setAttr(sliceGroup, "data-slice-index", dataIndex);
-    setAttr(sliceGroup, "data-index", dataIndex);
-    if (a11yEnabled) {
-      const label = a11yLabels[dataIndex] ?? `Slice ${dataIndex + 1}`;
-      const desc = formatPointDescription({ category: label, value: slice.value, seriesName: props.name ?? "Chart", index: dataIndex, total, percentage: slice.percentage }, a11y.pointDescriptionFormatter);
-      setAttr(sliceGroup, "role", "img");
-      setAttr(sliceGroup, "aria-label", desc);
-    }
-    const pathD = buildSvgArcPath(arcConfig, fullCircle);
-    let fill;
-    if (userFill && isGradientColor(userFill)) {
-      const gradientId = `${context.chartId}-pie-${dsIdx}-grad-${dataIndex}`;
-      const gradientColor = innerRadius > 0 && userFill.radialGradient ? { ...userFill, stops: remapStopsForDonut(userFill.stops, innerRadius / outerRadius) } : userFill;
-      const gradient = createSvgGradientFromColor(gradientColor, gradientId, { x: 0, y: 0 }, outerRadius);
-      appendChild(defs, gradient);
-      hasDefs = true;
-      fill = `url(#${gradientId})`;
-    } else if (typeof userFill === "string") {
-      fill = userFill;
-    }
-    const sliceCls = svgClass("p-chart-arc", `p-chart-series-${dataIndex}`, fill === void 0 && colorClassN, isHovered && "p-chart-point-hover", isInactive && "p-chart-point-inactive");
-    const pathAttrs = {
-      fill: fill ?? context.theme.series[dataIndex % context.theme.series.length],
-      "data-index": dataIndex,
-      class: sliceCls
-    };
-    const hasBorder = effectBorderWidth > 0 && effectBorderColor !== "transparent";
-    const PIXEL_MARGIN = CLIP_PIXEL_MARGIN;
-    const angleDelta = arcConfig.outerRadius > 0 ? PIXEL_MARGIN / arcConfig.outerRadius * (180 / Math.PI) : 0;
-    const clipId = `${context.chartId}-pie-${dsIdx}-clip-${dataIndex}`;
-    const clipPathNode = svgNode("clipPath", { id: clipId });
-    const expandedClipPath = buildSvgArcPath(
-      {
-        ...arcConfig,
-        rotation: arcConfig.rotation - angleDelta,
-        endAngle: arcConfig.endAngle + angleDelta
-      },
-      fullCircle
-    );
-    const clipPathEl = createSvgPath(expandedClipPath, {});
-    appendChild(clipPathNode, clipPathEl);
-    appendChild(defs, clipPathNode);
-    hasDefs = true;
-    const fillPath = createSvgPath(pathD, { ...pathAttrs, "data-fill-path": "true" });
-    appendChild(sliceGroup, fillPath);
-    const strokeColor = hasBorder ? typeof effectBorderColor === "string" ? effectBorderColor : context.theme.borderColor : "transparent";
-    const strokeWidth = hasBorder ? borderAlign === "inner" ? effectBorderWidth * 2 : effectBorderWidth : 0;
-    const strokeAttrs = {
-      fill: "none",
-      stroke: strokeColor,
-      "stroke-width": strokeWidth,
-      "stroke-linejoin": borderJoinStyle,
-      "data-stroke-path": "true",
-      "data-clip-id": clipId
-    };
-    if (borderAlign === "inner") {
-      strokeAttrs["clip-path"] = `url(#${clipId})`;
-    }
-    if (hasBorder && effectBorderDash && effectBorderDash.length > 0) {
-      strokeAttrs["stroke-dasharray"] = effectBorderDash.join(" ");
-      if (effectBorderDashOffset > 0) {
-        strokeAttrs["stroke-dashoffset"] = effectBorderDashOffset;
-      }
-    }
-    const strokePath = createSvgPath(pathD, strokeAttrs);
-    appendChild(sliceGroup, strokePath);
-    const valueRadius = (outerRadius + innerRadius) / 2;
-    const midAngle = slice.rotation + (slice.endAngle - slice.rotation) / 2;
-    const contentX = Math.cos(toRad(midAngle)) * valueRadius;
-    const contentY = Math.sin(toRad(midAngle)) * valueRadius;
-    const contentSlot = createSvgGroup(`translate(${contentX}, ${contentY})`, {
-      class: "slice-content",
-      "data-content-index": dataIndex
-    });
-    appendChild(sliceGroup, contentSlot);
-    appendChild(group, sliceGroup);
-  }
-  if (hasDefs) {
-    prependChild(group, defs);
-  }
-  return group;
-}
-
-export { renderPieSvg };

package/dist/chunk-VWF57TS3.mjs

@@ -1,62 +0,0 @@
-import { computeSliceRenderStates } from './chunk-53HW45JB.mjs';
-import { drawCanvasArc, CLIP_PIXEL_MARGIN } from './chunk-LVMDQ4OJ.mjs';
-import { isGradientColor, remapStopsForDonut, createCanvasGradientFromColor } from './chunk-O2X6FF45.mjs';
-import { withCanvasState } from './chunk-SSLTFJ3U.mjs';
-
-// src/series/pie/canvas/index.ts
-function renderPieCanvas(props, layout, ctx, context) {
-  const renderStates = computeSliceRenderStates(props, layout, context.theme);
-  const { slices: sliceStates, center, outerRadius, innerRadius, isFullCircle: fullCircle } = renderStates;
-  const borderJoinStyle = props.borderJoinStyle ?? "miter";
-  const borderAlign = props.borderAlign ?? "inner";
-  withCanvasState(ctx, () => {
-    for (const state of sliceStates) {
-      const { effectColor, effectBorderColor, effectBorderWidth, effectBorderDash, effectBorderDashOffset, opacity, offset, scale, arcConfig } = state;
-      const { dx, dy } = offset;
-      const cx = center.x + dx;
-      const cy = center.y + dy;
-      ctx.save();
-      if (scale !== 1) {
-        ctx.translate(cx, cy);
-        ctx.scale(scale, scale);
-        ctx.translate(-cx, -cy);
-      }
-      if (isGradientColor(effectColor)) {
-        const gradientColor = innerRadius > 0 && effectColor.radialGradient ? { ...effectColor, stops: remapStopsForDonut(effectColor.stops, innerRadius / outerRadius) } : effectColor;
-        ctx.fillStyle = createCanvasGradientFromColor(ctx, gradientColor, { x: cx, y: cy }, outerRadius);
-      } else {
-        ctx.fillStyle = effectColor;
-      }
-      ctx.globalAlpha = opacity;
-      drawCanvasArc(ctx, cx, cy, arcConfig, fullCircle);
-      ctx.fill();
-      if (effectBorderWidth > 0 && effectBorderColor !== "transparent") {
-        ctx.strokeStyle = typeof effectBorderColor === "string" ? effectBorderColor : context.theme.borderColor;
-        ctx.lineJoin = borderJoinStyle;
-        if (effectBorderDash && effectBorderDash.length > 0) {
-          ctx.setLineDash(effectBorderDash);
-          ctx.lineDashOffset = effectBorderDashOffset;
-        } else {
-          ctx.setLineDash([]);
-        }
-        if (borderAlign === "inner") {
-          ctx.save();
-          const _angleDeltaCanvas = arcConfig.outerRadius > 0 ? CLIP_PIXEL_MARGIN / arcConfig.outerRadius * (180 / Math.PI) : 0;
-          drawCanvasArc(ctx, cx, cy, { ...arcConfig, rotation: arcConfig.rotation - _angleDeltaCanvas, endAngle: arcConfig.endAngle + _angleDeltaCanvas }, fullCircle);
-          ctx.clip();
-          ctx.lineWidth = effectBorderWidth * 2;
-          drawCanvasArc(ctx, cx, cy, arcConfig, fullCircle);
-          ctx.stroke();
-          ctx.restore();
-        } else {
-          ctx.lineWidth = effectBorderWidth;
-          drawCanvasArc(ctx, cx, cy, arcConfig, fullCircle);
-          ctx.stroke();
-        }
-      }
-      ctx.restore();
-    }
-  });
-}
-
-export { renderPieCanvas };

package/dist/chunk-XIHBK5D3.mjs

@@ -1,68 +0,0 @@
-import { renderTreemapCanvas } from './chunk-55Y3WI6S.mjs';
-import { renderTreemapSvg } from './chunk-RO4N6YFS.mjs';
-import { calculateTreemapLayout } from './chunk-VVI3OBPJ.mjs';
-import { CHAR_WIDTH_RATIO } from './chunk-XTVE4P3L.mjs';
-
-// src/series/treemap/geometry.ts
-function hitTestTreemap(_x, _y, _props, layout) {
-  for (const cell of layout.cells) {
-    if (_x >= cell.x && _x <= cell.x + cell.width && _y >= cell.y && _y <= cell.y + cell.height) {
-      return cell.index;
-    }
-  }
-  return null;
-}
-
-// src/series/treemap/shared.ts
-var LABEL_TIERS = [
-  { minArea: 25e3, minWidth: 100, minHeight: 60, fontSize: 16, secondaryFontSize: 12, showSecondary: true },
-  { minArea: 1e4, minWidth: 70, minHeight: 45, fontSize: 14, secondaryFontSize: 10, showSecondary: true },
-  { minArea: 4e3, minWidth: 50, minHeight: 35, fontSize: 12, secondaryFontSize: 9, showSecondary: true },
-  { minArea: 1500, minWidth: 38, minHeight: 26, fontSize: 10, secondaryFontSize: 8, showSecondary: true },
-  { minArea: 600, minWidth: 28, minHeight: 20, fontSize: 9, secondaryFontSize: 0, showSecondary: false },
-  { minArea: 250, minWidth: 22, minHeight: 14, fontSize: 8, secondaryFontSize: 0, showSecondary: false }
-];
-function getCellLabelInfo(cell, labelMinSize) {
-  const area = cell.width * cell.height;
-  const none = { fontSize: 0, secondaryFontSize: 0, showPrimary: false, showSecondary: false, cx: 0, cy: 0, primaryY: 0, secondaryY: 0 };
-  const minSize = labelMinSize ?? 30;
-  if (cell.width < minSize || cell.height < minSize) return none;
-  for (const tier of LABEL_TIERS) {
-    if (area >= tier.minArea && cell.width >= tier.minWidth && cell.height >= tier.minHeight) {
-      const primaryTextWidth = cell.label.length * CHAR_WIDTH_RATIO * tier.fontSize;
-      if (primaryTextWidth > cell.width - 8) {
-        continue;
-      }
-      let showSec = tier.showSecondary && !!cell.secondaryLabel;
-      if (showSec) {
-        const secTextWidth = (cell.secondaryLabel?.length ?? 0) * CHAR_WIDTH_RATIO * tier.secondaryFontSize;
-        if (secTextWidth > cell.width - 8) {
-          showSec = false;
-        }
-      }
-      const cx = cell.x + cell.width / 2;
-      const cy = cell.y + cell.height / 2;
-      return {
-        fontSize: tier.fontSize,
-        secondaryFontSize: tier.secondaryFontSize,
-        showPrimary: true,
-        showSecondary: showSec,
-        cx,
-        cy,
-        primaryY: showSec ? cy - tier.fontSize * 0.4 : cy,
-        secondaryY: cy + tier.fontSize * 0.6
-      };
-    }
-  }
-  return none;
-}
-
-// src/series/treemap/index.ts
-var treemapRenderer = {
-  calculateLayout: calculateTreemapLayout,
-  renderSvg: (props, layout, context) => renderTreemapSvg(props, layout, context),
-  renderCanvas: (props, layout, ctx, context) => renderTreemapCanvas(props, layout, ctx, context),
-  hitTest: hitTestTreemap
-};
-
-export { getCellLabelInfo, hitTestTreemap, treemapRenderer };

package/dist/renderers/circular/index.d.mts

@@ -1,13 +0,0 @@
-export { d as applyGradientBrightness, b as buildPieSvgChildren, r as renderCanvasCustomContent, a as renderCanvasDataLabels, e as restoreGradientBrightness, u as updatePieCustomContent, c as updateSvgSlices } from '../../canvas-D4vigq47.mjs';
-import { RadialSliceState, SliceRenderInfo, SliceGeometry, SliceRenderContext } from '@primeui/chart-types';
-
-/** Build a SliceRenderContext from animation state + render info */
-declare function buildSliceRenderContext(slice: RadialSliceState, renderInfo: SliceRenderInfo, position: {
-    x: number;
-    y: number;
-}, geo: SliceGeometry, chartCenter?: {
-    x: number;
-    y: number;
-}, fontFamily?: string): SliceRenderContext<unknown>;
-
-export { buildSliceRenderContext };

package/dist/renderers/circular/index.mjs

@@ -1,13 +0,0 @@
-export { applyGradientBrightness, buildPieSvgChildren, buildSliceRenderContext, renderCanvasCustomContent, renderCanvasDataLabels, restoreGradientBrightness, updatePieCustomContent, updateSvgSlices } from '../../chunk-B4FTADAZ.mjs';
-import '../../chunk-4C6EVJ54.mjs';
-import '../../chunk-LVMDQ4OJ.mjs';
-import '../../chunk-VGLSBZDN.mjs';
-import '../../chunk-BZN2QHGP.mjs';
-import '../../chunk-7CMVDIOU.mjs';
-import '../../chunk-OXTFAWSK.mjs';
-import '../../chunk-XTVE4P3L.mjs';
-import '../../chunk-NKUYIWAP.mjs';
-import '../../chunk-QS76E3TD.mjs';
-import '../../chunk-O2X6FF45.mjs';
-import '../../chunk-SSLTFJ3U.mjs';
-import '../../chunk-RQ3CKQOX.mjs';

package/dist/{chunk-SSLTFJ3U.mjs → chunks/chunk-BF7RP4A3.mjs}

@@ -1,3 +1,135 @@
+// src/utils/render/svg.utils.ts
+function svgNode(tag, attributes, children) {
+  const attrs = {};
+  if (attributes) {
+    for (const k in attributes) {
+      const v = attributes[k];
+      if (v !== void 0) attrs[k] = String(v);
+    }
+  }
+  return { tag, attributes: attrs, children: children ? [...children] : [] };
+}
+function setAttr(node, key, value) {
+  node.attributes[key] = String(value);
+  return node;
+}
+function appendChild(parent, ...children) {
+  parent.children.push(...children);
+  return parent;
+}
+function prependChild(parent, child) {
+  parent.children.unshift(child);
+  return parent;
+}
+function addClass(node, cls) {
+  const existing = node.attributes["class"];
+  node.attributes["class"] = existing ? `${existing} ${cls}` : cls;
+  return node;
+}
+function svgClass(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function createSvgGroup(transform, attributes) {
+  return svgNode("g", { ...attributes, ...transform ? { transform } : {} });
+}
+function createSvgPath(d, attributes) {
+  return svgNode("path", { d, ...attributes });
+}
+function createSvgText(x, y, content, attributes) {
+  const node = svgNode("text", { x, y, ...attributes });
+  if (content) node.children.push(content);
+  return node;
+}
+function createSvgRect(x, y, width, height, attributes) {
+  return svgNode("rect", {
+    x,
+    y,
+    width: Math.max(0, width),
+    height: Math.max(0, height),
+    ...attributes
+  });
+}
+function createSvgCircle(cx, cy, r, attributes) {
+  return svgNode("circle", { cx, cy, r, ...attributes });
+}
+function createSvgLine(x1, y1, x2, y2, attributes) {
+  return svgNode("line", { x1, y1, x2, y2, ...attributes });
+}
+function createSvgDefs() {
+  return svgNode("defs");
+}
+function createSvgLinearGradient(id, x1, y1, x2, y2, stops, options) {
+  const useAbsolute = options?.useAbsoluteCoords ?? false;
+  const gradient = svgNode("linearGradient", {
+    id,
+    x1: useAbsolute ? x1 : `${x1 * 100}%`,
+    y1: useAbsolute ? y1 : `${y1 * 100}%`,
+    x2: useAbsolute ? x2 : `${x2 * 100}%`,
+    y2: useAbsolute ? y2 : `${y2 * 100}%`,
+    ...useAbsolute && { gradientUnits: "userSpaceOnUse" }
+  });
+  for (const { offset, color, opacity } of stops) {
+    gradient.children.push(
+      svgNode("stop", {
+        offset: `${offset * 100}%`,
+        "stop-color": color,
+        ...opacity !== void 0 && { "stop-opacity": opacity }
+      })
+    );
+  }
+  return gradient;
+}
+function createSvgRadialGradient(id, cx, cy, r, stops, options) {
+  const useAbsolute = options?.useAbsoluteCoords ?? false;
+  const gradient = svgNode("radialGradient", {
+    id,
+    cx: useAbsolute ? cx : `${cx * 100}%`,
+    cy: useAbsolute ? cy : `${cy * 100}%`,
+    r: useAbsolute ? r : `${r * 100}%`,
+    ...useAbsolute && { gradientUnits: "userSpaceOnUse" }
+  });
+  for (const { offset, color, opacity } of stops) {
+    gradient.children.push(
+      svgNode("stop", {
+        offset: `${offset * 100}%`,
+        "stop-color": color,
+        ...opacity !== void 0 && { "stop-opacity": opacity }
+      })
+    );
+  }
+  return gradient;
+}
+var SVG_NS = "http://www.w3.org/2000/svg";
+var browserSvgElementFactory = {
+  createElement(tag) {
+    return document.createElementNS(SVG_NS, tag);
+  }
+};
+var activeSvgElementFactory = browserSvgElementFactory;
+function setSvgElementFactory(factory) {
+  activeSvgElementFactory = factory ?? browserSvgElementFactory;
+}
+function createSvgElement(tag) {
+  return activeSvgElementFactory.createElement(tag);
+}
+function materializeSvgNode(node) {
+  const el = activeSvgElementFactory.createElement(node.tag);
+  for (const key in node.attributes) {
+    el.setAttribute(key, node.attributes[key]);
+  }
+  for (const child of node.children) {
+    if (typeof child === "string") {
+      el.textContent = child;
+    } else {
+      el.appendChild(materializeSvgNode(child));
+    }
+  }
+  return el;
+}
+function materializeSvgGroup(node) {
+  return materializeSvgNode(node);
+}
+
 // src/utils/color/parse.ts
 function parseHexColor(hex) {
   let h = hex.replace("#", "");
@@ -229,136 +361,4 @@ function createCanvasRadialGradient(ctx, cx, cy, innerRadius, outerRadius, stops
   return gradient;
 }
 
-// src/utils/render/svg.utils.ts
-function svgNode(tag, attributes, children) {
-  const attrs = {};
-  if (attributes) {
-    for (const k in attributes) {
-      const v = attributes[k];
-      if (v !== void 0) attrs[k] = String(v);
-    }
-  }
-  return { tag, attributes: attrs, children: children ? [...children] : [] };
-}
-function setAttr(node, key, value) {
-  node.attributes[key] = String(value);
-  return node;
-}
-function appendChild(parent, ...children) {
-  parent.children.push(...children);
-  return parent;
-}
-function prependChild(parent, child) {
-  parent.children.unshift(child);
-  return parent;
-}
-function addClass(node, cls) {
-  const existing = node.attributes["class"];
-  node.attributes["class"] = existing ? `${existing} ${cls}` : cls;
-  return node;
-}
-function svgClass(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function createSvgGroup(transform, attributes) {
-  return svgNode("g", { ...attributes, ...transform ? { transform } : {} });
-}
-function createSvgPath(d, attributes) {
-  return svgNode("path", { d, ...attributes });
-}
-function createSvgText(x, y, content, attributes) {
-  const node = svgNode("text", { x, y, ...attributes });
-  if (content) node.children.push(content);
-  return node;
-}
-function createSvgRect(x, y, width, height, attributes) {
-  return svgNode("rect", {
-    x,
-    y,
-    width: Math.max(0, width),
-    height: Math.max(0, height),
-    ...attributes
-  });
-}
-function createSvgCircle(cx, cy, r, attributes) {
-  return svgNode("circle", { cx, cy, r, ...attributes });
-}
-function createSvgLine(x1, y1, x2, y2, attributes) {
-  return svgNode("line", { x1, y1, x2, y2, ...attributes });
-}
-function createSvgDefs() {
-  return svgNode("defs");
-}
-function createSvgLinearGradient(id, x1, y1, x2, y2, stops, options) {
-  const useAbsolute = options?.useAbsoluteCoords ?? false;
-  const gradient = svgNode("linearGradient", {
-    id,
-    x1: useAbsolute ? x1 : `${x1 * 100}%`,
-    y1: useAbsolute ? y1 : `${y1 * 100}%`,
-    x2: useAbsolute ? x2 : `${x2 * 100}%`,
-    y2: useAbsolute ? y2 : `${y2 * 100}%`,
-    ...useAbsolute && { gradientUnits: "userSpaceOnUse" }
-  });
-  for (const { offset, color, opacity } of stops) {
-    gradient.children.push(
-      svgNode("stop", {
-        offset: `${offset * 100}%`,
-        "stop-color": color,
-        ...opacity !== void 0 && { "stop-opacity": opacity }
-      })
-    );
-  }
-  return gradient;
-}
-function createSvgRadialGradient(id, cx, cy, r, stops, options) {
-  const useAbsolute = options?.useAbsoluteCoords ?? false;
-  const gradient = svgNode("radialGradient", {
-    id,
-    cx: useAbsolute ? cx : `${cx * 100}%`,
-    cy: useAbsolute ? cy : `${cy * 100}%`,
-    r: useAbsolute ? r : `${r * 100}%`,
-    ...useAbsolute && { gradientUnits: "userSpaceOnUse" }
-  });
-  for (const { offset, color, opacity } of stops) {
-    gradient.children.push(
-      svgNode("stop", {
-        offset: `${offset * 100}%`,
-        "stop-color": color,
-        ...opacity !== void 0 && { "stop-opacity": opacity }
-      })
-    );
-  }
-  return gradient;
-}
-var SVG_NS = "http://www.w3.org/2000/svg";
-var browserSvgElementFactory = {
-  createElement(tag) {
-    return document.createElementNS(SVG_NS, tag);
-  }
-};
-var activeSvgElementFactory = browserSvgElementFactory;
-function setSvgElementFactory(factory) {
-  activeSvgElementFactory = factory ?? browserSvgElementFactory;
-}
-function createSvgElement(tag) {
-  return activeSvgElementFactory.createElement(tag);
-}
-function materializeSvgNode(node) {
-  const el = activeSvgElementFactory.createElement(node.tag);
-  for (const key in node.attributes) {
-    el.setAttribute(key, node.attributes[key]);
-  }
-  for (const child of node.children) {
-    if (typeof child === "string") {
-      el.textContent = child;
-    } else {
-      el.appendChild(materializeSvgNode(child));
-    }
-  }
-  return el;
-}
-function materializeSvgGroup(node) {
-  return materializeSvgNode(node);
-}
-
 export { addClass, adjustBrightness, appendChild, brightenGradientStops, configureCanvasHiDPI, createCanvasLinearGradient, createCanvasRadialGradient, createSvgCircle, createSvgDefs, createSvgElement, createSvgGroup, createSvgLine, createSvgLinearGradient, createSvgPath, createSvgRadialGradient, createSvgRect, createSvgText, getDevicePixelRatio, hexToRgbString, hexToRgba, materializeSvgGroup, materializeSvgNode, parseColorToRGB, parseColorToRGBA, parseHexColor, prependChild, readCssNumber, setAttr, setColorParser, setSvgElementFactory, svgClass, svgNode, withCanvasState };