@extend-ai/react-xlsx 0.20.0 → 0.20.2

package/dist/shared-chart-3STFRVWT.js

@@ -0,0 +1,215 @@
+import {
+  renderSelectionRectHandles,
+  useChartEvents
+} from "./chunk-A4S3AMON.js";
+
+// src/shared-chart.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var svgNamespace = "http://www.w3.org/2000/svg";
+var allowedElements = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "defs",
+  "clipPath",
+  "rect",
+  "circle",
+  "ellipse",
+  "path",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern"
+]);
+var plainAttributes = /* @__PURE__ */ new Set([
+  "x",
+  "y",
+  "width",
+  "height",
+  "x1",
+  "x2",
+  "y1",
+  "y2",
+  "cx",
+  "cy",
+  "fx",
+  "fy",
+  "r",
+  "rx",
+  "ry",
+  "fr",
+  "viewBox",
+  "transform",
+  "d",
+  "points",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-anchor",
+  "dominant-baseline",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-width",
+  "stroke-dasharray",
+  "opacity",
+  "fill-opacity",
+  "stroke-opacity",
+  "fill-rule",
+  "shape-rendering",
+  "offset",
+  "stop-opacity",
+  "gradientUnits",
+  "gradientTransform",
+  "patternUnits",
+  "patternContentUnits",
+  "data-chart-kind",
+  "data-chart-series",
+  "data-chart-point",
+  "data-chart-x",
+  "data-chart-y"
+]);
+function safeChartSvg(markup, prefix) {
+  const svg = new DOMParser().parseFromString(markup, "image/svg+xml").documentElement;
+  if (svg.localName !== "svg" || svg.namespaceURI !== svgNamespace) return null;
+  for (const node of [svg, ...Array.from(svg.querySelectorAll("*"))]) {
+    if (node.namespaceURI !== svgNamespace || !allowedElements.has(node.localName)) return null;
+    for (const { name, value } of Array.from(node.attributes)) {
+      if (plainAttributes.has(name) || name === "xmlns") continue;
+      if (name === "id" && /^[\w-]+$/.test(value)) {
+        node.setAttribute(name, prefix + value);
+        continue;
+      }
+      if (name === "href" && /^(linearGradient|radialGradient)$/.test(node.localName) && /^#[\w-]+$/.test(value)) {
+        node.setAttribute(name, "#" + prefix + value.slice(1));
+        continue;
+      }
+      if (["fill", "stroke", "stop-color", "clip-path"].includes(name)) {
+        const local = /^url\(#([\w-]+)\)$/.exec(value);
+        if (local) {
+          node.setAttribute(name, "url(#" + prefix + local[1] + ")");
+          continue;
+        }
+        if (/^(?:#[\da-f]{3,8}|[a-z]+)$/i.test(value)) continue;
+      }
+      node.removeAttribute(name);
+    }
+    if (node.hasAttribute("data-chart-series")) {
+      node.setAttribute("data-xlsx-chart-series-index", node.getAttribute("data-chart-series"));
+      const point = node.getAttribute("data-chart-point");
+      if (point != null) node.setAttribute("data-xlsx-chart-point-index", point);
+      const kind = node.getAttribute("data-chart-kind");
+      if (kind === "bar") node.setAttribute("data-xlsx-chart-selection-mode", "seriesFirst");
+      if (kind === "legendEntry") node.setAttribute("data-xlsx-chart-element-kind", kind);
+      const style = node.style;
+      style.cursor = "pointer";
+      style.pointerEvents = "all";
+    }
+  }
+  return svg;
+}
+function renderSharedChart(renderer, chart, source, width, height, prefix) {
+  try {
+    const svg = renderer.renderChart(source.xml, {
+      themeColors: source.themeColors,
+      themeOverrideXml: source.themeOverrideXml,
+      styleXml: source.styleXml,
+      colorStyleXml: source.colorStyleXml,
+      width,
+      height,
+      interactive: true,
+      spreadsheetDefaults: true,
+      fontFamily: chart.fontFamily,
+      data: {
+        title: chart.title,
+        series: chart.series.map((series) => ({
+          chartType: source.kind,
+          name: series.name,
+          points: Array.from({ length: Math.max(series.values.length, series.categories.length) }, (_, index) => {
+            const value = series.values[index];
+            const label = series.categories[index];
+            return {
+              index,
+              value: value == null ? null : String(value),
+              categories: series.categories.length || series.categoriesRef?.formula ? [{ level: 0, label: label == null ? "" : String(label) }] : []
+            };
+          })
+        }))
+      }
+    });
+    return svg ? safeChartSvg(svg, prefix) : null;
+  } catch {
+    return null;
+  }
+}
+function selectionHandles(svg, chartId, selected) {
+  if (!selected || selected.chartId !== chartId || selected.kind === "chart") return null;
+  return Array.from(svg.querySelectorAll("[data-chart-point]")).map((node, index) => {
+    if (Number(node.getAttribute("data-chart-series")) !== selected.seriesIndex || selected.kind === "point" && Number(node.getAttribute("data-chart-point")) !== selected.pointIndex) return null;
+    if (node.getAttribute("data-chart-kind") === "bar") {
+      return renderSelectionRectHandles(
+        String(index),
+        Number(node.getAttribute("x")),
+        Number(node.getAttribute("y")),
+        Number(node.getAttribute("width")),
+        Number(node.getAttribute("height"))
+      );
+    }
+    if (!node.hasAttribute("data-chart-x") || !node.hasAttribute("data-chart-y")) return null;
+    return renderSelectionRectHandles(
+      String(index),
+      Number(node.getAttribute("data-chart-x")) - 4,
+      Number(node.getAttribute("data-chart-y")) - 4,
+      8,
+      8
+    );
+  });
+}
+function SharedChartSvg(props) {
+  const { chart, rect, renderer, source, selectedChartElement, fallback } = props;
+  const id = React.useId();
+  const width = Math.max(1, rect.width);
+  const height = Math.max(1, rect.height);
+  const svg = React.useMemo(() => renderSharedChart(
+    renderer,
+    chart,
+    source,
+    width,
+    height,
+    "oc-" + id.replace(/[^\w-]/g, "") + "-"
+  ), [renderer, chart, source, width, height, id]);
+  const graphics = React.useRef(null);
+  React.useLayoutEffect(() => {
+    if (graphics.current && svg) graphics.current.replaceChildren(svg);
+  }, [svg]);
+  const handles = React.useMemo(
+    () => svg && selectionHandles(svg, chart.id, selectedChartElement),
+    [svg, chart.id, selectedChartElement]
+  );
+  const { handlePointerDown, handleDoubleClick } = useChartEvents(props);
+  if (!svg) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-label": chart.title ?? chart.name ?? "Chart",
+      "data-xlsx-chart-renderer": "office-charts",
+      onDoubleClick: handleDoubleClick,
+      onPointerDown: handlePointerDown,
+      role: "img",
+      style: { display: "block", height: "100%", pointerEvents: "auto", width: "100%" },
+      viewBox: `0 0 ${width} ${height}`,
+      children: [
+        /* @__PURE__ */ jsx("g", { ref: graphics }),
+        handles
+      ]
+    }
+  );
+}
+export {
+  SharedChartSvg
+};
+//# sourceMappingURL=shared-chart-3STFRVWT.js.map

package/dist/shared-chart-3STFRVWT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared-chart.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { OfficeCharts } from \"@extend-ai/rust-office-charts\";\nimport { renderSelectionRectHandles, useChartEvents } from \"./chart-interaction\";\nimport type { ChartSvgProps } from \"./chart-renderer\";\nimport type { XlsxChart, XlsxChartRenderSource, XlsxChartElementSelection } from \"./types\";\n\nconst svgNamespace = \"http://www.w3.org/2000/svg\";\nconst allowedElements = new Set([\n  \"svg\", \"g\", \"defs\", \"clipPath\", \"rect\", \"circle\", \"ellipse\", \"path\", \"line\", \"polyline\", \"polygon\",\n  \"text\", \"tspan\", \"linearGradient\", \"radialGradient\", \"stop\", \"pattern\"\n]);\nconst plainAttributes = new Set([\n  \"x\", \"y\", \"width\", \"height\", \"x1\", \"x2\", \"y1\", \"y2\", \"cx\", \"cy\", \"fx\", \"fy\", \"r\", \"rx\", \"ry\", \"fr\",\n  \"viewBox\", \"transform\", \"d\", \"points\", \"font-family\", \"font-weight\", \"font-size\", \"text-anchor\",\n  \"dominant-baseline\", \"stroke-linecap\", \"stroke-linejoin\", \"stroke-width\", \"stroke-dasharray\",\n  \"opacity\", \"fill-opacity\", \"stroke-opacity\", \"fill-rule\", \"shape-rendering\", \"offset\", \"stop-opacity\",\n  \"gradientUnits\", \"gradientTransform\", \"patternUnits\", \"patternContentUnits\",\n  \"data-chart-kind\", \"data-chart-series\", \"data-chart-point\", \"data-chart-x\", \"data-chart-y\"\n]);\n\nfunction safeChartSvg(markup: string, prefix: string) {\n  const svg = new DOMParser().parseFromString(markup, \"image/svg+xml\").documentElement;\n  if (svg.localName !== \"svg\" || svg.namespaceURI !== svgNamespace) return null;\n\n  // Only local paint servers and inert geometry can enter the document.\n  for (const node of [svg, ...Array.from(svg.querySelectorAll(\"*\"))]) {\n    if (node.namespaceURI !== svgNamespace || !allowedElements.has(node.localName)) return null;\n    for (const { name, value } of Array.from(node.attributes)) {\n      if (plainAttributes.has(name) || name === \"xmlns\") continue;\n      if (name === \"id\" && /^[\\w-]+$/.test(value)) {\n        node.setAttribute(name, prefix + value);\n        continue;\n      }\n      if (name === \"href\" && /^(linearGradient|radialGradient)$/.test(node.localName) && /^#[\\w-]+$/.test(value)) {\n        node.setAttribute(name, \"#\" + prefix + value.slice(1));\n        continue;\n      }\n      if ([\"fill\", \"stroke\", \"stop-color\", \"clip-path\"].includes(name)) {\n        const local = /^url\\(#([\\w-]+)\\)$/.exec(value);\n        if (local) {\n          node.setAttribute(name, \"url(#\" + prefix + local[1] + \")\");\n          continue;\n        }\n        if (/^(?:#[\\da-f]{3,8}|[a-z]+)$/i.test(value)) continue;\n      }\n      node.removeAttribute(name);\n    }\n\n    if (node.hasAttribute(\"data-chart-series\")) {\n      node.setAttribute(\"data-xlsx-chart-series-index\", node.getAttribute(\"data-chart-series\")!);\n      const point = node.getAttribute(\"data-chart-point\");\n      if (point != null) node.setAttribute(\"data-xlsx-chart-point-index\", point);\n      const kind = node.getAttribute(\"data-chart-kind\");\n      if (kind === \"bar\") node.setAttribute(\"data-xlsx-chart-selection-mode\", \"seriesFirst\");\n      if (kind === \"legendEntry\") node.setAttribute(\"data-xlsx-chart-element-kind\", kind);\n      const style = (node as SVGElement).style;\n      style.cursor = \"pointer\";\n      style.pointerEvents = \"all\";\n    }\n  }\n  return svg;\n}\n\nfunction renderSharedChart(renderer: OfficeCharts, chart: XlsxChart, source: XlsxChartRenderSource, width: number, height: number, prefix: string) {\n  try {\n    const svg = renderer.renderChart(source.xml, {\n      themeColors: source.themeColors,\n      themeOverrideXml: source.themeOverrideXml,\n      styleXml: source.styleXml,\n      colorStyleXml: source.colorStyleXml,\n      width, height,\n      interactive: true,\n      spreadsheetDefaults: true,\n      fontFamily: chart.fontFamily,\n      data: {\n        title: chart.title,\n        series: chart.series.map((series) => ({\n          chartType: source.kind,\n          name: series.name,\n          points: Array.from({ length: Math.max(series.values.length, series.categories.length) }, (_, index) => {\n            const value = series.values[index];\n            const label = series.categories[index];\n            return {\n              index,\n              value: value == null ? null : String(value),\n              categories: series.categories.length || series.categoriesRef?.formula\n                ? [{ level: 0, label: label == null ? \"\" : String(label) }]\n                : []\n            };\n          })\n        }))\n      }\n    });\n    return svg ? safeChartSvg(svg, prefix) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction selectionHandles(svg: Element, chartId: string, selected: XlsxChartElementSelection | null | undefined) {\n  if (!selected || selected.chartId !== chartId || selected.kind === \"chart\") return null;\n  return Array.from(svg.querySelectorAll(\"[data-chart-point]\")).map((node, index) => {\n    if (Number(node.getAttribute(\"data-chart-series\")) !== selected.seriesIndex\n      || (selected.kind === \"point\" && Number(node.getAttribute(\"data-chart-point\")) !== selected.pointIndex)) return null;\n    if (node.getAttribute(\"data-chart-kind\") === \"bar\") {\n      return renderSelectionRectHandles(String(index), Number(node.getAttribute(\"x\")), Number(node.getAttribute(\"y\")),\n        Number(node.getAttribute(\"width\")), Number(node.getAttribute(\"height\")));\n    }\n    if (!node.hasAttribute(\"data-chart-x\") || !node.hasAttribute(\"data-chart-y\")) return null;\n    return renderSelectionRectHandles(String(index), Number(node.getAttribute(\"data-chart-x\")) - 4,\n      Number(node.getAttribute(\"data-chart-y\")) - 4, 8, 8);\n  });\n}\n\nexport function SharedChartSvg(props: ChartSvgProps & {\n  source: XlsxChartRenderSource;\n  renderer: OfficeCharts;\n  fallback: React.ReactNode;\n}) {\n  const { chart, rect, renderer, source, selectedChartElement, fallback } = props;\n  const id = React.useId();\n  const width = Math.max(1, rect.width);\n  const height = Math.max(1, rect.height);\n  const svg = React.useMemo(() => renderSharedChart(renderer, chart, source, width, height,\n    \"oc-\" + id.replace(/[^\\w-]/g, \"\") + \"-\"), [renderer, chart, source, width, height, id]);\n  const graphics = React.useRef<SVGGElement>(null);\n  React.useLayoutEffect(() => {\n    if (graphics.current && svg) graphics.current.replaceChildren(svg);\n  }, [svg]);\n  const handles = React.useMemo(() => svg && selectionHandles(svg, chart.id, selectedChartElement),\n    [svg, chart.id, selectedChartElement]);\n  const { handlePointerDown, handleDoubleClick } = useChartEvents(props);\n  if (!svg) return <>{fallback}</>;\n  return (\n    <svg\n      aria-label={chart.title ?? chart.name ?? \"Chart\"}\n      data-xlsx-chart-renderer=\"office-charts\"\n      onDoubleClick={handleDoubleClick}\n      onPointerDown={handlePointerDown}\n      role=\"img\"\n      style={{ display: \"block\", height: \"100%\", pointerEvents: \"auto\", width: \"100%\" }}\n      viewBox={`0 0 ${width} ${height}`}\n    >\n      <g ref={graphics} />\n      {handles}\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/shared-chart-BFQNYOIQ.js

@@ -0,0 +1,221 @@
+import {
+  renderSelectionRectHandles,
+  useChartEvents
+} from "./chunk-AJT23BDP.js";
+import {
+  A,
+  S,
+  T,
+  _,
+  g,
+  u
+} from "./chunk-PUI6QI4U.js";
+
+// src/shared-chart.tsx
+var svgNamespace = "http://www.w3.org/2000/svg";
+var allowedElements = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "defs",
+  "clipPath",
+  "rect",
+  "circle",
+  "ellipse",
+  "path",
+  "line",
+  "polyline",
+  "polygon",
+  "text",
+  "tspan",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "pattern"
+]);
+var plainAttributes = /* @__PURE__ */ new Set([
+  "x",
+  "y",
+  "width",
+  "height",
+  "x1",
+  "x2",
+  "y1",
+  "y2",
+  "cx",
+  "cy",
+  "fx",
+  "fy",
+  "r",
+  "rx",
+  "ry",
+  "fr",
+  "viewBox",
+  "transform",
+  "d",
+  "points",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-anchor",
+  "dominant-baseline",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-width",
+  "stroke-dasharray",
+  "opacity",
+  "fill-opacity",
+  "stroke-opacity",
+  "fill-rule",
+  "shape-rendering",
+  "offset",
+  "stop-opacity",
+  "gradientUnits",
+  "gradientTransform",
+  "patternUnits",
+  "patternContentUnits",
+  "data-chart-kind",
+  "data-chart-series",
+  "data-chart-point",
+  "data-chart-x",
+  "data-chart-y"
+]);
+function safeChartSvg(markup, prefix) {
+  const svg = new DOMParser().parseFromString(markup, "image/svg+xml").documentElement;
+  if (svg.localName !== "svg" || svg.namespaceURI !== svgNamespace) return null;
+  for (const node of [svg, ...Array.from(svg.querySelectorAll("*"))]) {
+    if (node.namespaceURI !== svgNamespace || !allowedElements.has(node.localName)) return null;
+    for (const { name, value } of Array.from(node.attributes)) {
+      if (plainAttributes.has(name) || name === "xmlns") continue;
+      if (name === "id" && /^[\w-]+$/.test(value)) {
+        node.setAttribute(name, prefix + value);
+        continue;
+      }
+      if (name === "href" && /^(linearGradient|radialGradient)$/.test(node.localName) && /^#[\w-]+$/.test(value)) {
+        node.setAttribute(name, "#" + prefix + value.slice(1));
+        continue;
+      }
+      if (["fill", "stroke", "stop-color", "clip-path"].includes(name)) {
+        const local = /^url\(#([\w-]+)\)$/.exec(value);
+        if (local) {
+          node.setAttribute(name, "url(#" + prefix + local[1] + ")");
+          continue;
+        }
+        if (/^(?:#[\da-f]{3,8}|[a-z]+)$/i.test(value)) continue;
+      }
+      node.removeAttribute(name);
+    }
+    if (node.hasAttribute("data-chart-series")) {
+      node.setAttribute("data-xlsx-chart-series-index", node.getAttribute("data-chart-series"));
+      const point = node.getAttribute("data-chart-point");
+      if (point != null) node.setAttribute("data-xlsx-chart-point-index", point);
+      const kind = node.getAttribute("data-chart-kind");
+      if (kind === "bar") node.setAttribute("data-xlsx-chart-selection-mode", "seriesFirst");
+      if (kind === "legendEntry") node.setAttribute("data-xlsx-chart-element-kind", kind);
+      const style = node.style;
+      style.cursor = "pointer";
+      style.pointerEvents = "all";
+    }
+  }
+  return svg;
+}
+function renderSharedChart(renderer, chart, source, width, height, prefix) {
+  try {
+    const svg = renderer.renderChart(source.xml, {
+      themeColors: source.themeColors,
+      themeOverrideXml: source.themeOverrideXml,
+      styleXml: source.styleXml,
+      colorStyleXml: source.colorStyleXml,
+      width,
+      height,
+      interactive: true,
+      spreadsheetDefaults: true,
+      fontFamily: chart.fontFamily,
+      data: {
+        title: chart.title,
+        series: chart.series.map((series) => ({
+          chartType: source.kind,
+          name: series.name,
+          points: Array.from({ length: Math.max(series.values.length, series.categories.length) }, (_2, index) => {
+            const value = series.values[index];
+            const label = series.categories[index];
+            return {
+              index,
+              value: value == null ? null : String(value),
+              categories: series.categories.length || series.categoriesRef?.formula ? [{ level: 0, label: label == null ? "" : String(label) }] : []
+            };
+          })
+        }))
+      }
+    });
+    return svg ? safeChartSvg(svg, prefix) : null;
+  } catch {
+    return null;
+  }
+}
+function selectionHandles(svg, chartId, selected) {
+  if (!selected || selected.chartId !== chartId || selected.kind === "chart") return null;
+  return Array.from(svg.querySelectorAll("[data-chart-point]")).map((node, index) => {
+    if (Number(node.getAttribute("data-chart-series")) !== selected.seriesIndex || selected.kind === "point" && Number(node.getAttribute("data-chart-point")) !== selected.pointIndex) return null;
+    if (node.getAttribute("data-chart-kind") === "bar") {
+      return renderSelectionRectHandles(
+        String(index),
+        Number(node.getAttribute("x")),
+        Number(node.getAttribute("y")),
+        Number(node.getAttribute("width")),
+        Number(node.getAttribute("height"))
+      );
+    }
+    if (!node.hasAttribute("data-chart-x") || !node.hasAttribute("data-chart-y")) return null;
+    return renderSelectionRectHandles(
+      String(index),
+      Number(node.getAttribute("data-chart-x")) - 4,
+      Number(node.getAttribute("data-chart-y")) - 4,
+      8,
+      8
+    );
+  });
+}
+function SharedChartSvg(props) {
+  const { chart, rect, renderer, source, selectedChartElement, fallback } = props;
+  const id = g();
+  const width = Math.max(1, rect.width);
+  const height = Math.max(1, rect.height);
+  const svg = T(() => renderSharedChart(
+    renderer,
+    chart,
+    source,
+    width,
+    height,
+    "oc-" + id.replace(/[^\w-]/g, "") + "-"
+  ), [renderer, chart, source, width, height, id]);
+  const graphics = A(null);
+  _(() => {
+    if (graphics.current && svg) graphics.current.replaceChildren(svg);
+  }, [svg]);
+  const handles = T(
+    () => svg && selectionHandles(svg, chart.id, selectedChartElement),
+    [svg, chart.id, selectedChartElement]
+  );
+  const { handlePointerDown, handleDoubleClick } = useChartEvents(props);
+  if (!svg) return /* @__PURE__ */ u(S, { children: fallback });
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      "aria-label": chart.title ?? chart.name ?? "Chart",
+      "data-xlsx-chart-renderer": "office-charts",
+      onDoubleClick: handleDoubleClick,
+      onPointerDown: handlePointerDown,
+      role: "img",
+      style: { display: "block", height: "100%", pointerEvents: "auto", width: "100%" },
+      viewBox: `0 0 ${width} ${height}`,
+      children: [
+        /* @__PURE__ */ u("g", { ref: graphics }),
+        handles
+      ]
+    }
+  );
+}
+export {
+  SharedChartSvg
+};
+//# sourceMappingURL=shared-chart-BFQNYOIQ.js.map

package/dist/shared-chart-BFQNYOIQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared-chart.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { OfficeCharts } from \"@extend-ai/rust-office-charts\";\nimport { renderSelectionRectHandles, useChartEvents } from \"./chart-interaction\";\nimport type { ChartSvgProps } from \"./chart-renderer\";\nimport type { XlsxChart, XlsxChartRenderSource, XlsxChartElementSelection } from \"./types\";\n\nconst svgNamespace = \"http://www.w3.org/2000/svg\";\nconst allowedElements = new Set([\n  \"svg\", \"g\", \"defs\", \"clipPath\", \"rect\", \"circle\", \"ellipse\", \"path\", \"line\", \"polyline\", \"polygon\",\n  \"text\", \"tspan\", \"linearGradient\", \"radialGradient\", \"stop\", \"pattern\"\n]);\nconst plainAttributes = new Set([\n  \"x\", \"y\", \"width\", \"height\", \"x1\", \"x2\", \"y1\", \"y2\", \"cx\", \"cy\", \"fx\", \"fy\", \"r\", \"rx\", \"ry\", \"fr\",\n  \"viewBox\", \"transform\", \"d\", \"points\", \"font-family\", \"font-weight\", \"font-size\", \"text-anchor\",\n  \"dominant-baseline\", \"stroke-linecap\", \"stroke-linejoin\", \"stroke-width\", \"stroke-dasharray\",\n  \"opacity\", \"fill-opacity\", \"stroke-opacity\", \"fill-rule\", \"shape-rendering\", \"offset\", \"stop-opacity\",\n  \"gradientUnits\", \"gradientTransform\", \"patternUnits\", \"patternContentUnits\",\n  \"data-chart-kind\", \"data-chart-series\", \"data-chart-point\", \"data-chart-x\", \"data-chart-y\"\n]);\n\nfunction safeChartSvg(markup: string, prefix: string) {\n  const svg = new DOMParser().parseFromString(markup, \"image/svg+xml\").documentElement;\n  if (svg.localName !== \"svg\" || svg.namespaceURI !== svgNamespace) return null;\n\n  // Only local paint servers and inert geometry can enter the document.\n  for (const node of [svg, ...Array.from(svg.querySelectorAll(\"*\"))]) {\n    if (node.namespaceURI !== svgNamespace || !allowedElements.has(node.localName)) return null;\n    for (const { name, value } of Array.from(node.attributes)) {\n      if (plainAttributes.has(name) || name === \"xmlns\") continue;\n      if (name === \"id\" && /^[\\w-]+$/.test(value)) {\n        node.setAttribute(name, prefix + value);\n        continue;\n      }\n      if (name === \"href\" && /^(linearGradient|radialGradient)$/.test(node.localName) && /^#[\\w-]+$/.test(value)) {\n        node.setAttribute(name, \"#\" + prefix + value.slice(1));\n        continue;\n      }\n      if ([\"fill\", \"stroke\", \"stop-color\", \"clip-path\"].includes(name)) {\n        const local = /^url\\(#([\\w-]+)\\)$/.exec(value);\n        if (local) {\n          node.setAttribute(name, \"url(#\" + prefix + local[1] + \")\");\n          continue;\n        }\n        if (/^(?:#[\\da-f]{3,8}|[a-z]+)$/i.test(value)) continue;\n      }\n      node.removeAttribute(name);\n    }\n\n    if (node.hasAttribute(\"data-chart-series\")) {\n      node.setAttribute(\"data-xlsx-chart-series-index\", node.getAttribute(\"data-chart-series\")!);\n      const point = node.getAttribute(\"data-chart-point\");\n      if (point != null) node.setAttribute(\"data-xlsx-chart-point-index\", point);\n      const kind = node.getAttribute(\"data-chart-kind\");\n      if (kind === \"bar\") node.setAttribute(\"data-xlsx-chart-selection-mode\", \"seriesFirst\");\n      if (kind === \"legendEntry\") node.setAttribute(\"data-xlsx-chart-element-kind\", kind);\n      const style = (node as SVGElement).style;\n      style.cursor = \"pointer\";\n      style.pointerEvents = \"all\";\n    }\n  }\n  return svg;\n}\n\nfunction renderSharedChart(renderer: OfficeCharts, chart: XlsxChart, source: XlsxChartRenderSource, width: number, height: number, prefix: string) {\n  try {\n    const svg = renderer.renderChart(source.xml, {\n      themeColors: source.themeColors,\n      themeOverrideXml: source.themeOverrideXml,\n      styleXml: source.styleXml,\n      colorStyleXml: source.colorStyleXml,\n      width, height,\n      interactive: true,\n      spreadsheetDefaults: true,\n      fontFamily: chart.fontFamily,\n      data: {\n        title: chart.title,\n        series: chart.series.map((series) => ({\n          chartType: source.kind,\n          name: series.name,\n          points: Array.from({ length: Math.max(series.values.length, series.categories.length) }, (_, index) => {\n            const value = series.values[index];\n            const label = series.categories[index];\n            return {\n              index,\n              value: value == null ? null : String(value),\n              categories: series.categories.length || series.categoriesRef?.formula\n                ? [{ level: 0, label: label == null ? \"\" : String(label) }]\n                : []\n            };\n          })\n        }))\n      }\n    });\n    return svg ? safeChartSvg(svg, prefix) : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction selectionHandles(svg: Element, chartId: string, selected: XlsxChartElementSelection | null | undefined) {\n  if (!selected || selected.chartId !== chartId || selected.kind === \"chart\") return null;\n  return Array.from(svg.querySelectorAll(\"[data-chart-point]\")).map((node, index) => {\n    if (Number(node.getAttribute(\"data-chart-series\")) !== selected.seriesIndex\n      || (selected.kind === \"point\" && Number(node.getAttribute(\"data-chart-point\")) !== selected.pointIndex)) return null;\n    if (node.getAttribute(\"data-chart-kind\") === \"bar\") {\n      return renderSelectionRectHandles(String(index), Number(node.getAttribute(\"x\")), Number(node.getAttribute(\"y\")),\n        Number(node.getAttribute(\"width\")), Number(node.getAttribute(\"height\")));\n    }\n    if (!node.hasAttribute(\"data-chart-x\") || !node.hasAttribute(\"data-chart-y\")) return null;\n    return renderSelectionRectHandles(String(index), Number(node.getAttribute(\"data-chart-x\")) - 4,\n      Number(node.getAttribute(\"data-chart-y\")) - 4, 8, 8);\n  });\n}\n\nexport function SharedChartSvg(props: ChartSvgProps & {\n  source: XlsxChartRenderSource;\n  renderer: OfficeCharts;\n  fallback: React.ReactNode;\n}) {\n  const { chart, rect, renderer, source, selectedChartElement, fallback } = props;\n  const id = React.useId();\n  const width = Math.max(1, rect.width);\n  const height = Math.max(1, rect.height);\n  const svg = React.useMemo(() => renderSharedChart(renderer, chart, source, width, height,\n    \"oc-\" + id.replace(/[^\\w-]/g, \"\") + \"-\"), [renderer, chart, source, width, height, id]);\n  const graphics = React.useRef<SVGGElement>(null);\n  React.useLayoutEffect(() => {\n    if (graphics.current && svg) graphics.current.replaceChildren(svg);\n  }, [svg]);\n  const handles = React.useMemo(() => svg && selectionHandles(svg, chart.id, selectedChartElement),\n    [svg, chart.id, selectedChartElement]);\n  const { handlePointerDown, handleDoubleClick } = useChartEvents(props);\n  if (!svg) return <>{fallback}</>;\n  return (\n    <svg\n      aria-label={chart.title ?? chart.name ?? \"Chart\"}\n      data-xlsx-chart-renderer=\"office-charts\"\n      onDoubleClick={handleDoubleClick}\n      onPointerDown={handlePointerDown}\n      role=\"img\"\n      style={{ display: \"block\", height: \"100%\", pointerEvents: \"auto\", width: \"100%\" }}\n      viewBox={`0 0 ${width} ${height}`}\n    >\n      <g ref={graphics} />\n      {handles}\n    </svg>\n  );\n}\n"],"mappings":"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","names":["_"]}