pptx-react-viewer 4.10.0 → 4.11.0

package/dist/{chunk-E5565MDK.js → chunk-TLKFCZWS.js}

@@ -27272,6 +27272,19 @@ var init_element_xml_builders = __esm({
     init_stroke_utils();
   }
 });
+function srgb255ToLinear(channel) {
+  const c = clampUnitInterval(channel / 255);
+  return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+function linearToSrgb255(linear) {
+  const c = clampUnitInterval(linear);
+  return 255 * (c <= 31308e-7 ? c * 12.92 : 1.055 * c ** (1 / 2.4) - 0.055);
+}
+var init_color_linear = __esm({
+  "src/core/color/color-linear.ts"() {
+    init_color_primitives();
+  }
+});
 function applyDrawingColorTransforms(baseColor, colorNode) {
   const rgb2 = hexToRgbChannels(baseColor);
   if (!rgb2) {
@@ -27314,15 +27327,15 @@ function applyDrawingColorTransforms(baseColor, colorNode) {
   }
   const shade3 = parseDrawingPercent(getVal("a:shade"));
   if (shade3 !== void 0) {
-    r *= shade3;
-    g2 *= shade3;
-    b *= shade3;
+    r = linearToSrgb255(srgb255ToLinear(r) * shade3);
+    g2 = linearToSrgb255(srgb255ToLinear(g2) * shade3);
+    b = linearToSrgb255(srgb255ToLinear(b) * shade3);
   }
   const tint3 = parseDrawingPercent(getVal("a:tint"));
   if (tint3 !== void 0) {
-    r = 255 - (255 - r) * tint3;
-    g2 = 255 - (255 - g2) * tint3;
-    b = 255 - (255 - b) * tint3;
+    r = linearToSrgb255(1 - (1 - srgb255ToLinear(r)) * tint3);
+    g2 = linearToSrgb255(1 - (1 - srgb255ToLinear(g2)) * tint3);
+    b = linearToSrgb255(1 - (1 - srgb255ToLinear(b)) * tint3);
   }
   const hslKeys = [
     "a:hue",
@@ -27435,6 +27448,7 @@ function applySrgbGammaDecode(r, g2, b) {
 }
 var init_color_transforms = __esm({
   "src/core/color/color-transforms.ts"() {
+    init_color_linear();
     init_color_primitives();
   }
 });
@@ -169327,8 +169341,8 @@ function hexToRgb2(hex22) {
   ];
 }
 function rgbToHex(r, g2, b) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp13(r).toString(16).padStart(2, "0")}${clamp13(g2).toString(16).padStart(2, "0")}${clamp13(b).toString(16).padStart(2, "0")}`;
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp12(r).toString(16).padStart(2, "0")}${clamp12(g2).toString(16).padStart(2, "0")}${clamp12(b).toString(16).padStart(2, "0")}`;
 }
 function tint(hex22, amount) {
   const [r, g2, b] = hexToRgb2(hex22);
@@ -169828,8 +169842,8 @@ function hexToRgb3(hex22) {
   ];
 }
 function rgbToHex2(r, g2, b) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp13(r).toString(16).padStart(2, "0")}${clamp13(g2).toString(16).padStart(2, "0")}${clamp13(b).toString(16).padStart(2, "0")}`;
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp12(r).toString(16).padStart(2, "0")}${clamp12(g2).toString(16).padStart(2, "0")}${clamp12(b).toString(16).padStart(2, "0")}`;
 }
 function tint2(hex22, amount) {
   const [r, g2, b] = hexToRgb3(hex22);
@@ -170694,15 +170708,6 @@ var init_chart_view_model_bars = __esm2({
     init_chart_view_model_scale();
   }
 });
-function resolveChart3DWallColors(surfaces) {
-  const floor = surfaces.floor?.spPr?.fillColor;
-  const sideWall = surfaces.sideWall?.spPr?.fillColor;
-  const backWall = surfaces.backWall?.spPr?.fillColor;
-  if (!floor && !sideWall && !backWall) {
-    return void 0;
-  }
-  return { floor, sideWall, backWall };
-}
 function primitivesBounds(prims) {
   let minX = Number.POSITIVE_INFINITY;
   let maxX = Number.NEGATIVE_INFINITY;
@@ -178419,7 +178424,7 @@ function formatRegionMapValue(value, cultureLanguage) {
   }
 }
 function lerpColor(a, b, t) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v))), ha = a.replace("#", ""), hb = b.replace("#", ""), r1 = parseInt(ha.substring(0, 2), 16), g1 = parseInt(ha.substring(2, 4), 16), b1 = parseInt(ha.substring(4, 6), 16), r22 = parseInt(hb.substring(0, 2), 16), g2 = parseInt(hb.substring(2, 4), 16), b2 = parseInt(hb.substring(4, 6), 16), r = clamp13(r1 + (r22 - r1) * t), g3 = clamp13(g1 + (g2 - g1) * t), bl = clamp13(b1 + (b2 - b1) * t), toHex23 = (n) => n.toString(16).padStart(2, "0");
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v))), ha = a.replace("#", ""), hb = b.replace("#", ""), r1 = parseInt(ha.substring(0, 2), 16), g1 = parseInt(ha.substring(2, 4), 16), b1 = parseInt(ha.substring(4, 6), 16), r22 = parseInt(hb.substring(0, 2), 16), g2 = parseInt(hb.substring(2, 4), 16), b2 = parseInt(hb.substring(4, 6), 16), r = clamp12(r1 + (r22 - r1) * t), g3 = clamp12(g1 + (g2 - g1) * t), bl = clamp12(b1 + (b2 - b1) * t), toHex23 = (n) => n.toString(16).padStart(2, "0");
   return `#${toHex23(r)}${toHex23(g3)}${toHex23(bl)}`;
 }
 function resolveValueColorStops(valueColors, valueColorPositions, minVal, maxVal) {
@@ -180887,9 +180892,13 @@ function smartArt3DRigSpecularLights(rig, perspective2) {
   const own = perspective2 && rig ? SMARTART_RIG_SPECULAR_LIGHTS[rig] : void 0;
   return own ?? DEFAULT_HIGHLIGHT;
 }
+function smartArt3DRigKeyLight(rig, sceneCamera) {
+  return sceneCamera && rig ? SMARTART_RIG_SCENE_KEY_LIGHTS[rig] : void 0;
+}
 var DEFAULT_HIGHLIGHT_ELEVATION_DEG;
 var DEFAULT_HIGHLIGHT;
 var SMARTART_RIG_SPECULAR_LIGHTS;
+var SMARTART_RIG_SCENE_KEY_LIGHTS;
 var init_smartart_3d_light_rig = __esm2({
   "src/render/smartart-3d-light-rig.ts"() {
     DEFAULT_HIGHLIGHT_ELEVATION_DEG = 60;
@@ -180899,6 +180908,12 @@ var init_smartart_3d_light_rig = __esm2({
     SMARTART_RIG_SPECULAR_LIGHTS = {
       threePt: [{ azimuthDeg: 64, elevationDeg: 44, intensity: 4.6, sharpness: 3 }]
     };
+    SMARTART_RIG_SCENE_KEY_LIGHTS = {
+      flat: { azimuthDeg: 0, elevationDeg: 40 },
+      threePt: { azimuthDeg: 0, elevationDeg: 90 },
+      morning: { azimuthDeg: 0, elevationDeg: 60 },
+      soft: { azimuthDeg: 0, elevationDeg: 80 }
+    };
   }
 });
 function srgbChannelToLinear(c) {
@@ -180919,7 +180934,7 @@ function normalize2(v) {
   const len = Math.hypot(v.x, v.y, v.z) || 1;
   return { x: v.x / len, y: v.y / len, z: v.z / len };
 }
-function resolveSmartArt3DLightModel(lighting, material, perspective2 = false) {
+function resolveSmartArt3DLightModel(lighting, material, perspective2 = false, sceneCamera = perspective2) {
   const snap2 = getBevelHighlightDirection(lighting?.direction ?? "t");
   const rev = (lighting?.revDeg ?? 0) * Math.PI / 180;
   const ax = snap2.dx;
@@ -180940,8 +180955,9 @@ function resolveSmartArt3DLightModel(lighting, material, perspective2 = false) {
   };
   const response = getMaterialLighting(material);
   const specular = response.specularConstant * SPECULAR_GAIN;
+  const key2 = smartArt3DRigKeyLight(lighting?.rig, sceneCamera);
   return {
-    light: toward(KEY_ELEVATION_DEG),
+    light: key2 ? toward(key2.elevationDeg, key2.azimuthDeg) : toward(KEY_ELEVATION_DEG),
     highlights: smartArt3DRigSpecularLights(lighting?.rig, perspective2).map((rigLight) => ({
       direction: toward(rigLight.elevationDeg, rigLight.azimuthDeg),
       weight: specular * rigLight.intensity,
@@ -181136,173 +181152,6 @@ var init_smartart_3d_drawing_solid = __esm2({
     DEG_PER_UNIT2 = 6e4;
   }
 });
-function transposeForHorizontalBar3D(point) {
-  return [point[1], -point[0], point[2]];
-}
-function computeCartesianGridExtent(cols, rows, depthPercent) {
-  const gridWidth = Math.max(cols - 1, 1) * GRID_SPACING;
-  const depthScale = Math.min(Math.max((depthPercent ?? 100) / 100, 0.05), 3);
-  const gridDepth = Math.max(gridWidth * depthScale, rows > 1 ? GRID_SPACING : GRID_SPACING * 0.5);
-  return { gridWidth, gridDepth };
-}
-function clamp7(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function normalizeAzimuth(deg3) {
-  const wrapped = deg3 % 360;
-  return wrapped < 0 ? wrapped + 360 : wrapped;
-}
-function resolveCartesianCameraFov(view3D) {
-  if (view3D?.rAngAx) {
-    return RIGHT_ANGLE_FOV;
-  }
-  const perspective2 = clamp7(
-    view3D?.rperspective ?? DEFAULT_PERSPECTIVE_DEG,
-    0,
-    PERSPECTIVE_MAX_DEG
-  );
-  return FOV_MIN + perspective2 / PERSPECTIVE_MAX_DEG * (FOV_MAX - FOV_MIN);
-}
-function computeSphericalCameraPlacement(maxExtent, targetY, view3D) {
-  const fov = resolveCartesianCameraFov(view3D);
-  const halfFovRad = fov * Math.PI / 360;
-  const radius = Math.max(maxExtent, 0.01) / Math.tan(halfFovRad) * 0.75;
-  const target = [0, targetY, 0];
-  const elevationDeg = clamp7(view3D?.rotX ?? DEFAULT_ELEVATION_DEG, -89, 89);
-  const azimuthDeg = normalizeAzimuth(view3D?.rotY ?? DEFAULT_AZIMUTH_DEG);
-  const phi = (90 - elevationDeg) * Math.PI / 180;
-  const theta = azimuthDeg * Math.PI / 180;
-  const sinPhi = Math.sin(phi);
-  return {
-    position: [
-      radius * sinPhi * Math.sin(theta),
-      radius * Math.cos(phi) + target[1],
-      radius * sinPhi * Math.cos(theta)
-    ],
-    target,
-    fov
-  };
-}
-function computeCartesianCameraPlacement(cols, rows, view3D, horizontal = false) {
-  const { gridWidth, gridDepth } = computeCartesianGridExtent(cols, rows, view3D?.depthPercent);
-  const maxExtent = Math.max(gridWidth, gridDepth, MAX_VALUE_HEIGHT);
-  const placement = computeSphericalCameraPlacement(maxExtent, MAX_VALUE_HEIGHT * 0.2, view3D);
-  if (!horizontal) {
-    return placement;
-  }
-  return {
-    ...placement,
-    position: transposeForHorizontalBar3D(placement.position),
-    target: transposeForHorizontalBar3D(placement.target)
-  };
-}
-function buildCartesianChart3DLabels(cols, rows, categoryLabels, seriesNames, depthPercent, maxCat = 8, maxSer = 6, horizontal = false) {
-  const { gridWidth, gridDepth } = computeCartesianGridExtent(cols, rows, depthPercent);
-  const labels = [];
-  const remap = (anchor) => horizontal ? transposeForHorizontalBar3D(anchor) : anchor;
-  const catStep = Math.max(1, Math.ceil(categoryLabels.length / maxCat));
-  for (let i2 = 0; i2 < categoryLabels.length; i2 += catStep) {
-    const x = -gridWidth / 2 + i2 / Math.max(cols - 1, 1) * gridWidth;
-    labels.push({
-      key: `cat-${i2}`,
-      text: categoryLabels[i2],
-      anchor: remap([x, -0.15, gridDepth / 2 + 0.25]),
-      axis: "category"
-    });
-  }
-  const serStep = Math.max(1, Math.ceil(seriesNames.length / maxSer));
-  for (let i2 = 0; i2 < seriesNames.length; i2 += serStep) {
-    const z = -gridDepth / 2 + i2 / Math.max(rows - 1, 1) * gridDepth;
-    labels.push({
-      key: `ser-${i2}`,
-      text: seriesNames[i2],
-      anchor: remap([gridWidth / 2 + 0.3, -0.15, z]),
-      axis: "series"
-    });
-  }
-  return labels;
-}
-var GRID_SPACING;
-var MAX_VALUE_HEIGHT;
-var DEFAULT_ELEVATION_DEG;
-var DEFAULT_AZIMUTH_DEG;
-var DEFAULT_PERSPECTIVE_DEG;
-var FOV_MIN;
-var FOV_MAX;
-var RIGHT_ANGLE_FOV;
-var PERSPECTIVE_MAX_DEG;
-var init_cartesian_chart_3d_geom = __esm2({
-  "src/render/cartesian-chart-3d-geom.ts"() {
-    GRID_SPACING = 0.5;
-    MAX_VALUE_HEIGHT = 1.5;
-    DEFAULT_ELEVATION_DEG = 15;
-    DEFAULT_AZIMUTH_DEG = 20;
-    DEFAULT_PERSPECTIVE_DEG = 30;
-    FOV_MIN = 15;
-    FOV_MAX = 75;
-    RIGHT_ANGLE_FOV = 20;
-    PERSPECTIVE_MAX_DEG = 120;
-  }
-});
-function normalizeToHeight(value, range) {
-  if (range.span <= 0) {
-    return 0;
-  }
-  return (value - range.min) / range.span * MAX_VALUE_HEIGHT;
-}
-function layoutCartesianLine3DSeries(points4, cols, rows, range, depthPercent) {
-  const { gridWidth, gridDepth } = computeCartesianGridExtent(cols, rows, depthPercent);
-  const rowStep = gridDepth / Math.max(rows, 1);
-  const baselineY = normalizeToHeight(0, range);
-  const bySeries = /* @__PURE__ */ new Map();
-  for (const p of points4) {
-    const list2 = bySeries.get(p.seriesIndex);
-    if (list2) {
-      list2.push(p);
-    } else {
-      bySeries.set(p.seriesIndex, [p]);
-    }
-  }
-  const paths = [];
-  for (const [seriesIndex, seriesPoints] of bySeries) {
-    const sorted = [...seriesPoints].sort((a, b) => a.categoryIndex - b.categoryIndex);
-    const z = -gridDepth / 2 + rowStep * (seriesIndex + 0.5);
-    const vertices = sorted.map((p) => {
-      const x = -gridWidth / 2 + p.categoryIndex / Math.max(cols - 1, 1) * gridWidth;
-      const y = normalizeToHeight(p.value, range);
-      return {
-        seriesIndex,
-        categoryIndex: p.categoryIndex,
-        value: p.value,
-        position: [x, y, z]
-      };
-    });
-    paths.push({
-      seriesIndex,
-      color: sorted[0]?.color ?? "#4472C4",
-      vertices,
-      depthZ: z,
-      baselineY
-    });
-  }
-  return paths.sort((a, b) => a.seriesIndex - b.seriesIndex);
-}
-function buildAreaRibbonTriangles(path) {
-  const { vertices, baselineY } = path;
-  const out = [];
-  for (let i2 = 0; i2 < vertices.length - 1; i2++) {
-    const [x1, y1, z1] = vertices[i2].position;
-    const [x2, y2, z2] = vertices[i2 + 1].position;
-    out.push(x1, y1, z1, x1, baselineY, z1, x2, baselineY, z2);
-    out.push(x1, y1, z1, x2, baselineY, z2, x2, y2, z2);
-  }
-  return out;
-}
-var init_cartesian_line_chart_3d_layout = __esm2({
-  "src/render/cartesian-line-chart-3d-layout.ts"() {
-    init_cartesian_chart_3d_geom();
-  }
-});
 function formatValueLabel(chartData, grouping, v) {
   if (grouping === "percentStacked") {
     return `${Math.round(v * 100)}%`;
@@ -181705,1197 +181554,6 @@ var init_chart_3d_pie_layout = __esm2({
     RIM_SAMPLES = 96;
   }
 });
-function computePieChart3DThickness(view3D) {
-  const scale2 = Math.min(
-    Math.max((view3D?.hPercent ?? 100) / 100, MIN_THICKNESS_SCALE),
-    MAX_THICKNESS_SCALE
-  );
-  return PIE_RADIUS * BASE_THICKNESS_RATIO * scale2;
-}
-function computePieChart3DCameraPlacement(view3D) {
-  const thickness = computePieChart3DThickness(view3D);
-  const maxExtent = PIE_RADIUS * CAMERA_EXTENT_MARGIN;
-  return computeSphericalCameraPlacement(maxExtent, thickness / 2, view3D);
-}
-function computePieChart3DSliceAngles(values, explosions, firstSliceAngleDeg, outerRadius) {
-  const total = values.reduce((s, v) => s + Math.abs(v), 0) || 1;
-  let cumAngle = -Math.PI / 2 + (firstSliceAngleDeg ?? 0) * Math.PI / 180;
-  return values.map((value, pointIndex) => {
-    const sliceAngle = Math.abs(value) / total * Math.PI * 2;
-    const startAngle = cumAngle;
-    cumAngle += sliceAngle;
-    const explosion = explosions?.[pointIndex] ?? 0;
-    let explodeOffset = [0, 0];
-    if (explosion > 0) {
-      const mid = (startAngle + cumAngle) / 2;
-      const offset = outerRadius * (explosion / 100);
-      explodeOffset = [Math.cos(mid) * offset, Math.sin(mid) * offset];
-    }
-    return { pointIndex, value, startAngle, thetaLength: sliceAngle, explodeOffset };
-  });
-}
-var PIE_RADIUS;
-var BASE_THICKNESS_RATIO;
-var MIN_THICKNESS_SCALE;
-var MAX_THICKNESS_SCALE;
-var CAMERA_EXTENT_MARGIN;
-var init_pie_chart_3d_geom = __esm2({
-  "src/render/pie-chart-3d-geom.ts"() {
-    init_cartesian_chart_3d_geom();
-    PIE_RADIUS = 1;
-    BASE_THICKNESS_RATIO = 0.3;
-    MIN_THICKNESS_SCALE = 0.05;
-    MAX_THICKNESS_SCALE = 3;
-    CAMERA_EXTENT_MARGIN = 1.35;
-  }
-});
-function computeGridExtent(cols, rows) {
-  return {
-    gridWidth: Math.max(cols - 1, 1) * GRID_SPACING2,
-    gridDepth: Math.max(rows - 1, 1) * GRID_SPACING2
-  };
-}
-function buildSurfaceGeometry(three, cols, rows, heightMap, colorMap) {
-  const widthSegs = Math.max(cols - 1, 0);
-  const depthSegs = Math.max(rows - 1, 0);
-  const { gridWidth, gridDepth } = computeGridExtent(cols, rows);
-  const geo = new three.PlaneGeometry(gridWidth, gridDepth, widthSegs, depthSegs);
-  geo.rotateX(-Math.PI / 2);
-  const pos2 = geo.attributes.position;
-  const vertexCount = pos2.count;
-  const colors = new Float32Array(vertexCount * 3);
-  for (let i2 = 0; i2 < vertexCount; i2++) {
-    const row = Math.floor(i2 / cols);
-    const col = i2 % cols;
-    const idx = row * cols + col;
-    const h2 = idx < heightMap.length ? heightMap[idx] : 0;
-    pos2.setY(i2, h2 * MAX_HEIGHT);
-    const ci = idx * 3;
-    colors[i2 * 3] = ci < colorMap.length ? colorMap[ci] : 0.5;
-    colors[i2 * 3 + 1] = ci + 1 < colorMap.length ? colorMap[ci + 1] : 0.5;
-    colors[i2 * 3 + 2] = ci + 2 < colorMap.length ? colorMap[ci + 2] : 0.5;
-  }
-  geo.setAttribute("color", new three.BufferAttribute(colors, 3));
-  geo.computeVertexNormals();
-  pos2.needsUpdate = true;
-  const wireGeometry = new three.WireframeGeometry(geo);
-  return { geometry: geo, wireGeometry };
-}
-function surfaceVertexWorldPosition(cols, rows, row, col, heightMap) {
-  const { gridWidth, gridDepth } = computeGridExtent(cols, rows);
-  const x = col * GRID_SPACING2 - gridWidth / 2;
-  const z = row * GRID_SPACING2 - gridDepth / 2;
-  const idx = row * cols + col;
-  const h2 = idx >= 0 && idx < heightMap.length ? heightMap[idx] : 0;
-  return [x, h2 * MAX_HEIGHT, z];
-}
-function buildSurfaceLabels(cols, rows, categoryLabels, seriesNames, maxCat = 8, maxSer = 6) {
-  const { gridWidth, gridDepth } = computeGridExtent(cols, rows);
-  const labels = [];
-  const catStep = Math.max(1, Math.ceil(categoryLabels.length / maxCat));
-  for (let i2 = 0; i2 < categoryLabels.length; i2 += catStep) {
-    const x = -gridWidth / 2 + i2 / Math.max(cols - 1, 1) * gridWidth;
-    labels.push({
-      key: `cat-${i2}`,
-      text: categoryLabels[i2],
-      anchor: [x, -0.15, gridDepth / 2 + 0.25],
-      axis: "category"
-    });
-  }
-  const serStep = Math.max(1, Math.ceil(seriesNames.length / maxSer));
-  for (let i2 = 0; i2 < seriesNames.length; i2 += serStep) {
-    const z = -gridDepth / 2 + i2 / Math.max(rows - 1, 1) * gridDepth;
-    labels.push({
-      key: `ser-${i2}`,
-      text: seriesNames[i2],
-      anchor: [gridWidth / 2 + 0.3, -0.15, z],
-      axis: "series"
-    });
-  }
-  labels.push({
-    key: "value-axis",
-    text: "Value",
-    anchor: [-gridWidth / 2 - 0.35, 0.75, -gridDepth / 2],
-    axis: "value"
-  });
-  return labels;
-}
-function clamp9(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function normalizeAzimuth2(deg3) {
-  const wrapped = deg3 % 360;
-  return wrapped < 0 ? wrapped + 360 : wrapped;
-}
-function computeCameraPlacement(cols, rows, view3D) {
-  const { gridWidth, gridDepth } = computeGridExtent(cols, rows);
-  const maxExtent = Math.max(gridWidth, gridDepth, MAX_HEIGHT);
-  const dist2 = maxExtent * 1.8;
-  const target = [0, 0.3, 0];
-  if (!view3D || view3D.rotX === void 0 && view3D.rotY === void 0) {
-    return { position: [dist2 * 0.8, dist2 * 0.7, dist2 * 0.8], target };
-  }
-  const radius = dist2 * RADIUS_FACTOR;
-  const elevationDeg = clamp9(view3D.rotX ?? DEFAULT_ELEVATION_DEG2, -89, 89);
-  const azimuthDeg = normalizeAzimuth2(view3D.rotY ?? DEFAULT_AZIMUTH_DEG2);
-  const phi = (90 - elevationDeg) * Math.PI / 180;
-  const theta = azimuthDeg * Math.PI / 180;
-  const sinPhi = Math.sin(phi);
-  return {
-    position: [
-      radius * sinPhi * Math.sin(theta),
-      radius * Math.cos(phi),
-      radius * sinPhi * Math.cos(theta)
-    ],
-    target
-  };
-}
-var GRID_SPACING2;
-var MAX_HEIGHT;
-var DEFAULT_ELEVATION_DEG2;
-var DEFAULT_AZIMUTH_DEG2;
-var RADIUS_FACTOR;
-var init_surface_chart_3d_geom = __esm2({
-  "src/render/surface-chart-3d-geom.ts"() {
-    GRID_SPACING2 = 0.5;
-    MAX_HEIGHT = 1.5;
-    DEFAULT_ELEVATION_DEG2 = 15;
-    DEFAULT_AZIMUTH_DEG2 = 20;
-    RADIUS_FACTOR = Math.sqrt(0.8 ** 2 + 0.7 ** 2 + 0.8 ** 2);
-  }
-});
-function createHostedChart3DStage(ctx, placement, limits, ambientIntensity = 0.6) {
-  const three = ctx.three;
-  const width = Math.max(1, ctx.size.width);
-  const height = Math.max(1, ctx.size.height);
-  const scene = new three.Scene();
-  scene.add(new three.AmbientLight(16777215, ambientIntensity));
-  const key2 = new three.DirectionalLight(16777215, 0.8);
-  key2.position.set(5, 8, 5);
-  scene.add(key2);
-  const fill = new three.DirectionalLight(16777215, 0.3);
-  fill.position.set(-3, 4, -2);
-  scene.add(fill);
-  const camera = new three.PerspectiveCamera(placement.fov, width / height, 0.1, 1e3);
-  camera.position.set(...placement.position);
-  const target = new three.Vector3(...placement.target);
-  camera.lookAt(target);
-  let orbit = null;
-  if (ctx.OrbitControls) {
-    orbit = new ctx.OrbitControls(camera, ctx.eventTarget);
-    const limited = orbit;
-    limited.enablePan = true;
-    limited.enableZoom = true;
-    limited.enableRotate = true;
-    limited.minDistance = limits.minDistance;
-    limited.maxDistance = limits.maxDistance;
-    limited.maxPolarAngle = Math.PI / 2 + 0.3;
-    limited.target.copy(target);
-    limited.enabled = ctx.interactive;
-    limited.update();
-  }
-  return {
-    three,
-    canvas: ctx.eventTarget,
-    scene,
-    camera,
-    controls: orbit ?? { enabled: false },
-    orbit,
-    width,
-    height
-  };
-}
-function hostedChart3DInteraction(ctx) {
-  let interactive = ctx.interactive;
-  return {
-    onSelect: (part) => {
-      if (interactive) {
-        ctx.emit({ type: "select", part });
-      }
-    },
-    onValueDragPreview: (part, value) => {
-      if (interactive) {
-        ctx.emit({ type: "drag", detail: { part, value, phase: "move" } });
-      }
-    },
-    onValueDragCommit: (part, value) => {
-      if (interactive) {
-        ctx.emit({ type: "drag", detail: { part, value, phase: "commit" } });
-      }
-    },
-    set: (on) => {
-      interactive = on;
-    }
-  };
-}
-function finishHostedChart3DScene(ctx, stage, parts, interactive) {
-  let width = stage.width;
-  let height = stage.height;
-  const requestRender = () => ctx.requestRender();
-  stage.orbit?.addEventListener("change", requestRender);
-  for (const type of REDRAW_EVENTS) {
-    ctx.eventTarget.addEventListener(type, requestRender);
-  }
-  let disposed = false;
-  return {
-    render(renderer) {
-      stage.orbit?.update();
-      renderer.render(stage.scene, stage.camera);
-      parts.afterRender?.(stage.camera, width, height);
-    },
-    resize(size) {
-      width = Math.max(1, size.width);
-      height = Math.max(1, size.height);
-      stage.camera.aspect = width / height;
-      stage.camera.updateProjectionMatrix();
-      parts.resize?.(width, height);
-    },
-    isAnimating: () => false,
-    setInteractive(on) {
-      interactive.set(on);
-      if (stage.orbit) {
-        stage.orbit.enabled = on;
-      }
-    },
-    setSelectedPart(part) {
-      parts.setSelectedPart?.(part);
-    },
-    setTextStyle(style) {
-      parts.setTextStyle?.(style);
-    },
-    dispose() {
-      if (disposed) {
-        return;
-      }
-      disposed = true;
-      stage.orbit?.removeEventListener("change", requestRender);
-      for (const type of REDRAW_EVENTS) {
-        ctx.eventTarget.removeEventListener(type, requestRender);
-      }
-      stage.orbit?.dispose();
-      parts.dispose();
-      stage.scene.clear();
-    }
-  };
-}
-var REDRAW_EVENTS;
-var init_chart_3d_hosted_stage = __esm2({
-  "src/render/chart-3d-hosted-stage.ts"() {
-    REDRAW_EVENTS = ["pointermove", "pointerdown", "pointerup", "pointerleave", "wheel"];
-  }
-});
-function attachChart3DHoverTooltip(options) {
-  const raycaster = new options.three.Raycaster();
-  const ndc = new options.three.Vector2();
-  let hoveredTooltip;
-  const updateHoverTooltip = (clientX, clientY) => {
-    const rect22 = options.canvas.getBoundingClientRect();
-    if (rect22.width <= 0 || rect22.height <= 0) {
-      return;
-    }
-    ndc.x = (clientX - rect22.left) / rect22.width * 2 - 1;
-    ndc.y = -((clientY - rect22.top) / rect22.height) * 2 + 1;
-    raycaster.setFromCamera(ndc, options.camera);
-    const hit = raycaster.intersectObjects(options.meshes, false)[0];
-    const tooltip = options.buildTooltip(hit);
-    if (tooltip !== hoveredTooltip) {
-      hoveredTooltip = tooltip;
-      options.canvas.title = tooltip ?? "";
-    }
-  };
-  const onPointerMove = (event) => {
-    updateHoverTooltip(event.clientX, event.clientY);
-  };
-  const onPointerLeave = () => {
-    if (hoveredTooltip !== void 0) {
-      hoveredTooltip = void 0;
-      options.canvas.title = "";
-    }
-  };
-  options.canvas.addEventListener("pointermove", onPointerMove);
-  options.canvas.addEventListener("pointerleave", onPointerLeave);
-  return {
-    dispose() {
-      options.canvas.removeEventListener("pointermove", onPointerMove);
-      options.canvas.removeEventListener("pointerleave", onPointerLeave);
-    }
-  };
-}
-var init_chart_3d_hover_tooltip = __esm2({
-  "src/render/chart-3d-hover-tooltip.ts"() {
-  }
-});
-function createLabelOverlay(doc, labels) {
-  const layer = doc.createElement("div");
-  Object.assign(layer.style, {
-    position: "absolute",
-    inset: "0",
-    pointerEvents: "none",
-    overflow: "hidden"
-  });
-  const entries2 = labels.map((label) => {
-    const node = doc.createElement("div");
-    node.textContent = label.text;
-    const baseColor = label.axis === "value" ? "#999" : "#666";
-    Object.assign(node.style, {
-      position: "absolute",
-      fontSize: `${BASE_FONT_SIZE_PX}px`,
-      color: baseColor,
-      whiteSpace: "nowrap",
-      userSelect: "none",
-      transform: "translate(-50%, -50%)",
-      willChange: "left, top"
-    });
-    if (label.axis === "value") {
-      node.style.writingMode = "vertical-rl";
-    }
-    layer.appendChild(node);
-    return { node, baseColor };
-  });
-  function applyTextStyle(style) {
-    for (const { node, baseColor } of entries2) {
-      node.style.fontWeight = style?.bold === void 0 ? "" : style.bold ? "bold" : "normal";
-      node.style.fontStyle = style?.italic === void 0 ? "" : style.italic ? "italic" : "normal";
-      node.style.textDecorationLine = style?.underline === void 0 ? "" : style.underline ? "underline" : "none";
-      const scale2 = typeof style?.fontScale === "number" && Number.isFinite(style.fontScale) && style.fontScale > 0 ? style.fontScale : 1;
-      node.style.fontSize = `${BASE_FONT_SIZE_PX * scale2}px`;
-      node.style.color = style?.color ?? baseColor;
-    }
-  }
-  return { layer, nodes: entries2.map((e) => e.node), applyTextStyle };
-}
-var BASE_FONT_SIZE_PX;
-var init_surface_chart_3d_label_overlay = __esm2({
-  "src/render/surface-chart-3d-label-overlay.ts"() {
-    BASE_FONT_SIZE_PX = 9;
-  }
-});
-function createChart3DLabelProjector(three, doc, labels) {
-  const overlay = createLabelOverlay(doc, labels);
-  const anchors = labels.map((l) => new three.Vector3(...l.anchor));
-  const projected = new three.Vector3();
-  return {
-    layer: overlay.layer,
-    applyTextStyle: overlay.applyTextStyle,
-    update(camera, width, height) {
-      for (let i2 = 0; i2 < overlay.nodes.length; i2++) {
-        projected.copy(anchors[i2]).project(camera);
-        const node = overlay.nodes[i2];
-        if (projected.z > 1) {
-          node.style.display = "none";
-          continue;
-        }
-        node.style.display = "";
-        node.style.left = `${(projected.x + 1) / 2 * width}px`;
-        node.style.top = `${(-projected.y + 1) / 2 * height}px`;
-      }
-    }
-  };
-}
-var init_chart_3d_label_projection = __esm2({
-  "src/render/chart-3d-label-projection.ts"() {
-    init_surface_chart_3d_label_overlay();
-  }
-});
-function surfaceFaceIndexToCell(faceIndex, cols, rows) {
-  const quadsPerRow = cols - 1;
-  const quadsPerCol = rows - 1;
-  if (!Number.isFinite(faceIndex) || faceIndex < 0 || quadsPerRow <= 0 || quadsPerCol <= 0) {
-    return null;
-  }
-  const quadIndex = Math.floor(faceIndex / 2);
-  const row = Math.floor(quadIndex / quadsPerRow);
-  const col = quadIndex % quadsPerRow;
-  if (row < 0 || row >= quadsPerCol || col < 0 || col >= quadsPerRow) {
-    return null;
-  }
-  return { row, col };
-}
-function buildSurfaceHoverTooltip(faceIndex, data) {
-  if (faceIndex === void 0 || faceIndex === null || !data.values) {
-    return void 0;
-  }
-  const cell = surfaceFaceIndexToCell(faceIndex, data.cols, data.rows);
-  if (!cell) {
-    return void 0;
-  }
-  const idx = cell.row * data.cols + cell.col;
-  const value = data.values[idx];
-  if (value === void 0) {
-    return void 0;
-  }
-  return buildMarkTooltip(
-    data.seriesNames[cell.row],
-    data.categoryLabels[cell.col],
-    value,
-    data.numberFormats?.[cell.row]
-  );
-}
-var init_surface_chart_3d_hit_test = __esm2({
-  "src/render/surface-chart-3d-hit-test.ts"() {
-    init_chart_view_model();
-  }
-});
-function chart3DHitToPartRef(hit) {
-  if (!hit) {
-    return null;
-  }
-  return { role: "dataPoint", seriesIndex: hit.seriesIndex, pointIndex: hit.pointIndex };
-}
-function chart3DMarkMatchesPart(mark, part) {
-  return part !== null && part !== void 0 && part.role === "dataPoint" && part.seriesIndex === mark.seriesIndex && part.pointIndex === mark.pointIndex;
-}
-function calibrateChart3DValueAxis(screenAtValue0, value0, screenAtValue1, value1) {
-  const valueSpan = value1 - value0;
-  const dx = screenAtValue1.x - screenAtValue0.x;
-  const dy = screenAtValue1.y - screenAtValue0.y;
-  const pixelSpan = Math.hypot(dx, dy);
-  if (valueSpan === 0 || pixelSpan < 1e-6 || !Number.isFinite(valueSpan)) {
-    return null;
-  }
-  return {
-    directionScreen: { x: dx / pixelSpan, y: dy / pixelSpan },
-    pixelsPerUnit: pixelSpan / valueSpan
-  };
-}
-function chart3DPointerDeltaToValueDelta(calibration, pointerDeltaScreen) {
-  const dot2 = pointerDeltaScreen.x * calibration.directionScreen.x + pointerDeltaScreen.y * calibration.directionScreen.y;
-  return dot2 / calibration.pixelsPerUnit;
-}
-var CHART_3D_DRAG_THRESHOLD_PX;
-var CHART_3D_SELECTED_EMISSIVE;
-var CHART_3D_SELECTED_EMISSIVE_INTENSITY;
-var init_chart_3d_interaction = __esm2({
-  "src/render/chart-3d-interaction.ts"() {
-    CHART_3D_DRAG_THRESHOLD_PX = 3;
-    CHART_3D_SELECTED_EMISSIVE = "#3b82f6";
-    CHART_3D_SELECTED_EMISSIVE_INTENSITY = 0.55;
-  }
-});
-function projectToScreen(three, camera, point, width, height) {
-  const v = new three.Vector3(point[0], point[1], point[2]);
-  v.project(camera);
-  return { x: (v.x + 1) / 2 * width, y: (-v.y + 1) / 2 * height };
-}
-function attachChart3DPointerInteraction(options) {
-  let width = options.width;
-  let height = options.height;
-  const raycaster = new options.three.Raycaster();
-  const ndc = new options.three.Vector2();
-  let dragState = null;
-  function raycastAt(clientX, clientY) {
-    const rect22 = options.canvas.getBoundingClientRect();
-    if (rect22.width <= 0 || rect22.height <= 0) {
-      return void 0;
-    }
-    ndc.x = (clientX - rect22.left) / rect22.width * 2 - 1;
-    ndc.y = -((clientY - rect22.top) / rect22.height) * 2 + 1;
-    raycaster.setFromCamera(ndc, options.camera);
-    return raycaster.intersectObjects(options.meshes, false)[0];
-  }
-  function setSelectedPart(part) {
-    options.applyHighlight?.(part);
-  }
-  function currentDelta(clientX, clientY, state) {
-    return { x: clientX - state.startClientX, y: clientY - state.startClientY };
-  }
-  const onPointerDown = (event) => {
-    options.canvas.setPointerCapture?.(
-      event.pointerId
-    );
-    const hit = raycastAt(event.clientX, event.clientY);
-    const part = hit ? options.resolveHit(hit) : null;
-    const armed = part !== null && isChartInteractionArmed(options.canvas);
-    if (armed) {
-      event.stopPropagation();
-    }
-    let calibration = null;
-    let startValue = 0;
-    if (hit && part && armed && options.calibrateDrag) {
-      const input = options.calibrateDrag(hit, part);
-      if (input) {
-        const s0 = projectToScreen(
-          options.three,
-          options.camera,
-          input.worldAtValue0,
-          width,
-          height
-        );
-        const s1 = projectToScreen(
-          options.three,
-          options.camera,
-          input.worldAtValue1,
-          width,
-          height
-        );
-        calibration = calibrateChart3DValueAxis(s0, input.value0, s1, input.value1);
-        startValue = input.value1;
-      }
-    }
-    dragState = {
-      part,
-      calibration,
-      startValue,
-      startClientX: event.clientX,
-      startClientY: event.clientY,
-      moved: false
-    };
-    if (calibration) {
-      event.preventDefault();
-      options.setControlsEnabled?.(false);
-    }
-  };
-  const onPointerMove = (event) => {
-    if (!dragState || !dragState.part || !dragState.calibration) {
-      return;
-    }
-    const delta = currentDelta(event.clientX, event.clientY, dragState);
-    if (!dragState.moved && Math.hypot(delta.x, delta.y) < CHART_3D_DRAG_THRESHOLD_PX) {
-      return;
-    }
-    dragState.moved = true;
-    const value = dragState.startValue + chart3DPointerDeltaToValueDelta(dragState.calibration, delta);
-    options.onValueDragPreview?.(dragState.part, value);
-  };
-  const onPointerUp = (event) => {
-    if (!dragState) {
-      return;
-    }
-    const state = dragState;
-    dragState = null;
-    options.canvas.releasePointerCapture?.(event.pointerId);
-    if (state.calibration) {
-      options.setControlsEnabled?.(true);
-    }
-    if (state.moved && state.part && state.calibration) {
-      const delta = currentDelta(event.clientX, event.clientY, state);
-      const value = state.startValue + chart3DPointerDeltaToValueDelta(state.calibration, delta);
-      options.onValueDragCommit?.(state.part, value);
-      return;
-    }
-    setSelectedPart(state.part);
-    options.onSelect?.(state.part);
-  };
-  options.canvas.addEventListener("pointerdown", onPointerDown);
-  options.canvas.addEventListener("pointermove", onPointerMove);
-  options.canvas.addEventListener("pointerup", onPointerUp);
-  options.canvas.addEventListener("pointercancel", onPointerUp);
-  return {
-    setSelectedPart,
-    updateSize(w, h2) {
-      width = w;
-      height = h2;
-    },
-    dispose() {
-      options.canvas.removeEventListener("pointerdown", onPointerDown);
-      options.canvas.removeEventListener("pointermove", onPointerMove);
-      options.canvas.removeEventListener("pointerup", onPointerUp);
-      options.canvas.removeEventListener("pointercancel", onPointerUp);
-    }
-  };
-}
-var init_chart_3d_pointer_interaction = __esm2({
-  "src/render/chart-3d-pointer-interaction.ts"() {
-    init_chart_3d_interaction();
-    init_chart_canvas_drag();
-  }
-});
-function calibrateSurfaceChart3DDrag(position2, value, values) {
-  let min = Infinity;
-  let max = -Infinity;
-  for (const v of values) {
-    if (v < min) {
-      min = v;
-    }
-    if (v > max) {
-      max = v;
-    }
-  }
-  if (!(max > min)) {
-    return null;
-  }
-  const [x, , z] = position2;
-  const atMin = value === min;
-  return {
-    worldAtValue0: [x, atMin ? MAX_HEIGHT : 0, z],
-    value0: atMin ? max : min,
-    worldAtValue1: position2,
-    value1: value
-  };
-}
-var init_surface_chart_3d_drag = __esm2({
-  "src/render/surface-chart-3d-drag.ts"() {
-    init_surface_chart_3d_geom();
-  }
-});
-function createSurfaceHighlightMarker(three, cols, rows, heightMap) {
-  const geometry = new three.SphereGeometry(MARKER_RADIUS, 12, 8);
-  const material = new three.MeshPhongMaterial({
-    color: CHART_3D_SELECTED_EMISSIVE,
-    emissive: CHART_3D_SELECTED_EMISSIVE,
-    emissiveIntensity: CHART_3D_SELECTED_EMISSIVE_INTENSITY,
-    shininess: 30
-  });
-  const mesh = new three.Mesh(geometry, material);
-  mesh.visible = false;
-  return {
-    mesh,
-    setSelected(cell) {
-      if (!cell) {
-        mesh.visible = false;
-        return;
-      }
-      const [x, y, z] = surfaceVertexWorldPosition(cols, rows, cell.row, cell.col, heightMap);
-      mesh.position.set(x, y + MARKER_Y_OFFSET, z);
-      mesh.visible = true;
-    },
-    dispose() {
-      geometry.dispose();
-      material.dispose();
-    }
-  };
-}
-function cellFromIntersection(intersection, cols, rows) {
-  return intersection.faceIndex === void 0 || intersection.faceIndex === null ? null : surfaceFaceIndexToCell(intersection.faceIndex, cols, rows);
-}
-function attachSurfaceChart3DInteraction(params) {
-  return attachChart3DPointerInteraction({
-    three: params.three,
-    canvas: params.canvas,
-    camera: params.camera,
-    width: params.width,
-    height: params.height,
-    meshes: [params.surfaceMesh],
-    resolveHit: (intersection) => {
-      const cell = cellFromIntersection(intersection, params.cols, params.rows);
-      return chart3DHitToPartRef(cell ? { seriesIndex: cell.row, pointIndex: cell.col } : null);
-    },
-    calibrateDrag: (intersection) => {
-      const cell = cellFromIntersection(intersection, params.cols, params.rows);
-      if (!cell || !params.values) {
-        return null;
-      }
-      const idx = cell.row * params.cols + cell.col;
-      const value = params.values[idx];
-      if (value === void 0) {
-        return null;
-      }
-      const position2 = surfaceVertexWorldPosition(
-        params.cols,
-        params.rows,
-        cell.row,
-        cell.col,
-        params.heightMap
-      );
-      return calibrateSurfaceChart3DDrag(position2, value, params.values);
-    },
-    applyHighlight: (part) => {
-      const cell = part && part.role === "dataPoint" && part.pointIndex !== void 0 ? { row: part.seriesIndex, col: part.pointIndex } : null;
-      params.highlightMarker.setSelected(cell);
-    },
-    setControlsEnabled: (enabled) => {
-      params.controls.enabled = enabled;
-    },
-    onSelect: params.interaction?.onSelect,
-    onValueDragPreview: params.interaction?.onValueDragPreview,
-    onValueDragCommit: params.interaction?.onValueDragCommit
-  });
-}
-var MARKER_RADIUS;
-var MARKER_Y_OFFSET;
-var init_surface_chart_3d_interaction_wiring = __esm2({
-  "src/render/surface-chart-3d-interaction-wiring.ts"() {
-    init_chart_3d_interaction();
-    init_chart_3d_pointer_interaction();
-    init_surface_chart_3d_drag();
-    init_surface_chart_3d_geom();
-    init_surface_chart_3d_hit_test();
-    MARKER_RADIUS = 0.07;
-    MARKER_Y_OFFSET = 0.03;
-  }
-});
-function buildSurfaceWallMeshes(three, cols, rows, wallHeight, colors, extent) {
-  const { gridWidth, gridDepth } = extent ?? computeGridExtent(cols, rows);
-  const meshes = [];
-  const disposables = [];
-  const addPlane = (width, height, color2, position2, rotation) => {
-    const geometry = new three.PlaneGeometry(width, height);
-    const material = new three.MeshBasicMaterial({
-      color: color2,
-      transparent: true,
-      opacity: PANEL_OPACITY,
-      side: three.DoubleSide,
-      depthWrite: false
-    });
-    const mesh = new three.Mesh(geometry, material);
-    mesh.position.set(...position2);
-    mesh.rotation.set(...rotation);
-    meshes.push(mesh);
-    disposables.push(geometry, material);
-  };
-  if (colors.floor) {
-    addPlane(gridWidth, gridDepth, colors.floor, [0, -0.01, 0], [-Math.PI / 2, 0, 0]);
-  }
-  if (colors.backWall) {
-    addPlane(
-      gridWidth,
-      wallHeight,
-      colors.backWall,
-      [0, wallHeight / 2, -gridDepth / 2],
-      [0, 0, 0]
-    );
-  }
-  if (colors.sideWall) {
-    addPlane(
-      gridDepth,
-      wallHeight,
-      colors.sideWall,
-      [gridWidth / 2, wallHeight / 2, 0],
-      [0, Math.PI / 2, 0]
-    );
-  }
-  return {
-    meshes,
-    dispose: () => {
-      for (const d of disposables) {
-        d.dispose();
-      }
-    }
-  };
-}
-var PANEL_OPACITY;
-var init_surface_chart_3d_walls = __esm2({
-  "src/render/surface-chart-3d-walls.ts"() {
-    init_surface_chart_3d_geom();
-    PANEL_OPACITY = 0.35;
-  }
-});
-function createSurfaceChart3DScene(ctx, options) {
-  const { cols, rows } = options;
-  const placement = computeCameraPlacement(cols, rows, options.view3D);
-  const stage = createHostedChart3DStage(
-    ctx,
-    { fov: FOV2, ...placement },
-    { minDistance: 1, maxDistance: 20 },
-    0.6
-  );
-  const { three, scene, camera, canvas, controls, width, height } = stage;
-  const interaction = hostedChart3DInteraction(ctx);
-  const { gridWidth, gridDepth } = computeGridExtent(cols, rows);
-  const floorSize = Math.max(gridWidth, gridDepth) * 1.2;
-  const gridFloor = new three.GridHelper(floorSize, Math.max(cols, rows), 13421772, 15263976);
-  gridFloor.position.y = -0.02;
-  scene.add(gridFloor);
-  const walls = options.surfaceColors ? buildSurfaceWallMeshes(three, cols, rows, MAX_HEIGHT, options.surfaceColors) : null;
-  for (const mesh of walls?.meshes ?? []) {
-    scene.add(mesh);
-  }
-  const { heightMap, colorMap } = options;
-  const { geometry, wireGeometry } = buildSurfaceGeometry(three, cols, rows, heightMap, colorMap);
-  const surfaceMaterial = new three.MeshPhongMaterial({
-    vertexColors: true,
-    side: three.DoubleSide,
-    shininess: 30,
-    transparent: true,
-    opacity: 0.92
-  });
-  const surfaceMesh = new three.Mesh(geometry, surfaceMaterial);
-  scene.add(surfaceMesh);
-  const highlightMarker = createSurfaceHighlightMarker(three, cols, rows, heightMap);
-  scene.add(highlightMarker.mesh);
-  let wireMaterial = null;
-  if (options.wireframe) {
-    wireMaterial = new three.LineBasicMaterial({
-      color: 3355443,
-      transparent: true,
-      opacity: 0.25
-    });
-    scene.add(new three.LineSegments(wireGeometry, wireMaterial));
-  }
-  const hoverTooltip = attachChart3DHoverTooltip({
-    three,
-    canvas,
-    camera,
-    meshes: [surfaceMesh],
-    buildTooltip: (intersection) => buildSurfaceHoverTooltip(intersection?.faceIndex, {
-      cols,
-      rows,
-      categoryLabels: options.categoryLabels,
-      seriesNames: options.seriesNames,
-      values: options.values,
-      numberFormats: options.numberFormats
-    })
-  });
-  const pointerInteraction = attachSurfaceChart3DInteraction({
-    three,
-    canvas,
-    camera,
-    controls,
-    width,
-    height,
-    surfaceMesh,
-    cols,
-    rows,
-    heightMap,
-    values: options.values,
-    highlightMarker,
-    interaction
-  });
-  const labels = buildSurfaceLabels(cols, rows, options.categoryLabels, options.seriesNames);
-  const labelProjector = createChart3DLabelProjector(three, ctx.document, labels);
-  labelProjector.applyTextStyle(options.textStyle);
-  ctx.overlay.appendChild(labelProjector.layer);
-  return finishHostedChart3DScene(
-    ctx,
-    stage,
-    {
-      afterRender: (cam, w, h2) => labelProjector.update(cam, w, h2),
-      resize: (w, h2) => pointerInteraction.updateSize(w, h2),
-      setSelectedPart: (part) => pointerInteraction.setSelectedPart(part),
-      setTextStyle: (style) => labelProjector.applyTextStyle(style),
-      dispose() {
-        hoverTooltip.dispose();
-        pointerInteraction.dispose();
-        geometry.dispose();
-        wireGeometry.dispose();
-        surfaceMaterial.dispose();
-        wireMaterial?.dispose();
-        highlightMarker.dispose();
-        gridFloor.dispose();
-        walls?.dispose();
-        labelProjector.layer.remove();
-      }
-    },
-    interaction
-  );
-}
-var FOV2;
-var init_surface_chart_3d_scene = __esm2({
-  "src/render/surface-chart-3d-scene.ts"() {
-    init_chart_3d_hosted_stage();
-    init_chart_3d_hover_tooltip();
-    init_chart_3d_label_projection();
-    init_surface_chart_3d_geom();
-    init_surface_chart_3d_hit_test();
-    init_surface_chart_3d_interaction_wiring();
-    init_surface_chart_3d_walls();
-    FOV2 = 45;
-  }
-});
-function colorFace(color2) {
-  return { kind: "color", color: color2 };
-}
-function worldHeightPerValueUnit(box) {
-  return box.value !== 0 ? box.size[1] / box.value : void 0;
-}
-function faceRepeat(format2, pictureStackUnit, faceWorldSize, box) {
-  if (format2 === "stretch" || pictureStackUnit === void 0 || pictureStackUnit <= 0) {
-    return 1;
-  }
-  const perValueUnit = worldHeightPerValueUnit(box);
-  if (!perValueUnit) {
-    return 1;
-  }
-  const tileWorldSize = pictureStackUnit * perValueUnit;
-  return tileWorldSize > 0 ? Math.max(1, faceWorldSize / tileWorldSize) : 1;
-}
-function resolveTargetedFace(series, box, face, faceWorldSize, untargetedFallback) {
-  const resolved = resolveDataPointPictureFill(series, box.categoryIndex, box.seriesIndex, face);
-  if (!resolved) {
-    return colorFace(untargetedFallback);
-  }
-  const pictureStackUnit = resolveActiveDataPointPicture(
-    series,
-    box.categoryIndex
-  )?.pictureStackUnit;
-  return {
-    kind: "picture",
-    imageUrl: resolved.imageUrl,
-    repeatX: 1,
-    repeatY: faceRepeat(resolved.format, pictureStackUnit, faceWorldSize, box)
-  };
-}
-function allSameColor(fills) {
-  const first = fills[0];
-  if (!first || first.kind !== "color") {
-    return void 0;
-  }
-  return fills.every((fill) => fill.kind === "color" && fill.color === first.color) ? first.color : void 0;
-}
-function resolveBarBoxFaceFills(box, series) {
-  const plain = {
-    posX: colorFace(box.color),
-    negX: colorFace(box.color),
-    posY: colorFace(box.color),
-    negY: colorFace(box.color),
-    posZ: colorFace(box.color),
-    negZ: colorFace(box.color)
-  };
-  if (box.shape !== void 0 && box.shape !== "box") {
-    return plain;
-  }
-  const seriesData = series[box.seriesIndex];
-  if (!seriesData) {
-    return plain;
-  }
-  const active2 = resolveActiveDataPointPicture(seriesData, box.categoryIndex);
-  if (!active2?.imageUrl) {
-    return plain;
-  }
-  const [, height, depth] = box.size;
-  const frontFill = resolveTargetedFace(seriesData, box, "front", height, box.color);
-  const sideFill = resolveTargetedFace(
-    seriesData,
-    box,
-    "side",
-    height,
-    resolveUntargetedBarFaceFill("side", box.color)
-  );
-  const endFill = resolveTargetedFace(
-    seriesData,
-    box,
-    "end",
-    depth,
-    resolveUntargetedBarFaceFill("end", box.color)
-  );
-  return {
-    posX: sideFill,
-    negX: sideFill,
-    posY: endFill,
-    negY: colorFace(box.color),
-    posZ: frontFill,
-    negZ: colorFace(box.color)
-  };
-}
-function resolveBarRoundFaceFills(box, series) {
-  const plain = {
-    side: colorFace(box.color),
-    end: colorFace(box.color),
-    bottom: colorFace(box.color)
-  };
-  const seriesData = series[box.seriesIndex];
-  if (!seriesData) {
-    return plain;
-  }
-  const active2 = resolveActiveDataPointPicture(seriesData, box.categoryIndex);
-  if (!active2?.imageUrl) {
-    return plain;
-  }
-  const [, height, depth] = box.size;
-  const sideFill = resolveTargetedFace(
-    seriesData,
-    box,
-    "side",
-    height,
-    resolveUntargetedBarFaceFill("side", box.color)
-  );
-  const endFill = resolveTargetedFace(
-    seriesData,
-    box,
-    "end",
-    depth,
-    resolveUntargetedBarFaceFill("end", box.color)
-  );
-  return { side: sideFill, end: endFill, bottom: colorFace(box.color) };
-}
-function uniformBoxColor(fills) {
-  return allSameColor([fills.posX, fills.negX, fills.posY, fills.negY, fills.posZ, fills.negZ]);
-}
-function uniformRoundColor(fills) {
-  return allSameColor([fills.side, fills.end, fills.bottom]);
-}
-var init_bar_chart_3d_face_fill = __esm2({
-  "src/render/bar-chart-3d-face-fill.ts"() {
-    init_chart_bar3d_face_picture();
-    init_chart_datapoint_picture_resolve();
-  }
-});
-function createBarChart3DTextureManager(three) {
-  const loader = new three.TextureLoader();
-  const cache2 = /* @__PURE__ */ new Map();
-  const loaded = [];
-  return {
-    load(url) {
-      const cached = cache2.get(url);
-      if (cached) {
-        return cached;
-      }
-      const pending = new Promise((resolve3, reject) => {
-        loader.load(
-          url,
-          (texture) => {
-            loaded.push(texture);
-            resolve3(texture);
-          },
-          void 0,
-          reject
-        );
-      });
-      cache2.set(url, pending);
-      return pending;
-    },
-    disposeAll() {
-      for (const texture of loaded) {
-        texture.dispose();
-      }
-      loaded.length = 0;
-      cache2.clear();
-    }
-  };
-}
-function buildColorMaterial(three, color2) {
-  return new three.MeshPhongMaterial({ color: color2, shininess: 30 });
-}
-function buildFaceMaterial(three, fill, textures, ownedTextures, isDisposed) {
-  if (fill.kind === "color") {
-    return buildColorMaterial(three, fill.color);
-  }
-  const material = buildColorMaterial(three, "#ffffff");
-  textures.load(fill.imageUrl).then((base) => {
-    const texture = base.clone();
-    texture.wrapS = three.RepeatWrapping;
-    texture.wrapT = three.RepeatWrapping;
-    texture.repeat.set(fill.repeatX, fill.repeatY);
-    texture.needsUpdate = true;
-    if (isDisposed()) {
-      texture.dispose();
-      return void 0;
-    }
-    ownedTextures.push(texture);
-    material.map = texture;
-    material.needsUpdate = true;
-    return void 0;
-  }).catch(() => {
-  });
-  return material;
-}
-function buildMaterialArrayResult(three, fills, textures) {
-  let disposed = false;
-  const ownedTextures = [];
-  const materials = fills.map(
-    (fill) => buildFaceMaterial(three, fill, textures, ownedTextures, () => disposed)
-  );
-  return {
-    material: materials,
-    dispose: () => {
-      disposed = true;
-      for (const material of materials) {
-        material.dispose();
-      }
-      for (const texture of ownedTextures) {
-        texture.dispose();
-      }
-    }
-  };
-}
-function buildBarBoxMaterial(three, box, assets) {
-  if (!assets) {
-    const material = buildColorMaterial(three, box.color);
-    return { material, dispose: () => material.dispose() };
-  }
-  const isRound = box.shape !== void 0 && box.shape !== "box";
-  if (isRound) {
-    const roundFills = resolveBarRoundFaceFills(box, assets.context.series);
-    const solid2 = uniformRoundColor(roundFills);
-    if (solid2 !== void 0) {
-      const material = buildColorMaterial(three, solid2);
-      return { material, dispose: () => material.dispose() };
-    }
-    return buildMaterialArrayResult(
-      three,
-      [roundFills.side, roundFills.end, roundFills.bottom],
-      assets.textures
-    );
-  }
-  const fills = resolveBarBoxFaceFills(box, assets.context.series);
-  const solid = uniformBoxColor(fills);
-  if (solid !== void 0) {
-    const material = buildColorMaterial(three, solid);
-    return { material, dispose: () => material.dispose() };
-  }
-  return buildMaterialArrayResult(
-    three,
-    FACE_ORDER.map((face) => fills[face]),
-    assets.textures
-  );
-}
-var FACE_ORDER;
-var init_bar_chart_3d_materials = __esm2({
-  "src/render/bar-chart-3d-materials.ts"() {
-    init_bar_chart_3d_face_fill();
-    FACE_ORDER = [
-      "posX",
-      "negX",
-      "posY",
-      "negY",
-      "posZ",
-      "negZ"
-    ];
-  }
-});
-function buildBar3DGeometry(three, shape, coneToMaxTopRadiusFactor2) {
-  switch (shape) {
-    case "cylinder":
-      return new three.CylinderGeometry(0.5, 0.5, 1, ROUND_SEGMENTS);
-    case "cone":
-      return new three.ConeGeometry(0.5, 1, ROUND_SEGMENTS);
-    case "pyramid":
-      return new three.ConeGeometry(0.5, 1, PYRAMID_SEGMENTS);
-    case "coneToMax":
-      return new three.CylinderGeometry(
-        0.5 * (coneToMaxTopRadiusFactor2 ?? 0),
-        0.5,
-        1,
-        ROUND_SEGMENTS
-      );
-    case "pyramidToMax":
-      return new three.CylinderGeometry(
-        0.5 * (coneToMaxTopRadiusFactor2 ?? 0),
-        0.5,
-        1,
-        PYRAMID_SEGMENTS
-      );
-    case "box":
-    default:
-      return new three.BoxGeometry(1, 1, 1);
-  }
-}
-function buildBar3DMeshGroup(three, scene, boxes, horizontal = false, picture) {
-  const meshes = [];
-  const materials = [];
-  const materialDisposers = [];
-  const geometries = [];
-  for (const box of boxes) {
-    const geometry = buildBar3DGeometry(three, box.shape, box.coneToMaxTopRadiusFactor);
-    const { material, dispose } = buildBarBoxMaterial(three, box, picture);
-    const mesh = new three.Mesh(geometry, material);
-    mesh.position.set(...box.center);
-    mesh.scale.set(...box.size);
-    if (horizontal) {
-      mesh.rotation.z = -Math.PI / 2;
-    }
-    mesh.userData = {
-      seriesIndex: box.seriesIndex,
-      categoryIndex: box.categoryIndex,
-      value: box.value
-    };
-    scene.add(mesh);
-    meshes.push(mesh);
-    materials.push(material);
-    materialDisposers.push(dispose);
-    geometries.push(geometry);
-  }
-  return { meshes, materials, geometries, materialDisposers };
-}
-var ROUND_SEGMENTS;
-var PYRAMID_SEGMENTS;
-var init_bar_chart_3d_geometry = __esm2({
-  "src/render/bar-chart-3d-geometry.ts"() {
-    init_bar_chart_3d_materials();
-    ROUND_SEGMENTS = 32;
-    PYRAMID_SEGMENTS = 4;
-  }
-});
 function buildBarChart3DHoverTooltip(hit, data) {
   if (!hit) {
     return void 0;
@@ -182912,984 +181570,6 @@ var init_bar_chart_3d_hit_test = __esm2({
     init_chart_view_model();
   }
 });
-function valueAxisIndex(horizontal) {
-  return horizontal ? 0 : 1;
-}
-function calibrateBarChart3DDrag(boxes, hit, grouping, horizontal) {
-  if (grouping !== "clustered") {
-    return null;
-  }
-  const box = boxes.find(
-    (b) => b.seriesIndex === hit.seriesIndex && b.categoryIndex === hit.categoryIndex
-  );
-  if (!box) {
-    return null;
-  }
-  const axis = valueAxisIndex(horizontal);
-  const half = box.size[axis] / 2;
-  const center = box.center[axis];
-  const lo = center - half;
-  const hi = center + half;
-  const zeroIsLo = Math.abs(lo) <= Math.abs(hi);
-  const zeroCoord = zeroIsLo ? lo : hi;
-  const valueCoord = zeroIsLo ? hi : lo;
-  if (Math.abs(valueCoord - zeroCoord) < 1e-9) {
-    return null;
-  }
-  const at = (coord) => axis === 0 ? [coord, box.center[1], box.center[2]] : [box.center[0], coord, box.center[2]];
-  return {
-    worldAtValue0: at(zeroCoord),
-    value0: 0,
-    worldAtValue1: at(valueCoord),
-    value1: hit.value
-  };
-}
-var init_bar_chart_3d_drag = __esm2({
-  "src/render/bar-chart-3d-drag.ts"() {
-  }
-});
-function applyChart3DMeshHighlight(entries2, part) {
-  for (const { mark, material } of entries2) {
-    const selected = chart3DMarkMatchesPart(mark, part);
-    const materials = Array.isArray(material) ? material : [material];
-    for (const one of materials) {
-      one.emissive.set(selected ? CHART_3D_SELECTED_EMISSIVE : CLEAR_EMISSIVE);
-      one.emissiveIntensity = selected ? CHART_3D_SELECTED_EMISSIVE_INTENSITY : 0;
-    }
-  }
-}
-var CLEAR_EMISSIVE;
-var init_chart_3d_mesh_highlight = __esm2({
-  "src/render/chart-3d-mesh-highlight.ts"() {
-    init_chart_3d_interaction();
-    CLEAR_EMISSIVE = "#000000";
-  }
-});
-function attachBarChart3DInteraction(params) {
-  const highlightEntries = params.boxMeshes.map((mesh, i2) => {
-    const hit = mesh.userData;
-    return {
-      mark: { seriesIndex: hit.seriesIndex, pointIndex: hit.categoryIndex },
-      material: params.boxMaterials[i2]
-    };
-  });
-  return attachChart3DPointerInteraction({
-    three: params.three,
-    canvas: params.canvas,
-    camera: params.camera,
-    width: params.width,
-    height: params.height,
-    meshes: params.boxMeshes,
-    resolveHit: (intersection) => {
-      const hit = intersection.object.userData;
-      return chart3DHitToPartRef(
-        hit ? { seriesIndex: hit.seriesIndex, pointIndex: hit.categoryIndex } : null
-      );
-    },
-    calibrateDrag: (intersection) => {
-      const hit = intersection.object.userData;
-      return calibrateBarChart3DDrag(params.boxes, hit, params.grouping, params.horizontal);
-    },
-    applyHighlight: (part) => applyChart3DMeshHighlight(highlightEntries, part),
-    setControlsEnabled: (enabled) => {
-      params.controls.enabled = enabled;
-    },
-    onSelect: params.interaction?.onSelect,
-    onValueDragPreview: params.interaction?.onValueDragPreview,
-    onValueDragCommit: params.interaction?.onValueDragCommit
-  });
-}
-var init_bar_chart_3d_interaction_wiring = __esm2({
-  "src/render/bar-chart-3d-interaction-wiring.ts"() {
-    init_bar_chart_3d_drag();
-    init_chart_3d_interaction();
-    init_chart_3d_mesh_highlight();
-    init_chart_3d_pointer_interaction();
-  }
-});
-function createBarChart3DScene(ctx, options) {
-  const placement = computeCartesianCameraPlacement(
-    options.cols,
-    options.rows,
-    options.view3D,
-    options.horizontal
-  );
-  const stage = createHostedChart3DStage(ctx, placement, { minDistance: 0.5, maxDistance: 30 });
-  const { three, scene, camera, canvas } = stage;
-  const extent = computeCartesianGridExtent(
-    options.cols,
-    options.rows,
-    options.view3D?.depthPercent
-  );
-  const floorSize = Math.max(extent.gridWidth, extent.gridDepth, MAX_VALUE_HEIGHT * 2) * 1.2;
-  const gridFloor = new three.GridHelper(
-    floorSize,
-    Math.max(options.cols, options.rows),
-    13421772,
-    15263976
-  );
-  gridFloor.position.y = -0.02;
-  scene.add(gridFloor);
-  const walls = options.wallColors ? buildSurfaceWallMeshes(
-    three,
-    options.cols,
-    options.rows,
-    MAX_VALUE_HEIGHT,
-    options.wallColors,
-    extent
-  ) : null;
-  for (const mesh of walls?.meshes ?? []) {
-    scene.add(mesh);
-  }
-  const baseTextures = createBarChart3DTextureManager(three);
-  const textures = {
-    load: (url) => baseTextures.load(url).then((texture) => {
-      setTimeout(ctx.requestRender, 0);
-      return texture;
-    }),
-    disposeAll: () => baseTextures.disposeAll()
-  };
-  const {
-    meshes: boxMeshes,
-    materials: boxMaterials,
-    geometries: boxGeometries,
-    materialDisposers: boxMaterialDisposers
-  } = buildBar3DMeshGroup(
-    three,
-    scene,
-    options.boxes,
-    options.horizontal,
-    options.picture ? { context: options.picture, textures } : void 0
-  );
-  const hoverTooltip = attachChart3DHoverTooltip({
-    three,
-    canvas,
-    camera,
-    meshes: boxMeshes,
-    buildTooltip: (intersection) => buildBarChart3DHoverTooltip(intersection?.object.userData, {
-      categoryLabels: options.categoryLabels,
-      seriesNames: options.seriesNames,
-      numberFormats: options.numberFormats
-    })
-  });
-  const interaction = hostedChart3DInteraction(ctx);
-  const pointerInteraction = attachBarChart3DInteraction({
-    three,
-    canvas,
-    camera,
-    controls: stage.controls,
-    width: stage.width,
-    height: stage.height,
-    boxMeshes,
-    boxMaterials,
-    boxes: options.boxes,
-    grouping: options.grouping,
-    horizontal: Boolean(options.horizontal),
-    interaction
-  });
-  const labels = buildCartesianChart3DLabels(
-    options.cols,
-    options.rows,
-    options.categoryLabels,
-    options.seriesNames,
-    options.view3D?.depthPercent,
-    void 0,
-    void 0,
-    options.horizontal
-  );
-  const labelProjector = createChart3DLabelProjector(three, ctx.document, labels);
-  labelProjector.applyTextStyle(options.textStyle);
-  ctx.overlay.appendChild(labelProjector.layer);
-  return finishHostedChart3DScene(
-    ctx,
-    stage,
-    {
-      afterRender: (cam, width, height) => labelProjector.update(cam, width, height),
-      resize: (width, height) => pointerInteraction.updateSize(width, height),
-      setSelectedPart: (part) => pointerInteraction.setSelectedPart(part),
-      setTextStyle: (style) => labelProjector.applyTextStyle(style),
-      dispose() {
-        hoverTooltip.dispose();
-        pointerInteraction.dispose();
-        for (const g2 of boxGeometries) {
-          g2.dispose();
-        }
-        for (const disposeMaterial of boxMaterialDisposers) {
-          disposeMaterial();
-        }
-        textures.disposeAll();
-        gridFloor.dispose();
-        walls?.dispose();
-        labelProjector.layer.remove();
-      }
-    },
-    interaction
-  );
-}
-var init_bar_chart_3d_scene = __esm2({
-  "src/render/bar-chart-3d-scene.ts"() {
-    init_bar_chart_3d_geometry();
-    init_bar_chart_3d_hit_test();
-    init_bar_chart_3d_interaction_wiring();
-    init_bar_chart_3d_materials();
-    init_cartesian_chart_3d_geom();
-    init_chart_3d_hosted_stage();
-    init_chart_3d_hover_tooltip();
-    init_chart_3d_label_projection();
-    init_surface_chart_3d_walls();
-  }
-});
-function buildCartesianChart3DHoverTooltip(hit, data) {
-  if (!hit) {
-    return void 0;
-  }
-  return buildMarkTooltip(
-    data.seriesNames[hit.seriesIndex],
-    data.categoryLabels[hit.categoryIndex],
-    hit.value,
-    data.numberFormats?.[hit.seriesIndex]
-  );
-}
-var init_cartesian_chart_3d_hit_test = __esm2({
-  "src/render/cartesian-chart-3d-hit-test.ts"() {
-    init_chart_view_model();
-  }
-});
-function calibrateCartesianChart3DDrag(markerPosition, value) {
-  if (Math.abs(value) < 1e-9) {
-    return null;
-  }
-  return {
-    worldAtValue0: [markerPosition[0], 0, markerPosition[2]],
-    value0: 0,
-    worldAtValue1: markerPosition,
-    value1: value
-  };
-}
-var init_cartesian_chart_3d_drag = __esm2({
-  "src/render/cartesian-chart-3d-drag.ts"() {
-  }
-});
-function attachCartesianChart3DInteraction(params) {
-  const highlightEntries = params.markerMeshes.map((mesh, i2) => {
-    const hit = mesh.userData;
-    return {
-      mark: { seriesIndex: hit.seriesIndex, pointIndex: hit.categoryIndex },
-      material: params.markerMaterials[i2]
-    };
-  });
-  return attachChart3DPointerInteraction({
-    three: params.three,
-    canvas: params.canvas,
-    camera: params.camera,
-    width: params.width,
-    height: params.height,
-    meshes: params.markerMeshes,
-    resolveHit: (intersection) => {
-      const hit = intersection.object.userData;
-      return chart3DHitToPartRef(
-        hit ? { seriesIndex: hit.seriesIndex, pointIndex: hit.categoryIndex } : null
-      );
-    },
-    calibrateDrag: (intersection) => {
-      const hit = intersection.object.userData;
-      const vertex = params.series[hit.seriesIndex]?.vertices.find(
-        (v) => v.categoryIndex === hit.categoryIndex
-      );
-      return vertex ? calibrateCartesianChart3DDrag(vertex.position, hit.value) : null;
-    },
-    applyHighlight: (part) => applyChart3DMeshHighlight(highlightEntries, part),
-    setControlsEnabled: (enabled) => {
-      params.controls.enabled = enabled;
-    },
-    onSelect: params.interaction?.onSelect,
-    onValueDragPreview: params.interaction?.onValueDragPreview,
-    onValueDragCommit: params.interaction?.onValueDragCommit
-  });
-}
-var init_cartesian_chart_3d_interaction_wiring = __esm2({
-  "src/render/cartesian-chart-3d-interaction-wiring.ts"() {
-    init_cartesian_chart_3d_drag();
-    init_chart_3d_interaction();
-    init_chart_3d_mesh_highlight();
-    init_chart_3d_pointer_interaction();
-  }
-});
-function createLineChart3DScene(ctx, options) {
-  const placement = computeCartesianCameraPlacement(options.cols, options.rows, options.view3D);
-  const stage = createHostedChart3DStage(
-    ctx,
-    placement,
-    { minDistance: 0.5, maxDistance: 30 },
-    0.6
-  );
-  const { three, scene, camera, canvas, controls, width, height } = stage;
-  const interaction = hostedChart3DInteraction(ctx);
-  const extent = computeCartesianGridExtent(
-    options.cols,
-    options.rows,
-    options.view3D?.depthPercent
-  );
-  const floorSize = Math.max(extent.gridWidth, extent.gridDepth) * 1.2;
-  const gridFloor = new three.GridHelper(
-    floorSize,
-    Math.max(options.cols, options.rows),
-    13421772,
-    15263976
-  );
-  gridFloor.position.y = -0.02;
-  scene.add(gridFloor);
-  const walls = options.wallColors ? buildSurfaceWallMeshes(
-    three,
-    options.cols,
-    options.rows,
-    MAX_VALUE_HEIGHT,
-    options.wallColors,
-    extent
-  ) : null;
-  for (const mesh of walls?.meshes ?? []) {
-    scene.add(mesh);
-  }
-  const markerGeometry = new three.SphereGeometry(MARKER_RADIUS2, 8, 6);
-  const tubeGeometries = [];
-  const tubeMaterials = [];
-  const markerMeshes = [];
-  const markerMaterials = [];
-  for (const path of options.series) {
-    if (path.vertices.length >= 2) {
-      const curve = new three.CatmullRomCurve3(
-        path.vertices.map((v) => new three.Vector3(...v.position))
-      );
-      const tubeGeometry = new three.TubeGeometry(
-        curve,
-        Math.max(path.vertices.length * 8, 16),
-        TUBE_RADIUS,
-        8,
-        false
-      );
-      const tubeMaterial = new three.MeshPhongMaterial({ color: path.color, shininess: 30 });
-      const tube = new three.Mesh(tubeGeometry, tubeMaterial);
-      scene.add(tube);
-      tubeGeometries.push(tubeGeometry);
-      tubeMaterials.push(tubeMaterial);
-    }
-    for (const v of path.vertices) {
-      const markerMaterial = new three.MeshPhongMaterial({ color: path.color, shininess: 30 });
-      const marker = new three.Mesh(markerGeometry, markerMaterial);
-      marker.position.set(...v.position);
-      marker.userData = {
-        seriesIndex: v.seriesIndex,
-        categoryIndex: v.categoryIndex,
-        value: v.value
-      };
-      scene.add(marker);
-      markerMeshes.push(marker);
-      markerMaterials.push(markerMaterial);
-    }
-  }
-  const tooltipData = {
-    categoryLabels: options.categoryLabels,
-    seriesNames: options.seriesNames,
-    numberFormats: options.numberFormats
-  };
-  const hoverTooltip = attachChart3DHoverTooltip({
-    three,
-    canvas,
-    camera,
-    meshes: markerMeshes,
-    buildTooltip: (intersection) => buildCartesianChart3DHoverTooltip(
-      intersection?.object.userData,
-      tooltipData
-    )
-  });
-  const pointerInteraction = attachCartesianChart3DInteraction({
-    three,
-    canvas,
-    camera,
-    controls,
-    width,
-    height,
-    markerMeshes,
-    markerMaterials,
-    series: options.series,
-    interaction
-  });
-  const labels = buildCartesianChart3DLabels(
-    options.cols,
-    options.rows,
-    options.categoryLabels,
-    options.seriesNames,
-    options.view3D?.depthPercent
-  );
-  const labelProjector = createChart3DLabelProjector(three, ctx.document, labels);
-  labelProjector.applyTextStyle(options.textStyle);
-  ctx.overlay.appendChild(labelProjector.layer);
-  return finishHostedChart3DScene(
-    ctx,
-    stage,
-    {
-      afterRender: (cam, w, h2) => labelProjector.update(cam, w, h2),
-      resize: (w, h2) => pointerInteraction.updateSize(w, h2),
-      setSelectedPart: (part) => pointerInteraction.setSelectedPart(part),
-      setTextStyle: (style) => labelProjector.applyTextStyle(style),
-      dispose() {
-        hoverTooltip.dispose();
-        pointerInteraction.dispose();
-        markerGeometry.dispose();
-        for (const g2 of tubeGeometries) {
-          g2.dispose();
-        }
-        for (const m of [...tubeMaterials, ...markerMaterials]) {
-          m.dispose();
-        }
-        gridFloor.dispose();
-        walls?.dispose();
-        labelProjector.layer.remove();
-      }
-    },
-    interaction
-  );
-}
-var TUBE_RADIUS;
-var MARKER_RADIUS2;
-var init_line_chart_3d_scene = __esm2({
-  "src/render/line-chart-3d-scene.ts"() {
-    init_cartesian_chart_3d_geom();
-    init_cartesian_chart_3d_hit_test();
-    init_cartesian_chart_3d_interaction_wiring();
-    init_chart_3d_hosted_stage();
-    init_chart_3d_hover_tooltip();
-    init_chart_3d_label_projection();
-    init_surface_chart_3d_walls();
-    TUBE_RADIUS = 0.025;
-    MARKER_RADIUS2 = 0.045;
-  }
-});
-function buildAreaRibbonGeometry(three, path) {
-  const triangles = buildAreaRibbonTriangles(path);
-  if (triangles.length === 0) {
-    return null;
-  }
-  const geometry = new three.BufferGeometry();
-  geometry.setAttribute("position", new three.Float32BufferAttribute(triangles, 3));
-  geometry.computeVertexNormals();
-  return geometry;
-}
-var init_area_chart_3d_ribbon_geometry = __esm2({
-  "src/render/area-chart-3d-ribbon-geometry.ts"() {
-    init_cartesian_line_chart_3d_layout();
-  }
-});
-function createAreaChart3DScene(ctx, options) {
-  const placement = computeCartesianCameraPlacement(options.cols, options.rows, options.view3D);
-  const stage = createHostedChart3DStage(
-    ctx,
-    placement,
-    { minDistance: 0.5, maxDistance: 30 },
-    0.6
-  );
-  const { three, scene, camera, canvas, controls, width, height } = stage;
-  const interaction = hostedChart3DInteraction(ctx);
-  const extent = computeCartesianGridExtent(
-    options.cols,
-    options.rows,
-    options.view3D?.depthPercent
-  );
-  const floorSize = Math.max(extent.gridWidth, extent.gridDepth) * 1.2;
-  const gridSegs = Math.max(options.cols, options.rows);
-  const gridFloor = new three.GridHelper(floorSize, gridSegs, 13421772, 15263976);
-  gridFloor.position.y = -0.02;
-  scene.add(gridFloor);
-  const walls = options.wallColors ? buildSurfaceWallMeshes(
-    three,
-    options.cols,
-    options.rows,
-    MAX_VALUE_HEIGHT,
-    options.wallColors,
-    extent
-  ) : null;
-  for (const mesh of walls?.meshes ?? []) {
-    scene.add(mesh);
-  }
-  const markerGeometry = new three.SphereGeometry(MARKER_RADIUS3, 8, 6);
-  const tubeGeometries = [];
-  const ribbonGeometries = [];
-  const otherMaterials = [];
-  const markerMeshes = [];
-  const markerMaterials = [];
-  for (const path of options.series) {
-    const ribbonGeometry = buildAreaRibbonGeometry(three, path);
-    if (ribbonGeometry) {
-      const ribbonMaterial = new three.MeshPhongMaterial({
-        color: path.color,
-        side: three.DoubleSide,
-        transparent: true,
-        opacity: RIBBON_OPACITY,
-        shininess: 10
-      });
-      scene.add(new three.Mesh(ribbonGeometry, ribbonMaterial));
-      ribbonGeometries.push(ribbonGeometry);
-      otherMaterials.push(ribbonMaterial);
-    }
-    if (path.vertices.length >= 2) {
-      const curve = new three.CatmullRomCurve3(
-        path.vertices.map((v) => new three.Vector3(...v.position))
-      );
-      const tubeGeometry = new three.TubeGeometry(
-        curve,
-        Math.max(path.vertices.length * 8, 16),
-        TUBE_RADIUS2,
-        8,
-        false
-      );
-      const tubeMaterial = new three.MeshPhongMaterial({ color: path.color, shininess: 30 });
-      scene.add(new three.Mesh(tubeGeometry, tubeMaterial));
-      tubeGeometries.push(tubeGeometry);
-      otherMaterials.push(tubeMaterial);
-    }
-    for (const v of path.vertices) {
-      const markerMaterial = new three.MeshPhongMaterial({ color: path.color, shininess: 30 });
-      const marker = new three.Mesh(markerGeometry, markerMaterial);
-      marker.position.set(...v.position);
-      marker.userData = {
-        seriesIndex: v.seriesIndex,
-        categoryIndex: v.categoryIndex,
-        value: v.value
-      };
-      scene.add(marker);
-      markerMeshes.push(marker);
-      markerMaterials.push(markerMaterial);
-      otherMaterials.push(markerMaterial);
-    }
-  }
-  const tooltipData = {
-    categoryLabels: options.categoryLabels,
-    seriesNames: options.seriesNames,
-    numberFormats: options.numberFormats
-  };
-  const hoverTooltip = attachChart3DHoverTooltip({
-    three,
-    canvas,
-    camera,
-    meshes: markerMeshes,
-    buildTooltip: (intersection) => buildCartesianChart3DHoverTooltip(
-      intersection?.object.userData,
-      tooltipData
-    )
-  });
-  const pointerInteraction = attachCartesianChart3DInteraction({
-    three,
-    canvas,
-    camera,
-    controls,
-    width,
-    height,
-    markerMeshes,
-    markerMaterials,
-    series: options.series,
-    interaction
-  });
-  const labels = buildCartesianChart3DLabels(
-    options.cols,
-    options.rows,
-    options.categoryLabels,
-    options.seriesNames,
-    options.view3D?.depthPercent
-  );
-  const labelProjector = createChart3DLabelProjector(three, ctx.document, labels);
-  labelProjector.applyTextStyle(options.textStyle);
-  ctx.overlay.appendChild(labelProjector.layer);
-  return finishHostedChart3DScene(
-    ctx,
-    stage,
-    {
-      afterRender: (cam, w, h2) => labelProjector.update(cam, w, h2),
-      resize: (w, h2) => pointerInteraction.updateSize(w, h2),
-      setSelectedPart: (part) => pointerInteraction.setSelectedPart(part),
-      setTextStyle: (style) => labelProjector.applyTextStyle(style),
-      dispose() {
-        hoverTooltip.dispose();
-        pointerInteraction.dispose();
-        markerGeometry.dispose();
-        for (const g2 of [...tubeGeometries, ...ribbonGeometries]) {
-          g2.dispose();
-        }
-        for (const m of otherMaterials) {
-          m.dispose();
-        }
-        gridFloor.dispose();
-        walls?.dispose();
-        labelProjector.layer.remove();
-      }
-    },
-    interaction
-  );
-}
-var TUBE_RADIUS2;
-var MARKER_RADIUS3;
-var RIBBON_OPACITY;
-var init_area_chart_3d_scene = __esm2({
-  "src/render/area-chart-3d-scene.ts"() {
-    init_area_chart_3d_ribbon_geometry();
-    init_cartesian_chart_3d_geom();
-    init_cartesian_chart_3d_hit_test();
-    init_cartesian_chart_3d_interaction_wiring();
-    init_chart_3d_hosted_stage();
-    init_chart_3d_hover_tooltip();
-    init_chart_3d_label_projection();
-    init_surface_chart_3d_walls();
-    TUBE_RADIUS2 = 0.02;
-    MARKER_RADIUS3 = 0.045;
-    RIBBON_OPACITY = 0.75;
-  }
-});
-function buildPieChart3DHoverTooltip(hit, data) {
-  if (!hit) {
-    return void 0;
-  }
-  return buildMarkTooltip(
-    data.seriesName,
-    data.categoryLabels[hit.pointIndex],
-    hit.value,
-    data.numberFormat
-  );
-}
-var init_pie_chart_3d_hit_test = __esm2({
-  "src/render/pie-chart-3d-hit-test.ts"() {
-    init_chart_view_model();
-  }
-});
-function pieChart3DPointerAngle(x, z) {
-  return Math.atan2(x, z);
-}
-function resolvePieChart3DDragValue(geometry, pointerAngle) {
-  return resolvePieSliceShareValue(
-    pointerAngle,
-    geometry.leadingAngle,
-    geometry.values,
-    geometry.pointIndex
-  );
-}
-var init_pie_chart_3d_drag = __esm2({
-  "src/render/pie-chart-3d-drag.ts"() {
-    init_chart_interaction_pie();
-  }
-});
-function attachPieChart3DInteraction(params) {
-  const raycaster = new params.three.Raycaster();
-  const ndc = new params.three.Vector2();
-  const plane = new params.three.Plane(new params.three.Vector3(0, 1, 0), 0);
-  const planeHit = new params.three.Vector3();
-  let dragState = null;
-  const highlightEntries = params.wedgeMeshes.map((mesh, i2) => {
-    const hit = mesh.userData;
-    return {
-      mark: { seriesIndex: 0, pointIndex: hit.pointIndex },
-      material: params.wedgeMaterials[i2]
-    };
-  });
-  function setNdc(clientX, clientY) {
-    const rect22 = params.canvas.getBoundingClientRect();
-    if (rect22.width <= 0 || rect22.height <= 0) {
-      return false;
-    }
-    ndc.x = (clientX - rect22.left) / rect22.width * 2 - 1;
-    ndc.y = -((clientY - rect22.top) / rect22.height) * 2 + 1;
-    return true;
-  }
-  function raycastWedge(clientX, clientY) {
-    if (!setNdc(clientX, clientY)) {
-      return void 0;
-    }
-    raycaster.setFromCamera(ndc, params.camera);
-    return raycaster.intersectObjects(params.wedgeMeshes, false)[0];
-  }
-  function planeAngleAt(clientX, clientY) {
-    if (!setNdc(clientX, clientY)) {
-      return null;
-    }
-    raycaster.setFromCamera(ndc, params.camera);
-    const hit = raycaster.ray.intersectPlane(plane, planeHit);
-    return hit ? pieChart3DPointerAngle(hit.x, hit.z) : null;
-  }
-  function setSelectedPart(part) {
-    applyChart3DMeshHighlight(highlightEntries, part);
-  }
-  function travelBelowThreshold(clientX, clientY, state) {
-    const dx = clientX - state.startClientX;
-    const dy = clientY - state.startClientY;
-    return Math.hypot(dx, dy) < CHART_3D_DRAG_THRESHOLD_PX;
-  }
-  const onPointerDown = (event) => {
-    params.canvas.setPointerCapture?.(
-      event.pointerId
-    );
-    const hit = raycastWedge(event.clientX, event.clientY);
-    const hitData = hit?.object.userData;
-    const part = chart3DHitToPartRef(
-      hitData ? { seriesIndex: 0, pointIndex: hitData.pointIndex } : null
-    );
-    const armed = part !== null && isChartInteractionArmed(params.canvas);
-    if (armed) {
-      event.stopPropagation();
-    }
-    let geometry = null;
-    if (part && hitData && armed) {
-      const wedges = params.getWedges();
-      const wedge = wedges.find((w) => w.pointIndex === hitData.pointIndex);
-      if (wedge) {
-        geometry = {
-          values: wedges.map((w) => w.value),
-          pointIndex: hitData.pointIndex,
-          leadingAngle: wedge.startAngle
-        };
-      }
-    }
-    dragState = {
-      part,
-      geometry,
-      moved: false,
-      startClientX: event.clientX,
-      startClientY: event.clientY,
-      lastAngle: null
-    };
-    if (geometry) {
-      event.preventDefault();
-      params.controls.enabled = false;
-    }
-  };
-  const onPointerMove = (event) => {
-    const state = dragState;
-    if (!state || !state.part || !state.geometry) {
-      return;
-    }
-    if (!state.moved && travelBelowThreshold(event.clientX, event.clientY, state)) {
-      return;
-    }
-    state.moved = true;
-    const angle = planeAngleAt(event.clientX, event.clientY);
-    if (angle === null) {
-      return;
-    }
-    state.lastAngle = angle;
-    const value = resolvePieChart3DDragValue(state.geometry, angle);
-    params.interaction?.onValueDragPreview?.(state.part, value);
-  };
-  const onPointerUp = (event) => {
-    if (!dragState) {
-      return;
-    }
-    const state = dragState;
-    dragState = null;
-    params.canvas.releasePointerCapture?.(event.pointerId);
-    if (state.geometry) {
-      params.controls.enabled = true;
-    }
-    if (state.moved && state.part && state.geometry) {
-      const angle = planeAngleAt(event.clientX, event.clientY) ?? state.lastAngle;
-      if (angle !== null) {
-        const value = resolvePieChart3DDragValue(state.geometry, angle);
-        params.interaction?.onValueDragCommit?.(state.part, value);
-      }
-      return;
-    }
-    setSelectedPart(state.part);
-    params.interaction?.onSelect?.(state.part);
-  };
-  params.canvas.addEventListener("pointerdown", onPointerDown);
-  params.canvas.addEventListener("pointermove", onPointerMove);
-  params.canvas.addEventListener("pointerup", onPointerUp);
-  params.canvas.addEventListener("pointercancel", onPointerUp);
-  return {
-    setSelectedPart,
-    dispose() {
-      params.canvas.removeEventListener("pointerdown", onPointerDown);
-      params.canvas.removeEventListener("pointermove", onPointerMove);
-      params.canvas.removeEventListener("pointerup", onPointerUp);
-      params.canvas.removeEventListener("pointercancel", onPointerUp);
-    }
-  };
-}
-var init_pie_chart_3d_interaction_wiring = __esm2({
-  "src/render/pie-chart-3d-interaction-wiring.ts"() {
-    init_chart_3d_interaction();
-    init_chart_3d_mesh_highlight();
-    init_chart_canvas_drag();
-    init_pie_chart_3d_drag();
-  }
-});
-function wedgeSegments(thetaLength) {
-  return Math.max(
-    MIN_RADIAL_SEGMENTS,
-    Math.round(thetaLength / (Math.PI * 2) * FULL_CIRCLE_SEGMENTS)
-  );
-}
-function buildPieChart3DWedgeMeshes(three, scene, wedges, outerRadius, thickness) {
-  const meshes = [];
-  const geometries = [];
-  const materials = [];
-  for (const wedge of wedges) {
-    const geometry = new three.CylinderGeometry(
-      outerRadius,
-      outerRadius,
-      thickness,
-      wedgeSegments(wedge.thetaLength),
-      1,
-      false,
-      wedge.startAngle,
-      wedge.thetaLength
-    );
-    const material = new three.MeshPhongMaterial({ color: wedge.color, shininess: 30 });
-    const mesh = new three.Mesh(geometry, material);
-    mesh.position.set(wedge.explodeOffset[0], 0, wedge.explodeOffset[1]);
-    mesh.userData = { pointIndex: wedge.pointIndex, value: wedge.value };
-    scene.add(mesh);
-    meshes.push(mesh);
-    geometries.push(geometry);
-    materials.push(material);
-  }
-  return { meshes, geometries, materials };
-}
-function applyPieChart3DWedgeAngles(three, meshes, geometries, outerRadius, thickness, angles) {
-  for (const angle of angles) {
-    const mesh = meshes[angle.pointIndex];
-    const oldGeometry = geometries[angle.pointIndex];
-    if (!mesh || !oldGeometry) {
-      continue;
-    }
-    const geometry = new three.CylinderGeometry(
-      outerRadius,
-      outerRadius,
-      thickness,
-      wedgeSegments(angle.thetaLength),
-      1,
-      false,
-      angle.startAngle,
-      angle.thetaLength
-    );
-    mesh.geometry = geometry;
-    oldGeometry.dispose();
-    geometries[angle.pointIndex] = geometry;
-    mesh.position.set(angle.explodeOffset[0], 0, angle.explodeOffset[1]);
-    mesh.userData = { pointIndex: angle.pointIndex, value: angle.value };
-  }
-}
-var MIN_RADIAL_SEGMENTS;
-var FULL_CIRCLE_SEGMENTS;
-var init_pie_chart_3d_mesh = __esm2({
-  "src/render/pie-chart-3d-mesh.ts"() {
-    MIN_RADIAL_SEGMENTS = 3;
-    FULL_CIRCLE_SEGMENTS = 64;
-  }
-});
-function createPieChart3DScene(ctx, options) {
-  const placement = computePieChart3DCameraPlacement(options.view3D);
-  const stage = createHostedChart3DStage(
-    ctx,
-    placement,
-    { minDistance: 0.5, maxDistance: 30 },
-    0.65
-  );
-  const { three, scene, camera, canvas, controls } = stage;
-  const interaction = hostedChart3DInteraction(ctx);
-  const {
-    meshes: wedgeMeshes,
-    geometries: wedgeGeometries,
-    materials: wedgeMaterials
-  } = buildPieChart3DWedgeMeshes(
-    three,
-    scene,
-    options.wedges,
-    options.outerRadius,
-    options.thickness
-  );
-  const hoverTooltip = attachChart3DHoverTooltip({
-    three,
-    canvas,
-    camera,
-    meshes: wedgeMeshes,
-    buildTooltip: (intersection) => buildPieChart3DHoverTooltip(intersection?.object.userData, {
-      categoryLabels: options.categoryLabels,
-      seriesName: options.seriesName,
-      numberFormat: options.numberFormat
-    })
-  });
-  let currentAngles = options.wedges;
-  let liveValues = options.values.slice();
-  function recomputeLiveAngles() {
-    const angles = computePieChart3DSliceAngles(
-      liveValues,
-      options.explosions,
-      options.firstSliceAngleDeg,
-      options.outerRadius
-    );
-    currentAngles = angles;
-    applyPieChart3DWedgeAngles(
-      three,
-      wedgeMeshes,
-      wedgeGeometries,
-      options.outerRadius,
-      options.thickness,
-      angles
-    );
-  }
-  const pointerInteraction = attachPieChart3DInteraction({
-    three,
-    canvas,
-    camera,
-    controls,
-    wedgeMeshes,
-    wedgeMaterials,
-    getWedges: () => currentAngles,
-    interaction: {
-      onSelect: interaction?.onSelect,
-      onValueDragPreview: (part, value) => {
-        if (part.pointIndex !== void 0) {
-          liveValues = liveValues.map((v, i2) => i2 === part.pointIndex ? value : v);
-          recomputeLiveAngles();
-        }
-        interaction?.onValueDragPreview?.(part, value);
-      },
-      onValueDragCommit: (part, value) => {
-        if (part.pointIndex !== void 0) {
-          liveValues = liveValues.map((v, i2) => i2 === part.pointIndex ? value : v);
-          recomputeLiveAngles();
-        }
-        interaction?.onValueDragCommit?.(part, value);
-      }
-    }
-  });
-  return finishHostedChart3DScene(
-    ctx,
-    stage,
-    {
-      // No `resize`: this scene's own wiring re-derives the pointer's NDC
-      // position from `canvas.getBoundingClientRect()` on every raycast.
-      setSelectedPart: (part) => pointerInteraction.setSelectedPart(part),
-      dispose() {
-        hoverTooltip.dispose();
-        pointerInteraction.dispose();
-        for (const g2 of wedgeGeometries) {
-          g2.dispose();
-        }
-        for (const m of wedgeMaterials) {
-          m.dispose();
-        }
-      }
-    },
-    interaction
-  );
-}
-var init_pie_chart_3d_scene = __esm2({
-  "src/render/pie-chart-3d-scene.ts"() {
-    init_chart_3d_hosted_stage();
-    init_chart_3d_hover_tooltip();
-    init_pie_chart_3d_geom();
-    init_pie_chart_3d_hit_test();
-    init_pie_chart_3d_interaction_wiring();
-    init_pie_chart_3d_mesh();
-  }
-});
 function createRenderer(three, state) {
   try {
     const renderer = new three.WebGLRenderer({
@@ -184137,7 +181817,7 @@ function buildObliqueShapeGeometry(three, bar, horizontal) {
       0.5 * bar.taper.top,
       0.5 * bar.taper.bottom,
       1,
-      ROUND_SEGMENTS2
+      ROUND_SEGMENTS
     );
   }
   if (horizontal) {
@@ -184178,11 +181858,11 @@ function shadeObliqueShapeGeometry(three, geometry, bar, scale2, viewYaw) {
   }
   colors.needsUpdate = true;
 }
-var ROUND_SEGMENTS2;
+var ROUND_SEGMENTS;
 var init_chart_3d_oblique_shape_mesh = __esm2({
   "src/render/chart-3d-oblique-shape-mesh.ts"() {
     init_chart_3d_shading();
-    ROUND_SEGMENTS2 = 48;
+    ROUND_SEGMENTS = 48;
   }
 });
 function obliqueToScene(layout, svgWidth, svgHeight, p) {
@@ -184388,6 +182068,12 @@ var init_chart_3d_chrome_overlay = __esm2({
     OBLIQUE_LEGEND_BASELINE = 14 * PT6;
   }
 });
+var CHART_3D_DRAG_THRESHOLD_PX;
+var init_chart_3d_interaction = __esm2({
+  "src/render/chart-3d-interaction.ts"() {
+    CHART_3D_DRAG_THRESHOLD_PX = 3;
+  }
+});
 function partOf(point) {
   return point ? { role: "dataPoint", seriesIndex: point.seriesIndex, pointIndex: point.pointIndex } : null;
 }
@@ -184543,9 +182229,9 @@ function obliqueDragValue(layout, startValue, dx, dy) {
 function obliqueDraggedExtent(layout, value) {
   const { min, max } = layout.range;
   const base = Math.min(Math.max(0, min), max);
-  const clamp13 = (v) => Math.min(Math.max(v, min), max);
-  const lo = (clamp13(Math.min(base, value)) - min) * layout.valueScale;
-  const hi = (clamp13(Math.max(base, value)) - min) * layout.valueScale;
+  const clamp12 = (v) => Math.min(Math.max(v, min), max);
+  const lo = (clamp12(Math.min(base, value)) - min) * layout.valueScale;
+  const hi = (clamp12(Math.max(base, value)) - min) * layout.valueScale;
   return { from: lo, length: hi - lo };
 }
 function obliqueBarAtValue(layout, bar, value) {
@@ -184685,6 +182371,7 @@ function buildPerspBarPrisms(chartData, layout, override) {
           neg = to;
         }
       }
+      const shape = chartData.series[s]?.shape ?? chartData.barShape ?? "box";
       const slotIndex = layout.grouping === "clustered" ? s : 0;
       const row = layout.grouping === "standard" ? s : 0;
       const c0 = c * slot + gapWidth * barW / 2 + slotIndex * barW;
@@ -184703,7 +182390,16 @@ function buildPerspBarPrisms(chartData, layout, override) {
           [x0, y1]
         ],
         z0,
-        z1: z0 + depth
+        z1: z0 + depth,
+        shape,
+        taper: obliqueBarTaper(
+          shape,
+          v0,
+          v1,
+          (layout.range.max - layout.range.min) * layout.valueScale,
+          raw
+        ),
+        horizontal: layout.horizontal
       });
     }
   }
@@ -184712,6 +182408,7 @@ function buildPerspBarPrisms(chartData, layout, override) {
 var DEFAULT_GAP_WIDTH2;
 var init_chart_3d_persp_bars = __esm2({
   "src/render/chart-3d-persp-bars.ts"() {
+    init_chart_3d_oblique_bars();
     DEFAULT_GAP_WIDTH2 = 150;
   }
 });
@@ -184803,6 +182500,55 @@ var init_chart_3d_persp_marks = __esm2({
     RIBBON_THICKNESS = 0.012;
   }
 });
+function isShapedPerspPrism(prism) {
+  return prism.shape !== void 0 && prism.shape !== "box";
+}
+function outlineBounds2(prism) {
+  const xs = prism.outline.map(([x]) => x);
+  const ys = prism.outline.map(([, y]) => y);
+  return [Math.min(...xs), Math.max(...xs), Math.min(...ys), Math.max(...ys)];
+}
+function buildShapedPrismGeometry(three, prism) {
+  const shape = prism.shape ?? "box";
+  const unit2 = buildObliqueShapeGeometry(
+    three,
+    { shape, taper: prism.taper ?? { bottom: 1, top: 1 } },
+    Boolean(prism.horizontal)
+  );
+  const geometry = unit2.index ? unit2.toNonIndexed() : unit2;
+  if (geometry !== unit2) {
+    unit2.dispose();
+  }
+  const [x0, x1, y0, y1] = outlineBounds2(prism);
+  const sx = Math.max(x1 - x0, 1e-6);
+  const sy = Math.max(y1 - y0, 1e-6);
+  const sz = Math.max(prism.z1 - prism.z0, 1e-6);
+  geometry.scale(sx, sy, sz);
+  geometry.translate((x0 + x1) / 2, (y0 + y1) / 2, (prism.z0 + prism.z1) / 2);
+  geometry.computeVertexNormals();
+  const normals = geometry.getAttribute("normal");
+  const colors = new Float32Array(normals.count * 3);
+  const base = new three.Color(prism.color).getRGB(new three.Color(), three.SRGBColorSpace);
+  const out = new three.Color();
+  for (let i2 = 0; i2 < normals.count; i2++) {
+    const f6 = chart3DNormalShade(shape, normals.getX(i2), normals.getY(i2), -normals.getZ(i2));
+    out.setRGB(
+      Math.min(1, base.r * f6),
+      Math.min(1, base.g * f6),
+      Math.min(1, base.b * f6),
+      three.SRGBColorSpace
+    );
+    colors.set([out.r, out.g, out.b], i2 * 3);
+  }
+  geometry.setAttribute("color", new three.Float32BufferAttribute(colors, 3));
+  return geometry;
+}
+var init_chart_3d_persp_shape_mesh = __esm2({
+  "src/render/chart-3d-persp-shape-mesh.ts"() {
+    init_chart_3d_oblique_shape_mesh();
+    init_chart_3d_shading();
+  }
+});
 function shadePerspGeometry(three, geometry, color2) {
   const normals = geometry.getAttribute("normal");
   const colors = new Float32Array(normals.count * 3);
@@ -184823,6 +182569,9 @@ function shadePerspGeometry(three, geometry, color2) {
   geometry.setAttribute("color", new three.Float32BufferAttribute(colors, 3));
 }
 function buildPrismGeometry(three, prism) {
+  if (isShapedPerspPrism(prism)) {
+    return buildShapedPrismGeometry(three, prism);
+  }
   const shape = new three.Shape(prism.outline.map(([x, y]) => new three.Vector2(x, y)));
   const extruded = new three.ExtrudeGeometry(shape, {
     depth: Math.max(prism.z1 - prism.z0, 1e-6),
@@ -184885,6 +182634,7 @@ function buildPerspMeshes(three, layout, prisms) {
 var GRIDLINE_COLOR5;
 var init_chart_3d_persp_mesh = __esm2({
   "src/render/chart-3d-persp-mesh.ts"() {
+    init_chart_3d_persp_shape_mesh();
     init_chart_3d_persp_view();
     init_chart_3d_shading();
     GRIDLINE_COLOR5 = 14277081;
@@ -185662,24 +183412,6 @@ function buildObliqueCamera(three, svgWidth, svgHeight, shearX, shearY) {
   camera.projectionMatrixInverse.copy(camera.projectionMatrix).invert();
   return camera;
 }
-function mountPerspectiveScene(perspective2, ctx) {
-  switch (perspective2.kind) {
-    case "bar":
-      return createBarChart3DScene(ctx, perspective2.options);
-    case "line":
-      return createLineChart3DScene(ctx, perspective2.options);
-    case "area":
-      return createAreaChart3DScene(ctx, perspective2.options);
-    case "pie":
-      return createPieChart3DScene(ctx, perspective2.options);
-    case "surface":
-      return createSurfaceChart3DScene(ctx, perspective2.options);
-    default: {
-      const exhaustive2 = perspective2;
-      return exhaustive2;
-    }
-  }
-}
 async function mountChart3DView(spec2, ctx) {
   if (spec2.geometry?.kind === "pie") {
     const chartData2 = spec2.element.chartData;
@@ -185708,9 +183440,6 @@ async function mountChart3DView(spec2, ctx) {
     );
   }
   if (spec2.projection.mode !== "oblique" || spec2.geometry?.kind !== "oblique") {
-    if (spec2.perspective) {
-      return mountPerspectiveScene(spec2.perspective, ctx);
-    }
     throw new Error(`no 3D chart scene for chartType=${spec2.chartType}`);
   }
   const three = ctx.three;
@@ -185772,17 +183501,12 @@ async function mountChart3DView(spec2, ctx) {
 }
 var init_chart_3d_view_scene = __esm2({
   "src/render/chart-3d-view-scene.ts"() {
-    init_area_chart_3d_scene();
-    init_bar_chart_3d_scene();
     init_chart_3d_bar_mesh();
     init_chart_3d_chrome_overlay();
     init_chart_3d_oblique_interaction();
     init_chart_3d_persp_scene();
     init_chart_3d_pie_layout();
     init_chart_3d_pie_scene();
-    init_line_chart_3d_scene();
-    init_pie_chart_3d_scene();
-    init_surface_chart_3d_scene();
   }
 });
 function isSmartArt3DGlassMaterial(material) {
@@ -186592,10 +184316,10 @@ function threeViewOverflowChanged(a, b) {
   return a.top !== b.top || a.right !== b.right || a.bottom !== b.bottom || a.left !== b.left;
 }
 function overflowPixelSize(size, overflow) {
-  const clamp13 = (px32) => Math.max(1, Math.min(MAX_VIEW_PIXELS, Math.round(px32)));
+  const clamp12 = (px32) => Math.max(1, Math.min(MAX_VIEW_PIXELS, Math.round(px32)));
   return {
-    width: clamp13(size.pixelWidth * (1 + overflow.left + overflow.right)),
-    height: clamp13(size.pixelHeight * (1 + overflow.top + overflow.bottom))
+    width: clamp12(size.pixelWidth * (1 + overflow.left + overflow.right)),
+    height: clamp12(size.pixelHeight * (1 + overflow.top + overflow.bottom))
   };
 }
 function overflowViewOffset(size, overflow) {
@@ -186726,7 +184450,12 @@ async function mountSmartArt3DView(model, ctx) {
     const built = lit ? buildLitMeshObject(
       three,
       mesh,
-      resolveSmartArt3DLightModel(model.lighting, mesh.solid?.material, eye !== void 0),
+      resolveSmartArt3DLightModel(
+        model.lighting,
+        mesh.solid?.material,
+        eye !== void 0,
+        model.camera !== void 0
+      ),
       eye
     ) : buildFlatMeshObject(three, mesh);
     if (lit && isSmartArt3DTranslucentMesh(mesh)) {
@@ -187128,10 +184857,20 @@ function renderSelectMenu(menu, choices2, value) {
 }
 function positionSelectMenu(menu, trigger) {
   const rect22 = trigger.getBoundingClientRect();
-  menu.style.minWidth = `${rect22.width}px`;
-  menu.style.maxHeight = `${Math.min(240, Math.max(0, window.innerHeight - rect22.bottom - 8))}px`;
-  menu.style.top = `${rect22.bottom + 4}px`;
-  menu.style.left = `${Math.max(0, Math.min(rect22.left, window.innerWidth - menu.offsetWidth))}px`;
+  const margin = 8;
+  const gap = 4;
+  const width = Math.max(0, window.innerWidth - margin * 2);
+  const below = Math.max(0, window.innerHeight - rect22.bottom - gap - margin);
+  const above = Math.max(0, rect22.top - gap - margin);
+  menu.style.minWidth = `${Math.min(rect22.width, width)}px`;
+  menu.style.maxWidth = `${width}px`;
+  menu.style.maxHeight = "240px";
+  const preferredHeight = menu.getBoundingClientRect().height;
+  const flip = below < preferredHeight && above > below;
+  menu.style.maxHeight = `${Math.min(240, flip ? above : below)}px`;
+  const { height, width: menuWidth } = menu.getBoundingClientRect();
+  menu.style.top = `${Math.max(margin, flip ? rect22.top - gap - height : rect22.bottom + gap)}px`;
+  menu.style.left = `${Math.max(margin, Math.min(rect22.left, window.innerWidth - menuWidth - margin))}px`;
 }
 function markSelectActive(menu, trigger, active2, open) {
   for (const item3 of menu.querySelectorAll("[data-index]")) {
@@ -187409,6 +185148,9 @@ function definePptxSelect(registry) {
       }
       this.text.textContent = this.choices.find((choice) => choice.value === this.value)?.label ?? "";
       this.trigger.disabled = this.disabled;
+      if (this.disabled) {
+        this.close();
+      }
       this.trigger.setAttribute("aria-label", this.getAttribute("aria-label") ?? "");
       this.internals?.setFormValue?.(this.disabled ? null : this.value);
       if (this.open || this.menu.childElementCount) {
@@ -187417,16 +185159,12 @@ function definePptxSelect(registry) {
     }
     renderMenu() {
       renderSelectMenu(this.menu, this.choices, this.value);
-      this.markActive();
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
     }
     show() {
       if (this.disabled || !this.choices.some((choice) => !choice.disabled && !choice.hidden) || this.open) {
         return;
       }
-      const availableBelow = window.innerHeight - this.trigger.getBoundingClientRect().bottom;
-      if (availableBelow < Math.min(this.choices.length * 32 + 12, 160)) {
-        this.trigger.scrollIntoView?.({ block: "center" });
-      }
       this.open = true;
       this.setAttribute("open", "");
       const selected = this.choices.findIndex(
@@ -187441,7 +185179,7 @@ function definePptxSelect(registry) {
       }
       this.trigger.setAttribute("aria-expanded", "true");
       this.position();
-      this.markActive();
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
       document.addEventListener("pointerdown", this.onOutside, true);
       window.addEventListener("resize", this.position);
       window.addEventListener("scroll", this.position, true);
@@ -187451,6 +185189,8 @@ function definePptxSelect(registry) {
         return;
       }
       this.open = false;
+      window.clearTimeout(this.searchTimer);
+      this.search = "";
       this.removeAttribute("open");
       if (this.menu.matches(":popover-open")) {
         this.menu.hidePopover();
@@ -187473,9 +185213,6 @@ function definePptxSelect(registry) {
       }
       positionSelectMenu(this.menu, this.trigger);
     };
-    markActive() {
-      markSelectActive(this.menu, this.trigger, this.active, this.open);
-    }
     move(step) {
       if (!this.open) {
         this.show();
@@ -187484,7 +185221,7 @@ function definePptxSelect(registry) {
         return;
       }
       this.active = nextSelectActive(this.choices, this.active, step);
-      this.markActive();
+      markSelectActive(this.menu, this.trigger, this.active, this.open);
     }
     commit(index) {
       const choice = this.choices[index];
@@ -187512,8 +185249,8 @@ function definePptxSelect(registry) {
         event.preventDefault();
         event.stopPropagation();
         this.show();
-        this.active = event.key === "Home" ? this.choices.findIndex((choice) => !choice.disabled && !choice.hidden) : this.choices.length - 1 - [...this.choices].reverse().findIndex((choice) => !choice.disabled && !choice.hidden);
-        this.markActive();
+        this.active = event.key === "Home" ? nextSelectActive(this.choices, -1, 1) : nextSelectActive(this.choices, 0, -1);
+        markSelectActive(this.menu, this.trigger, this.active, this.open);
       } else if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
         event.stopPropagation();
@@ -187527,6 +185264,8 @@ function definePptxSelect(registry) {
         event.stopPropagation();
         this.close();
         this.trigger.focus();
+      } else if (event.key === "Tab") {
+        this.close();
       } else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
         event.stopPropagation();
         this.search += event.key.toLocaleLowerCase();
@@ -187540,7 +185279,7 @@ function definePptxSelect(registry) {
         );
         if (index >= 0) {
           this.active = index;
-          this.markActive();
+          markSelectActive(this.menu, this.trigger, this.active, this.open);
         }
       }
     }
@@ -200600,8 +198339,8 @@ function hexToRgb4(hex22) {
   };
 }
 function rgbToHex3(r, g2, b) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp13(r).toString(16).padStart(2, "0")}${clamp13(g2).toString(16).padStart(2, "0")}${clamp13(b).toString(16).padStart(2, "0")}`;
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp12(r).toString(16).padStart(2, "0")}${clamp12(g2).toString(16).padStart(2, "0")}${clamp12(b).toString(16).padStart(2, "0")}`;
 }
 function rgbToHsl2(r, g2, b) {
   const rn = r / 255;
@@ -207975,8 +205714,8 @@ function hexToRgb5(hex22) {
   };
 }
 function rgbToHex4(r, g2, b) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp13(r).toString(16).padStart(2, "0").toUpperCase()}${clamp13(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp13(b).toString(16).padStart(2, "0").toUpperCase()}`;
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp12(r).toString(16).padStart(2, "0").toUpperCase()}${clamp12(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp12(b).toString(16).padStart(2, "0").toUpperCase()}`;
 }
 function tintColor(hex22, tintFactor) {
   const { r, g: g2, b } = hexToRgb5(hex22);
@@ -223151,8 +220890,8 @@ function hexToRgb6(hex22) {
   };
 }
 function rgbToHex5(r, g2, b) {
-  const clamp13 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp13(r).toString(16).padStart(2, "0").toUpperCase()}${clamp13(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp13(b).toString(16).padStart(2, "0").toUpperCase()}`;
+  const clamp12 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp12(r).toString(16).padStart(2, "0").toUpperCase()}${clamp12(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp12(b).toString(16).padStart(2, "0").toUpperCase()}`;
 }
 function tintColor2(hex22, tintFactor) {
   const { r, g: g2, b } = hexToRgb6(hex22);
@@ -232645,242 +230384,6 @@ function buildSmartArt3DSpecForElement(element, options = {}) {
   });
   return model.meshes.length > 0 ? model : null;
 }
-init_cartesian_line_chart_3d_layout();
-init_chart_3d_surfaces();
-init_chart_datapoint_style();
-init_chart_view_model();
-function buildPoints(chartData, catCount) {
-  const series = chartData.series;
-  const palette = chartData.colorPalette;
-  const points4 = [];
-  for (let si = 0; si < series.length; si++) {
-    const baseColor = seriesColor22(series[si], si, palette);
-    for (let ci = 0; ci < catCount; ci++) {
-      const value = series[si].values[ci] ?? 0;
-      const color2 = resolveDataPointFill(series[si], ci, paletteColor2(si, palette)) ?? baseColor;
-      points4.push({ seriesIndex: si, categoryIndex: ci, value, color: color2 });
-    }
-  }
-  return points4;
-}
-function buildCartesianLine3DSceneData(chartData, categoryLabels, options) {
-  const rows = chartData.series.length;
-  const cols = categoryLabels.length;
-  if (rows === 0 || cols === 0) {
-    return null;
-  }
-  const points4 = buildPoints(chartData, cols);
-  const range = computeValueRange2(chartData.series, options.height);
-  const depthPercent = chartData.view3D?.depthPercent;
-  const series = layoutCartesianLine3DSeries(points4, cols, rows, range, depthPercent);
-  return {
-    cols,
-    rows,
-    series,
-    categoryLabels,
-    seriesNames: chartData.series.map((s) => s.name),
-    numberFormats: chartData.series.map((s) => s.numberFormat),
-    width: options.width,
-    height: options.height,
-    view3D: chartData.view3D ? {
-      rotX: chartData.view3D.rotX,
-      rotY: chartData.view3D.rotY,
-      rperspective: chartData.view3D.perspective,
-      depthPercent: chartData.view3D.depthPercent,
-      rAngAx: chartData.view3D.rAngAx
-    } : void 0,
-    wallColors: resolveChart3DWallColors(chartData)
-  };
-}
-function buildAreaChart3DDataForElement(element, options) {
-  if (element.type !== "chart") {
-    return null;
-  }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return null;
-  }
-  if (chartData.chartType !== "area3D") {
-    return null;
-  }
-  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i2) => String(i2 + 1));
-  return buildCartesianLine3DSceneData(chartData, categoryLabels, options);
-}
-init_cartesian_chart_3d_geom();
-function coneToMaxTopRadiusFactor(shape, value, max) {
-  if (shape !== "coneToMax" && shape !== "pyramidToMax") {
-    return void 0;
-  }
-  if (!(max > 0)) {
-    return 0;
-  }
-  return Math.max(0, Math.min(1, 1 - Math.abs(value) / max));
-}
-var MIN_BOX_HEIGHT = 0.02;
-var BOX_GAP = 0.15;
-function normalizeToHeight2(value, range) {
-  if (range.span <= 0) {
-    return 0;
-  }
-  return (value - range.min) / range.span * MAX_VALUE_HEIGHT;
-}
-function layoutClustered(points4, cols, rows, range, depthPercent) {
-  const { gridWidth, gridDepth } = computeCartesianGridExtent(cols, rows, depthPercent);
-  const colStep = gridWidth / cols;
-  const rowStep = gridDepth / Math.max(rows, 1);
-  const boxW = colStep * (1 - BOX_GAP);
-  const boxD = rowStep * (1 - BOX_GAP);
-  const zeroH = normalizeToHeight2(0, range);
-  return points4.map((p) => {
-    const valueH = normalizeToHeight2(p.plotValue, range);
-    const top = Math.max(valueH, zeroH);
-    const bottom = Math.min(valueH, zeroH);
-    const h2 = Math.max(top - bottom, MIN_BOX_HEIGHT);
-    const x = -gridWidth / 2 + colStep * (p.categoryIndex + 0.5);
-    const z = -gridDepth / 2 + rowStep * (p.seriesIndex + 0.5);
-    return {
-      seriesIndex: p.seriesIndex,
-      categoryIndex: p.categoryIndex,
-      value: p.value,
-      color: p.color,
-      center: [x, bottom + h2 / 2, z],
-      size: [boxW, h2, boxD],
-      shape: p.shape,
-      coneToMaxTopRadiusFactor: coneToMaxTopRadiusFactor(p.shape, p.value, range.max)
-    };
-  });
-}
-function layoutStacked(points4, cols, rows, range, depthPercent) {
-  const { gridWidth, gridDepth } = computeCartesianGridExtent(cols, rows, depthPercent);
-  const colStep = gridWidth / cols;
-  const boxW = colStep * (1 - BOX_GAP);
-  const boxD = gridDepth * (1 - BOX_GAP);
-  const boxes = [];
-  for (let ci = 0; ci < cols; ci++) {
-    const x = -gridWidth / 2 + colStep * (ci + 0.5);
-    let posRunning = 0;
-    let negRunning = 0;
-    const catPoints = points4.filter((p) => p.categoryIndex === ci).sort((a, b) => a.seriesIndex - b.seriesIndex);
-    for (const p of catPoints) {
-      const isNeg = p.plotValue < 0;
-      const base = isNeg ? negRunning : posRunning;
-      const top = base + p.plotValue;
-      if (isNeg) {
-        negRunning = top;
-      } else {
-        posRunning = top;
-      }
-      const baseH = normalizeToHeight2(base, range);
-      const topH = normalizeToHeight2(top, range);
-      const h2 = Math.max(Math.abs(topH - baseH), MIN_BOX_HEIGHT);
-      boxes.push({
-        seriesIndex: p.seriesIndex,
-        categoryIndex: p.categoryIndex,
-        value: p.value,
-        color: p.color,
-        center: [x, Math.min(baseH, topH) + h2 / 2, 0],
-        size: [boxW, h2, boxD],
-        shape: p.shape,
-        coneToMaxTopRadiusFactor: coneToMaxTopRadiusFactor(p.shape, p.value, range.max)
-      });
-    }
-  }
-  return boxes;
-}
-function layoutBarChart3D(points4, cols, rows, range, grouping, depthPercent, horizontal = false) {
-  const boxes = grouping === "clustered" ? layoutClustered(points4, cols, rows, range, depthPercent) : layoutStacked(points4, cols, rows, range, depthPercent);
-  if (!horizontal) {
-    return boxes;
-  }
-  return boxes.map((box) => ({ ...box, center: transposeForHorizontalBar3D(box.center) }));
-}
-init_chart_3d_surfaces();
-init_chart_datapoint_style();
-init_chart_view_model();
-function categoryTotals3(series, catCount) {
-  return Array.from(
-    { length: catCount },
-    (_, ci) => series.reduce((sum, s) => sum + Math.abs(s.values[ci] ?? 0), 0)
-  );
-}
-function buildPoints2(chartData, catCount, isPercent) {
-  const series = chartData.series;
-  const palette = chartData.colorPalette;
-  const totals = isPercent ? categoryTotals3(series, catCount) : void 0;
-  const points4 = [];
-  for (let si = 0; si < series.length; si++) {
-    const baseColor = seriesColor22(series[si], si, palette);
-    for (let ci = 0; ci < catCount; ci++) {
-      const value = series[si].values[ci] ?? 0;
-      const color2 = resolveDataPointFill(series[si], ci, paletteColor2(si, palette)) ?? baseColor;
-      const catTotal = totals?.[ci];
-      const plotValue = isPercent && catTotal !== void 0 && catTotal > 0 ? value / catTotal * 100 : value;
-      points4.push({
-        seriesIndex: si,
-        categoryIndex: ci,
-        value,
-        plotValue,
-        color: color2,
-        // Per-series `c:ser/c:shape` wins over the chart-level `c:bar3DChart/c:shape`.
-        shape: series[si].shape ?? chartData.barShape
-      });
-    }
-  }
-  return points4;
-}
-function buildBarChart3DData(chartData, categoryLabels, options) {
-  const rows = chartData.series.length;
-  const cols = categoryLabels.length;
-  if (rows === 0 || cols === 0) {
-    return null;
-  }
-  const grouping = chartData.grouping === "stacked" || chartData.grouping === "percentStacked" ? chartData.grouping : "clustered";
-  const isPercent = grouping === "percentStacked";
-  const horizontal = chartData.barDirection === "bar";
-  const points4 = buildPoints2(chartData, cols, isPercent);
-  const range = isPercent ? { min: 0, max: 100, span: 100 } : grouping === "stacked" ? computeStackedValueRange(chartData.series, cols, options.height) : computeValueRange2(chartData.series, options.height);
-  const depthPercent = chartData.view3D?.depthPercent;
-  const boxes = layoutBarChart3D(points4, cols, rows, range, grouping, depthPercent, horizontal);
-  return {
-    cols,
-    rows,
-    boxes,
-    categoryLabels,
-    seriesNames: chartData.series.map((s) => s.name),
-    numberFormats: chartData.series.map((s) => s.numberFormat),
-    grouping,
-    width: options.width,
-    height: options.height,
-    view3D: chartData.view3D ? {
-      rotX: chartData.view3D.rotX,
-      rotY: chartData.view3D.rotY,
-      rperspective: chartData.view3D.perspective,
-      depthPercent: chartData.view3D.depthPercent,
-      rAngAx: chartData.view3D.rAngAx
-    } : void 0,
-    wallColors: resolveChart3DWallColors(chartData),
-    picture: { series: chartData.series },
-    ...horizontal ? { horizontal: true } : {}
-  };
-}
-function buildBarChart3DDataForElement(element, options) {
-  if (element.type !== "chart") {
-    return null;
-  }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return null;
-  }
-  if (chartData.chartType !== "bar3D") {
-    return null;
-  }
-  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i2) => String(i2 + 1));
-  return buildBarChart3DData(chartData, categoryLabels, options);
-}
 init_chart_3d_oblique_bars();
 init_chart_view_model_chrome();
 var PT = 4 / 3;
@@ -233369,16 +230872,16 @@ var DEFAULT_ROT_X3 = 15;
 var DEFAULT_ROT_Y2 = 20;
 var DEFAULT_PIE_ROT_X = 30;
 var DEFAULT_PIE_ROT_Y = 0;
-var DEFAULT_PERSPECTIVE_DEG2 = 30;
-var PERSPECTIVE_MAX_DEG2 = 120;
-var FOV_MIN2 = 15;
-var FOV_MAX2 = 75;
-function clamp82(value, min, max) {
+var DEFAULT_PERSPECTIVE_DEG = 30;
+var PERSPECTIVE_MAX_DEG = 120;
+var FOV_MIN = 15;
+var FOV_MAX = 75;
+function clamp7(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function resolvePerspectiveFov(perspectiveDeg) {
-  const perspective2 = clamp82(perspectiveDeg ?? DEFAULT_PERSPECTIVE_DEG2, 0, PERSPECTIVE_MAX_DEG2);
-  return FOV_MIN2 + perspective2 / PERSPECTIVE_MAX_DEG2 * (FOV_MAX2 - FOV_MIN2);
+  const perspective2 = clamp7(perspectiveDeg ?? DEFAULT_PERSPECTIVE_DEG, 0, PERSPECTIVE_MAX_DEG);
+  return FOV_MIN + perspective2 / PERSPECTIVE_MAX_DEG * (FOV_MAX - FOV_MIN);
 }
 function resolveChart3DProjection(chartType, view3D) {
   const isPie = chartType === "pie3D";
@@ -233404,149 +230907,6 @@ function resolveChart3DProjection(chartType, view3D) {
   };
 }
 init_chart_view_model_build();
-function buildLineChart3DDataForElement(element, options) {
-  if (element.type !== "chart") {
-    return null;
-  }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return null;
-  }
-  if (chartData.chartType !== "line3D") {
-    return null;
-  }
-  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i2) => String(i2 + 1));
-  return buildCartesianLine3DSceneData(chartData, categoryLabels, options);
-}
-init_chart_datapoint_style();
-init_chart_view_model();
-init_pie_chart_3d_geom();
-function buildPieChart3DData(chartData, categoryLabels, options) {
-  const pieSeries = chartData.series[0];
-  if (!pieSeries || pieSeries.values.length === 0) {
-    return null;
-  }
-  const values = pieSeries.values;
-  const explosions = values.map((_v, i2) => resolveDataPointExplosion(pieSeries, i2));
-  const outerRadius = PIE_RADIUS;
-  const angles = computePieChart3DSliceAngles(
-    values,
-    explosions,
-    chartData.firstSliceAngle,
-    outerRadius
-  );
-  const wedges = angles.map((angle) => ({
-    ...angle,
-    color: resolveVaryColorFill(
-      pieSeries,
-      angle.pointIndex,
-      paletteColor2(angle.pointIndex, chartData.colorPalette)
-    )
-  }));
-  const view3D = chartData.view3D ? {
-    rotX: chartData.view3D.rotX,
-    rotY: chartData.view3D.rotY,
-    rperspective: chartData.view3D.perspective,
-    rAngAx: chartData.view3D.rAngAx,
-    hPercent: chartData.view3D.hPercent
-  } : void 0;
-  return {
-    wedges,
-    categoryLabels,
-    seriesName: pieSeries.name,
-    numberFormat: pieSeries.numberFormat,
-    outerRadius,
-    thickness: computePieChart3DThickness(view3D),
-    width: options.width,
-    height: options.height,
-    view3D,
-    values,
-    explosions,
-    firstSliceAngleDeg: chartData.firstSliceAngle
-  };
-}
-function buildPieChart3DDataForElement(element, options) {
-  if (element.type !== "chart") {
-    return null;
-  }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return null;
-  }
-  if (chartData.chartType !== "pie3D") {
-    return null;
-  }
-  const pieSeries = chartData.series[0];
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: pieSeries.values.length }, (_, i2) => String(i2 + 1));
-  return buildPieChart3DData(chartData, categoryLabels, options);
-}
-init_chart_3d_surfaces();
-init_chart_surface_bands();
-init_chart_surface_treemap();
-init_chart_view_model();
-function resolveSurfaceColors(chartData) {
-  return resolveChart3DWallColors(chartData);
-}
-function buildSurfaceChart3DData(chartData, categoryLabels, options) {
-  const seriesCount = chartData.series.length;
-  const catCount = categoryLabels.length;
-  if (seriesCount === 0 || catCount === 0) {
-    return null;
-  }
-  const range = computeValueRange2(chartData.series, options.height);
-  const heightMap = new Float32Array(seriesCount * catCount);
-  const colorMap = new Float32Array(seriesCount * catCount * 3);
-  const values = new Float32Array(seriesCount * catCount);
-  for (let row = 0; row < seriesCount; row++) {
-    for (let col = 0; col < catCount; col++) {
-      const idx = row * catCount + col;
-      const val2 = chartData.series[row]?.values[col] ?? 0;
-      values[idx] = val2;
-      const t = range.span > 0 ? (val2 - range.min) / range.span : 0;
-      heightMap[idx] = t;
-      const bandFill = resolveSurfaceBandFill(t, chartData.bandFmts);
-      const { r, g: g2, b } = bandFill ? hexToRgb4(bandFill) : surfaceColor(t);
-      const ci = idx * 3;
-      colorMap[ci] = r / 255;
-      colorMap[ci + 1] = g2 / 255;
-      colorMap[ci + 2] = b / 255;
-    }
-  }
-  return {
-    cols: catCount,
-    rows: seriesCount,
-    heightMap,
-    colorMap,
-    values,
-    numberFormats: chartData.series.map((s) => s.numberFormat),
-    wireframe: options.wireframe ?? chartData.wireframe ?? true,
-    categoryLabels,
-    seriesNames: chartData.series.map((s) => s.name),
-    width: options.width,
-    height: options.height,
-    view3D: chartData.view3D ? { rotX: chartData.view3D.rotX, rotY: chartData.view3D.rotY } : void 0,
-    surfaceColors: resolveSurfaceColors(chartData)
-  };
-}
-function buildSurfaceChart3DDataForElement(element, options) {
-  if (element.type !== "chart") {
-    return null;
-  }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return null;
-  }
-  if (resolveChartKind(chartData.chartType ?? "bar") !== "surface") {
-    return null;
-  }
-  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i2) => String(i2 + 1));
-  return buildSurfaceChart3DData(chartData, categoryLabels, options);
-}
 var CHART_3D_TYPES = /* @__PURE__ */ new Set([
   "bar3D",
   "line3D",
@@ -233583,6 +230943,9 @@ function buildChart3DSpecForElement(element) {
   const vm = buildChartViewModel(element);
   const projection = resolveChart3DProjection(chartType, chartData.view3D);
   const geometry = chartType === "bar3D" && projection.mode === "oblique" ? buildBarGeometry(element, vm) : PERSP_BOX_TYPES.has(chartType) && (projection.mode === "perspective" || chartType !== "bar3D") ? buildPerspGeometry(element, vm, projection.mode === "oblique") : chartType === "pie3D" ? buildPieGeometry(element, vm) : null;
+  if (!geometry) {
+    return null;
+  }
   const longest = chartData.series.reduce((m, series) => Math.max(m, series.values.length), 0);
   const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longest }, (_, i2) => String(i2 + 1));
   return {
@@ -233593,37 +230956,9 @@ function buildChart3DSpecForElement(element) {
     projection,
     vm,
     geometry,
-    categoryLabels,
-    perspective: geometry ? null : buildPerspectiveScene(element)
+    categoryLabels
   };
 }
-function buildPerspectiveScene(element) {
-  const size = { width: element.width, height: element.height };
-  switch (element.chartData?.chartType) {
-    case "bar3D": {
-      const options = buildBarChart3DDataForElement(element, size);
-      return options ? { kind: "bar", options } : null;
-    }
-    case "line3D": {
-      const options = buildLineChart3DDataForElement(element, size);
-      return options ? { kind: "line", options } : null;
-    }
-    case "area3D": {
-      const options = buildAreaChart3DDataForElement(element, size);
-      return options ? { kind: "area", options } : null;
-    }
-    case "pie3D": {
-      const options = buildPieChart3DDataForElement(element, size);
-      return options ? { kind: "pie", options } : null;
-    }
-    case "surface": {
-      const options = buildSurfaceChart3DDataForElement(element, size);
-      return options ? { kind: "surface", options } : null;
-    }
-    default:
-      return null;
-  }
-}
 function observeElementHeight(el, onHeight) {
   onHeight(el.getBoundingClientRect().height);
   if (typeof ResizeObserver === "undefined") {
@@ -233984,19 +231319,7 @@ async function mountModel3D(container, modelUrl, options) {
     }
   };
 }
-init_surface_chart_3d_geom();
-init_surface_chart_3d_scene();
-init_surface_chart_3d_hit_test();
-init_cartesian_chart_3d_geom();
-init_bar_chart_3d_scene();
 init_bar_chart_3d_hit_test();
-init_cartesian_line_chart_3d_layout();
-init_cartesian_chart_3d_hit_test();
-init_line_chart_3d_scene();
-init_area_chart_3d_scene();
-init_pie_chart_3d_geom();
-init_pie_chart_3d_scene();
-init_pie_chart_3d_hit_test();
 init_text_wrap_estimate();
 function collectFontsFromElement(element, fonts) {
   if (hasTextProperties(element)) {
@@ -240438,16 +237761,16 @@ function trimmedMediaDurationMs(trimStartMs, trimEndMs, durationMs) {
   }
   return effectiveEnd - trimStartMs;
 }
-function clamp12(value, minimum, maximum) {
+function clamp11(value, minimum, maximum) {
   return Math.min(maximum, Math.max(minimum, value));
 }
 function mediaTrimEndSeconds(durationSeconds, trimEndMs) {
   const duration = Math.max(0, durationSeconds);
-  return trimEndMs > 0 ? clamp12(duration - trimEndMs / 1e3, 0, duration) : duration;
+  return trimEndMs > 0 ? clamp11(duration - trimEndMs / 1e3, 0, duration) : duration;
 }
 function mediaTrimEndMsFromSeconds(durationSeconds, endSeconds) {
   const duration = Math.max(0, durationSeconds);
-  return Math.max(0, duration - clamp12(endSeconds, 0, duration)) * 1e3;
+  return Math.max(0, duration - clamp11(endSeconds, 0, duration)) * 1e3;
 }
 function buildSummaryZoomView(element, lookup, translate) {
   if (element.zoomType !== "summary" || !element.summaryTargets?.length) {
@@ -243299,9 +240622,9 @@ function resolveAuthoredSlideRange(selection, slideCount) {
   if (typeof from !== "number" || typeof to !== "number" || !Number.isFinite(from) || !Number.isFinite(to)) {
     return void 0;
   }
-  const clamp13 = (value) => Math.min(Math.max(Math.round(value), 1), slideCount);
-  const clampedFrom = clamp13(from);
-  const clampedTo = clamp13(to);
+  const clamp12 = (value) => Math.min(Math.max(Math.round(value), 1), slideCount);
+  const clampedFrom = clamp12(from);
+  const clampedTo = clamp12(to);
   return {
     fromIndex: Math.min(clampedFrom, clampedTo) - 1,
     toIndex: Math.max(clampedFrom, clampedTo) - 1
@@ -247718,14 +245041,14 @@ function shadowMatches(style, spec2) {
 }
 function tileEffects(spec2) {
   const { x, y } = shadowOffsets(spec2.distEmu, spec2.dir);
-  const clamp13 = (v) => Math.max(-4, Math.min(4, v * 0.6));
+  const clamp12 = (v) => Math.max(-4, Math.min(4, v * 0.6));
   return {
     shadow: {
       color: "#000000",
       opacity: Math.min(0.8, (spec2.alpha ?? 1e5) / 1e5 + 0.25),
       blur: Math.min(6, spec2.blurEmu / EMU_PER_PX62 / 1.5),
-      dx: clamp13(x),
-      dy: clamp13(y) + (spec2.sy !== void 0 && spec2.sy < 0 ? 3 : 0),
+      dx: clamp12(x),
+      dy: clamp12(y) + (spec2.sy !== void 0 && spec2.sy < 0 ? 3 : 0),
       inner: spec2.kind === "inner"
     }
   };
@@ -249138,9 +246461,9 @@ function effectFilter(style, id) {
     merge.push('<feMergeNode in="glow"/>');
   }
   if (style.textShadowColor) {
-    const clamp13 = (v) => Math.max(-2, Math.min(2, (v ?? 0) / 2));
+    const clamp12 = (v) => Math.max(-2, Math.min(2, (v ?? 0) / 2));
     parts.push(
-      `<feDropShadow dx="${num7(clamp13(style.textShadowOffsetX))}" dy="${num7(clamp13(style.textShadowOffsetY))}" stdDeviation="${num7(Math.min(1.5, (style.textShadowBlur ?? 2) / 4))}" flood-color="${safeColor(style.textShadowColor, "#000000")}" flood-opacity="${num7(style.textShadowOpacity ?? 1)}" result="shadow"/>`
+      `<feDropShadow dx="${num7(clamp12(style.textShadowOffsetX))}" dy="${num7(clamp12(style.textShadowOffsetY))}" stdDeviation="${num7(Math.min(1.5, (style.textShadowBlur ?? 2) / 4))}" flood-color="${safeColor(style.textShadowColor, "#000000")}" flood-opacity="${num7(style.textShadowOpacity ?? 1)}" result="shadow"/>`
     );
     merge.push('<feMergeNode in="shadow"/>');
   } else {
@@ -250817,9 +248140,6 @@ function getActiveXControlOverlayView(control, slideSize, index = 0, resolveFall
     className: imageUrl ? "image" : "placeholder"
   };
 }
-init_bar_chart_3d_geometry();
-init_bar_chart_3d_face_fill();
-init_bar_chart_3d_materials();
 init_chart_bar3d_face_picture_sample();
 var BAR3D_SHAPE_OPTIONS = [
   { value: "box", labelKey: "pptx.chart.bar3DShapeBox" },
@@ -251485,10 +248805,6 @@ var ThreeViewController = class {
         spec2.spec,
         {
           three,
-          // No camera orbit: PowerPoint never rotates a chart or SmartArt
-          // under the pointer, and an orbit would turn the scene while the
-          // user drags the element to move it on the slide.
-          OrbitControls: null,
           size: this.size,
           eventTarget: this.opts.eventTarget,
           overlay,
@@ -251617,12 +248933,12 @@ function computeThreeViewSize(layoutWidth, layoutHeight, screenWidth, screenHeig
   const dpr = Math.min(MAX_DEVICE_PIXEL_RATIO, Math.max(1, devicePixelRatio || 1));
   const onScreenW = screenWidth > 0 ? screenWidth : width;
   const onScreenH = screenHeight > 0 ? screenHeight : height;
-  const clamp13 = (px32) => Math.max(1, Math.min(MAX_VIEW_PIXELS, Math.round(px32)));
+  const clamp12 = (px32) => Math.max(1, Math.min(MAX_VIEW_PIXELS, Math.round(px32)));
   return {
     width,
     height,
-    pixelWidth: clamp13(onScreenW * dpr),
-    pixelHeight: clamp13(onScreenH * dpr)
+    pixelWidth: clamp12(onScreenW * dpr),
+    pixelHeight: clamp12(onScreenH * dpr)
   };
 }
 function measureThreeViewSize(element) {
@@ -251664,6 +248980,7 @@ function createElementClass() {
     #resize = null;
     #intersect = null;
     #poll = null;
+    #teardownPending = false;
     get spec() {
       return this.#spec;
     }
@@ -251672,9 +248989,7 @@ function createElementClass() {
         return;
       }
       this.#spec = value;
-      if (this.isConnected) {
-        void this.#controller?.setSpec(value);
-      }
+      void this.#controller?.setSpec(value);
     }
     get interactive() {
       return this.hasAttribute("interactive");
@@ -251715,6 +249030,10 @@ function createElementClass() {
     }
     connectedCallback() {
       this.setAttribute(THREE_VIEW_MARKER_ATTR, "");
+      if (this.#controller) {
+        this.#teardownPending = false;
+        return;
+      }
       const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
       if (!this.#canvas) {
         root.innerHTML = `<style>${SHADOW_CSS}</style><div class="fallback" part="fallback"><slot></slot></div><div class="stage" part="stage"><canvas></canvas><div class="hit" part="hit"></div><div class="overlay" part="overlay"></div></div>`;
@@ -251742,6 +249061,15 @@ function createElementClass() {
       void this.#controller.setSpec(this.#spec);
     }
     disconnectedCallback() {
+      this.#teardownPending = true;
+      queueMicrotask(() => {
+        if (this.#teardownPending && !this.isConnected) {
+          this.#teardown();
+        }
+      });
+    }
+    #teardown() {
+      this.#teardownPending = false;
       this.#resize?.disconnect();
       this.#intersect?.disconnect();
       if (this.#poll !== null) {
@@ -254438,24 +251766,42 @@ function isChart3DViewEnabled(flags, chartType) {
 }
 var chartSpecs = /* @__PURE__ */ new WeakMap();
 var smartArtSpecs = /* @__PURE__ */ new WeakMap();
-function chartThreeViewSpec(element) {
-  if (chartSpecs.has(element)) {
-    return chartSpecs.get(element) ?? null;
+var lastByIdChart = /* @__PURE__ */ new Map();
+var lastByIdSmartArt = /* @__PURE__ */ new Map();
+var POSITION_KEYS = /* @__PURE__ */ new Set(["x", "y"]);
+function differsOnlyInPosition(a, b) {
+  const ra = a;
+  const rb = b;
+  const keys = /* @__PURE__ */ new Set([...Object.keys(ra), ...Object.keys(rb)]);
+  for (const key2 of keys) {
+    if (!POSITION_KEYS.has(key2) && ra[key2] !== rb[key2]) {
+      return false;
+    }
   }
-  const spec2 = buildChart3DSpecForElement(element);
-  const view = spec2 ? { kind: "chart", spec: spec2 } : null;
-  chartSpecs.set(element, view);
-  return view;
+  return true;
 }
-function smartArtThreeViewSpec(element) {
-  if (smartArtSpecs.has(element)) {
-    return smartArtSpecs.get(element) ?? null;
+function memoised(element, byObject, byId, build7) {
+  if (byObject.has(element)) {
+    return byObject.get(element) ?? null;
   }
-  const spec2 = buildSmartArt3DSpecForElement(element);
-  const view = spec2 ? { kind: "smartart", spec: spec2 } : null;
-  smartArtSpecs.set(element, view);
+  const last = byId.get(element.id);
+  const view = last && differsOnlyInPosition(last.element, element) ? last.view : build7();
+  byObject.set(element, view);
+  byId.set(element.id, { element, view });
   return view;
 }
+function chartThreeViewSpec(element) {
+  return memoised(element, chartSpecs, lastByIdChart, () => {
+    const spec2 = buildChart3DSpecForElement(element);
+    return spec2 ? { kind: "chart", spec: spec2 } : null;
+  });
+}
+function smartArtThreeViewSpec(element) {
+  return memoised(element, smartArtSpecs, lastByIdSmartArt, () => {
+    const spec2 = buildSmartArt3DSpecForElement(element);
+    return spec2 ? { kind: "smartart", spec: spec2 } : null;
+  });
+}
 function resolveChartThreeViewSpec(element, flags) {
   if (element.type !== "chart" || !isChart3DViewEnabled(flags, element.chartData?.chartType)) {
     return null;