pptx-react-viewer 4.9.0 → 4.10.1

package/dist/{chunk-YWAFJZ23.js → chunk-JJE4AACM.js}

@@ -11107,7 +11107,7 @@ function createChartElement(chartType, input, options) {
   const chartData = {
     chartType,
     categories: input.categories,
-    categoryLevels: input.categoryLevels?.map((level) => [...level]),
+    categoryLevels: input.categoryLevels?.map((level2) => [...level2]),
     series,
     title: input.title,
     grouping: input.grouping,
@@ -35951,9 +35951,9 @@ function paragraphsAt(text22, sizePt) {
   const afterParent = (text22.spaceAfterParent ?? DEFAULT_SPACE_AFTER_PARENT) / 100;
   const afterChild = (text22.spaceAfterChild ?? DEFAULT_SPACE_AFTER_CHILD) / 100;
   const { secondary } = paragraphSizesPt(text22, sizePt);
-  const paragraph = (value, level) => {
-    const bullet = bulletLevel > 0 && level >= bulletLevel;
-    const size = bullet || level >= 2 ? secondary : sizePt;
+  const paragraph = (value, level2) => {
+    const bullet = bulletLevel > 0 && level2 >= bulletLevel;
+    const size = bullet || level2 >= 2 ? secondary : sizePt;
     return {
       text: value,
       size,
@@ -36826,6 +36826,136 @@ var init_alg_hier = __esm({
     HIER_ALGS = /* @__PURE__ */ new Set(["hierRoot", "hierChild"]);
   }
 });
+function shapeTransform(node) {
+  const box = node.box;
+  if (!box) {
+    return void 0;
+  }
+  const rotation = (((node.shape?.rot ?? 0) + node.rotation) % 360 + 360) % 360;
+  const quarter = Math.round((node.shape?.rot ?? 0) / 90);
+  if (Math.abs(quarter) % 2 === 1 && Math.abs((node.shape?.rot ?? 0) - quarter * 90) < 1e-6) {
+    const cx = box.x + box.w / 2;
+    const cy = box.y + box.h / 2;
+    return { x: cx - box.h / 2, y: cy - box.w / 2, w: box.h, h: box.w, rotation };
+  }
+  return { ...box, rotation };
+}
+var init_shape_transform = __esm({
+  "src/core/utils/smartart-engine/shape-transform.ts"() {
+  }
+});
+function depthOf(point) {
+  let depth = 0;
+  for (let current = point.parent; current; current = current.parent) {
+    depth++;
+  }
+  return depth;
+}
+function level(depth) {
+  return Math.max(0, Math.min(MAX_LEVEL, depth));
+}
+function connectorDim(node) {
+  return node.alg.type === "conn" && node.alg.params.dim === "1D" ? "1D" : "2D";
+}
+function derivedStyleLabel(node) {
+  if (!node.hasPresOf) {
+    return void 0;
+  }
+  const point = node.presOf[0] ?? node.point;
+  switch (point.type) {
+    case "node":
+    case "asst":
+      return `node${level(depthOf(point))}`;
+    case "sibTrans":
+      return `sibTrans${connectorDim(node)}1`;
+    case "parTrans":
+      return `parChTrans${connectorDim(node)}${level(depthOf(point))}`;
+    default:
+      return void 0;
+  }
+}
+function engineStyleLabel(node) {
+  for (let current = node; current; current = current.parent) {
+    if (current.styleLbl) {
+      return current.styleLbl;
+    }
+  }
+  return derivedStyleLabel(node);
+}
+var MAX_LEVEL;
+var init_style_label = __esm({
+  "src/core/utils/smartart-engine/style-label.ts"() {
+    MAX_LEVEL = 4;
+  }
+});
+function connectorPreset(node) {
+  const type = node.shape?.type;
+  if (!type || type === "none" || node.shape?.hideGeom || !node.values.has("connDist")) {
+    return void 0;
+  }
+  if (type !== "conn") {
+    return type;
+  }
+  const params = node.alg.params;
+  if ((params.dim ?? "2D") !== "2D" || (params.connRout ?? "stra") !== "stra") {
+    return void 0;
+  }
+  const begin = (params.begSty ?? "noArr") === "arr";
+  const end = (params.endSty ?? "arr") === "arr";
+  if (begin && end) {
+    return "leftRightArrow";
+  }
+  if (begin) {
+    return "leftArrow";
+  }
+  return end ? "rightArrow" : "rect";
+}
+function buildConnectorNode(node, index, connectorIndex, palette, roleColors) {
+  const preset22 = connectorPreset(node);
+  const transform6 = preset22 ? shapeTransform(node) : void 0;
+  if (!preset22 || !transform6 || !(transform6.w > 0) || !(transform6.h > 0)) {
+    return void 0;
+  }
+  const styleLabel = engineStyleLabel(node);
+  const fills = styleLabel ? roleColors?.[styleLabel]?.fill : void 0;
+  const fill = fills && fills.length > 0 ? fills[connectorIndex % fills.length] : colour(index, palette);
+  const x = transform6.x * PX_PER_PT3;
+  const y = transform6.y * PX_PER_PT3;
+  const width = transform6.w * PX_PER_PT3;
+  const height = transform6.h * PX_PER_PT3;
+  return {
+    kind: "rect",
+    key: `${node.name || "engine-conn"}-${index}`,
+    x,
+    y,
+    width,
+    height,
+    rx: 0,
+    fill,
+    stroke: "none",
+    strokeWidth: 0,
+    opacity: 1,
+    text: "",
+    fontSize: 0,
+    textX: x + width / 2,
+    textY: y + height / 2,
+    rotation: transform6.rotation === 0 ? void 0 : transform6.rotation,
+    presetOverride: preset22,
+    ...preset22 === "rect" ? {} : { shapeAdjustments: { ...ARROW_ADJUSTMENTS } },
+    ...styleLabel ? { styleLabel } : {}
+  };
+}
+var ARROW_ADJUSTMENTS;
+var PX_PER_PT3;
+var init_connector_shape = __esm({
+  "src/core/utils/smartart-engine/connector-shape.ts"() {
+    init_smartart_layout_style_helpers();
+    init_shape_transform();
+    init_style_label();
+    ARROW_ADJUSTMENTS = { adj1: 6e4, adj2: 5e4 };
+    PX_PER_PT3 = 96 / 72;
+  }
+});
 function collectNodes(nodes, parentId, out) {
   for (const node of nodes) {
     out.push({ node, parentId: node.parentId ?? parentId });
@@ -37521,6 +37651,68 @@ var init_pres_tree = __esm({
     MAX_DEPTH = 96;
   }
 });
+function connectorThickness(node, fallback) {
+  const parent = node.parent;
+  let resized = false;
+  for (const constraint of parent?.constraints ?? []) {
+    if (!parent || !SIZE_TYPES2.has(constraint.type) || !SIZE_TYPES2.has(constraint.refType)) {
+      continue;
+    }
+    if (constraint.refFor === "self" && !constraint.refForName) {
+      continue;
+    }
+    const targets = relatedNodes(parent, constraint.for, constraint.forName, constraint.ptType);
+    if (!targets.includes(node)) {
+      continue;
+    }
+    const ref = relatedNodes(
+      parent,
+      constraint.refFor,
+      constraint.refForName,
+      constraint.refPtType
+    )[0];
+    const box = ref?.box;
+    if (!box || ref.alg.type === "conn") {
+      continue;
+    }
+    const base = constraint.refType === "w" ? box.w : box.h;
+    if (base > 0) {
+      node.values.set(constraint.type, base * constraint.fact);
+      resized = true;
+    }
+  }
+  if (resized) {
+    for (let i2 = 0; i2 < node.constraints.length; i2++) {
+      if (isSelfSizeConstraint(node, i2)) {
+        applyConstraint(node, node.constraints[i2]);
+      }
+    }
+  }
+  const h2 = node.values.get("h");
+  return resized && h2 !== void 0 && h2 > 0 ? h2 : fallback;
+}
+function edgeDistance(shape, box, dx, dy) {
+  const halfW = box.w / 2;
+  const halfH = box.h / 2;
+  if (shape.shape?.type === "ellipse" && halfW > 0 && halfH > 0) {
+    return halfW * halfH / Math.hypot(halfH * dx, halfW * dy);
+  }
+  const tx = dx === 0 ? Infinity : halfW / Math.abs(dx);
+  const ty = dy === 0 ? Infinity : halfH / Math.abs(dy);
+  return Math.min(tx, ty);
+}
+var SIZE_TYPES2;
+var DEFAULT_BEGIN_PAD;
+var DEFAULT_END_PAD;
+var init_connector_size = __esm({
+  "src/core/utils/smartart-engine/connector-size.ts"() {
+    init_constraint_eval();
+    init_preferred_size();
+    SIZE_TYPES2 = /* @__PURE__ */ new Set(["w", "h"]);
+    DEFAULT_BEGIN_PAD = 0.22;
+    DEFAULT_END_PAD = 0.25;
+  }
+});
 function rootOf2(node) {
   let current = node;
   while (current.parent) {
@@ -37567,13 +37759,6 @@ function findShape(scope, point, name, skip) {
   visit(scope);
   return named ?? fallback;
 }
-function edgeDistance(box, dx, dy) {
-  const halfW = box.w / 2;
-  const halfH = box.h / 2;
-  const tx = dx === 0 ? Infinity : halfW / Math.abs(dx);
-  const ty = dy === 0 ? Infinity : halfH / Math.abs(dy);
-  return Math.min(tx, ty);
-}
 function arrangeConnector(node) {
   const box = node.box;
   if (!box) {
@@ -37592,8 +37777,8 @@ function arrangeConnector(node) {
     if (length > 0) {
       const dx = (ex - sx) / length;
       const dy = (ey - sy) / length;
-      const startGap = edgeDistance(src.box, dx, dy);
-      const endGap = edgeDistance(dst.box, dx, dy);
+      const startGap = edgeDistance(src, src.box, dx, dy);
+      const endGap = edgeDistance(dst, dst.box, dx, dy);
       const connDist = Math.max(0, length - startGap - endGap);
       node.values.set("connDist", connDist);
       for (const constraint of node.constraints) {
@@ -37601,13 +37786,13 @@ function arrangeConnector(node) {
           node.values.set(constraint.type, connDist * constraint.fact);
         }
       }
-      const begPad = node.values.get("begPad") ?? 0;
-      const endPad = node.values.get("endPad") ?? 0;
+      const begPad = node.values.get("begPad") ?? connDist * DEFAULT_BEGIN_PAD;
+      const endPad = node.values.get("endPad") ?? connDist * DEFAULT_END_PAD;
       const arrowLength = Math.max(0, connDist - begPad - endPad);
       const mid = startGap + begPad + arrowLength / 2;
       const cx = sx + dx * mid;
       const cy = sy + dy * mid;
-      const thickness = box.h;
+      const thickness = connectorThickness(node, box.h);
       node.box = { x: cx - arrowLength / 2, y: cy - thickness / 2, w: arrowLength, h: thickness };
       node.rotation = normaliseAngle2(Math.atan2(dy, dx) * 180 / Math.PI);
     }
@@ -37623,6 +37808,7 @@ function normaliseAngle2(degrees) {
 }
 var init_alg_connector = __esm({
   "src/core/utils/smartart-engine/alg-connector.ts"() {
+    init_connector_size();
   }
 });
 function groupContentChildren(node) {
@@ -38662,11 +38848,11 @@ function applyEngineFonts(collected, nodeById, fontName) {
     const pt2 = sizes.get(node) ?? 18;
     const text22 = texts.get(node);
     const { first, secondary } = text22 ? paragraphSizesPt(text22, pt2) : { first: pt2, secondary: Math.round(pt2 * DESCENDANT_FONT_SCALE) };
-    rendered.fontSize = first * PX_PER_PT3;
-    rendered.descendantFontSize = hasDescendants(node) ? secondary * PX_PER_PT3 : void 0;
+    rendered.fontSize = first * PX_PER_PT4;
+    rendered.descendantFontSize = hasDescendants(node) ? secondary * PX_PER_PT4 : void 0;
   }
 }
-var PX_PER_PT3;
+var PX_PER_PT4;
 var init_engine_fonts = __esm({
   "src/core/utils/smartart-engine/engine-fonts.ts"() {
     init_smartart_layout_item_font_size();
@@ -38674,7 +38860,7 @@ var init_engine_fonts = __esm({
     init_move_with_merge();
     init_node_text();
     init_text_measure();
-    PX_PER_PT3 = 96 / 72;
+    PX_PER_PT4 = 96 / 72;
   }
 });
 function transitionLabelOf(node) {
@@ -38704,24 +38890,6 @@ var init_render_filter = __esm({
   "src/core/utils/smartart-engine/render-filter.ts"() {
   }
 });
-function shapeTransform(node) {
-  const box = node.box;
-  if (!box) {
-    return void 0;
-  }
-  const rotation = (((node.shape?.rot ?? 0) + node.rotation) % 360 + 360) % 360;
-  const quarter = Math.round((node.shape?.rot ?? 0) / 90);
-  if (Math.abs(quarter) % 2 === 1 && Math.abs((node.shape?.rot ?? 0) - quarter * 90) < 1e-6) {
-    const cx = box.x + box.w / 2;
-    const cy = box.y + box.h / 2;
-    return { x: cx - box.h / 2, y: cy - box.w / 2, w: box.h, h: box.w, rotation };
-  }
-  return { ...box, rotation };
-}
-var init_shape_transform = __esm({
-  "src/core/utils/smartart-engine/shape-transform.ts"() {
-  }
-});
 function isFullySupported(root) {
   let ok = true;
   const visit = (node) => {
@@ -38748,10 +38916,10 @@ function buildRenderedNode(node, index, nodeById, palette, style, mergedSourceId
   const hidden = Boolean(node.shape?.hideGeom);
   const text22 = primary?.text ?? literalText ?? "";
   const sw = hidden ? 0 : styleStroke(style);
-  const x = transform6.x * PX_PER_PT4;
-  const y = transform6.y * PX_PER_PT4;
-  const width = transform6.w * PX_PER_PT4;
-  const height = transform6.h * PX_PER_PT4;
+  const x = transform6.x * PX_PER_PT5;
+  const y = transform6.y * PX_PER_PT5;
+  const width = transform6.w * PX_PER_PT5;
+  const height = transform6.h * PX_PER_PT5;
   const foldedNodeIds = [
     ...sourceIds.slice(1),
     ...(mergedSourceIds ?? []).filter((id) => !sourceIds.includes(id))
@@ -38778,15 +38946,23 @@ function buildRenderedNode(node, index, nodeById, palette, style, mergedSourceId
     rotation: transform6.rotation === 0 ? void 0 : transform6.rotation,
     presetOverride: node.shape?.type ?? "roundRect",
     foldedNodeIds: foldedNodeIds.length > 0 ? foldedNodeIds : void 0,
-    literalText
+    literalText,
+    styleLabel: engineStyleLabel(node)
   };
 }
-function collectRenderedNodes(root, nodeById, palette, style) {
+function collectRenderedNodes(root, nodeById, palette, style, roleColors) {
   const out = [];
+  const connectors2 = [];
   const visitSiblings = (siblings) => {
     const { extraIdsByTarget, suppressed, carrierByTarget } = computeMoveWithMerge(siblings);
     for (const node of siblings) {
-      if (node.alg.type !== "conn" && !suppressed.has(node)) {
+      if (node.alg.type === "conn") {
+        const index = out.length + connectors2.length;
+        const arrow = buildConnectorNode(node, index, connectors2.length, palette, roleColors);
+        if (arrow) {
+          connectors2.push(arrow);
+        }
+      } else if (!suppressed.has(node)) {
         const mergedIds = extraIdsByTarget.get(node.name);
         const rendered = buildRenderedNode(node, out.length, nodeById, palette, style, mergedIds);
         if (rendered) {
@@ -38799,7 +38975,7 @@ function collectRenderedNodes(root, nodeById, palette, style) {
     }
   };
   visitSiblings([root]);
-  return out;
+  return { collected: out, connectors: connectors2 };
 }
 function isFiniteGeometry(node) {
   return Number.isFinite(node.x) && Number.isFinite(node.y) && Number.isFinite(node.width) && Number.isFinite(node.height) && node.width > 0 && node.height > 0;
@@ -38827,9 +39003,15 @@ function runEngineLayout(smartArtData, containerBounds, nodes, palette, style) {
   if (!run || !isFullySupported(run.root)) {
     return void 0;
   }
-  const collected = collectRenderedNodes(run.root, nodeById, palette, style);
+  const { collected, connectors: connectors2 } = collectRenderedNodes(
+    run.root,
+    nodeById,
+    palette,
+    style,
+    smartArtData.colorTransform?.roleColors
+  );
   applyEngineFonts(collected, nodeById, smartArtData.themeMinorFont);
-  const rendered = collected.map((entry5) => entry5.rendered);
+  const rendered = [...collected.map((entry5) => entry5.rendered), ...connectors2];
   if (rendered.length === 0 || !rendered.every(isFiniteGeometry)) {
     return void 0;
   }
@@ -38843,18 +39025,20 @@ function runEngineLayout(smartArtData, containerBounds, nodes, palette, style) {
 }
 var SUPPORTED_ALGS;
 var PT_PER_PX;
-var PX_PER_PT4;
+var PX_PER_PT5;
 var init_engine_to_result = __esm({
   "src/core/utils/smartart-engine/engine-to-result.ts"() {
     init_smartart_layout_item_font_size();
     init_smartart_layout_style_helpers();
     init_alg_hier();
+    init_connector_shape();
     init_engine();
     init_engine_fonts();
     init_move_with_merge();
     init_node_text();
     init_render_filter();
     init_shape_transform();
+    init_style_label();
     init_text_measure();
     SUPPORTED_ALGS = /* @__PURE__ */ new Set([
       "composite",
@@ -38869,7 +39053,22 @@ var init_engine_to_result = __esm({
       "tx"
     ]);
     PT_PER_PX = 72 / 96;
-    PX_PER_PT4 = 1 / PT_PER_PX;
+    PX_PER_PT5 = 1 / PT_PER_PX;
+  }
+});
+function tagSmartArtElementStyleLabel(element, label) {
+  if (label) {
+    styleLabels.set(element, label);
+  }
+  return element;
+}
+function smartArtElementStyleLabel(element) {
+  return styleLabels.get(element);
+}
+var styleLabels;
+var init_smartart_element_style_label = __esm({
+  "src/core/utils/smartart-element-style-label.ts"() {
+    styleLabels = /* @__PURE__ */ new WeakMap();
   }
 });
 function accentColor(index, themeColorMap) {
@@ -39792,8 +39991,8 @@ function parseParagraphLevel(pPr) {
   if (!pPr) {
     return 0;
   }
-  const level = Number.parseInt(String(pPr["@_lvl"] || "0"), 10);
-  return Number.isFinite(level) ? Math.min(Math.max(level, 0), 8) : 0;
+  const level2 = Number.parseInt(String(pPr["@_lvl"] || "0"), 10);
+  return Number.isFinite(level2) ? Math.min(Math.max(level2, 0), 8) : 0;
 }
 function parseParagraphExtraAttributes(pPr) {
   const result = {};
@@ -40167,12 +40366,12 @@ function paragraphStyle(paragraph, fallback) {
 }
 function paragraphMetadata(paragraph, paragraphIndex, bulletEnabled) {
   const pPr = paragraph.pPr;
-  const level = parseParagraphLevel(pPr);
+  const level2 = parseParagraphLevel(pPr);
   const explicitBullet = parseBulletInfo(pPr, paragraphIndex) ?? void 0;
-  const bulletInfo = explicitBullet ?? (bulletEnabled && (level ?? 0) >= 1 ? { char: AUTO_BULLET_CHAR } : void 0);
+  const bulletInfo = explicitBullet ?? (bulletEnabled && (level2 ?? 0) >= 1 ? { char: AUTO_BULLET_CHAR } : void 0);
   return {
     ...bulletInfo ? { bulletInfo } : {},
-    paragraphLevel: level,
+    paragraphLevel: level2,
     ...paragraph.endParaRPr ? { endParaRunProperties: paragraph.endParaRPr } : {}
   };
 }
@@ -40409,10 +40608,12 @@ function interpretedLayoutToElements(result, nodes, containerBounds, bulletEnabl
       fontSize,
       fontColor: rendered.fontColor ?? "#FFFFFF",
       textSegments,
-      rotation: rendered.rotation
+      rotation: rendered.rotation,
+      ...rendered.shapeAdjustments ? { shapeAdjustments: rendered.shapeAdjustments } : {}
     };
+    const push2 = (element) => elements2.push(tagSmartArtElementStyleLabel(element, rendered.styleLabel));
     if (rendered.kind === "rect") {
-      elements2.push(
+      push2(
         makeShapeElement(
           id,
           containerBounds.x + rendered.x,
@@ -40433,7 +40634,7 @@ function interpretedLayoutToElements(result, nodes, containerBounds, bulletEnabl
     } else if (rendered.kind === "circle") {
       const halfWidth = rendered.rx ?? rendered.r;
       const halfHeight = rendered.ry ?? rendered.r;
-      elements2.push(
+      push2(
         makeShapeElement(
           id,
           containerBounds.x + rendered.cx - halfWidth,
@@ -40453,7 +40654,7 @@ function interpretedLayoutToElements(result, nodes, containerBounds, bulletEnabl
       );
     } else {
       const bbox = polygonBoundingBox(rendered.points);
-      elements2.push(
+      push2(
         makeShapeElement(
           id,
           containerBounds.x + bbox.x,
@@ -40472,6 +40673,7 @@ function interpretedLayoutToElements(result, nodes, containerBounds, bulletEnabl
 }
 var init_smartart_interpreter_drawing_bridge = __esm({
   "src/core/utils/smartart-interpreter-drawing-bridge.ts"() {
+    init_smartart_element_style_label();
     init_smartart_helpers();
     init_smartart_interpreter_fold_text();
     init_smartart_node_tree_axis();
@@ -41343,8 +41545,8 @@ function resolveTieredItemFontSize(plan, index, items, fontName, naturalAspect,
   const proportional = proportionalMarginFraction(index, role);
   const lineSpacingFactor = SMARTART_LINE_SPACING_FACTOR;
   const fitsAtPoint = (rootPt2) => {
-    const rootPx = rootPt2 * PX_PER_PT5;
-    const descendantPx = Math.round(rootPt2 * SMARTART_DESCENDANT_FONT_SCALE) * PX_PER_PT5;
+    const rootPx = rootPt2 * PX_PER_PT6;
+    const descendantPx = Math.round(rootPt2 * SMARTART_DESCENDANT_FONT_SCALE) * PX_PER_PT6;
     const margins = proportional ? { horizontal: proportional.horizontal * rootPx, vertical: proportional.vertical * rootPx } : fixedMargins;
     for (const item3 of items) {
       const naturalHeight = typeof naturalAspect === "number" ? Math.min(item3.height, item3.width * naturalAspect) : item3.height;
@@ -41366,8 +41568,8 @@ function resolveTieredItemFontSize(plan, index, items, fontName, naturalAspect,
     }
     return true;
   };
-  const ceilingPt = Math.max(1, Math.floor(ceilingPx / PX_PER_PT5 + 1e-9));
-  const floorPt = Math.min(ceilingPt, Math.max(1, Math.ceil(floorPx / PX_PER_PT5 - 1e-9)));
+  const ceilingPt = Math.max(1, Math.floor(ceilingPx / PX_PER_PT6 + 1e-9));
+  const floorPt = Math.min(ceilingPt, Math.max(1, Math.ceil(floorPx / PX_PER_PT6 - 1e-9)));
   let rootPt = floorPt;
   for (let candidate = ceilingPt; candidate > floorPt; candidate--) {
     if (fitsAtPoint(candidate)) {
@@ -41375,12 +41577,12 @@ function resolveTieredItemFontSize(plan, index, items, fontName, naturalAspect,
       break;
     }
   }
-  const rootSizePx = rootPt * PX_PER_PT5;
+  const rootSizePx = rootPt * PX_PER_PT6;
   const descendantSizePx = snapToWholePoint(rootSizePx * SMARTART_DESCENDANT_FONT_SCALE);
   return { rootSizePx, descendantSizePx };
 }
 var SMARTART_DESCENDANT_FONT_SCALE;
-var PX_PER_PT5;
+var PX_PER_PT6;
 var init_smartart_layout_item_font_tier = __esm({
   "src/core/utils/smartart-layout-item-font-tier.ts"() {
     init_smartart_layout_item_font_role();
@@ -41388,7 +41590,7 @@ var init_smartart_layout_item_font_tier = __esm({
     init_smartart_layout_item_font_tier_fit();
     init_smartart_text_wrap_fit();
     SMARTART_DESCENDANT_FONT_SCALE = 0.78;
-    PX_PER_PT5 = 96 / 72;
+    PX_PER_PT6 = 96 / 72;
   }
 });
 function resolveCycleFontFit(plan, index, ringNodes, hubNode, ringNodeWidth, ringNodeHeight, hubWidth, hubHeight, cornerInsetPx, childrenOf, fontName) {
@@ -42675,7 +42877,7 @@ function arrangeRecursiveTable(plan, nodes, box, palette, style, elementId, inde
     }
   }
   const roots = nodes.filter((n) => !childIds.has(n.id));
-  const depthOf = /* @__PURE__ */ new Map();
+  const depthOf2 = /* @__PURE__ */ new Map();
   let maxDepth2 = 0;
   const depthStack = roots.map((r) => ({
     node: r,
@@ -42683,7 +42885,7 @@ function arrangeRecursiveTable(plan, nodes, box, palette, style, elementId, inde
   }));
   while (depthStack.length > 0) {
     const { node, depth } = depthStack.pop();
-    depthOf.set(node.id, depth);
+    depthOf2.set(node.id, depth);
     maxDepth2 = Math.max(maxDepth2, depth);
     for (const c of childrenIn(node)) {
       depthStack.push({ node: c, depth: depth + 1 });
@@ -42740,7 +42942,7 @@ function arrangeRecursiveTable(plan, nodes, box, palette, style, elementId, inde
     ({ node, x, width }, i2) => presetBoxNode({
       key: `${elementId}-lintbl-${node.id}-${i2}`,
       x,
-      y: rowY(depthOf.get(node.id) ?? 0),
+      y: rowY(depthOf2.get(node.id) ?? 0),
       width,
       height: rowHeight,
       node,
@@ -44992,18 +45194,18 @@ function fanContinues(t, perRow, orgChart, siblingCount2, normalCount) {
   const spanW = effectiveWidth(t, orgChart);
   return chPrefFanEligible || isSoloChainLink && normalCount > 1 && spanW === normalCount;
 }
-function walk2(t, level, perRow, orgChart, siblingCount2) {
+function walk2(t, level2, perRow, orgChart, siblingCount2) {
   const { normal } = partitionChildren(t, orgChart);
   if (normal.length === 0) {
-    return { deepestFanLevel: level, maxHangDepth: 0, maxHangRows: 0, hangingColumns: 0 };
+    return { deepestFanLevel: level2, maxHangDepth: 0, maxHangRows: 0, hangingColumns: 0 };
   }
-  if (level === 0) {
-    let deepestFan = level;
+  if (level2 === 0) {
+    let deepestFan = level2;
     let maxHang = 0;
     let maxRows = 0;
     let hangingColumns = 0;
     for (const child262 of normal) {
-      const r = walk2(child262, level + 1, perRow, orgChart, normal.length);
+      const r = walk2(child262, level2 + 1, perRow, orgChart, normal.length);
       deepestFan = Math.max(deepestFan, r.deepestFanLevel);
       maxHang = Math.max(maxHang, r.maxHangDepth);
       maxRows = Math.max(maxRows, r.maxHangRows);
@@ -45017,12 +45219,12 @@ function walk2(t, level, perRow, orgChart, siblingCount2) {
     };
   }
   if (fanContinues(t, perRow, orgChart, siblingCount2, normal.length)) {
-    let deepestFan = level + 1;
+    let deepestFan = level2 + 1;
     let maxHang = 0;
     let maxRows = 0;
     let hangingColumns = 0;
     for (const child262 of normal) {
-      const r = walk2(child262, level + 1, perRow, orgChart, void 0);
+      const r = walk2(child262, level2 + 1, perRow, orgChart, void 0);
       deepestFan = Math.max(deepestFan, r.deepestFanLevel);
       maxHang = Math.max(maxHang, r.maxHangDepth);
       maxRows = Math.max(maxRows, r.maxHangRows);
@@ -45036,7 +45238,7 @@ function walk2(t, level, perRow, orgChart, siblingCount2) {
     };
   }
   return {
-    deepestFanLevel: level,
+    deepestFanLevel: level2,
     maxHangDepth: treeDepth(t) - 1,
     maxHangRows: countDescendants(t, orgChart),
     hangingColumns: 1
@@ -45079,20 +45281,20 @@ var init_smartart_hierarchy_hang_depth = __esm({
     init_smartart_hierarchy_orgchart_tree();
   }
 });
-function widthWalk(t, level, perRow, orgChart, siblingCount2, map) {
+function widthWalk(t, level2, perRow, orgChart, siblingCount2, map) {
   const { normal } = partitionChildren(t, orgChart);
   let width;
   if (normal.length === 0) {
     width = 1;
-  } else if (level === 0) {
+  } else if (level2 === 0) {
     width = 0;
     for (const child262 of normal) {
-      width += widthWalk(child262, level + 1, perRow, orgChart, normal.length, map);
+      width += widthWalk(child262, level2 + 1, perRow, orgChart, normal.length, map);
     }
   } else if (fanContinues(t, perRow, orgChart, siblingCount2, normal.length)) {
     width = 0;
     for (const child262 of normal) {
-      width += widthWalk(child262, level + 1, perRow, orgChart, void 0, map);
+      width += widthWalk(child262, level2 + 1, perRow, orgChart, void 0, map);
     }
   } else {
     width = 1;
@@ -45334,7 +45536,7 @@ function placeAssistants(hc, x, parentBottom, assistants, options, cursor) {
     stubConnector(hc, assistant.node.id, x + hc.boxH / 2, parentBottom, x + width / 2, y);
   }
 }
-function placeHangingTree(hc, t, x, options, cursor, size, level = 0) {
+function placeHangingTree(hc, t, x, options, cursor, size, level2 = 0) {
   const y = cursor.y;
   const boxW = size?.w ?? hc.boxW;
   const boxH = size?.h ?? hc.boxH;
@@ -45347,7 +45549,7 @@ function placeHangingTree(hc, t, x, options, cursor, size, level = 0) {
   if (normal.length === 0) {
     return;
   }
-  if (options.foldDeeperGenerations && level >= 1) {
+  if (options.foldDeeperGenerations && level2 >= 1) {
     return;
   }
   const childX = align ? placeX : options.direction === "left" ? x - options.indent : x + options.indent;
@@ -45362,7 +45564,7 @@ function placeHangingTree(hc, t, x, options, cursor, size, level = 0) {
       childY,
       child262.node.id
     );
-    placeHangingTree(hc, child262, childX, options, cursor, void 0, level + 1);
+    placeHangingTree(hc, child262, childX, options, cursor, void 0, level2 + 1);
   }
 }
 function placeHangingForest(hc, roots, startX, startY, options, rootSize) {
@@ -45447,17 +45649,17 @@ var init_smartart_hierarchy_hanging_box = __esm({
     DEFAULT_HANGING_VGAP_RATIO = 0.55;
   }
 });
-function countRows(t, level, orgChart, fold) {
+function countRows(t, level2, orgChart, fold) {
   const { assistants, normal } = partitionChildren(t, orgChart);
   let count = 1 + assistants.length;
   if (normal.length === 0) {
     return count;
   }
-  if (fold && level >= 1) {
+  if (fold && level2 >= 1) {
     return count;
   }
   for (const child262 of normal) {
-    count += countRows(child262, level + 1, orgChart, fold);
+    count += countRows(child262, level2 + 1, orgChart, fold);
   }
   return count;
 }
@@ -46093,8 +46295,8 @@ function planFan(childCount, perRow, siblingCxs) {
   }
   return { columns: siblingCxs, overflow: childCount - siblingCxs.length };
 }
-function placeFannedRow(hc, t, normal, plan, cx, cy, level, cellW, cellH, options, placeAtFn) {
-  const fanCy = (level + 1) * cellH + cellH / 2;
+function placeFannedRow(hc, t, normal, plan, cx, cy, level2, cellW, cellH, options, placeAtFn) {
+  const fanCy = (level2 + 1) * cellH + cellH / 2;
   const fanned = normal.slice(0, plan.columns.length);
   for (let i2 = 0; i2 < fanned.length; i2++) {
     const child262 = fanned[i2];
@@ -46108,7 +46310,7 @@ function placeFannedRow(hc, t, normal, plan, cx, cy, level, cellW, cellH, option
       fanCy - hc.boxH / 2,
       child262.node.id
     );
-    placeAtFn(hc, child262, childCx, fanCy, 0, 1, level + 1, cellW, cellH, options);
+    placeAtFn(hc, child262, childCx, fanCy, 0, 1, level2 + 1, cellW, cellH, options);
   }
   if (plan.overflow <= 0 || !options.hangingPlacer) {
     return;
@@ -46116,7 +46318,7 @@ function placeFannedRow(hc, t, normal, plan, cx, cy, level, cellW, cellH, option
   const remainder = normal.slice(plan.columns.length);
   const columnOffset = hc.boxW * HIER_TAIL_OFFSET_RATIO;
   const anchorX = plan.columns[0] - hc.boxW / 2 + columnOffset;
-  const anchorY = (level + 2) * cellH;
+  const anchorY = (level2 + 2) * cellH;
   for (const child262 of remainder) {
     elbowConnector(
       hc,
@@ -46158,7 +46360,7 @@ function placeAssistantRow(hc, parentId, cx, cy, assistants) {
     x += assistW + ASSISTANT_GAP;
   }
 }
-function placeFlatChildren(hc, parentId, normal, cx, cy, xOffset, level, cellW, cellH, options, placeChild) {
+function placeFlatChildren(hc, parentId, normal, cx, cy, xOffset, level2, cellW, cellH, options, placeChild) {
   const siblingCxs = [];
   {
     let offset = xOffset;
@@ -46168,12 +46370,12 @@ function placeFlatChildren(hc, parentId, normal, cx, cy, xOffset, level, cellW,
       offset += childW;
     }
   }
-  const cascadeShift = options.cascadeOffsetX && level + 1 >= options.cascadeOffsetX.fromLevel ? options.cascadeOffsetX.offsetPx : 0;
+  const cascadeShift = options.cascadeOffsetX && level2 + 1 >= options.cascadeOffsetX.fromLevel ? options.cascadeOffsetX.offsetPx : 0;
   let childOffset = xOffset;
   for (const child262 of normal) {
     const childW = spanOf(child262, options);
     const childCx = (childOffset + childW / 2) * cellW + cascadeShift;
-    const childCy = (level + 1) * cellH + cellH / 2;
+    const childCy = (level2 + 1) * cellH + cellH / 2;
     elbowConnector(
       hc,
       parentId,
@@ -46190,7 +46392,7 @@ function placeFlatChildren(hc, parentId, normal, cx, cy, xOffset, level, cellW,
       childCy,
       childOffset,
       childW,
-      level + 1,
+      level2 + 1,
       cellW,
       cellH,
       options,
@@ -46222,13 +46424,13 @@ function wrappedGroupSlotCount(group2, orgChart) {
   }
   return group2.members.reduce((sum, m) => sum + effectiveWidth(m, orgChart), 0);
 }
-function placeWrappedChildren(hc, parentId, normal, cx, cy, xOffset, spanW, level, cellW, cellH, options, placeAtFn) {
+function placeWrappedChildren(hc, parentId, normal, cx, cy, xOffset, spanW, level2, cellW, cellH, options, placeAtFn) {
   const groups = planWrappedGroups(normal, options.perRow, options.orgChart);
   const totalSlots = groups.reduce((sum, g2) => sum + wrappedGroupSlotCount(g2, options.orgChart), 0);
   const totalW = spanW * cellW;
   const leftX = xOffset * cellW;
   const unitW = totalW / Math.max(1, totalSlots);
-  const rowCy = (level + 1) * cellH + cellH / 2;
+  const rowCy = (level2 + 1) * cellH + cellH / 2;
   let slot = 0;
   for (const group2 of groups) {
     slot = group2.fansAsRow ? placeRowFanGroup(
@@ -46241,7 +46443,7 @@ function placeWrappedChildren(hc, parentId, normal, cx, cy, xOffset, spanW, leve
       unitW,
       slot,
       rowCy,
-      level,
+      level2,
       cellW,
       cellH,
       options,
@@ -46258,25 +46460,25 @@ function placeWrappedChildren(hc, parentId, normal, cx, cy, xOffset, spanW, leve
       rowCy,
       cellW,
       cellH,
-      level,
+      level2,
       options,
       placeAtFn
     );
   }
 }
-function placeRowFanGroup(hc, parentId, group2, cx, cy, leftX, unitW, slot, rowCy, level, cellW, cellH, options, placeAtFn) {
+function placeRowFanGroup(hc, parentId, group2, cx, cy, leftX, unitW, slot, rowCy, level2, cellW, cellH, options, placeAtFn) {
   let cursor = slot;
   for (const child262 of group2.members) {
     const childW = effectiveWidth(child262, options.orgChart);
     const childCx = leftX + unitW * (cursor + childW / 2);
     elbowConnector(hc, parentId, cx, cy + hc.boxH / 2, childCx, rowCy - hc.boxH / 2, child262.node.id);
     const virtualOffset = childCx / cellW - childW / 2;
-    placeAtFn(hc, child262, childCx, rowCy, virtualOffset, childW, level + 1, cellW, cellH, options);
+    placeAtFn(hc, child262, childCx, rowCy, virtualOffset, childW, level2 + 1, cellW, cellH, options);
     cursor += childW;
   }
   return cursor;
 }
-function placeColumnGroup(hc, parentId, group2, cx, cy, leftX, unitW, slot, rowCy, cellW, cellH, level, options, placeAtFn) {
+function placeColumnGroup(hc, parentId, group2, cx, cy, leftX, unitW, slot, rowCy, cellW, cellH, level2, options, placeAtFn) {
   const groupCx = leftX + unitW * (slot + 0.5);
   const subRowH = cellH / group2.members.length;
   let fromId = parentId;
@@ -46288,7 +46490,7 @@ function placeColumnGroup(hc, parentId, group2, cx, cy, leftX, unitW, slot, rowC
     elbowConnector(hc, fromId, fromX, fromY, groupCx, childCy - hc.boxH / 2, child262.node.id);
     const childW = effectiveWidth(child262, options.orgChart);
     const virtualOffset = groupCx / cellW - childW / 2;
-    placeAtFn(hc, child262, groupCx, childCy, virtualOffset, childW, level + 1, cellW, cellH, options);
+    placeAtFn(hc, child262, groupCx, childCy, virtualOffset, childW, level2 + 1, cellW, cellH, options);
     fromId = child262.node.id;
     fromX = groupCx;
     fromY = childCy + hc.boxH / 2;
@@ -46301,7 +46503,7 @@ var init_smartart_hierarchy_wrapped_groups = __esm({
     init_smartart_hierarchy_shared();
   }
 });
-function placeFlatChildren2(hc, parentId, normal, cx, cy, xOffset, level, cellW, cellH, options) {
+function placeFlatChildren2(hc, parentId, normal, cx, cy, xOffset, level2, cellW, cellH, options) {
   placeFlatChildren(
     hc,
     parentId,
@@ -46309,14 +46511,14 @@ function placeFlatChildren2(hc, parentId, normal, cx, cy, xOffset, level, cellW,
     cx,
     cy,
     xOffset,
-    level,
+    level2,
     cellW,
     cellH,
     options,
     placeAt
   );
 }
-function placeWrappedChildren2(hc, parentId, normal, cx, cy, xOffset, spanW, level, cellW, cellH, options) {
+function placeWrappedChildren2(hc, parentId, normal, cx, cy, xOffset, spanW, level2, cellW, cellH, options) {
   placeWrappedChildren(
     hc,
     parentId,
@@ -46325,32 +46527,32 @@ function placeWrappedChildren2(hc, parentId, normal, cx, cy, xOffset, spanW, lev
     cy,
     xOffset,
     spanW,
-    level,
+    level2,
     cellW,
     cellH,
     options,
     placeAt
   );
 }
-function placeAt(hc, t, cx, cy, xOffset, spanW, level, cellW, cellH, options, siblingCxs) {
+function placeAt(hc, t, cx, cy, xOffset, spanW, level2, cellW, cellH, options, siblingCxs) {
   pushNode(hc, t.node, cx - hc.boxW / 2, cy - hc.boxH / 2);
   const { assistants, normal } = partitionChildren(t, options.orgChart);
   placeAssistantRow(hc, t.node.id, cx, cy, assistants);
   if (normal.length === 0) {
     return;
   }
-  if (options.foldDeeperGenerations && level >= 1) {
+  if (options.foldDeeperGenerations && level2 >= 1) {
     return;
   }
-  if (options.hangingPlacer && level >= 1) {
+  if (options.hangingPlacer && level2 >= 1) {
     const plan = planFan(normal.length, options.perRow, siblingCxs);
     if (plan) {
-      placeFannedRow(hc, t, normal, plan, cx, cy, level, cellW, cellH, options, placeAt);
+      placeFannedRow(hc, t, normal, plan, cx, cy, level2, cellW, cellH, options, placeAt);
       return;
     }
     const isSoloChainLink = !siblingCxs || siblingCxs.length === 1;
     if (isSoloChainLink && normal.length > 1 && spanW === normal.length) {
-      placeFlatChildren2(hc, t.node.id, normal, cx, cy, xOffset, level, cellW, cellH, options);
+      placeFlatChildren2(hc, t.node.id, normal, cx, cy, xOffset, level2, cellW, cellH, options);
       return;
     }
     const anchorY = cy + hc.boxH / 2 + (options.hangHeightRatio ?? HANG_HEIGHT_RATIO) * hc.boxH;
@@ -46378,21 +46580,21 @@ function placeAt(hc, t, cx, cy, xOffset, spanW, level, cellW, cellH, options, si
       cy,
       xOffset,
       spanW,
-      level,
+      level2,
       cellW,
       cellH,
       options
     );
   } else {
-    placeFlatChildren2(hc, t.node.id, normal, cx, cy, xOffset, level, cellW, cellH, options);
+    placeFlatChildren2(hc, t.node.id, normal, cx, cy, xOffset, level2, cellW, cellH, options);
   }
 }
-function placeStandardTree(hc, t, xOffset, level, cellW, cellH, options) {
+function placeStandardTree(hc, t, xOffset, level2, cellW, cellH, options) {
   const spanW = spanOf(t, options);
-  const cascadeShift = options.cascadeOffsetX && level >= options.cascadeOffsetX.fromLevel ? options.cascadeOffsetX.offsetPx : 0;
+  const cascadeShift = options.cascadeOffsetX && level2 >= options.cascadeOffsetX.fromLevel ? options.cascadeOffsetX.offsetPx : 0;
   const cx = (xOffset + spanW / 2) * cellW + cascadeShift;
-  const cy = level * cellH + cellH / 2;
-  placeAt(hc, t, cx, cy, xOffset, spanW, level, cellW, cellH, options);
+  const cy = level2 * cellH + cellH / 2;
+  placeAt(hc, t, cx, cy, xOffset, spanW, level2, cellW, cellH, options);
 }
 var init_smartart_hierarchy_standard = __esm({
   "src/core/utils/smartart-hierarchy-standard.ts"() {
@@ -48054,10 +48256,10 @@ function layoutHierarchy(nodes, bounds, themeColorMap) {
   const boxH = Math.min(cellH * 0.35, 28);
   const elements2 = [];
   let colourIdx = 0;
-  function walk3(t, xOffset, level) {
+  function walk3(t, xOffset, level2) {
     const w = treeWidth(t);
     const cx = bounds.x + padding + (xOffset + w / 2) * cellW;
-    const cy = bounds.y + padding + level * cellH + cellH / 2;
+    const cy = bounds.y + padding + level2 * cellH + cellH / 2;
     const ci = colourIdx++;
     const fill = accentColor(ci, themeColorMap);
     elements2.push(
@@ -48080,7 +48282,7 @@ function layoutHierarchy(nodes, bounds, themeColorMap) {
     for (const child262 of t.children) {
       const childW = treeWidth(child262);
       const childCx = bounds.x + padding + (childOffset + childW / 2) * cellW;
-      const childCy = bounds.y + padding + (level + 1) * cellH + cellH / 2;
+      const childCy = bounds.y + padding + (level2 + 1) * cellH + cellH / 2;
       elements2.push(
         makeConnectorElement(
           nextId("sa-hier-conn"),
@@ -48091,7 +48293,7 @@ function layoutHierarchy(nodes, bounds, themeColorMap) {
           lighten(fill, 0.5)
         )
       );
-      walk3(child262, childOffset, level + 1);
+      walk3(child262, childOffset, level2 + 1);
       childOffset += childW;
     }
     return w;
@@ -49076,10 +49278,15 @@ function buildSmartArtColorRoleMap(styleLbls, deps) {
   const map = {};
   for (const lbl of styleLbls) {
     const parsed = parseLabel(lbl, deps);
-    if (!parsed.name || parsed.fill.length === 0 && parsed.line.length === 0) {
+    const hasText = parsed.textFill.length > 0;
+    if (!parsed.name || parsed.fill.length === 0 && parsed.line.length === 0 && !hasText) {
       continue;
     }
-    map[parsed.name] = { fill: parsed.fill, line: parsed.line };
+    map[parsed.name] = {
+      fill: parsed.fill,
+      line: parsed.line,
+      ...hasText ? { textFill: parsed.textFill } : {}
+    };
   }
   return map;
 }
@@ -55174,10 +55381,10 @@ function parseCxRegionMapOptions(series, dataNode, xmlLookup, colorParser) {
 }
 function readIndexedDimension(dataNode, kind, type, xmlLookup) {
   const dimension = xmlLookup.getChildrenArrayByLocalName(dataNode, kind).find((candidate) => String(candidate["@_type"] ?? "") === type);
-  const level = xmlLookup.getChildByLocalName(dimension, "lvl");
+  const level2 = xmlLookup.getChildByLocalName(dimension, "lvl");
   const values = [];
   const indices = [];
-  for (const [position2, point] of xmlLookup.getChildrenArrayByLocalName(level, "pt").entries()) {
+  for (const [position2, point] of xmlLookup.getChildrenArrayByLocalName(level2, "pt").entries()) {
     const raw = xmlLookup.getScalarChildByLocalName(point, "v") ?? point["#text"];
     values.push(String(raw ?? "").trim());
     const parsed = Number.parseInt(String(point["@_idx"] ?? position2), 10);
@@ -55314,7 +55521,7 @@ function parseCxChartSeries(plotArea, xmlLookup, chartSpace, chartRoot, colorPar
     if (serIndex === 0) {
       const catDimLevels = strDims.get("cat") ?? strDims.values().next().value;
       if (catDimLevels) {
-        categoryLevels = catDimLevels.map((level) => [...level]);
+        categoryLevels = catDimLevels.map((level2) => [...level2]);
         for (const val2 of catDimLevels[0] ?? []) {
           if (val2) {
             categories.push(val2);
@@ -63942,6 +64149,10 @@ function buildFabricatedDrawingXml(shapes, nodes, presentationGuidByNodeId) {
   return `${XML_PROLOG}\r
 <dsp:drawing ${DSP_XMLNS}><dsp:spTree><dsp:nvGrpSpPr><dsp:cNvPr id="0" name=""/><dsp:cNvGrpSpPr/></dsp:nvGrpSpPr><dsp:grpSpPr/>${body}</dsp:spTree></dsp:drawing>`;
 }
+function withStyleLabel(element) {
+  const styleLabel = smartArtElementStyleLabel(element);
+  return styleLabel ? { styleLabel } : {};
+}
 function smartArtElementsToDrawingShapes(elements2) {
   if (!elements2 || elements2.length === 0) {
     return [];
@@ -63984,7 +64195,8 @@ function smartArtElementsToDrawingShapes(elements2) {
       fontColor: shape.textStyle?.color,
       ...shape.shapeStyle?.scene3d ? { scene3d: shape.shapeStyle.scene3d } : {},
       ...shape.shapeStyle?.shape3d ? { shape3d: shape.shapeStyle.shape3d } : {},
-      ...shape.textStyle?.text3d ? { text3d: shape.textStyle.text3d } : {}
+      ...shape.textStyle?.text3d ? { text3d: shape.textStyle.text3d } : {},
+      ...withStyleLabel(el)
     });
   }
   return shapes;
@@ -63999,6 +64211,7 @@ var init_smartart_fabrication_drawing = __esm({
     init_constants();
     init_custom_geometry();
     init_custom_geometry_command_order();
+    init_smartart_element_style_label();
     init_smartart_fabrication_3d();
     init_smartart_fabrication_data();
     init_smartart_fabrication_text();
@@ -64070,6 +64283,10 @@ function applySmartArtQuickStyle3d(shapes, data) {
   const nodeLabels = resolveNodeLabels(data.nodes);
   const fallback = labelsByName.get(PRIMARY_STYLE_LABEL) ?? labelsByName.get(nodeLabels.values().next().value ?? "");
   return shapes.map((shape) => {
+    const own = shape.styleLabel ? labelsByName.get(shape.styleLabel) : void 0;
+    if (own || shape.styleLabel) {
+      return own ? withLabel3d(shape, own) : shape;
+    }
     const nodeId = nodeIdForShape(shape.id, data.nodes);
     const labelName = nodeId ? nodeLabels.get(nodeId) : void 0;
     const label = (labelName ? labelsByName.get(labelName) : void 0) ?? fallback;
@@ -68722,17 +68939,17 @@ var init_placeholder_level_style_serializer = __esm({
     FILL_VARIANTS = ["a:noFill", "a:gradFill", "a:blipFill", "a:pattFill", "a:grpFill"];
   }
 });
-function levelXmlKey(level) {
-  return level === -1 ? "a:defPPr" : `a:lvl${level + 1}pPr`;
+function levelXmlKey(level2) {
+  return level2 === -1 ? "a:defPPr" : `a:lvl${level2 + 1}pPr`;
 }
 function serializeTextStyleLevels(levels, existing) {
   const childEdits = /* @__PURE__ */ new Map();
   for (const [key2, style] of Object.entries(levels)) {
-    const level = Number(key2);
-    if (!Number.isFinite(level)) {
+    const level2 = Number(key2);
+    if (!Number.isFinite(level2)) {
       continue;
     }
-    const xmlKey = levelXmlKey(level);
+    const xmlKey = levelXmlKey(level2);
     childEdits.set(
       xmlKey,
       serializePlaceholderLevelStyle(style, existing?.[xmlKey])
@@ -78113,10 +78330,10 @@ function parseOleChartElement(shape) {
   if (!oleChartEl || oleChartEl["@_type"] === void 0) {
     return void 0;
   }
-  const level = oleChartEl["@_lvl"] !== void 0 ? Number(oleChartEl["@_lvl"]) : void 0;
+  const level2 = oleChartEl["@_lvl"] !== void 0 ? Number(oleChartEl["@_lvl"]) : void 0;
   return {
     subelementType: String(oleChartEl["@_type"]),
-    ...level !== void 0 && !Number.isNaN(level) ? { level } : {}
+    ...level2 !== void 0 && !Number.isNaN(level2) ? { level: level2 } : {}
   };
 }
 var init_animation_target_graphic_el = __esm({
@@ -78687,9 +78904,9 @@ function extractBldPTemplates(bldP) {
       continue;
     }
     const levelRaw = tmpl["@_lvl"];
-    const level = levelRaw !== void 0 ? Number.parseInt(String(levelRaw), 10) : 0;
+    const level2 = levelRaw !== void 0 ? Number.parseInt(String(levelRaw), 10) : 0;
     result.push({
-      level: Number.isFinite(level) ? level : 0,
+      level: Number.isFinite(level2) ? level2 : 0,
       timeNodeList: tnLst,
       rawXml: tmpl
     });
@@ -104466,6 +104683,113 @@ var init_chart_multi_level_category_parser = __esm({
   "src/core/utils/chart-multi-level-category-parser.ts"() {
   }
 });
+function prSetOf(pt2, localName292) {
+  const key2 = Object.keys(pt2).find((candidate) => localName292(candidate) === "prSet");
+  const value = key2 ? pt2[key2] : void 0;
+  return Array.isArray(value) ? value[0] : value;
+}
+function readPresPoints(points4, localName292) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const pt2 of points4) {
+    if (!pt2 || typeof pt2 !== "object" || String(pt2["@_type"] ?? "").trim() !== "pres") {
+      continue;
+    }
+    const id = String(pt2["@_modelId"] ?? "").trim();
+    const prSet = prSetOf(pt2, localName292);
+    if (!id || !prSet) {
+      continue;
+    }
+    const styleIndex2 = Number(prSet["@_presStyleIdx"] ?? 0);
+    byId.set(id, {
+      id,
+      name: String(prSet["@_presName"] ?? "").trim(),
+      styleLabel: String(prSet["@_presStyleLbl"] ?? "").trim(),
+      styleIndex: Number.isFinite(styleIndex2) && styleIndex2 > 0 ? Math.floor(styleIndex2) : 0,
+      assocId: String(prSet["@_presAssocID"] ?? "").trim()
+    });
+  }
+  return byId;
+}
+function algorithmByLayoutNodeName(root) {
+  const byName = /* @__PURE__ */ new Map();
+  const stack = root ? [root] : [];
+  while (stack.length > 0) {
+    const node = stack.pop();
+    if (node.name && node.algorithm?.type && !byName.has(node.name)) {
+      byName.set(node.name, node.algorithm.type);
+    }
+    stack.push(...node.children ?? []);
+  }
+  return byName;
+}
+function resolveSmartArtMergedTextLabels(points4, connections, layout, localName292) {
+  const result = /* @__PURE__ */ new Map();
+  const algorithms = algorithmByLayoutNodeName(layout?.rootNode);
+  const presPoints = readPresPoints(points4, localName292);
+  if (algorithms.size === 0 || presPoints.size === 0) {
+    return result;
+  }
+  const presented = /* @__PURE__ */ new Set();
+  const childrenByParent = /* @__PURE__ */ new Map();
+  for (const connection of connections) {
+    if (connection.type === "presOf") {
+      presented.add(connection.destId);
+    } else if (connection.type === "presParOf") {
+      const siblings = childrenByParent.get(connection.sourceId) ?? [];
+      siblings.push(connection.destId);
+      childrenByParent.set(connection.sourceId, siblings);
+    }
+  }
+  for (const siblingIds of childrenByParent.values()) {
+    const siblings = siblingIds.map((id) => presPoints.get(id)).filter((pt2) => Boolean(pt2?.styleLabel && presented.has(pt2.id)));
+    const texts = siblings.filter((pt2) => algorithms.get(pt2.name) === "tx");
+    for (const shape of siblings) {
+      if (algorithms.get(shape.name) === "tx" || result.has(shape.id)) {
+        continue;
+      }
+      const text22 = texts.find(
+        (pt2) => pt2.assocId === shape.assocId && pt2.styleLabel !== shape.styleLabel
+      );
+      if (text22) {
+        result.set(shape.id, {
+          styleLabel: text22.styleLabel,
+          styleIndex: text22.styleIndex,
+          textPointId: text22.id
+        });
+      }
+    }
+  }
+  return result;
+}
+function smartArtMergedTextColor(label, textFillByLabel) {
+  const list2 = textFillByLabel?.[label.styleLabel]?.textFill;
+  if (!list2 || list2.length === 0) {
+    return void 0;
+  }
+  return list2[label.styleIndex % list2.length];
+}
+function resolveSmartArtMergedTextColors(points4, connections, layout, textFillByLabel, localName292) {
+  const colors = /* @__PURE__ */ new Map();
+  if (!textFillByLabel) {
+    return colors;
+  }
+  for (const [shapeId, label] of resolveSmartArtMergedTextLabels(
+    points4,
+    connections,
+    layout,
+    localName292
+  )) {
+    const color2 = smartArtMergedTextColor(label, textFillByLabel);
+    if (color2) {
+      colors.set(shapeId, color2);
+    }
+  }
+  return colors;
+}
+var init_smartart_merged_text_label = __esm({
+  "src/core/utils/smartart-merged-text-label.ts"() {
+  }
+});
 function children12(node, name, localName292) {
   if (!node) {
     return [];
@@ -105965,21 +106289,21 @@ var init_text_body_has_content = __esm({
 function createAutoNumberSequence() {
   return { levels: /* @__PURE__ */ new Map() };
 }
-function forgetFromLevel(sequence, level) {
+function forgetFromLevel(sequence, level2) {
   for (const recorded of sequence.levels.keys()) {
-    if (recorded >= level) {
+    if (recorded >= level2) {
       sequence.levels.delete(recorded);
     }
   }
 }
-function breakAutoNumberRun(sequence, level) {
-  forgetFromLevel(sequence, level);
+function breakAutoNumberRun(sequence, level2) {
+  forgetFromLevel(sequence, level2);
 }
-function nextAutoNumber(sequence, level, scheme, startAt) {
-  const running = sequence.levels.get(level);
+function nextAutoNumber(sequence, level2, scheme, startAt) {
+  const running = sequence.levels.get(level2);
   const ordinal = running && running.scheme === scheme ? running.ordinal + 1 : startAt;
-  forgetFromLevel(sequence, level + 1);
-  sequence.levels.set(level, { scheme, ordinal });
+  forgetFromLevel(sequence, level2 + 1);
+  sequence.levels.set(level2, { scheme, ordinal });
   return ordinal;
 }
 var init_auto_number_sequence = __esm({
@@ -108690,7 +109014,7 @@ function masterStyleFonts(styles) {
   if (!styles) {
     return [];
   }
-  return [styles.title, styles.body, styles.other].flatMap((levels) => levels ?? []).map((level) => level.run.fontName).filter((name) => Boolean(name));
+  return [styles.title, styles.body, styles.other].flatMap((levels) => levels ?? []).map((level2) => level2.run.fontName).filter((name) => Boolean(name));
 }
 var PPT_MASTER_LEVELS;
 var TITLE_LEVELS;
@@ -110376,8 +110700,8 @@ function textSpecInfo(count) {
 function promptText(textType, paragraphs2) {
   const text22 = paragraphs2.join("\r");
   const levels = new ByteWriter();
-  paragraphs2.forEach((para, level) => {
-    levels.u32(para.length + 1).u16(level);
+  paragraphs2.forEach((para, level2) => {
+    levels.u32(para.length + 1).u16(level2);
   });
   return new ByteWriter().bytes(textHeader(textType)).bytes(atom(RT.TextBytesAtom, new ByteWriter().ansi(text22).toBytes())).bytes(atom(RT.MasterTextPropAtom, levels.toBytes())).bytes(textSpecInfo(text22.length + 1)).toBytes();
 }
@@ -110543,9 +110867,9 @@ var init_master_placeholders_writer = __esm({
 });
 function buildMasterStyleAtom(recInstance, levels, fontIndex) {
   const w = new ByteWriter().u16(levels.length);
-  for (const level of levels) {
-    writePfException(w, level.paragraph);
-    writeCfException(w, level.run, fontIndex);
+  for (const level2 of levels) {
+    writePfException(w, level2.paragraph);
+    writeCfException(w, level2.run, fontIndex);
   }
   return record(RT.TextMasterStyleAtom, w.toBytes(), recInstance, false, 0);
 }
@@ -111601,11 +111925,11 @@ function levelsFor(styles, textType) {
       return void 0;
   }
 }
-function relativiseParagraph(para, level) {
+function relativiseParagraph(para, level2) {
   const runs = para.runs.map((run) => {
     const out = { ...run };
     for (const key2 of STYLE_KEYS) {
-      const inherited = level?.run[key2] ?? false;
+      const inherited = level2?.run[key2] ?? false;
       if (out[key2] !== void 0 && out[key2] === inherited) {
         delete out[key2];
       }
@@ -112238,9 +112562,9 @@ function buildChartExData(chartData, series, id) {
   const stringDimensions = [
     {
       "@_type": "cat",
-      "cx:lvl": categoryLevels.map((level) => ({
-        "@_ptCount": String(level.length),
-        "cx:pt": chartData.chartType === "regionMap" && level === categoryLevels[0] ? indexedPoints(level, regionOptions?.categorySourceIndices) : points(level)
+      "cx:lvl": categoryLevels.map((level2) => ({
+        "@_ptCount": String(level2.length),
+        "cx:pt": chartData.chartType === "regionMap" && level2 === categoryLevels[0] ? indexedPoints(level2, regionOptions?.categorySourceIndices) : points(level2)
       }))
     }
   ];
@@ -115833,10 +116157,10 @@ function replaceLevels(target, source, getLocalName2) {
   const targetKey = findKey26(target, "lvl", getLocalName2) ?? "cx:lvl";
   const sourceKey = findKey26(source, "lvl", getLocalName2);
   const oldLevels = asArray4(target[targetKey]);
-  const newLevels = asArray4(sourceKey ? source[sourceKey] : void 0).map((level, index) => {
+  const newLevels = asArray4(sourceKey ? source[sourceKey] : void 0).map((level2, index) => {
     const old = oldLevels[index];
     if (!old) {
-      return level;
+      return level2;
     }
     const merged = {};
     for (const key2 of Object.keys(old)) {
@@ -115844,7 +116168,7 @@ function replaceLevels(target, source, getLocalName2) {
         merged[key2] = old[key2];
       }
     }
-    return { ...level, ...merged };
+    return { ...level2, ...merged };
   });
   target[targetKey] = newLevels.length === 1 ? newLevels[0] : newLevels;
 }
@@ -118025,18 +118349,18 @@ var init_uniform_segment_overrides = __esm({
   "src/core/core/runtime/uniform-segment-overrides.ts"() {
   }
 });
-function authoredPropertyGate(authoredProperties, level) {
+function authoredPropertyGate(authoredProperties, level2) {
   if (authoredProperties) {
     return (key2) => authoredProperties[key2] !== void 0;
   }
-  const isNested = typeof level === "number" && Number.isFinite(level) && level > 0;
+  const isNested = typeof level2 === "number" && Number.isFinite(level2) && level2 > 0;
   return () => !isNested;
 }
-function buildParagraphPropertiesXml(textStyle, paragraphAlign, bulletInfo, spacing, level, authoredProperties) {
+function buildParagraphPropertiesXml(textStyle, paragraphAlign, bulletInfo, spacing, level2, authoredProperties) {
   const paragraphProps = {};
-  const owns = authoredPropertyGate(authoredProperties, level);
-  if (typeof level === "number" && Number.isFinite(level) && level >= 0) {
-    paragraphProps["@_lvl"] = String(Math.min(Math.max(Math.round(level), 0), 8));
+  const owns = authoredPropertyGate(authoredProperties, level2);
+  if (typeof level2 === "number" && Number.isFinite(level2) && level2 >= 0) {
+    paragraphProps["@_lvl"] = String(Math.min(Math.max(Math.round(level2), 0), 8));
   }
   if (paragraphAlign && owns("align")) {
     paragraphProps["@_algn"] = paragraphAlign;
@@ -123346,7 +123670,7 @@ var init_PptxHandlerRuntimeSaveParagraphs = __esm({
     PptxHandlerRuntime13 = class extends PptxHandlerRuntime12 {
       createParagraphsFromTextContent(text22, textStyle, textSegments, resolveHyperlinkRelationshipId) {
         const runScopedTextStyle = toRunScopedTextStyle(textStyle);
-        const createParagraph = (runs, bulletInfo, level, endParaRunProperties, paragraphProperties2, markup) => {
+        const createParagraph = (runs, bulletInfo, level2, endParaRunProperties, paragraphProperties2, markup) => {
           const effectiveStyle = paragraphProperties2 ? { ...textStyle, ...paragraphProperties2 } : textStyle;
           const paragraphAlign = this.textAlignToDrawingValue(effectiveStyle?.align);
           const spacing = {
@@ -123360,7 +123684,7 @@ var init_PptxHandlerRuntimeSaveParagraphs = __esm({
             paragraphAlign,
             bulletInfo,
             spacing,
-            level,
+            level2,
             paragraphProperties2
           );
           return assembleParagraphXml(runs, paragraphProps, endParaRunProperties, markup);
@@ -129211,20 +129535,20 @@ var init_smartart_colors_builder = __esm({
     ]);
   }
 });
-function prSetOf(pt2) {
+function prSetOf2(pt2) {
   const prSet = pt2["dgm:prSet"];
   return prSet && typeof prSet === "object" && !Array.isArray(prSet) ? prSet : {};
 }
 function findPresPointForAssoc(pts, assocId) {
   return pts.find(
-    (pt2) => pt2["@_type"] === "pres" && String(prSetOf(pt2)["@_presAssocID"] || "") === assocId
+    (pt2) => pt2["@_type"] === "pres" && String(prSetOf2(pt2)["@_presAssocID"] || "") === assocId
   );
 }
 function maxPresParOfOrd(cxns, srcId) {
   return cxns.filter((c) => c["@_type"] === "presParOf" && c["@_srcId"] === srcId).reduce((max, c) => Math.max(max, parseInt(String(c["@_srcOrd"] ?? ""), 10) || 0), -1);
 }
 function countNodePresPoints(pts) {
-  return pts.filter((pt2) => pt2["@_type"] === "pres" && prSetOf(pt2)["@_presName"] === "node").length;
+  return pts.filter((pt2) => pt2["@_type"] === "pres" && prSetOf2(pt2)["@_presName"] === "node").length;
 }
 function emptyTextBody() {
   return { "a:bodyPr": {}, "a:lstStyle": {}, "a:p": { "a:endParaRPr": { "@_lang": "en-US" } } };
@@ -129334,8 +129658,8 @@ function synthesizeNewSmartArtStructuralPoints(existingPts, existingCxns, nodes,
     pts.push(buildPresSibTransPoint(presSibTransId, sibTransId));
     const total = idx + 1;
     for (const pt2 of pts) {
-      if (pt2["@_type"] === "pres" && prSetOf(pt2)["@_presName"] === "node") {
-        prSetOf(pt2)["@_presStyleCnt"] = String(total);
+      if (pt2["@_type"] === "pres" && prSetOf2(pt2)["@_presName"] === "node") {
+        prSetOf2(pt2)["@_presStyleCnt"] = String(total);
       }
     }
     const srcOrd = connectionByChildId.get(node.id)?.srcOrd ?? 0;
@@ -138255,8 +138579,8 @@ var init_PptxHandlerRuntimePlaceholderLookup = __esm({
       mergePlaceholderLevelStyles(base, override) {
         const merged = {};
         for (const key2 of /* @__PURE__ */ new Set([...Object.keys(base ?? {}), ...Object.keys(override ?? {})])) {
-          const level = Number.parseInt(key2, 10);
-          merged[level] = { ...base?.[level], ...override?.[level] };
+          const level2 = Number.parseInt(key2, 10);
+          merged[level2] = { ...base?.[level2], ...override?.[level2] };
         }
         return merged;
       }
@@ -139168,8 +139492,8 @@ var init_PptxHandlerRuntimeBulletParsing = __esm({
             ...paragraphProps?.["a:buSzTx"] !== void 0 ? { sizeInherit: true } : {}
           };
         }
-        const level = Number.parseInt(String(paragraphProps?.["@_lvl"] || "0"), 10);
-        const normalizedLevel = Number.isFinite(level) ? Math.min(Math.max(level + 1, 1), 9) : 1;
+        const level2 = Number.parseInt(String(paragraphProps?.["@_lvl"] || "0"), 10);
+        const normalizedLevel = Number.isFinite(level2) ? Math.min(Math.max(level2 + 1, 1), 9) : 1;
         const levelKey = `a:lvl${normalizedLevel}pPr`;
         const inheritedLevelProps = xmlChild(xmlChild(inheritedTxBody, "a:lstStyle"), levelKey);
         const bodyLevelProps = xmlChild(xmlChild(txBody, "a:lstStyle"), levelKey);
@@ -139730,8 +140054,8 @@ var init_PptxHandlerRuntimeShapeTextParsing = __esm({
           p["a:pPr"]
         );
         const parsedLevel = Number.parseInt(String(directPPr?.["@_lvl"] ?? "0"), 10);
-        const level = Number.isFinite(parsedLevel) ? Math.min(Math.max(parsedLevel, 0), 8) : 0;
-        const levelKey = `a:lvl${level + 1}pPr`;
+        const level2 = Number.isFinite(parsedLevel) ? Math.min(Math.max(parsedLevel, 0), 8) : 0;
+        const levelKey = `a:lvl${level2 + 1}pPr`;
         const ownLstStyle = ctx.txBody?.["a:lstStyle"];
         const inheritedLstStyle = ctx.inheritedTxBody?.["a:lstStyle"];
         const lstStyleParagraphDefaults = this.mergeXmlObjects(
@@ -139749,7 +140073,7 @@ var init_PptxHandlerRuntimeShapeTextParsing = __esm({
         if (paragraphRtl !== void 0 && textStyle.rtl === void 0) {
           textStyle.rtl = paragraphRtl;
         }
-        const ownPlaceholderAlignment = ctx.effectiveLevelStyles?.[level]?.alignment ?? ctx.effectiveLevelStyles?.[-1]?.alignment;
+        const ownPlaceholderAlignment = ctx.effectiveLevelStyles?.[level2]?.alignment ?? ctx.effectiveLevelStyles?.[-1]?.alignment;
         const paraAlign = resolveParagraphAlignment(
           pPr?.["@_algn"],
           ownPlaceholderAlignment,
@@ -139877,7 +140201,7 @@ var init_PptxHandlerRuntimeShapeTextParsing = __esm({
           mergedDefaultRunStyle.fontFamily = ctx.styleFontRefTypeface;
         }
         if (ctx.effectiveLevelStyles) {
-          const phLevel = ctx.effectiveLevelStyles[level];
+          const phLevel = ctx.effectiveLevelStyles[level2];
           const phBase = ctx.effectiveLevelStyles[-1];
           const runOwnRtl = mergedDefaultRunStyle.rtl;
           if (phLevel) {
@@ -139897,7 +140221,7 @@ var init_PptxHandlerRuntimeShapeTextParsing = __esm({
         let effectiveMarginLeft = parMarginLeft;
         let effectiveIndent = parIndent;
         if (ctx.effectiveLevelStyles) {
-          const phLevel = ctx.effectiveLevelStyles[level];
+          const phLevel = ctx.effectiveLevelStyles[level2];
           const phBase = ctx.effectiveLevelStyles[-1];
           if (effectiveMarginLeft === void 0) {
             effectiveMarginLeft = phLevel?.marginLeft ?? phBase?.marginLeft;
@@ -143271,12 +143595,12 @@ var init_PptxHandlerRuntimeMasterElements = __esm({
           return;
         }
         const levelStyles = {};
-        for (let level = 1; level <= 9; level++) {
+        for (let level2 = 1; level2 <= 9; level2++) {
           const parsed = this.parsePlaceholderLevelStyle(
-            defaultTextStyle[`a:lvl${level}pPr`]
+            defaultTextStyle[`a:lvl${level2}pPr`]
           );
           if (parsed) {
-            levelStyles[level - 1] = parsed;
+            levelStyles[level2 - 1] = parsed;
           }
         }
         const defaultLevel = this.parsePlaceholderLevelStyle(
@@ -146319,7 +146643,7 @@ var init_PptxHandlerRuntimeSmartArtParsing = __esm({
           return [];
         }
       }
-      parseDrawingShape(sp, index, emuPerPx) {
+      parseDrawingShape(sp, index, emuPerPx, mergedTextColor) {
         const spPr = this.xmlLookupService.getChildByLocalName(sp, "spPr");
         if (!spPr) {
           return null;
@@ -146380,7 +146704,7 @@ var init_PptxHandlerRuntimeSmartArtParsing = __esm({
         }
         const text22 = textValues2.join("").trim() || void 0;
         const textStyle = extractDrawingShapeTextStyle(txBody, this.drawingShapeStyleDeps(), emuPerPx);
-        textStyle.fontColor ??= extractDrawingShapeFontRefColor(sp, this.drawingShapeStyleDeps());
+        textStyle.fontColor ??= mergedTextColor ?? extractDrawingShapeFontRefColor(sp, this.drawingShapeStyleDeps());
         const { fontSize, fontColor } = textStyle;
         const txXfrm = this.xmlLookupService.getChildByLocalName(sp, "txXfrm");
         const txOff = this.xmlLookupService.getChildByLocalName(txXfrm, "off");
@@ -146608,6 +146932,7 @@ var PptxHandlerRuntime89;
 var init_PptxHandlerRuntimeSmartArt = __esm({
   "src/core/core/runtime/PptxHandlerRuntimeSmartArt.ts"() {
     init_utils();
+    init_smartart_merged_text_label();
     init_smartart_point_metadata();
     init_smartart_pres_layout_vars();
     init_smart_art_text_helpers();
@@ -146706,7 +147031,16 @@ var init_PptxHandlerRuntimeSmartArt = __esm({
           diagramDataRelationshipId,
           drawingExtensionRelId
         );
-        const drawingShapes = drawingResolution ? await this.parseSmartArtDrawingShapesFromPath(drawingResolution.path) : [];
+        const drawingShapes = drawingResolution ? await this.parseSmartArtDrawingShapesFromPath(
+          drawingResolution.path,
+          resolveSmartArtMergedTextColors(
+            points4,
+            parsedConnections,
+            layoutDefinition,
+            colorTransform?.roleColors,
+            localName292
+          )
+        ) : [];
         const drawingRelationshipId = drawingResolution?.relId;
         const styleRelationshipId = parsedRelationshipIds?.styleRelId ?? "";
         const quickStyle = await this.parseSmartArtQuickStyle(slidePath, styleRelationshipId);
@@ -146813,17 +147147,22 @@ var init_PptxHandlerRuntimeSmartArt = __esm({
        * resolves picture (blip) fills to data URLs via the drawing part's own
        * relationships. Delegates to a pure helper with an injected dep bundle.
        */
-      async parseSmartArtDrawingShapesFromPath(drawingPath) {
-        return parseDrawingShapesFromPart(drawingPath, this.drawingBlipDeps());
+      async parseSmartArtDrawingShapesFromPath(drawingPath, mergedTextColors) {
+        return parseDrawingShapesFromPart(drawingPath, this.drawingBlipDeps(mergedTextColors));
       }
       /** Bind runtime zip / parser / lookup / image helpers for the drawing parser. */
-      drawingBlipDeps() {
+      drawingBlipDeps(mergedTextColors) {
         return {
           readText: (path) => this.zip.file(path)?.async("string") ?? Promise.resolve(void 0),
           parse: (xml) => this.parser.parse(xml),
           getChild: (node, local) => this.xmlLookupService.getChildByLocalName(node, local),
           getChildren: (node, local) => this.xmlLookupService.getChildrenArrayByLocalName(node, local),
-          parseDrawingShape: (sp, index, emuPerPx) => this.parseDrawingShape(sp, index, emuPerPx),
+          parseDrawingShape: (sp, index, emuPerPx) => this.parseDrawingShape(
+            sp,
+            index,
+            emuPerPx,
+            mergedTextColors?.get(String(sp["@_modelId"] ?? ""))
+          ),
           emuPerPx: _PptxHandlerRuntime.EMU_PER_PX,
           ensureArray: (value) => this.ensureArray(value),
           resolveImagePath: (base, target) => this.resolveImagePath(base, target),
@@ -149596,7 +149935,7 @@ var init_PptxHandlerRuntimeLoadPipeline = __esm({
             },
             placeholderType: (element) => this.getElementPlaceholderInfo(element)?.type,
             applyBodyDefaults: (textStyle, defaults) => this.applyPlaceholderBodyDefaults(textStyle, defaults),
-            applyLevelDefaults: (textStyle, level) => this.applyPlaceholderLevelDefaults(textStyle, level)
+            applyLevelDefaults: (textStyle, level2) => this.applyPlaceholderLevelDefaults(textStyle, level2)
           }
         );
         const sldLayout = layoutXml["p:sldLayout"];
@@ -151666,38 +152005,38 @@ function parseMasterStyleAtom(view, rec, scheme, fonts) {
       break;
     }
     pos2 = cf.next;
-    const level = {};
+    const level2 = {};
     if (cf.props.sizePt !== void 0) {
-      level.sizePt = cf.props.sizePt;
+      level2.sizePt = cf.props.sizePt;
     }
     if (cf.props.bold !== void 0) {
-      level.bold = cf.props.bold;
+      level2.bold = cf.props.bold;
     }
     if (cf.props.colorRgb !== void 0) {
-      level.colorRgb = cf.props.colorRgb;
+      level2.colorRgb = cf.props.colorRgb;
     }
     if (cf.props.fontRef !== void 0 && fonts[cf.props.fontRef]) {
-      level.fontName = fonts[cf.props.fontRef];
+      level2.fontName = fonts[cf.props.fontRef];
     }
     if (pf.props.align !== void 0) {
-      level.align = pf.props.align;
+      level2.align = pf.props.align;
     }
     if (pf.props.hasBullet !== void 0) {
-      level.hasBullet = pf.props.hasBullet;
+      level2.hasBullet = pf.props.hasBullet;
     }
     if (pf.props.bulletChar !== void 0) {
-      level.bulletChar = pf.props.bulletChar;
+      level2.bulletChar = pf.props.bulletChar;
     }
     if (pf.props.bulletFontRef !== void 0 && fonts[pf.props.bulletFontRef]) {
-      level.bulletFontName = fonts[pf.props.bulletFontRef];
+      level2.bulletFontName = fonts[pf.props.bulletFontRef];
     }
     if (pf.props.leftMarginMu !== void 0) {
-      level.marginLeftEmu = masterToEmu(pf.props.leftMarginMu);
+      level2.marginLeftEmu = masterToEmu(pf.props.leftMarginMu);
     }
     if (pf.props.indentMu !== void 0) {
-      level.indentEmu = masterToEmu(pf.props.indentMu);
+      level2.indentEmu = masterToEmu(pf.props.indentMu);
     }
-    levels.push(level);
+    levels.push(level2);
   }
   return levels;
 }
@@ -152277,28 +152616,28 @@ var init_shape_writer2 = __esm({
     init_xml_utils();
   }
 });
-function levelXml(tag, level, fallbackSizePt) {
+function levelXml(tag, level2, fallbackSizePt) {
   const attrs3 = [];
-  if (level.marginLeftEmu !== void 0) {
-    attrs3.push(`marL="${emu(level.marginLeftEmu)}"`);
+  if (level2.marginLeftEmu !== void 0) {
+    attrs3.push(`marL="${emu(level2.marginLeftEmu)}"`);
   }
-  if (level.indentEmu !== void 0) {
-    attrs3.push(`indent="${-Math.abs(emu(level.indentEmu))}"`);
+  if (level2.indentEmu !== void 0) {
+    attrs3.push(`indent="${-Math.abs(emu(level2.indentEmu))}"`);
   }
-  attrs3.push(`algn="${level.align ?? "l"}"`);
+  attrs3.push(`algn="${level2.align ?? "l"}"`);
   let bullet = "";
-  if (level.hasBullet === false) {
+  if (level2.hasBullet === false) {
     bullet = "<a:buNone/>";
-  } else if (level.hasBullet === true || level.bulletChar !== void 0) {
-    if (level.bulletFontName !== void 0) {
-      bullet += `<a:buFont typeface="${esc(level.bulletFontName)}"/>`;
+  } else if (level2.hasBullet === true || level2.bulletChar !== void 0) {
+    if (level2.bulletFontName !== void 0) {
+      bullet += `<a:buFont typeface="${esc(level2.bulletFontName)}"/>`;
     }
-    bullet += `<a:buChar char="${esc(level.bulletChar ?? "\u2022")}"/>`;
+    bullet += `<a:buChar char="${esc(level2.bulletChar ?? "\u2022")}"/>`;
   }
-  const size = Math.round((level.sizePt ?? fallbackSizePt) * 100);
-  const bold = level.bold ? ' b="1"' : "";
-  const color2 = level.colorRgb !== void 0 ? solidFill(level.colorRgb) : '<a:solidFill><a:schemeClr val="tx1"/></a:solidFill>';
-  const font = level.fontName !== void 0 ? `<a:latin typeface="${esc(level.fontName)}"/>` : '<a:latin typeface="+mn-lt"/>';
+  const size = Math.round((level2.sizePt ?? fallbackSizePt) * 100);
+  const bold = level2.bold ? ' b="1"' : "";
+  const color2 = level2.colorRgb !== void 0 ? solidFill(level2.colorRgb) : '<a:solidFill><a:schemeClr val="tx1"/></a:solidFill>';
+  const font = level2.fontName !== void 0 ? `<a:latin typeface="${esc(level2.fontName)}"/>` : '<a:latin typeface="+mn-lt"/>';
   const defRPr = `<a:defRPr sz="${size}" kern="1200"${bold}>${color2}${font}</a:defRPr>`;
   return `<a:${tag} ${attrs3.join(" ")}>${bullet}${defRPr}</a:${tag}>`;
 }
@@ -164983,16 +165322,16 @@ var SmartArtElementProcessor = class {
     }
     return roots.length > 0 ? roots : [...nodeMap.values()];
   }
-  renderNestedList(nodes, level) {
+  renderNestedList(nodes, level2) {
     const lines = [];
-    const indent = "  ".repeat(level);
+    const indent = "  ".repeat(level2);
     for (const node of nodes) {
       const text22 = node.text.trim();
       if (text22) {
         lines.push(`${indent}- ${text22}`);
       }
       if (node.children && node.children.length > 0) {
-        lines.push(this.renderNestedList(node.children, level + 1));
+        lines.push(this.renderNestedList(node.children, level2 + 1));
       }
     }
     return lines.join("\n");
@@ -166929,19 +167268,19 @@ var TextSegmentRenderer = class {
     if (!options.disableLists && !options.inlineMode) {
       const bullet = group2.segments.find((segment) => Boolean(segment.bulletInfo))?.bulletInfo;
       if (bullet && !bullet.none) {
-        const level = resolveListLevel(bullet, group2.index, options.paragraphIndents);
+        const level2 = resolveListLevel(bullet, group2.index, options.paragraphIndents);
         const marker = resolveListMarker(bullet, group2.index);
         const alreadyNumbered = bullet.autoNumType && /^\d+[.)]\s/.test(rawText);
         const prefix = alreadyNumbered ? "" : `${marker} `;
         if (options.htmlFormatting) {
-          const pad23 = level * 1.5;
+          const pad23 = level2 * 1.5;
           return {
             text: `<div style="padding-left:${pad23}em">${prefix}${rawText}</div>`,
             isListItem: true
           };
         }
         return {
-          text: `${"  ".repeat(level)}${prefix}${rawText}`,
+          text: `${"  ".repeat(level2)}${prefix}${rawText}`,
           isListItem: true
         };
       }
@@ -169216,7 +169555,7 @@ function dataLabelBox(label) {
   const y = centred2 ? label.y - h2 / 2 : label.y - label.fontSize * ASCENT - DATA_LABEL_PAD_Y;
   return { x, y, w, h: h2 };
 }
-var PX_PER_PT6;
+var PX_PER_PT7;
 var DATA_LABEL_PAD_X;
 var DATA_LABEL_PAD_Y;
 var DATA_LABEL_LINE_HEIGHT;
@@ -169224,9 +169563,9 @@ var ASCENT;
 var canvasContext;
 var init_chart_label_measure = __esm2({
   "src/render/chart-label-measure.ts"() {
-    PX_PER_PT6 = 4 / 3;
-    DATA_LABEL_PAD_X = 3 * PX_PER_PT6;
-    DATA_LABEL_PAD_Y = 1.5 * PX_PER_PT6;
+    PX_PER_PT7 = 4 / 3;
+    DATA_LABEL_PAD_X = 3 * PX_PER_PT7;
+    DATA_LABEL_PAD_Y = 1.5 * PX_PER_PT7;
     DATA_LABEL_LINE_HEIGHT = 1.2207;
     ASCENT = 0.952;
   }
@@ -171221,8 +171560,8 @@ function buildMultiLevelCategoryLabels(categoryLabels, categoryLevels, sourceInd
   const fontPx = axis?.fontSize !== void 0 ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX;
   const bandHeight = Math.max(fontPx, 8) + 4;
   const baselineShift = labelsAbove ? -0.2 * fontPx : 0.8 * fontPx;
-  return levels.flatMap((level, levelIndex) => {
-    const values = sourceIndices2.map((sourceIndex) => level[sourceIndex] ?? "");
+  return levels.flatMap((level2, levelIndex) => {
+    const values = sourceIndices2.map((sourceIndex) => level2[sourceIndex] ?? "");
     return groupedLabels(values).flatMap((group2) => {
       if (!group2.text || group2.start % skip !== 0) {
         return [];
@@ -171351,7 +171690,7 @@ function chartDataInCategoryOrder(chartData, sourceIndices2) {
     ...chartData,
     categories: sourceIndices2.map((sourceIndex) => chartData.categories[sourceIndex] ?? ""),
     categoryLevels: chartData.categoryLevels?.map(
-      (level) => sourceIndices2.map((sourceIndex) => level[sourceIndex] ?? "")
+      (level2) => sourceIndices2.map((sourceIndex) => level2[sourceIndex] ?? "")
     ),
     series: chartData.series.map((series) => ({
       ...series,
@@ -175515,12 +175854,12 @@ function computeSunburstArcs(series, cx, cy, maxR, colorPalette) {
   }
   return out;
 }
-function hierarchyKey(levels, level, index) {
-  return levels.slice(level).map((labels) => labels[index] ?? "").join("\0");
+function hierarchyKey(levels, level2, index) {
+  return levels.slice(level2).map((labels) => labels[index] ?? "").join("\0");
 }
 function computeHierarchicalSunburstArcs(categoryLevels, values, cx, cy, maxR, colorPalette) {
-  const levels = categoryLevels.filter((level) => level.length > 0);
-  const leafCount = Math.max(values.length, ...levels.map((level) => level.length), 0);
+  const levels = categoryLevels.filter((level2) => level2.length > 0);
+  const leafCount = Math.max(values.length, ...levels.map((level2) => level2.length), 0);
   if (levels.length === 0 || leafCount === 0) {
     return [];
   }
@@ -175535,15 +175874,15 @@ function computeHierarchicalSunburstArcs(categoryLevels, values, cx, cy, maxR, c
   const rootLabels = levels[levels.length - 1] ?? [];
   const rootColors = /* @__PURE__ */ new Map();
   const out = [];
-  for (let level = levels.length - 1; level >= 0; level--) {
-    const ringIndex = levels.length - 1 - level;
+  for (let level2 = levels.length - 1; level2 >= 0; level2--) {
+    const ringIndex = levels.length - 1 - level2;
     const innerRadius = ringWidth * (ringIndex + 0.5);
     const outerRadius = ringWidth * (ringIndex + 1.5);
     let start = 0;
     while (start < leafCount) {
-      const key2 = hierarchyKey(levels, level, start);
+      const key2 = hierarchyKey(levels, level2, start);
       let end = start + 1;
-      while (end < leafCount && hierarchyKey(levels, level, end) === key2) {
+      while (end < leafCount && hierarchyKey(levels, level2, end) === key2) {
         end++;
       }
       const startAngle = -Math.PI / 2 + prefix[start] / total * Math.PI * 2;
@@ -175557,8 +175896,8 @@ function computeHierarchicalSunburstArcs(categoryLevels, values, cx, cy, maxR, c
         fill: paletteColor2(rootColors.get(rootLabel) ?? start, colorPalette),
         opacity: Math.max(0.1, 0.9 - ringIndex * 0.1),
         level: ringIndex,
-        label: levels[level][start] ?? "",
-        ...level === 0 && end === start + 1 ? { pointIndex: start } : {},
+        label: levels[level2][start] ?? "",
+        ...level2 === 0 && end === start + 1 ? { pointIndex: start } : {},
         ...arcLabelPlacement(cx, cy, (innerRadius + outerRadius) / 2, startAngle, endAngle)
       });
       start = end;
@@ -176707,10 +177046,10 @@ var init_chart_treemap_squarify = __esm2({
   }
 });
 function normalizedLevels(levels, pointCount2) {
-  return levels.map((level) => {
+  return levels.map((level2) => {
     let previous = "";
     return Array.from({ length: pointCount2 }, (_, index) => {
-      const label = level[index]?.trim() ?? "";
+      const label = level2[index]?.trim() ?? "";
       if (label) {
         previous = label;
       }
@@ -180548,9 +180887,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;
@@ -180560,6 +180903,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) {
@@ -180580,7 +180929,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;
@@ -180601,8 +180950,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,
@@ -185446,6 +185796,75 @@ var init_chart_3d_view_scene = __esm2({
     init_surface_chart_3d_scene();
   }
 });
+function isSmartArt3DGlassMaterial(material) {
+  return material === "clear";
+}
+function smartArt3DSurfaceAlpha(material, opacity2, facing) {
+  if (!isSmartArt3DGlassMaterial(material)) {
+    return opacity2;
+  }
+  const tilt = 1 - Math.max(0, Math.min(1, facing));
+  const share = CLEAR_FACE_ALPHA + CLEAR_EDGE_GAIN * tilt ** CLEAR_EDGE_EXPONENT;
+  return Math.max(0, Math.min(1, opacity2 * share));
+}
+function smartArt3DVertexAlphas(positions2, normals, material, opacity2, eye) {
+  const out = new Float32Array(positions2.length / 3);
+  for (let i2 = 0, v = 0; i2 < positions2.length; i2 += 3, v++) {
+    let view = { x: 0, y: 0, z: 1 };
+    if (eye) {
+      const dx = eye.x - positions2[i2];
+      const dy = eye.y - positions2[i2 + 1];
+      const dz = eye.z - positions2[i2 + 2];
+      const len = Math.hypot(dx, dy, dz) || 1;
+      view = { x: dx / len, y: dy / len, z: dz / len };
+    }
+    const facing = normals[i2] * view.x + normals[i2 + 1] * view.y + normals[i2 + 2] * view.z;
+    out[v] = smartArt3DSurfaceAlpha(material, opacity2, facing);
+  }
+  return out;
+}
+function orientSmartArt3DTriangles(triangles) {
+  const { positions: p, normals: n } = triangles;
+  for (let t = 0; t + 9 <= p.length; t += 9) {
+    const ux = p[t + 3] - p[t];
+    const uy = p[t + 4] - p[t + 1];
+    const uz = p[t + 5] - p[t + 2];
+    const vx = p[t + 6] - p[t];
+    const vy = p[t + 7] - p[t + 1];
+    const vz = p[t + 8] - p[t + 2];
+    const cx = uy * vz - uz * vy;
+    const cy = uz * vx - ux * vz;
+    const cz = ux * vy - uy * vx;
+    const nx = n[t] + n[t + 3] + n[t + 6];
+    const ny = n[t + 1] + n[t + 4] + n[t + 7];
+    const nz = n[t + 2] + n[t + 5] + n[t + 8];
+    if (cx * nx + cy * ny + cz * nz < 0) {
+      for (const arr of [p, n]) {
+        for (let c = 0; c < 3; c++) {
+          const b = arr[t + 3 + c];
+          arr[t + 3 + c] = arr[t + 6 + c];
+          arr[t + 6 + c] = b;
+        }
+      }
+    }
+  }
+}
+function isSmartArt3DTranslucentMesh(mesh) {
+  return !mesh.fillNone && (mesh.opacity < 1 || isSmartArt3DGlassMaterial(mesh.solid?.material));
+}
+function smartArt3DGlassLightModel(model) {
+  return { ...model, ambient: 1, diffuse: 0 };
+}
+var CLEAR_FACE_ALPHA;
+var CLEAR_EDGE_GAIN;
+var CLEAR_EDGE_EXPONENT;
+var init_smartart_3d_translucency = __esm2({
+  "src/render/smartart-3d-translucency.ts"() {
+    CLEAR_FACE_ALPHA = 0.2;
+    CLEAR_EDGE_GAIN = 2;
+    CLEAR_EDGE_EXPONENT = 1;
+  }
+});
 function buildTextBlockTexture(three, block) {
   if (typeof document === "undefined" || block.lines.every((l) => l.text.length === 0)) {
     return null;
@@ -185957,19 +186376,45 @@ function buildGradientTexture(three, gradient) {
   texture.needsUpdate = true;
   return texture;
 }
+function withAlpha(rgb2, alpha) {
+  const out = new Float32Array(alpha.length * 4);
+  for (let v = 0; v < alpha.length; v++) {
+    out.set(rgb2.subarray(v * 3, v * 3 + 3), v * 4);
+    out[v * 4 + 3] = alpha[v];
+  }
+  return out;
+}
 function buildPart(three, part, light, eye, disposables) {
-  const { positions: positions2, normals } = part.triangles;
-  if (positions2.length === 0) {
+  if (part.triangles.positions.length === 0) {
     return null;
   }
+  const glass = isSmartArt3DGlassMaterial(part.material);
+  const translucent = part.opacity < 1 || glass;
+  if (translucent) {
+    orientSmartArt3DTriangles(part.triangles);
+  }
+  const { positions: positions2, normals } = part.triangles;
   const gradient = part.gradient;
   const flatColor = hexToRgb7(part.color);
   const baseAt = (p) => gradient ? smartArt3DGradientColor(gradient, p) : flatColor;
   const geometry = new three.BufferGeometry();
   geometry.setAttribute("position", new three.Float32BufferAttribute(positions2, 3));
+  const shading = shadeSmartArt3DVertices(
+    positions2,
+    normals,
+    baseAt,
+    glass ? smartArt3DGlassLightModel(light) : light,
+    eye
+  );
   geometry.setAttribute(
     "color",
-    new three.BufferAttribute(shadeSmartArt3DVertices(positions2, normals, baseAt, light, eye), 3)
+    glass ? new three.BufferAttribute(
+      withAlpha(
+        shading,
+        smartArt3DVertexAlphas(positions2, normals, part.material, part.opacity, eye)
+      ),
+      4
+    ) : new three.BufferAttribute(shading, 3)
   );
   const texture = gradient ? buildGradientTexture(three, gradient) : null;
   if (gradient && texture) {
@@ -185987,9 +186432,13 @@ function buildPart(three, part, light, eye, disposables) {
     color: texture ? "#ffffff" : part.color,
     map: texture,
     vertexColors: true,
-    side: three.DoubleSide,
-    transparent: part.opacity < 1,
-    opacity: part.opacity
+    side: translucent ? three.FrontSide : three.DoubleSide,
+    transparent: translucent,
+    // A glass carries its alpha per vertex; the material then stays at 1.
+    opacity: glass ? 1 : part.opacity,
+    // Translucent solids are layered in paint order, like PowerPoint's
+    // per-shape compositing, rather than hiding one another.
+    depthWrite: !translucent
   });
   disposables.push(geometry, material);
   return new three.Mesh(geometry, material);
@@ -186016,12 +186465,20 @@ function buildLitMeshObject(three, mesh, light, eye) {
     for (const cap of geometry?.contourCaps ?? []) {
       appendCap(three, contour, cap);
     }
+    const material = mesh.solid?.material;
     const parts = [
-      { triangles: body, color: mesh.fill, gradient: mesh.gradient, opacity: mesh.opacity },
+      {
+        triangles: body,
+        color: mesh.fill,
+        gradient: mesh.gradient,
+        opacity: mesh.opacity,
+        material
+      },
       {
         triangles: sides,
         color: mesh.solid?.extrusionColor ?? mesh.fill,
-        opacity: mesh.opacity
+        opacity: mesh.opacity,
+        material
       },
       {
         triangles: contour,
@@ -186029,33 +186486,36 @@ function buildLitMeshObject(three, mesh, light, eye) {
         opacity: mesh.opacity
       }
     ];
-    for (const part of parts) {
+    parts.forEach((part, order) => {
       const built = buildPart(three, part, light, localEye, disposables);
       if (built) {
-        if (mesh.opacity < 1) {
-          const material = built.material;
-          material.transparent = true;
-          material.opacity = mesh.opacity;
-        }
+        built.renderOrder = order;
         group2.add(built);
       }
-    }
+    });
   }
   for (const line4 of buildStrokeLines(three, mesh, disposables)) {
     group2.add(line4);
   }
+  const labelsFrom = group2.children.length;
   buildLitTextObject(three, mesh, group2, light, disposables);
+  for (const label of group2.children.slice(labelsFrom)) {
+    label.renderOrder = LABEL_RENDER_ORDER;
+  }
   return { group: group2, disposables };
 }
+var LABEL_RENDER_ORDER;
 var GRADIENT_TEXELS;
 var init_lit_mesh_object = __esm2({
   "src/smartart-3d/lit-mesh-object.ts"() {
     init_smartart_3d_drawing_solid();
     init_smartart_3d_ring();
     init_smartart_3d_solid_geometry();
+    init_smartart_3d_translucency();
     init_smartart_3d_vertex_shading();
     init_flat_mesh_object();
     init_lit_text_object();
+    LABEL_RENDER_ORDER = 3;
     GRADIENT_TEXELS = 256;
   }
 });
@@ -186273,16 +186733,24 @@ async function mountSmartArt3DView(model, ctx) {
     );
   }
   scene.add(root);
-  for (const mesh of model.meshes) {
+  model.meshes.forEach((mesh, index) => {
     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)) {
+      built.group.renderOrder = index + 1;
+    }
     root.add(built.group);
     disposables.push(...built.disposables);
-  }
+  });
   const camera = buildSmartArtViewCamera(three, model.bounds, model.camera, ctx.size);
   let overflow = frameSmartArtOverflow(three, root, camera, ctx.size, Boolean(model.camera));
   return {
@@ -186307,6 +186775,7 @@ var init_view_scene = __esm2({
   "src/smartart-3d/view-scene.ts"() {
     init_smartart_3d_lighting();
     init_smartart_3d_scene_camera();
+    init_smartart_3d_translucency();
     init_flat_mesh_object();
     init_lit_mesh_object();
     init_view_camera();
@@ -191499,7 +191968,7 @@ function pointInRing(p, ring) {
   }
   return inside;
 }
-function contourRaster(values, w, h2, level) {
+function contourRaster(values, w, h2, level2) {
   const at = (x, y) => x < 0 || y < 0 || x >= w || y >= h2 ? 0 : values[y * w + x];
   const stride = w + 2;
   const hKey = (x, y) => ((y + 1) * stride + (x + 1)) * 2;
@@ -191509,7 +191978,7 @@ function contourRaster(values, w, h2, level) {
     if (!points4.has(key2)) {
       const a = at(x, y);
       const b = horizontal ? at(x + 1, y) : at(x, y + 1);
-      const t = b !== a ? (level - a) / (b - a) : 0.5;
+      const t = b !== a ? (level2 - a) / (b - a) : 0.5;
       points4.set(key2, horizontal ? { x: x + t, y } : { x, y: y + t });
     }
     return key2;
@@ -191533,15 +192002,15 @@ function contourRaster(values, w, h2, level) {
   };
   for (let y = -1; y < h2; y++) {
     for (let x = -1; x < w; x++) {
-      const tl = at(x, y) >= level ? 1 : 0;
-      const tr = at(x + 1, y) >= level ? 1 : 0;
-      const br = at(x + 1, y + 1) >= level ? 1 : 0;
-      const bl = at(x, y + 1) >= level ? 1 : 0;
+      const tl = at(x, y) >= level2 ? 1 : 0;
+      const tr = at(x + 1, y) >= level2 ? 1 : 0;
+      const br = at(x + 1, y + 1) >= level2 ? 1 : 0;
+      const bl = at(x, y + 1) >= level2 ? 1 : 0;
       const code = tl * 8 + tr * 4 + br * 2 + bl;
       if (code === 0 || code === 15) {
         continue;
       }
-      const centre = (at(x, y) + at(x + 1, y) + at(x + 1, y + 1) + at(x, y + 1)) / 4 >= level;
+      const centre = (at(x, y) + at(x + 1, y) + at(x + 1, y + 1) + at(x, y + 1)) / 4 >= level2;
       switch (code) {
         case 1:
         case 14:
@@ -199361,14 +199830,14 @@ function round2(value, precision) {
 function svgDataUri(svg, filterId) {
   return `url("data:image/svg+xml,${encodeURIComponent(svg)}#${filterId}")`;
 }
-function pixelateFilterMarkup(level, filterId) {
-  const tile4 = round2(level, 4);
-  const dot2 = round2(level * DOT_RATIO, 4);
+function pixelateFilterMarkup(level2, filterId) {
+  const tile4 = round2(level2, 4);
+  const dot2 = round2(level2 * DOT_RATIO, 4);
   return `<svg xmlns="http://www.w3.org/2000/svg"><filter id="${filterId}" primitiveUnits="objectBoundingBox" x="-0.5" y="-0.5" width="2" height="2" color-interpolation-filters="sRGB"><feFlood x="0" y="0" width="${dot2}" height="${dot2}" result="dot"/><feComposite in="dot" width="${tile4}" height="${tile4}" result="tile"/><feTile in="tile" result="grid"/><feComposite in="SourceGraphic" in2="grid" operator="in"/></filter></svg>`;
 }
-var PIXELATE_FILTER_VALUES = PIXELATE_LEVELS.map((level, index) => {
+var PIXELATE_FILTER_VALUES = PIXELATE_LEVELS.map((level2, index) => {
   const filterId = `pptx-pixelate-${index}`;
-  return svgDataUri(pixelateFilterMarkup(level, filterId), filterId);
+  return svgDataUri(pixelateFilterMarkup(level2, filterId), filterId);
 });
 function buildSteppedKeyframes(name, order, opacityFrom, opacityTo) {
   const lastIndex = order.length - 1;
@@ -200677,7 +201146,7 @@ function revealedByLevel(nodes, progress) {
     return nodes.length;
   }
   const allowed = new Set(uniqueLevels.slice(0, shownLevels));
-  return levels.filter((level) => allowed.has(level)).length;
+  return levels.filter((level2) => allowed.has(level2)).length;
 }
 function revealedByBranch(nodes, progress) {
   const roots = nodeBranchRoots(nodes);
@@ -202453,8 +202922,8 @@ var DEFAULT_BUILD_LEVEL = 1;
 function groupParagraphsByBuildLevel(levels, buildLevel = DEFAULT_BUILD_LEVEL) {
   const groups = [];
   for (let i2 = 0; i2 < levels.length; i2++) {
-    const level = levels[i2] ?? 0;
-    const opensGroup = groups.length === 0 || level < buildLevel;
+    const level2 = levels[i2] ?? 0;
+    const opensGroup = groups.length === 0 || level2 < buildLevel;
     if (opensGroup) {
       groups.push([i2]);
     } else {
@@ -215501,8 +215970,8 @@ function resolveParagraphBullet(firstSegment, baseFontSize = firstSegment?.style
   return void 0;
 }
 var INDENT_PX_PER_LEVEL = 18;
-function bulletIndentPx(level) {
-  const lvl = typeof level === "number" && level > 0 ? level : 0;
+function bulletIndentPx(level2) {
+  const lvl = typeof level2 === "number" && level2 > 0 ? level2 : 0;
   return lvl * INDENT_PX_PER_LEVEL;
 }
 function resolveParagraphIndent(paraIndent, paragraphLevel) {
@@ -215700,15 +216169,15 @@ function setElementBullets(element, kind, range) {
     }
     const first = segments[0] ?? paragraph.terminator;
     const info = first?.bulletInfo;
-    const level = first?.paragraphLevel ?? 0;
+    const level2 = first?.paragraphLevel ?? 0;
     if (info?.autoNumType && paragraphBulletKind(segments) === "numbered") {
       const startAt = info.autoNumStartAt ?? 1;
-      const ordinal = nextAutoNumber(sequence, level, info.autoNumType, startAt) - startAt;
+      const ordinal = nextAutoNumber(sequence, level2, info.autoNumType, startAt) - startAt;
       if (info.paragraphIndex !== ordinal) {
         segments = toggleParagraphBullet(segments, "numbered", ordinal);
       }
     } else {
-      breakAutoNumberRun(sequence, level);
+      breakAutoNumberRun(sequence, level2);
     }
     next.push(...segments);
     if (paragraph.terminator) {
@@ -219597,11 +220066,11 @@ function definedEntries(descriptor) {
     ([, value]) => value !== void 0
   );
 }
-function resolveNotesLevelStyle(notesStyle, level = 0) {
+function resolveNotesLevelStyle(notesStyle, level2 = 0) {
   if (!notesStyle) {
     return {};
   }
-  const own = notesStyle[level];
+  const own = notesStyle[level2];
   const fallback = notesStyle[-1];
   const descriptor = {
     fontFamily: own?.fontFamily ?? fallback?.fontFamily,
@@ -223426,12 +223895,12 @@ function renumberRemappedParagraphs(segments) {
       return segment;
     }
     const info = segment.bulletInfo;
-    const level = segment.paragraphLevel ?? 0;
+    const level2 = segment.paragraphLevel ?? 0;
     if (!info?.autoNumType || !resolveParagraphBullet(segment)?.isNumbered) {
-      breakAutoNumberRun(sequence, level);
+      breakAutoNumberRun(sequence, level2);
       return segment;
     }
-    const ordinal = nextAutoNumber(sequence, level, info.autoNumType, info.autoNumStartAt ?? 1) - (info.autoNumStartAt ?? 1);
+    const ordinal = nextAutoNumber(sequence, level2, info.autoNumType, info.autoNumStartAt ?? 1) - (info.autoNumStartAt ?? 1);
     if (info.paragraphIndex === void 0 || info.paragraphIndex === ordinal) {
       return segment;
     }
@@ -230361,17 +230830,17 @@ function computeHierarchyLayout(nodes, box, palette, style, elementId) {
   const renderedNodes = [];
   const connectors2 = [];
   let colourIdx = 0;
-  function renderTreeNode(t, xOffset, level) {
+  function renderTreeNode(t, xOffset, level2) {
     const w = treeWidth(t);
     const nodeCx = (xOffset + w / 2) * cellW;
-    const nodeCy = level * cellH + cellH / 2;
+    const nodeCy = level2 * cellH + cellH / 2;
     const ci = colourIdx++;
     const fontSize = fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
     let childOffset = xOffset;
     for (const child27 of t.children) {
       const childW = treeWidth(child27);
       const childCx = (childOffset + childW / 2) * cellW;
-      const childCy = (level + 1) * cellH + cellH / 2;
+      const childCy = (level2 + 1) * cellH + cellH / 2;
       const midY = nodeCy + boxH / 2 + (childCy - boxH / 2 - (nodeCy + boxH / 2)) / 2;
       connectors2.push({
         key: `${elementId}-hier-conn-${t.node.id}-${child27.node.id}`,
@@ -230400,7 +230869,7 @@ function computeHierarchyLayout(nodes, box, palette, style, elementId) {
     renderedNodes.push(nodeEntry);
     let co = xOffset;
     for (const child27 of t.children) {
-      renderTreeNode(child27, co, level + 1);
+      renderTreeNode(child27, co, level2 + 1);
       co += treeWidth(child27);
     }
   }
@@ -235749,8 +236218,8 @@ function paragraphGroupText(group2) {
 }
 function paragraphGroupLevel(group2) {
   const first = group2.marker ?? group2.content[0];
-  const level = first?.paragraphLevel;
-  return typeof level === "number" && level > 0 ? Math.min(level, MAX_PARAGRAPH_LEVEL) : 0;
+  const level2 = first?.paragraphLevel;
+  return typeof level2 === "number" && level2 > 0 ? Math.min(level2, MAX_PARAGRAPH_LEVEL) : 0;
 }
 function readElementParagraphs(element) {
   const groups = groupElementParagraphs(element);
@@ -235880,14 +236349,14 @@ function mapOutlineKey(input, rowKey) {
   }
   return none;
 }
-function withLevel(segments, level) {
+function withLevel(segments, level2) {
   return segments.map((segment, index) => {
     if (index > 0) {
       return segment;
     }
     const next = { ...segment };
-    if (level > 0) {
-      next.paragraphLevel = Math.min(level, MAX_PARAGRAPH_LEVEL);
+    if (level2 > 0) {
+      next.paragraphLevel = Math.min(level2, MAX_PARAGRAPH_LEVEL);
     } else {
       delete next.paragraphLevel;
     }
@@ -236026,12 +236495,12 @@ function applyIndent(slides, row, delta) {
   }
   const result = editParagraphs(slides, row, (paragraphs2) => {
     const current = paragraphs2[row.paragraphIndex];
-    const level = Math.min(Math.max(current.level + (delta > 0 ? 1 : -1), 0), MAX_PARAGRAPH_LEVEL);
-    if (level === current.level) {
+    const level2 = Math.min(Math.max(current.level + (delta > 0 ? 1 : -1), 0), MAX_PARAGRAPH_LEVEL);
+    if (level2 === current.level) {
       return null;
     }
     const next = [...paragraphs2];
-    next[row.paragraphIndex] = { ...current, level };
+    next[row.paragraphIndex] = { ...current, level: level2 };
     return next;
   });
   return result ?? unchanged2([...slides], row);
@@ -236088,6 +236557,44 @@ function applyOutlineEdit(slides, edit, options = {}) {
       return unchanged2([...slides], row);
   }
 }
+var NUDGE_SMALL = 1;
+var NUDGE_LARGE = 10;
+function editorNudgeDelta(key2, large) {
+  const step = large ? NUDGE_LARGE : NUDGE_SMALL;
+  switch (key2) {
+    case "ArrowLeft":
+      return { dx: -step, dy: 0 };
+    case "ArrowRight":
+      return { dx: step, dy: 0 };
+    case "ArrowUp":
+      return { dx: 0, dy: -step };
+    case "ArrowDown":
+      return { dx: 0, dy: step };
+    default:
+      return null;
+  }
+}
+function editorSlideStep(key2, hasSelection, withModifier) {
+  if (withModifier) {
+    return null;
+  }
+  if (key2 === "PageUp") {
+    return "prevSlide";
+  }
+  if (key2 === "PageDown") {
+    return "nextSlide";
+  }
+  if (hasSelection) {
+    return null;
+  }
+  if (key2 === "ArrowLeft" || key2 === "ArrowUp") {
+    return "prevSlide";
+  }
+  if (key2 === "ArrowRight" || key2 === "ArrowDown") {
+    return "nextSlide";
+  }
+  return null;
+}
 function resolveChord(key2, shiftKey, hasSelection) {
   switch (key2.toLowerCase()) {
     case "z":
@@ -236229,8 +236736,6 @@ function isEditorControlTarget(target) {
   }
   return Boolean(element.closest(CONTROL_SELECTOR));
 }
-var NUDGE_SMALL = 1;
-var NUDGE_LARGE = 10;
 var GUARD_DEFAULTS = {
   canEdit: true,
   isPresenting: false,
@@ -236241,21 +236746,6 @@ var GUARD_DEFAULTS = {
   isTextInputTarget: false,
   isControlTarget: false
 };
-function editorNudgeDelta(key2, large) {
-  const step = large ? NUDGE_LARGE : NUDGE_SMALL;
-  switch (key2) {
-    case "ArrowLeft":
-      return { dx: -step, dy: 0 };
-    case "ArrowRight":
-      return { dx: step, dy: 0 };
-    case "ArrowUp":
-      return { dx: 0, dy: -step };
-    case "ArrowDown":
-      return { dx: 0, dy: step };
-    default:
-      return null;
-  }
-}
 var NO_ACTION = { action: null };
 function mapEditorKey(input, guard = {}) {
   const state = { ...GUARD_DEFAULTS, ...guard };
@@ -236308,18 +236798,13 @@ function mapEditorKey(input, guard = {}) {
       return chord2;
     }
   }
+  const paging = editorSlideStep(key2, state.hasSelection, mod || alt);
+  if (paging) {
+    return { action: paging };
+  }
   if (state.hasSelection) {
     const delta = editorNudgeDelta(key2, Boolean(input.shiftKey));
-    if (delta) {
-      return { action: "nudge", dx: delta.dx, dy: delta.dy };
-    }
-    return NO_ACTION;
-  }
-  if (key2 === "ArrowLeft") {
-    return { action: "prevSlide" };
-  }
-  if (key2 === "ArrowRight") {
-    return { action: "nextSlide" };
+    return delta ? { action: "nudge", dx: delta.dx, dy: delta.dy } : NO_ACTION;
   }
   return NO_ACTION;
 }
@@ -242672,8 +243157,8 @@ var VIEWER_SHORTCUT_REFERENCE = [
   { actionKey: "pptx.ribbon.ungroup", shortcut: "Ctrl/Cmd+Shift+G" },
   { actionKey: "pptx.shortcuts.action.nudgeElement", shortcut: "Arrow keys" },
   { actionKey: "pptx.shortcuts.action.nudgeElementLarge", shortcut: "Shift+Arrow keys" },
-  { actionKey: "pptx.shortcuts.action.prevSlide", shortcut: "Left arrow" },
-  { actionKey: "pptx.shortcuts.action.nextSlide", shortcut: "Right arrow" },
+  { actionKey: "pptx.shortcuts.action.prevSlide", shortcut: "Left or Up arrow, Page Up" },
+  { actionKey: "pptx.shortcuts.action.nextSlide", shortcut: "Right or Down arrow, Page Down" },
   { actionKey: "pptx.shortcuts.action.zoomCanvas", shortcut: "Ctrl/Cmd+Mouse wheel" },
   { actionKey: "pptx.shortcuts.action.commitTextEdit", shortcut: "Ctrl/Cmd+Enter" },
   { actionKey: "pptx.shortcuts.action.cancelTextEdit", shortcut: "Escape" },
@@ -251195,6 +251680,7 @@ function createElementClass() {
     #resize = null;
     #intersect = null;
     #poll = null;
+    #teardownPending = false;
     get spec() {
       return this.#spec;
     }
@@ -251203,9 +251689,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");
@@ -251246,6 +251730,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>`;
@@ -251273,6 +251761,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) {
@@ -253969,24 +254466,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;