@extend-ai/react-xlsx 0.20.2 → 0.20.4

package/dist/{surface-regl-BBJ6OIKK.cjs → surface-webgl-3HS6VBCK.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
 
@@ -22,8 +22,7 @@ var _chunk5ERNVHSOcjs = require('./chunk-5ERNVHSO.cjs');
 var _chunkAZWBTFJIcjs = require('./chunk-AZWBTFJI.cjs');
 require('./chunk-AD4CGQN2.cjs');
 
-// src/surface-regl.tsx
-var _regl = require('regl'); var _regl2 = _interopRequireDefault(_regl);
+// src/surface-webgl.tsx
 function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
 }
@@ -483,6 +482,73 @@ function buildSurfaceMesh(chart, palette, layout) {
     wallPositions: new Float32Array(wallPositions)
   };
 }
+function paintSurface(gl, scene) {
+  const program = gl.createProgram();
+  if (!program) throw new Error("Cannot create surface program");
+  const positionBuffer = gl.createBuffer();
+  const colorBuffer = gl.createBuffer();
+  function attachShader(type, source) {
+    const shader = gl.createShader(type);
+    if (!shader) throw new Error("Cannot create surface shader");
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    gl.attachShader(program, shader);
+    gl.deleteShader(shader);
+  }
+  try {
+    if (!positionBuffer || !colorBuffer) throw new Error("Cannot create surface buffers");
+    attachShader(gl.VERTEX_SHADER, `
+      precision mediump float;
+      attribute vec3 position;
+      attribute vec4 color;
+      varying vec4 vColor;
+      void main() {
+        gl_Position = vec4(position, 1.0);
+        vColor = color;
+      }`);
+    attachShader(gl.FRAGMENT_SHADER, `
+      precision mediump float;
+      varying vec4 vColor;
+      void main() {
+        gl_FragColor = vColor;
+      }`);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error("Cannot link surface program");
+    gl.useProgram(program);
+    const position = gl.getAttribLocation(program, "position");
+    const color = gl.getAttribLocation(program, "color");
+    gl.enableVertexAttribArray(position);
+    gl.enableVertexAttribArray(color);
+    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
+    gl.enable(gl.DEPTH_TEST);
+    gl.enable(gl.BLEND);
+    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
+    gl.clearColor(0, 0, 0, 0);
+    gl.clearDepth(1);
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+    const draw = (positions, colors, mode, depth) => {
+      if (positions.length === 0) return;
+      gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
+      gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STREAM_DRAW);
+      gl.vertexAttribPointer(position, 3, gl.FLOAT, false, 0, 0);
+      gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);
+      gl.bufferData(gl.ARRAY_BUFFER, colors, gl.STREAM_DRAW);
+      gl.vertexAttribPointer(color, 4, gl.FLOAT, false, 0, 0);
+      gl.depthFunc(depth);
+      gl.drawArrays(mode, 0, positions.length / 3);
+    };
+    draw(scene.wallPositions, scene.wallColors, gl.TRIANGLES, gl.LEQUAL);
+    draw(scene.fillPositions, scene.fillColors, gl.TRIANGLES, gl.LESS);
+    draw(scene.linePositions, scene.lineColors, gl.LINES, gl.LEQUAL);
+    gl.disableVertexAttribArray(position);
+    gl.disableVertexAttribArray(color);
+  } finally {
+    gl.useProgram(null);
+    gl.deleteBuffer(positionBuffer);
+    gl.deleteBuffer(colorBuffer);
+    gl.deleteProgram(program);
+  }
+}
 var MemoSurfaceChartComposite = _chunkAZWBTFJIcjs.N.call(void 0, function MemoSurfaceChartComposite2({
   background,
   borderColor,
@@ -509,165 +575,34 @@ var MemoSurfaceChartComposite = _chunkAZWBTFJIcjs.N.call(void 0, function MemoSu
     if (!canvas) {
       return;
     }
-    let cancelled = false;
-    let reglInstance = null;
     const drawSurface = () => {
       try {
         const scene = buildSurfaceMesh(chart, palette, layout);
-        if (!scene) {
-          if (!cancelled) {
-            setFailed(true);
-            setReady(false);
-          }
-          return;
-        }
+        if (!scene) throw new Error("Empty surface");
         const dpr = window.devicePixelRatio || 1;
         canvas.width = Math.max(1, Math.round(layout.width * dpr));
         canvas.height = Math.max(1, Math.round(layout.height * dpr));
-        reglInstance = _regl2.default.call(void 0, {
-          attributes: {
-            alpha: true,
-            antialias: true,
-            depth: true,
-            premultipliedAlpha: true
-          },
-          canvas
-        });
-        const fillCommand = scene.fillPositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.fillColors,
-            position: scene.fillPositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.fillPositions.length / 3,
-          depth: {
-            enable: true
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          primitive: "triangles",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        const wallCommand = scene.wallPositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.wallColors,
-            position: scene.wallPositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.wallPositions.length / 3,
-          depth: {
-            enable: true,
-            func: "lequal"
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          primitive: "triangles",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        const lineCommand = scene.linePositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.lineColors,
-            position: scene.linePositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.linePositions.length / 3,
-          depth: {
-            enable: true,
-            func: "lequal"
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          lineWidth: 1,
-          primitive: "lines",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        reglInstance.clear({ color: [0, 0, 0, 0], depth: 1 });
-        _optionalChain([wallCommand, 'optionalCall', _113 => _113()]);
-        _optionalChain([fillCommand, 'optionalCall', _114 => _114()]);
-        _optionalChain([lineCommand, 'optionalCall', _115 => _115()]);
-        if (!cancelled) {
-          setReady(true);
-          setFailed(false);
-        }
+        const gl = canvas.getContext("webgl", { alpha: true, antialias: true, depth: true, premultipliedAlpha: true });
+        if (!gl || gl.isContextLost()) throw new Error("WebGL unavailable");
+        paintSurface(gl, scene);
+        setReady(true);
+        setFailed(false);
       } catch (e) {
-        if (!cancelled) {
-          setReady(false);
-          setFailed(true);
-        }
+        setReady(false);
+        setFailed(true);
       }
     };
-    setReady(false);
-    setFailed(false);
+    const onLost = (event) => {
+      event.preventDefault();
+      setReady(false);
+      setFailed(true);
+    };
+    canvas.addEventListener("webglcontextlost", onLost);
+    canvas.addEventListener("webglcontextrestored", drawSurface);
     drawSurface();
     return () => {
-      cancelled = true;
-      _optionalChain([reglInstance, 'optionalAccess', _116 => _116.destroy, 'call', _117 => _117()]);
+      canvas.removeEventListener("webglcontextlost", onLost);
+      canvas.removeEventListener("webglcontextrestored", drawSurface);
     };
   }, [
     chart,
@@ -680,6 +615,7 @@ var MemoSurfaceChartComposite = _chunkAZWBTFJIcjs.N.call(void 0, function MemoSu
     "div",
     {
       "aria-label": _nullishCoalesce(_nullishCoalesce(chart.title, () => ( chart.name)), () => ( "Chart")),
+      "data-xlsx-chart-renderer": "legacy",
       role: "img",
       style: {
         background,
@@ -726,4 +662,4 @@ var MemoSurfaceChartComposite = _chunkAZWBTFJIcjs.N.call(void 0, function MemoSu
 
 
 exports.MemoSurfaceChartComposite = MemoSurfaceChartComposite;
-//# sourceMappingURL=surface-regl-BBJ6OIKK.cjs.map
+//# sourceMappingURL=surface-webgl-3HS6VBCK.cjs.map

package/dist/surface-webgl-3HS6VBCK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-xlsx/react-xlsx/packages/react-xlsx/dist/surface-webgl-3HS6VBCK.cjs","../src/surface-webgl.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/react-xlsx/react-xlsx/packages/react-xlsx/dist/surface-webgl-3HS6VBCK.cjs","sourcesContent":[null,"import { getBuiltinChartColor, getBuiltinChartSurfaceLine, resolveBuiltinChartColor } from \"./builtin-chart-styles\";\nimport * as React from \"react\";\nimport { shadeSurfaceMatteColor, surfaceNormal, transformSurfaceNormal } from \"./surface-lighting\";\nimport { clipSurfaceBand, groupSurfaceBandEdges, normalizeSurfaceValue, surfaceDataRatios, triangulateSurfaceQuad } from \"./surface-geometry\";\nimport type { XlsxChart } from \"./types\";\n\ntype SurfacePalette = {\n  border: string;\n  mutedText: string;\n  surface: string;\n  text: string;\n};\n\ntype SurfaceLayout = {\n  height: number;\n  plot: {\n    height: number;\n    left: number;\n    top: number;\n    width: number;\n  };\n  width: number;\n};\n\ntype SurfaceCompositeProps = {\n  background: string;\n  borderColor: string;\n  chart: XlsxChart;\n  fontFamily: string;\n  layout: SurfaceLayout;\n  onDoubleClick?: React.MouseEventHandler<SVGSVGElement>;\n  onPointerDown?: React.PointerEventHandler<SVGSVGElement>;\n  overlay: React.ReactNode;\n  palette: SurfacePalette;\n  fallback: React.ReactNode;\n};\n\ntype SurfaceDomain = {\n  maxValue: number;\n  minValue: number;\n  safeMax: number;\n  ticks: number[];\n};\n\ntype SurfacePoint3D = {\n  depth: number;\n  worldX: number;\n  worldY: number;\n  worldZ: number;\n  x: number;\n  y: number;\n};\n\ntype SurfaceVertex = {\n  bandColor: string;\n  point: SurfacePoint3D;\n  value: number;\n};\n\ntype SolidSurfaceTriangle = {\n  color: string;\n  points: [SurfacePoint3D, SurfacePoint3D, SurfacePoint3D];\n};\n\ntype SurfaceScene = {\n  fillColors: Float32Array;\n  fillPositions: Float32Array;\n  lineColors: Float32Array;\n  linePositions: Float32Array;\n  wallColors: Float32Array;\n  wallPositions: Float32Array;\n};\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.max(min, Math.min(max, value));\n}\n\nfunction safeNumber(value: unknown) {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  if (typeof value === \"string\") {\n    const normalized = value.trim().replace(/,/g, \"\");\n    if (!normalized) {\n      return null;\n    }\n    const parsed = Number(normalized);\n    return Number.isFinite(parsed) ? parsed : null;\n  }\n  return null;\n}\n\nfunction parseRgbColor(color: string) {\n  const match = /^#?([0-9a-f]{6})$/i.exec(color);\n  if (!match) {\n    return null;\n  }\n  return {\n    blue: Number.parseInt(match[1].slice(4, 6), 16),\n    green: Number.parseInt(match[1].slice(2, 4), 16),\n    red: Number.parseInt(match[1].slice(0, 2), 16)\n  };\n}\n\nfunction mixRgbColor(color: string, mixWith: string, ratio: number) {\n  const base = parseRgbColor(color);\n  const target = parseRgbColor(mixWith);\n  if (!base || !target) {\n    return color;\n  }\n  const clamped = clamp(ratio, 0, 1);\n  const mixChannel = (left: number, right: number) => Math.round(left + (right - left) * clamped);\n  return `#${[\n    mixChannel(base.red, target.red),\n    mixChannel(base.green, target.green),\n    mixChannel(base.blue, target.blue)\n  ].map((value) => value.toString(16).padStart(2, \"0\")).join(\"\")}`;\n}\n\nfunction lightenColor(color: string, ratio: number) {\n  return mixRgbColor(color, \"#ffffff\", ratio);\n}\n\nfunction darkenColor(color: string, ratio: number) {\n  return mixRgbColor(color, \"#000000\", ratio);\n}\n\nfunction resolveSurfaceBaseColor(chart: XlsxChart, palette: Pick<SurfacePalette, \"text\">) {\n  return chart.chartColorPalette?.[0]\n    ?? chart.series[0]?.color\n    ?? chart.series[0]?.lineColor\n    ?? chart.axisLineColor\n    ?? chart.textColor\n    ?? palette.text;\n}\n\nfunction normalizeSurfaceRendererHexColor(value: unknown) {\n  if (typeof value !== \"string\") {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (!trimmed) {\n    return null;\n  }\n  const normalized = trimmed.startsWith(\"#\") ? trimmed.slice(1) : trimmed;\n  return /^[0-9a-f]{6}$/i.test(normalized) ? `#${normalized.toLowerCase()}` : null;\n}\n\nfunction resolveExplicitSurfaceSeriesColor(chart: XlsxChart, kind: \"fill\" | \"line\") {\n  const shape = chart.series[0]?.shapeProperties;\n  if (kind === \"fill\" ? shape?.xmlFillHidden === true : shape?.xmlLineHidden === true) return \"transparent\";\n  const color = kind === \"fill\"\n    ? shape?.xmlFillColor ?? shape?.solidFillHex\n    : shape?.xmlLineColor ?? shape?.lineColorHex;\n  return normalizeSurfaceRendererHexColor(color);\n}\n\nfunction getSurfaceColorStops(chart: XlsxChart, palette: SurfacePalette) {\n  const explicitFill = resolveExplicitSurfaceSeriesColor(chart, \"fill\");\n  if (explicitFill) return [explicitFill];\n  const colors = (chart.chartColorPalette ?? []).filter((value): value is string => typeof value === \"string\" && value.length > 0);\n  return colors.length > 0 ? colors : [resolveSurfaceBaseColor(chart, palette)];\n}\n\nfunction getSurfaceDomain(chart: XlsxChart): SurfaceDomain | null {\n  const numericValues = chart.series.flatMap((series) => (\n    series.values\n      .map((value) => safeNumber(value))\n      .filter((value): value is number => value != null)\n  ));\n  if (numericValues.length === 0) {\n    return null;\n  }\n  const explicitMin = typeof chart.valueAxis?.min === \"number\" && Number.isFinite(chart.valueAxis.min)\n    ? chart.valueAxis.min\n    : null;\n  const explicitMax = typeof chart.valueAxis?.max === \"number\" && Number.isFinite(chart.valueAxis.max)\n    ? chart.valueAxis.max\n    : null;\n  const rawMin = Math.min(...numericValues);\n  const rawMax = Math.max(...numericValues);\n  const spanBase = Math.max(1e-6, rawMax - Math.min(0, rawMin));\n  const roughStep = spanBase / 5;\n  const magnitude = Math.pow(10, Math.floor(Math.log10(Math.max(roughStep, 1e-6))));\n  const normalized = roughStep / magnitude;\n  const niceStep = normalized <= 1 ? 1 : normalized <= 2 ? 2 : normalized <= 5 ? 5 : 10;\n  const step = typeof chart.valueAxis?.majorUnit === \"number\" && chart.valueAxis.majorUnit > 0\n    ? chart.valueAxis.majorUnit\n    : niceStep * magnitude;\n  const minValue = explicitMin ?? (rawMin >= 0 ? 0 : Math.floor(rawMin / step) * step);\n  const maxValue = explicitMax ?? Math.ceil(rawMax / step) * step;\n  const safeMax = maxValue <= minValue ? minValue + step : maxValue;\n  const ticks: number[] = [];\n  for (let current = minValue; current <= safeMax + step * 0.001; current += step) {\n    ticks.push(Number(current.toFixed(8)));\n  }\n  const boundedTicks = [...new Set([...ticks.filter((tick) => tick < safeMax), safeMax])];\n  return {\n    maxValue,\n    minValue,\n    safeMax,\n    ticks: boundedTicks.length >= 2 ? boundedTicks : [minValue, safeMax]\n  };\n}\n\nfunction resolveSurfaceBandPaletteColor(chart: XlsxChart, palette: SurfacePalette, domain: SurfaceDomain, value: number) {\n  const bandIndex = resolveSurfaceBandIndex(domain, value);\n  const explicitColor = resolveSurfaceBandFormatColor(chart, \"bandFormatColors\", bandIndex);\n  if (explicitColor) return explicitColor;\n  const explicitFill = resolveExplicitSurfaceSeriesColor(chart, \"fill\");\n  if (explicitFill) return explicitFill;\n  const themeColors = chart.raw?.builtinThemeColors as Record<number, string> | undefined;\n  const paletteCount = Math.trunc((domain.safeMax - domain.minValue) / (domain.ticks[1] - domain.ticks[0])) + 1;\n  const builtinColor = themeColors ? resolveBuiltinChartColor(getBuiltinChartColor(chart.chartStyleId, bandIndex % paletteCount, paletteCount), themeColors) : undefined;\n  if (builtinColor) return builtinColor;\n  const stops = getSurfaceColorStops(chart, palette);\n  if (stops.length === 0) {\n    return resolveSurfaceBaseColor(chart, palette);\n  }\n  return stops[Math.min(stops.length - 1, Math.max(0, bandIndex))] ?? stops[stops.length - 1] ?? resolveSurfaceBaseColor(chart, palette);\n}\n\nfunction resolveSurfaceBandIndex(domain: SurfaceDomain, value: number) {\n  const ticks = domain.ticks;\n  for (let index = 0; index < ticks.length - 1; index += 1) {\n    const end = ticks[index + 1] ?? domain.safeMax;\n    if (value <= end || index === ticks.length - 2) {\n      return index;\n    }\n  }\n  return Math.max(0, ticks.length - 2);\n}\n\nfunction resolveSurfaceBandColor(chart: XlsxChart, palette: SurfacePalette, domain: SurfaceDomain, value: number) {\n  return resolveSurfaceBandPaletteColor(chart, palette, domain, value);\n}\n\nfunction resolveSurfaceBandFormatColor(chart: XlsxChart, key: \"bandFormatColors\" | \"bandFormatLineColors\", index: number) {\n  const colors = chart.raw?.[key];\n  if (!colors || typeof colors !== \"object\" || !Object.prototype.hasOwnProperty.call(colors, index)) return null;\n  const color = (colors as Record<number, unknown>)[index];\n  return typeof color === \"string\" && color.length > 0 ? color : null;\n}\n\nfunction resolveSurfaceWireframeColor(chart: XlsxChart, palette: SurfacePalette, domain: SurfaceDomain, value: number) {\n  const bandIndex = resolveSurfaceBandIndex(domain, value);\n  const themeColors = chart.raw?.builtinThemeColors as Record<number, string> | undefined;\n  const paletteCount = Math.trunc((domain.safeMax - domain.minValue) / (domain.ticks[1] - domain.ticks[0])) + 1;\n  const builtinLine = themeColors ? resolveBuiltinChartColor(getBuiltinChartSurfaceLine(chart.chartStyleId, bandIndex, paletteCount), themeColors) : undefined;\n  return resolveSurfaceBandFormatColor(chart, \"bandFormatLineColors\", bandIndex)\n    ?? resolveExplicitSurfaceSeriesColor(chart, \"line\")\n    ?? builtinLine\n    ?? resolveSurfaceBandPaletteColor(chart, palette, domain, value);\n}\n\nfunction colorToRgba(color: string, alpha = 1) {\n  if (color === \"transparent\") return [0, 0, 0, 0] as const;\n  const rgb = parseRgbColor(color);\n  if (!rgb) {\n    return [0.1, 0.1, 0.1, alpha] as const;\n  }\n  return [rgb.red / 255, rgb.green / 255, rgb.blue / 255, alpha] as const;\n}\n\nfunction normalizeSurfaceX(column: number, cols: number) {\n  return cols <= 1 ? 0 : ((column / (cols - 1)) - 0.5) * 2;\n}\n\nfunction normalizeSurfaceY(row: number, rows: number) {\n  return rows <= 1 ? 0 : ((row / (rows - 1)) - 0.5) * 2;\n}\n\nfunction normalizeSurfaceZ(value: number, domain: SurfaceDomain, heightExtent: number, axis?: XlsxChart[\"valueAxis\"]) {\n  return -(normalizeSurfaceValue(value, domain.minValue, domain.safeMax, axis) - 0.5) * heightExtent;\n}\n\nfunction projectCartesian3dPoint(\n  x: number,\n  y: number,\n  z: number,\n  rotXRad: number,\n  rotYRad: number,\n  usePerspective: boolean,\n  perspectiveStrength: number,\n  rightAngleAxes: boolean\n) {\n  if (rightAngleAxes) {\n    return { depth: z, x: x + z * Math.sin(rotYRad), y: y - z * Math.sin(rotXRad) };\n  }\n  const cosX = Math.cos(rotXRad);\n  const sinX = Math.sin(rotXRad);\n  const cosY = Math.cos(rotYRad);\n  const sinY = Math.sin(rotYRad);\n  const x1 = x * cosY + z * sinY;\n  const z1 = -x * sinY + z * cosY;\n  const y1 = y * cosX - z1 * sinX;\n  const z2 = y * sinX + z1 * cosX;\n  const perspective = usePerspective\n    ? 1 / Math.max(0.18, 1 + z2 * (0.24 + perspectiveStrength * 0.5))\n    : 1;\n  return {\n    depth: z2,\n    x: x1 * perspective,\n    y: y1 * perspective\n  };\n}\n\nfunction withProjectedDepth(point: SurfacePoint3D, depth: number): SurfacePoint3D {\n  return {\n    ...point,\n    depth\n  };\n}\n\nfunction nudgeProjectedDepth(point: SurfacePoint3D, delta: number): SurfacePoint3D {\n  return {\n    ...point,\n    depth: point.depth + delta\n  };\n}\n\nfunction isContourSurfaceChart(chart: XlsxChart) {\n  const rawChartType = chart.raw && typeof chart.raw === \"object\" && typeof chart.raw.xmlChartType === \"string\"\n    ? chart.raw.xmlChartType\n    : \"\";\n  if (rawChartType === \"surfaceChart\") {\n    return true;\n  }\n  if (rawChartType === \"surface3DChart\") {\n    return false;\n  }\n  return chart.chartType === \"Surface\" && chart.is3d !== true;\n}\n\nfunction buildSurfaceMesh(chart: XlsxChart, palette: SurfacePalette, layout: SurfaceLayout): SurfaceScene | null {\n  const rows = chart.series.length;\n  const cols = chart.series.reduce((max, series) => Math.max(max, series.values.length), 0);\n  if (rows < 2 || cols < 2) {\n    return null;\n  }\n  const matrix = chart.series.map((series) => (\n    Array.from({ length: cols }, (_, columnIndex) => safeNumber(series.values[columnIndex]))\n  ));\n  const domain = getSurfaceDomain(chart);\n  if (!domain) {\n    return null;\n  }\n  const isContour = isContourSurfaceChart(chart);\n  const isWireframe = chart.wireframe === true;\n  const fillVertices: SurfaceVertex[] = [];\n  const wallTriangles: SolidSurfaceTriangle[] = [];\n  const contourLines: Array<{ color: string; from: SurfacePoint3D; to: SurfacePoint3D }> = [];\n  const meshLines: Array<{ color: string; from: SurfacePoint3D; to: SurfacePoint3D }> = [];\n  const rotX = (chart.view3d?.rotX ?? 25) * (Math.PI / 180);\n  const rotY = (chart.view3d?.rotY ?? 30) * (Math.PI / 180);\n  const usePerspective = !isContour && chart.view3d?.rAngAx === false;\n  const perspectiveStrength = clamp((chart.view3d?.perspective ?? (usePerspective ? 30 : 0)) / 100, 0, 1);\n  const ratios = surfaceDataRatios(rows, cols, chart.valueAxis?.crossBetween !== \"midCat\", chart.view3d?.heightPercent, chart.view3d?.depthPercent, layout);\n  const depthScale = ratios.depth;\n  const heightExtent = 2 * ratios.height;\n  const usesFlatMaterial = chart.surfaceMaterial === \"flat\";\n  const wallLineColor = chart.valueAxis?.majorGridlineColor ?? chart.backWall?.lineColor ?? chart.sideWall?.lineColor ?? chart.floor?.lineColor ?? chart.axisLineColor ?? \"#a6a6a6\";\n  const backWallFill = chart.backWall?.fillColor ?? \"#d9d9df\";\n  const sideWallFill = chart.sideWall?.fillColor ?? \"#d5d7dc\";\n  const floorFill = chart.floor?.fillColor ?? \"#d0d2d8\";\n  const projectPoint = (column: number, row: number, value: number): SurfacePoint3D => {\n    const worldX = normalizeSurfaceX(column, cols);\n    if (isContour) {\n      return {\n        depth: 0,\n        worldX,\n        worldY: normalizeSurfaceY(row, rows),\n        worldZ: 0,\n        x: worldX,\n        y: normalizeSurfaceY(row, rows)\n      };\n    }\n    const worldY = normalizeSurfaceZ(value, domain, heightExtent, chart.valueAxis);\n    const worldZ = normalizeSurfaceY(row, rows) * depthScale;\n    const projected = projectCartesian3dPoint(worldX, worldY, worldZ, rotX, rotY, usePerspective, perspectiveStrength, chart.view3d?.rAngAx !== false);\n    return {\n      depth: projected.depth,\n      worldX,\n      worldY,\n      worldZ,\n      x: projected.x,\n      y: projected.y\n    };\n  };\n  const addWallQuad = (a: SurfacePoint3D, b: SurfacePoint3D, c: SurfacePoint3D, d: SurfacePoint3D, color: string) => {\n    wallTriangles.push(\n      { color, points: [a, b, c] },\n      { color, points: [a, c, d] }\n    );\n  };\n  const addMeshLine = (from: SurfacePoint3D, to: SurfacePoint3D, color: string) => {\n    meshLines.push({ color, from, to });\n  };\n\n  for (let rowIndex = 0; rowIndex < rows - 1; rowIndex += 1) {\n    for (let columnIndex = 0; columnIndex < cols - 1; columnIndex += 1) {\n      const p00 = matrix[rowIndex]?.[columnIndex];\n      const p10 = matrix[rowIndex]?.[columnIndex + 1];\n      const p01 = matrix[rowIndex + 1]?.[columnIndex];\n      const p11 = matrix[rowIndex + 1]?.[columnIndex + 1];\n      if (p00 == null || p10 == null || p01 == null || p11 == null) {\n        continue;\n      }\n      const triangles = triangulateSurfaceQuad([\n        { value: p00, x: columnIndex, y: rowIndex },\n        { value: p10, x: columnIndex + 1, y: rowIndex },\n        { value: p11, x: columnIndex + 1, y: rowIndex + 1 },\n        { value: p01, x: columnIndex, y: rowIndex + 1 }\n      ], chart.valueAxis);\n      for (const triangle of triangles) {\n        for (let band = 0; band < domain.ticks.length - 1; band += 1) {\n          const lower = domain.ticks[band];\n          const upper = domain.ticks[band + 1];\n          const polygon = clipSurfaceBand(clipSurfaceBand(triangle, lower, true, chart.valueAxis, band === 0), upper, false, chart.valueAxis);\n          if (polygon.length < 3) continue;\n          const bandColor = resolveSurfaceBandColor(chart, palette, domain, (lower + upper) / 2);\n          if (!isWireframe && bandColor !== \"transparent\") {\n            for (let index = 1; index < polygon.length - 1; index += 1) {\n              for (const vertex of [polygon[0], polygon[index], polygon[index + 1]]) {\n                const point = projectPoint(vertex.x, vertex.y, vertex.value);\n                fillVertices.push({ bandColor, point: isContour ? withProjectedDepth(point, 0.08) : point, value: vertex.value });\n              }\n            }\n          }\n          for (const group of groupSurfaceBandEdges(polygon, triangle, band, lower, isWireframe)) {\n            const edgeMidpoint = (domain.ticks[group.band] + domain.ticks[group.band + 1]) / 2;\n            const color = resolveSurfaceWireframeColor(chart, palette, domain, edgeMidpoint);\n            if (color !== \"transparent\") {\n              for (const [from, to] of group.edges) {\n                contourLines.push({ color, from: projectPoint(from.x, from.y, from.value), to: projectPoint(to.x, to.y, to.value) });\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  const columnSkip = Math.max(1, chart.categoryAxis?.tickMarkSkip ?? 1);\n  const rowSkip = Math.max(1, chart.seriesAxis?.tickMarkSkip ?? 1);\n  if (isContour) {\n    const topLeft = withProjectedDepth(projectPoint(0, 0, domain.minValue), -0.12);\n    const topRight = withProjectedDepth(projectPoint(cols - 1, 0, domain.minValue), -0.12);\n    const bottomRight = withProjectedDepth(projectPoint(cols - 1, rows - 1, domain.minValue), -0.12);\n    const bottomLeft = withProjectedDepth(projectPoint(0, rows - 1, domain.minValue), -0.12);\n    if (chart.backWall?.hidden !== true && backWallFill !== \"transparent\") {\n      addWallQuad(topLeft, topRight, bottomRight, bottomLeft, backWallFill);\n    }\n    for (let columnIndex = 0; columnIndex < cols; columnIndex += columnSkip) {\n      addMeshLine(\n        withProjectedDepth(projectPoint(columnIndex, 0, domain.minValue), 0.04),\n        withProjectedDepth(projectPoint(columnIndex, rows - 1, domain.minValue), 0.04),\n        wallLineColor\n      );\n    }\n    for (let rowIndex = 0; rowIndex < rows; rowIndex += rowSkip) {\n      addMeshLine(\n        withProjectedDepth(projectPoint(0, rowIndex, domain.minValue), 0.04),\n        withProjectedDepth(projectPoint(cols - 1, rowIndex, domain.minValue), 0.04),\n        wallLineColor\n      );\n    }\n  } else {\n    const minPlaneValue = domain.minValue;\n    const wallDepthOffset = 0;\n    const backRow = chart.view3d?.rAngAx !== false || Math.cos(rotX) * Math.cos(rotY) >= 0 ? rows - 1 : 0;\n    const sideColumn = Math.sin(rotY) >= 0 ? 0 : cols - 1;\n    if (chart.floor?.hidden !== true && floorFill !== \"transparent\") {\n      addWallQuad(\n        nudgeProjectedDepth(projectPoint(0, 0, minPlaneValue), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(cols - 1, 0, minPlaneValue), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(cols - 1, rows - 1, minPlaneValue), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(0, rows - 1, minPlaneValue), wallDepthOffset),\n        floorFill\n      );\n    }\n    if (chart.backWall?.hidden !== true && backWallFill !== \"transparent\") {\n      addWallQuad(\n        nudgeProjectedDepth(projectPoint(0, backRow, domain.safeMax), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(cols - 1, backRow, domain.safeMax), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(cols - 1, backRow, minPlaneValue), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(0, backRow, minPlaneValue), wallDepthOffset),\n        backWallFill\n      );\n    }\n    if (chart.sideWall?.hidden !== true && sideWallFill !== \"transparent\") {\n      addWallQuad(\n        nudgeProjectedDepth(projectPoint(sideColumn, 0, domain.safeMax), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(sideColumn, rows - 1, domain.safeMax), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(sideColumn, rows - 1, minPlaneValue), wallDepthOffset),\n        nudgeProjectedDepth(projectPoint(sideColumn, 0, minPlaneValue), wallDepthOffset),\n        sideWallFill\n      );\n    }\n    for (const tick of chart.valueAxis?.majorGridlines ? domain.ticks : []) {\n      if (chart.backWall?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(0, backRow, tick), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(cols - 1, backRow, tick), wallDepthOffset * 0.75), wallLineColor);\n      }\n      if (chart.sideWall?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(sideColumn, 0, tick), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(sideColumn, rows - 1, tick), wallDepthOffset * 0.75), wallLineColor);\n      }\n    }\n    for (let columnIndex = 0; chart.categoryAxis?.majorGridlines && columnIndex < cols; columnIndex += columnSkip) {\n      if (chart.floor?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(columnIndex, 0, minPlaneValue), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(columnIndex, rows - 1, minPlaneValue), wallDepthOffset * 0.75), wallLineColor);\n      }\n      if (chart.backWall?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(columnIndex, backRow, minPlaneValue), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(columnIndex, backRow, domain.safeMax), wallDepthOffset * 0.75), wallLineColor);\n      }\n    }\n    for (let rowIndex = 0; chart.seriesAxis?.majorGridlines && rowIndex < rows; rowIndex += rowSkip) {\n      if (chart.floor?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(0, rowIndex, minPlaneValue), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(cols - 1, rowIndex, minPlaneValue), wallDepthOffset * 0.75), wallLineColor);\n      }\n      if (chart.sideWall?.hidden !== true && wallLineColor !== \"transparent\") {\n        addMeshLine(nudgeProjectedDepth(projectPoint(sideColumn, rowIndex, minPlaneValue), wallDepthOffset * 0.75), nudgeProjectedDepth(projectPoint(sideColumn, rowIndex, domain.safeMax), wallDepthOffset * 0.75), wallLineColor);\n      }\n    }\n  }\n\n  const allPoints = [\n    ...fillVertices.map((vertex) => vertex.point),\n    ...wallTriangles.flatMap((triangle) => triangle.points),\n    ...meshLines.flatMap((line) => [line.from, line.to]),\n    ...contourLines.flatMap((line) => [line.from, line.to])\n  ];\n  if (allPoints.length === 0) {\n    return null;\n  }\n\n  const minX = Math.min(...allPoints.map((point) => point.x));\n  const maxX = Math.max(...allPoints.map((point) => point.x));\n  const minY = Math.min(...allPoints.map((point) => point.y));\n  const maxY = Math.max(...allPoints.map((point) => point.y));\n  const minDepth = Math.min(...allPoints.map((point) => point.depth));\n  const maxDepth = Math.max(...allPoints.map((point) => point.depth));\n  const scale = Math.min(\n    layout.plot.width / Math.max(0.25, maxX - minX),\n    layout.plot.height / Math.max(0.25, maxY - minY)\n  );\n  const centerX = layout.plot.left + layout.plot.width / 2;\n  const centerY = layout.plot.top + layout.plot.height / 2;\n  const centerRawX = (minX + maxX) / 2;\n  const centerRawY = (minY + maxY) / 2;\n  const toScreenX = (x: number) => centerX + (x - centerRawX) * scale;\n  const toScreenY = (y: number) => centerY + (y - centerRawY) * scale;\n  const toClipPoint = (point: SurfacePoint3D) => {\n    const screenX = toScreenX(point.x);\n    const screenY = toScreenY(point.y);\n    return {\n      x: (screenX / layout.width) * 2 - 1,\n      y: 1 - (screenY / layout.height) * 2,\n      z: clamp(((point.depth - minDepth) / Math.max(1e-6, maxDepth - minDepth)) * 2 - 1, -1, 1)\n    };\n  };\n\n  const fillPositions: number[] = [];\n  const fillColors: number[] = [];\n  const wallPositions: number[] = [];\n  const wallColors: number[] = [];\n  for (const triangle of wallTriangles) {\n    const world = triangle.points.map(point => ({ x: point.worldX, y: point.worldY, z: -point.worldZ }));\n    const normal = transformSurfaceNormal(surfaceNormal(world[0], world[1], world[2]), chart.view3d?.rotX ?? 25, chart.view3d?.rotY ?? 30, chart.view3d?.rAngAx !== false);\n    const rgba = colorToRgba(usesFlatMaterial ? triangle.color : shadeSurfaceMatteColor(triangle.color, normal), 1);\n    for (const point of triangle.points) {\n      const clip = toClipPoint(point);\n      wallPositions.push(clip.x, clip.y, clip.z);\n      wallColors.push(rgba[0], rgba[1], rgba[2], rgba[3]);\n    }\n  }\n  for (let index = 0; index < fillVertices.length; index += 3) {\n    const left = fillVertices[index];\n    const middle = fillVertices[index + 1];\n    const right = fillVertices[index + 2];\n    if (!left || !middle || !right) {\n      continue;\n    }\n    const world = [left, middle, right].map(vertex => ({ x: vertex.point.worldX, y: vertex.point.worldY, z: -vertex.point.worldZ }));\n    const normal = transformSurfaceNormal(surfaceNormal(world[0], world[1], world[2]), chart.view3d?.rotX ?? 25, chart.view3d?.rotY ?? 30, chart.view3d?.rAngAx !== false);\n    const shaded = colorToRgba(usesFlatMaterial ? left.bandColor : shadeSurfaceMatteColor(left.bandColor, normal), 1);\n    [left, middle, right].forEach((vertex) => {\n      const clip = toClipPoint(vertex.point);\n      fillPositions.push(clip.x, clip.y, clip.z);\n      fillColors.push(shaded[0], shaded[1], shaded[2], shaded[3]);\n    });\n  }\n\n  const linePositions: number[] = [];\n  const lineColors: number[] = [];\n  meshLines.forEach((line) => {\n    const from = toClipPoint(line.from);\n    const to = toClipPoint(line.to);\n    const rgba = colorToRgba(line.color, 1);\n    linePositions.push(from.x, from.y, from.z - 0.00001, to.x, to.y, to.z - 0.00001);\n    lineColors.push(rgba[0], rgba[1], rgba[2], rgba[3], rgba[0], rgba[1], rgba[2], rgba[3]);\n  });\n  contourLines.forEach((line) => {\n    const from = toClipPoint(line.from);\n    const to = toClipPoint(line.to);\n    const rgba = colorToRgba(line.color, 1);\n    linePositions.push(from.x, from.y, from.z - 0.00001, to.x, to.y, to.z - 0.00001);\n    lineColors.push(rgba[0], rgba[1], rgba[2], rgba[3], rgba[0], rgba[1], rgba[2], rgba[3]);\n  });\n\n  return {\n    fillColors: new Float32Array(fillColors),\n    fillPositions: new Float32Array(fillPositions),\n    lineColors: new Float32Array(lineColors),\n    linePositions: new Float32Array(linePositions),\n    wallColors: new Float32Array(wallColors),\n    wallPositions: new Float32Array(wallPositions)\n  };\n}\n\nfunction paintSurface(gl: WebGLRenderingContext, scene: SurfaceScene) {\n  const program = gl.createProgram();\n  if (!program) throw new Error(\"Cannot create surface program\");\n  const positionBuffer = gl.createBuffer();\n  const colorBuffer = gl.createBuffer();\n  function attachShader(type: number, source: string) {\n    const shader = gl.createShader(type);\n    if (!shader) throw new Error(\"Cannot create surface shader\");\n    gl.shaderSource(shader, source);\n    gl.compileShader(shader);\n    gl.attachShader(program!, shader);\n    gl.deleteShader(shader);\n  }\n  try {\n    if (!positionBuffer || !colorBuffer) throw new Error(\"Cannot create surface buffers\");\n    attachShader(gl.VERTEX_SHADER, `\n      precision mediump float;\n      attribute vec3 position;\n      attribute vec4 color;\n      varying vec4 vColor;\n      void main() {\n        gl_Position = vec4(position, 1.0);\n        vColor = color;\n      }`);\n    attachShader(gl.FRAGMENT_SHADER, `\n      precision mediump float;\n      varying vec4 vColor;\n      void main() {\n        gl_FragColor = vColor;\n      }`);\n    gl.linkProgram(program);\n    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error(\"Cannot link surface program\");\n    gl.useProgram(program);\n    const position = gl.getAttribLocation(program, \"position\");\n    const color = gl.getAttribLocation(program, \"color\");\n    gl.enableVertexAttribArray(position);\n    gl.enableVertexAttribArray(color);\n    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);\n    gl.enable(gl.DEPTH_TEST);\n    gl.enable(gl.BLEND);\n    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);\n    gl.clearColor(0, 0, 0, 0);\n    gl.clearDepth(1);\n    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);\n    const draw = (positions: Float32Array, colors: Float32Array, mode: number, depth: number) => {\n      if (positions.length === 0) return;\n      gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);\n      gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STREAM_DRAW);\n      gl.vertexAttribPointer(position, 3, gl.FLOAT, false, 0, 0);\n      gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);\n      gl.bufferData(gl.ARRAY_BUFFER, colors, gl.STREAM_DRAW);\n      gl.vertexAttribPointer(color, 4, gl.FLOAT, false, 0, 0);\n      gl.depthFunc(depth);\n      gl.drawArrays(mode, 0, positions.length / 3);\n    };\n    draw(scene.wallPositions, scene.wallColors, gl.TRIANGLES, gl.LEQUAL);\n    draw(scene.fillPositions, scene.fillColors, gl.TRIANGLES, gl.LESS);\n    draw(scene.linePositions, scene.lineColors, gl.LINES, gl.LEQUAL);\n    gl.disableVertexAttribArray(position);\n    gl.disableVertexAttribArray(color);\n  } finally {\n    gl.useProgram(null);\n    gl.deleteBuffer(positionBuffer);\n    gl.deleteBuffer(colorBuffer);\n    gl.deleteProgram(program);\n  }\n}\n\nexport const MemoSurfaceChartComposite = React.memo(function MemoSurfaceChartComposite({\n  background,\n  borderColor,\n  chart,\n  fontFamily,\n  layout,\n  onDoubleClick,\n  onPointerDown,\n  overlay,\n  palette,\n  fallback\n}: SurfaceCompositeProps) {\n  const canvasRef = React.useRef<HTMLCanvasElement | null>(null);\n  const [ready, setReady] = React.useState(false);\n  const [failed, setFailed] = React.useState(false);\n  const isContour = isContourSurfaceChart(chart);\n\n  React.useEffect(() => {\n    if (isContour) {\n      setReady(false);\n      setFailed(false);\n      return;\n    }\n    const canvas = canvasRef.current;\n    if (!canvas) {\n      return;\n    }\n    const drawSurface = () => {\n      try {\n        const scene = buildSurfaceMesh(chart, palette, layout);\n        if (!scene) throw new Error(\"Empty surface\");\n        const dpr = window.devicePixelRatio || 1;\n        canvas.width = Math.max(1, Math.round(layout.width * dpr));\n        canvas.height = Math.max(1, Math.round(layout.height * dpr));\n        const gl = canvas.getContext(\"webgl\", { alpha: true, antialias: true, depth: true, premultipliedAlpha: true });\n        if (!gl || gl.isContextLost()) throw new Error(\"WebGL unavailable\");\n        paintSurface(gl, scene);\n        setReady(true);\n        setFailed(false);\n      } catch {\n        setReady(false);\n        setFailed(true);\n      }\n    };\n    const onLost = (event: Event) => {\n      event.preventDefault();\n      setReady(false);\n      setFailed(true);\n    };\n    canvas.addEventListener(\"webglcontextlost\", onLost);\n    canvas.addEventListener(\"webglcontextrestored\", drawSurface);\n    drawSurface();\n    return () => {\n      canvas.removeEventListener(\"webglcontextlost\", onLost);\n      canvas.removeEventListener(\"webglcontextrestored\", drawSurface);\n    };\n  }, [\n    chart,\n    isContour,\n    layout,\n    palette\n  ]);\n\n  const shouldRenderFallback = isContour || failed || !ready;\n\n  return (\n    <div\n      aria-label={chart.title ?? chart.name ?? \"Chart\"}\n      data-xlsx-chart-renderer=\"legacy\"\n      role=\"img\"\n      style={{\n        background,\n        border: borderColor.trim().toLowerCase() === \"transparent\" ? \"none\" : `1px solid ${borderColor}`,\n        boxSizing: \"border-box\",\n        fontFamily,\n        height: \"100%\",\n        overflow: \"hidden\",\n        pointerEvents: \"auto\",\n        position: \"relative\",\n        width: \"100%\"\n      }}\n    >\n      <canvas\n        ref={canvasRef}\n        style={{\n          display: shouldRenderFallback ? \"none\" : \"block\",\n          height: \"100%\",\n          inset: 0,\n          position: \"absolute\",\n          width: \"100%\"\n        }}\n      />\n      <svg\n        onDoubleClick={onDoubleClick}\n        onPointerDown={onPointerDown}\n        style={{ display: \"block\", height: \"100%\", inset: 0, position: \"absolute\", width: \"100%\" }}\n        viewBox={`0 0 ${layout.width} ${layout.height}`}\n      >\n        {shouldRenderFallback ? fallback : null}\n        {overlay}\n      </svg>\n    </div>\n  );\n}, (prev, next) => (\n  prev.chart === next.chart\n  && prev.palette === next.palette\n  && prev.background === next.background\n  && prev.borderColor === next.borderColor\n  && prev.fontFamily === next.fontFamily\n  && prev.onDoubleClick === next.onDoubleClick\n  && prev.onPointerDown === next.onPointerDown\n  && prev.layout.width === next.layout.width\n  && prev.layout.height === next.layout.height\n  && prev.layout.plot.left === next.layout.plot.left\n  && prev.layout.plot.top === next.layout.plot.top\n  && prev.layout.plot.width === next.layout.plot.width\n  && prev.layout.plot.height === next.layout.plot.height\n  && prev.overlay === next.overlay\n  && prev.fallback === next.fallback\n));\n"]}

package/dist/{surface-regl-7CDGGVDG.js → surface-webgl-4DQXDDXU.js}

@@ -14,8 +14,7 @@ import {
   resolveBuiltinChartColor
 } from "./chunk-VWGKYABF.js";
 
-// src/surface-regl.tsx
-import createREGL from "regl";
+// src/surface-webgl.tsx
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function clamp(value, min, max) {
@@ -477,6 +476,73 @@ function buildSurfaceMesh(chart, palette, layout) {
     wallPositions: new Float32Array(wallPositions)
   };
 }
+function paintSurface(gl, scene) {
+  const program = gl.createProgram();
+  if (!program) throw new Error("Cannot create surface program");
+  const positionBuffer = gl.createBuffer();
+  const colorBuffer = gl.createBuffer();
+  function attachShader(type, source) {
+    const shader = gl.createShader(type);
+    if (!shader) throw new Error("Cannot create surface shader");
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    gl.attachShader(program, shader);
+    gl.deleteShader(shader);
+  }
+  try {
+    if (!positionBuffer || !colorBuffer) throw new Error("Cannot create surface buffers");
+    attachShader(gl.VERTEX_SHADER, `
+      precision mediump float;
+      attribute vec3 position;
+      attribute vec4 color;
+      varying vec4 vColor;
+      void main() {
+        gl_Position = vec4(position, 1.0);
+        vColor = color;
+      }`);
+    attachShader(gl.FRAGMENT_SHADER, `
+      precision mediump float;
+      varying vec4 vColor;
+      void main() {
+        gl_FragColor = vColor;
+      }`);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) throw new Error("Cannot link surface program");
+    gl.useProgram(program);
+    const position = gl.getAttribLocation(program, "position");
+    const color = gl.getAttribLocation(program, "color");
+    gl.enableVertexAttribArray(position);
+    gl.enableVertexAttribArray(color);
+    gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
+    gl.enable(gl.DEPTH_TEST);
+    gl.enable(gl.BLEND);
+    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
+    gl.clearColor(0, 0, 0, 0);
+    gl.clearDepth(1);
+    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+    const draw = (positions, colors, mode, depth) => {
+      if (positions.length === 0) return;
+      gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
+      gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STREAM_DRAW);
+      gl.vertexAttribPointer(position, 3, gl.FLOAT, false, 0, 0);
+      gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer);
+      gl.bufferData(gl.ARRAY_BUFFER, colors, gl.STREAM_DRAW);
+      gl.vertexAttribPointer(color, 4, gl.FLOAT, false, 0, 0);
+      gl.depthFunc(depth);
+      gl.drawArrays(mode, 0, positions.length / 3);
+    };
+    draw(scene.wallPositions, scene.wallColors, gl.TRIANGLES, gl.LEQUAL);
+    draw(scene.fillPositions, scene.fillColors, gl.TRIANGLES, gl.LESS);
+    draw(scene.linePositions, scene.lineColors, gl.LINES, gl.LEQUAL);
+    gl.disableVertexAttribArray(position);
+    gl.disableVertexAttribArray(color);
+  } finally {
+    gl.useProgram(null);
+    gl.deleteBuffer(positionBuffer);
+    gl.deleteBuffer(colorBuffer);
+    gl.deleteProgram(program);
+  }
+}
 var MemoSurfaceChartComposite = React.memo(function MemoSurfaceChartComposite2({
   background,
   borderColor,
@@ -503,165 +569,34 @@ var MemoSurfaceChartComposite = React.memo(function MemoSurfaceChartComposite2({
     if (!canvas) {
       return;
     }
-    let cancelled = false;
-    let reglInstance = null;
     const drawSurface = () => {
       try {
         const scene = buildSurfaceMesh(chart, palette, layout);
-        if (!scene) {
-          if (!cancelled) {
-            setFailed(true);
-            setReady(false);
-          }
-          return;
-        }
+        if (!scene) throw new Error("Empty surface");
         const dpr = window.devicePixelRatio || 1;
         canvas.width = Math.max(1, Math.round(layout.width * dpr));
         canvas.height = Math.max(1, Math.round(layout.height * dpr));
-        reglInstance = createREGL({
-          attributes: {
-            alpha: true,
-            antialias: true,
-            depth: true,
-            premultipliedAlpha: true
-          },
-          canvas
-        });
-        const fillCommand = scene.fillPositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.fillColors,
-            position: scene.fillPositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.fillPositions.length / 3,
-          depth: {
-            enable: true
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          primitive: "triangles",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        const wallCommand = scene.wallPositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.wallColors,
-            position: scene.wallPositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.wallPositions.length / 3,
-          depth: {
-            enable: true,
-            func: "lequal"
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          primitive: "triangles",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        const lineCommand = scene.linePositions.length > 0 ? reglInstance({
-          attributes: {
-            color: scene.lineColors,
-            position: scene.linePositions
-          },
-          blend: {
-            enable: true,
-            func: {
-              dstRGB: "one minus src alpha",
-              dstAlpha: "one minus src alpha",
-              srcRGB: "src alpha",
-              srcAlpha: "src alpha"
-            }
-          },
-          count: scene.linePositions.length / 3,
-          depth: {
-            enable: true,
-            func: "lequal"
-          },
-          frag: `
-                precision mediump float;
-                varying vec4 vColor;
-                void main() {
-                  gl_FragColor = vColor;
-                }
-              `,
-          lineWidth: 1,
-          primitive: "lines",
-          vert: `
-                precision mediump float;
-                attribute vec3 position;
-                attribute vec4 color;
-                varying vec4 vColor;
-                void main() {
-                  gl_Position = vec4(position, 1.0);
-                  vColor = color;
-                }
-              `
-        }) : null;
-        reglInstance.clear({ color: [0, 0, 0, 0], depth: 1 });
-        wallCommand?.();
-        fillCommand?.();
-        lineCommand?.();
-        if (!cancelled) {
-          setReady(true);
-          setFailed(false);
-        }
+        const gl = canvas.getContext("webgl", { alpha: true, antialias: true, depth: true, premultipliedAlpha: true });
+        if (!gl || gl.isContextLost()) throw new Error("WebGL unavailable");
+        paintSurface(gl, scene);
+        setReady(true);
+        setFailed(false);
       } catch {
-        if (!cancelled) {
-          setReady(false);
-          setFailed(true);
-        }
+        setReady(false);
+        setFailed(true);
       }
     };
-    setReady(false);
-    setFailed(false);
+    const onLost = (event) => {
+      event.preventDefault();
+      setReady(false);
+      setFailed(true);
+    };
+    canvas.addEventListener("webglcontextlost", onLost);
+    canvas.addEventListener("webglcontextrestored", drawSurface);
     drawSurface();
     return () => {
-      cancelled = true;
-      reglInstance?.destroy();
+      canvas.removeEventListener("webglcontextlost", onLost);
+      canvas.removeEventListener("webglcontextrestored", drawSurface);
     };
   }, [
     chart,
@@ -674,6 +609,7 @@ var MemoSurfaceChartComposite = React.memo(function MemoSurfaceChartComposite2({
     "div",
     {
       "aria-label": chart.title ?? chart.name ?? "Chart",
+      "data-xlsx-chart-renderer": "legacy",
       role: "img",
       style: {
         background,
@@ -720,4 +656,4 @@ var MemoSurfaceChartComposite = React.memo(function MemoSurfaceChartComposite2({
 export {
   MemoSurfaceChartComposite
 };
-//# sourceMappingURL=surface-regl-7CDGGVDG.js.map
+//# sourceMappingURL=surface-webgl-4DQXDDXU.js.map