pptx-react-viewer 4.25.0 → 4.26.0

package/dist/{chunk-5FEQK3MW.mjs → chunk-LCWNHXHZ.mjs}

@@ -74125,11 +74125,11 @@ async function loadNestedDeck(pptxBytes) {
   }
 }
 async function readOleNestedDeckDetail(pptxBytes) {
-  const loaded = await loadNestedDeck(pptxBytes);
-  if (!loaded) {
+  const loaded2 = await loadNestedDeck(pptxBytes);
+  if (!loaded2) {
     return void 0;
   }
-  return loaded.slides.map((slide, index) => ({
+  return loaded2.slides.map((slide, index) => ({
     index,
     elements: collectTextBearingElements(slide.elements).map((el) => ({
       elementId: el.id,
@@ -74138,8 +74138,8 @@ async function readOleNestedDeckDetail(pptxBytes) {
   }));
 }
 async function readOleNestedDeckFirstSlideTextLines(pptxBytes) {
-  const loaded = await loadNestedDeck(pptxBytes);
-  const firstSlide = loaded?.slides[0];
+  const loaded2 = await loadNestedDeck(pptxBytes);
+  const firstSlide = loaded2?.slides[0];
   if (!firstSlide) {
     return ["Embedded presentation"];
   }
@@ -74148,16 +74148,16 @@ async function readOleNestedDeckFirstSlideTextLines(pptxBytes) {
 }
 async function writeOleNestedDeckElementText(pptxBytes, slideIndex, elementId, text23) {
   try {
-    const loaded = await loadNestedDeck(pptxBytes);
-    const slide = loaded?.slides[slideIndex];
+    const loaded2 = await loadNestedDeck(pptxBytes);
+    const slide = loaded2?.slides[slideIndex];
     const target = slide ? findTextBearingElementById(slide.elements, elementId) : void 0;
-    if (!loaded || !slide || !target) {
+    if (!loaded2 || !slide || !target) {
       return pptxBytes;
     }
     target.text = text23;
     target.textSegments = void 0;
     slide.isDirty = true;
-    return await loaded.handler.save(loaded.slides);
+    return await loaded2.handler.save(loaded2.slides);
   } catch {
     return pptxBytes;
   }
@@ -100535,6 +100535,7 @@ function switchSmartArtLayout(currentData, newLayoutType) {
     // the nodes with the previous layout's algorithm (or a mismatch of the
     // two), which is what broke a diagram after a layout change.
     layoutDefinition: void 0,
+    builtinLayoutId: void 0,
     presLayoutVars: void 0,
     layoutDirty: true,
     drawingDirty: true,
@@ -149657,8 +149658,8 @@ function masterPartBackgroundEdited(runtime, part) {
   if (part.backgroundColor === void 0) {
     return false;
   }
-  const loaded = masterPartLoadedBackground(runtime, part.path);
-  return loaded === void 0 || loaded !== backgroundKey(part.backgroundColor);
+  const loaded2 = masterPartLoadedBackground(runtime, part.path);
+  return loaded2 === void 0 || loaded2 !== backgroundKey(part.backgroundColor);
 }
 var backgroundsByRuntime;
 var init_master_part_background_cache = __esm({
@@ -149701,11 +149702,11 @@ function masterPartElementsChanged(runtime, partPath, elements2) {
   if (elements2 === void 0) {
     return false;
   }
-  const loaded = signaturesByRuntime.get(runtime)?.get(partPath);
-  if (loaded === void 0) {
+  const loaded2 = signaturesByRuntime.get(runtime)?.get(partPath);
+  if (loaded2 === void 0) {
     return true;
   }
-  return loaded !== masterPartElementSignature(elements2);
+  return loaded2 !== masterPartElementSignature(elements2);
 }
 var signaturesByRuntime;
 var SIGNATURE_SKIP_KEYS;
@@ -167656,7 +167657,7 @@ function projectRubySubRunStyle(style, ownAuthored) {
   if (!inherited) {
     return style;
   }
-  const loaded = style.authoredRunStyle;
+  const loaded2 = style.authoredRunStyle;
   const own = ownAuthored ?? {};
   const projected = { ...inherited, ...own };
   for (const [key2, value] of Object.entries(style)) {
@@ -167664,7 +167665,7 @@ function projectRubySubRunStyle(style, ownAuthored) {
       continue;
     }
     const styleKey = key2;
-    const loadedValue = loaded?.[styleKey] ?? inherited[styleKey];
+    const loadedValue = loaded2?.[styleKey] ?? inherited[styleKey];
     if (value !== loadedValue) {
       projected[key2] = value;
     }
@@ -167740,8 +167741,8 @@ function toParsedSegmentUnderlay(runScopedTextStyle) {
   const underlay = {};
   for (const [key2, value] of Object.entries(runScopedTextStyle)) {
     const styleKey = key2;
-    const loaded = authored?.[styleKey] ?? baseline[styleKey];
-    if (loaded !== void 0 && loaded === value) {
+    const loaded2 = authored?.[styleKey] ?? baseline[styleKey];
+    if (loaded2 !== void 0 && loaded2 === value) {
       continue;
     }
     underlay[key2] = value;
@@ -174099,6 +174100,14 @@ var init_smartart_fabrication_layouts = __esm({
   }
 });
 function resolveSmartArtSaveLayout(data) {
+  const raw = data.layoutDefinition?.rawXmlText;
+  if (data.builtinLayoutId && raw) {
+    return {
+      category: data.layoutDefinition?.categories?.[0]?.type ?? "list",
+      uniqueId: data.builtinLayoutId,
+      xml: raw
+    };
+  }
   const family2 = resolveFabricatedLayoutFamily(data);
   const identity8 = data.layout ?? data.resolvedLayoutType;
   return {
@@ -233670,15 +233679,72 @@ var init_smartart_3d_translucency = __esm2({
     CLEAR_EDGE_EXPONENT = 1;
   }
 });
+function buildConnectorLines(three, connectors2, disposables) {
+  return connectors2.flatMap((connector) => {
+    if (connector.points.length < 2) {
+      return [];
+    }
+    const geometry = new three.BufferGeometry().setFromPoints(
+      connector.points.map((p) => new three.Vector3(p.x, p.y, p.z + CONNECTOR_Z_LIFT))
+    );
+    const material = new three.LineBasicMaterial({ color: connector.color });
+    disposables.push(geometry, material);
+    return [new three.Line(geometry, material)];
+  });
+}
+var CONNECTOR_Z_LIFT;
+var init_connector_object = __esm2({
+  "src/smartart-3d/connector-object.ts"() {
+    CONNECTOR_Z_LIFT = 0.02;
+  }
+});
+function textureScale(devicePixelRatio) {
+  const wanted = Math.ceil((Number.isFinite(devicePixelRatio) ? devicePixelRatio : 1) * 2);
+  return Math.min(MAX_SCALE, Math.max(MIN_SCALE, wanted));
+}
+function layoutTextBlock(block, measure22, devicePixelRatio) {
+  const fontSize = Math.max(6, block.fontSize);
+  let halfWidth = Math.max(1, block.maxWidth) / 2;
+  let halfHeight = Math.max(1, block.maxHeight) / 2;
+  for (const line5 of block.lines) {
+    if (!line5.text) continue;
+    halfWidth = Math.max(halfWidth, measure22(line5.text) / 2 + fontSize * PAD_EM);
+    halfHeight = Math.max(halfHeight, Math.abs(line5.dy) + fontSize * (LINE_HALF_EM + PAD_EM));
+  }
+  const worldWidth = halfWidth * 2;
+  const worldHeight = halfHeight * 2;
+  const scale2 = Math.min(
+    textureScale(devicePixelRatio),
+    MAX_TEXTURE_SIDE / worldWidth,
+    MAX_TEXTURE_SIDE / worldHeight
+  );
+  return {
+    worldWidth,
+    worldHeight,
+    scale: scale2,
+    pixelWidth: Math.max(8, Math.round(worldWidth * scale2)),
+    pixelHeight: Math.max(8, Math.round(worldHeight * scale2))
+  };
+}
+var MAX_TEXTURE_SIDE;
+var MIN_SCALE;
+var MAX_SCALE;
+var LINE_HALF_EM;
+var PAD_EM;
+var init_text_block_layout = __esm2({
+  "src/smartart-3d/text-block-layout.ts"() {
+    MAX_TEXTURE_SIDE = 4096;
+    MIN_SCALE = 3;
+    MAX_SCALE = 6;
+    LINE_HALF_EM = 0.75;
+    PAD_EM = 0.25;
+  }
+});
 function buildTextBlockTexture(three, block) {
   if (typeof document === "undefined" || block.lines.every((l) => l.text.length === 0)) {
     return null;
   }
-  const worldWidth = Math.max(1, block.maxWidth);
-  const worldHeight = Math.max(1, block.maxHeight);
   const canvas = document.createElement("canvas");
-  canvas.width = Math.max(8, Math.round(worldWidth * SUPERSAMPLE2));
-  canvas.height = Math.max(8, Math.round(worldHeight * SUPERSAMPLE2));
   const ctx2d = canvas.getContext("2d");
   if (!ctx2d) {
     return null;
@@ -233686,24 +233752,37 @@ function buildTextBlockTexture(three, block) {
   const weight = block.fontWeight ?? 400;
   const italic = block.fontStyle === "italic" ? "italic " : "";
   const family2 = block.fontFamily ? `${block.fontFamily}, system-ui, sans-serif` : "system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
-  const px32 = Math.max(6, block.fontSize) * SUPERSAMPLE2;
+  const fontSize = Math.max(6, block.fontSize);
+  const fontAt = (scale3) => `${italic}${weight} ${fontSize * scale3}px ${family2}`;
+  const MEASURE = 4;
+  ctx2d.font = fontAt(MEASURE);
+  const layout = layoutTextBlock(
+    block,
+    (text3) => ctx2d.measureText(text3).width / MEASURE,
+    typeof window === "undefined" ? 1 : window.devicePixelRatio
+  );
+  const { worldWidth, worldHeight, scale: scale2 } = layout;
+  canvas.width = layout.pixelWidth;
+  canvas.height = layout.pixelHeight;
   ctx2d.clearRect(0, 0, canvas.width, canvas.height);
   ctx2d.fillStyle = block.color;
   ctx2d.textAlign = "center";
   ctx2d.textBaseline = "middle";
-  ctx2d.font = `${italic}${weight} ${px32}px ${family2}`;
+  ctx2d.font = fontAt(scale2);
   const centerX = canvas.width / 2;
   const centerY = canvas.height / 2;
   for (const line5 of block.lines) {
     if (!line5.text) {
       continue;
     }
-    ctx2d.fillText(line5.text, centerX, centerY - line5.dy * SUPERSAMPLE2);
+    ctx2d.fillText(line5.text, centerX, centerY - line5.dy * scale2);
   }
   const texture = new three.CanvasTexture(canvas);
   texture.colorSpace = three.SRGBColorSpace;
-  texture.minFilter = three.LinearFilter;
+  texture.generateMipmaps = true;
+  texture.minFilter = three.LinearMipmapLinearFilter;
   texture.magFilter = three.LinearFilter;
+  texture.anisotropy = ANISOTROPY;
   texture.flipY = false;
   texture.premultiplyAlpha = false;
   texture.wrapT = three.RepeatWrapping;
@@ -233712,10 +233791,11 @@ function buildTextBlockTexture(three, block) {
   texture.needsUpdate = true;
   return { texture, worldWidth, worldHeight };
 }
-var SUPERSAMPLE2;
+var ANISOTROPY;
 var init_text_block_texture = __esm2({
   "src/smartart-3d/text-block-texture.ts"() {
-    SUPERSAMPLE2 = 3;
+    init_text_block_layout();
+    ANISOTROPY = 8;
   }
 });
 function buildShape(three, mesh) {
@@ -234556,6 +234636,9 @@ async function mountSmartArt3DView(model, ctx) {
     root.add(built.group);
     disposables.push(...built.disposables);
   });
+  for (const line5 of buildConnectorLines(three, model.connectors, disposables)) {
+    root.add(line5);
+  }
   const camera = buildSmartArtViewCamera(three, model.bounds, model.camera, ctx.size);
   let overflow = frameSmartArtOverflow(three, root, camera, ctx.size, Boolean(model.camera));
   return {
@@ -234581,6 +234664,7 @@ var init_view_scene = __esm2({
     init_smartart_3d_lighting();
     init_smartart_3d_scene_camera();
     init_smartart_3d_translucency();
+    init_connector_object();
     init_flat_mesh_object();
     init_lit_mesh_object();
     init_view_camera();
@@ -255734,6 +255818,7 @@ var galleryTranslationsEn = {
   "pptx.gallery.smartArtStyles.title": "SmartArt Styles",
   "pptx.gallery.smartArtColors.title": "Change Colors",
   "pptx.gallery.smartArtLayouts.title": "Layouts",
+  "pptx.gallery.smartArtLayouts.named": "{{name}}",
   "pptx.gallery.smartArtCommand.addShape": "Add Shape",
   "pptx.gallery.smartArtCommand.addBullet": "Add Bullet",
   "pptx.gallery.smartArtCommand.textPane": "Text Pane",
@@ -293777,6 +293862,39 @@ function smartArtColorPatch(data, fillColors) {
     })
   };
 }
+var loaded;
+var loading;
+function preloadSmartArtBuiltinLayouts() {
+  loading ??= import('./smartart-layouts-UCAFYVFW.mjs').then(
+    (module) => loaded = module,
+    () => void 0
+  );
+  return loading;
+}
+function smartArtBuiltinLayouts() {
+  if (!loaded) {
+    void preloadSmartArtBuiltinLayouts();
+  }
+  return loaded;
+}
+function builtinLayoutPatch(data, layoutId) {
+  const library = smartArtBuiltinLayouts();
+  if (!library?.findBuiltinSmartArtLayout(layoutId)) {
+    return void 0;
+  }
+  const next = library.applyBuiltinSmartArtLayout(data, layoutId);
+  return {
+    layoutType: next.layoutType,
+    resolvedLayoutType: next.resolvedLayoutType,
+    layout: next.layout,
+    layoutDefinition: next.layoutDefinition,
+    builtinLayoutId: next.builtinLayoutId,
+    presLayoutVars: next.presLayoutVars,
+    layoutDirty: next.layoutDirty,
+    drawingDirty: next.drawingDirty,
+    drawingShapes: next.drawingShapes
+  };
+}
 function applySmartArtDataPatch(data, patch, box, elementId = "inspector") {
   const next = { ...data, ...patch };
   if (patch.style !== void 0) {
@@ -293797,11 +293915,17 @@ function applySmartArtDataPatch(data, patch, box, elementId = "inspector") {
 }
 function smartArtLayoutSwitchPatch(data, layout) {
   const updated = switchSmartArtLayout(data, layout);
+  const defaultId = smartArtBuiltinLayouts()?.defaultBuiltinSmartArtLayoutId(layout);
+  const builtin = defaultId ? builtinLayoutPatch(data, defaultId) : void 0;
+  if (builtin) {
+    return { ...builtin, resolvedLayoutType: layout, layoutType: layout };
+  }
   return {
     layoutType: updated.layoutType,
     resolvedLayoutType: updated.resolvedLayoutType,
     layout: updated.layout,
     layoutDefinition: updated.layoutDefinition,
+    builtinLayoutId: updated.builtinLayoutId,
     presLayoutVars: updated.presLayoutVars,
     layoutDirty: updated.layoutDirty,
     drawingDirty: updated.drawingDirty,
@@ -293866,6 +293990,9 @@ var SMARTART_STYLE_ENTRIES = [
   },
   { id: "intense", name: "Intense Effect", labelKey: "pptx.gallery.smartArtStyles.intenseEffect" }
 ];
+function smartArtBuiltinLayoutPatch(data, layoutId) {
+  return builtinLayoutPatch(data, layoutId);
+}
 function num5(value) {
   return String(Math.round(value * 100) / 100);
 }
@@ -294244,6 +294371,47 @@ function smartArtLayoutTileSvg(type, fill, size) {
   return svgTile(size.width, size.height, "", bg + draw(color2, size.width, size.height));
 }
 var TILE7 = { width: 56, height: 36 };
+var NAMED_CATEGORIES = [
+  ["list", "List"],
+  ["process", "Process"],
+  ["cycle", "Cycle"],
+  ["hierarchy", "Hierarchy"],
+  ["relationship", "Relationship"],
+  ["matrix", "Matrix"],
+  ["pyramid", "Pyramid"],
+  ["picture", "Picture"],
+  ["timeline", "Timeline"],
+  ["textcard", "Text Card"],
+  ["meettheteam", "Meet the Team"]
+];
+function namedLayoutSections(accent1, currentId) {
+  const library = smartArtBuiltinLayouts();
+  if (!library) {
+    return [];
+  }
+  const entries2 = library.listBuiltinSmartArtLayouts();
+  return NAMED_CATEGORIES.flatMap(([category, heading]) => {
+    const items = entries2.filter((entry5) => entry5.category === category).map((entry5) => ({
+      id: entry5.id,
+      labelKey: "pptx.gallery.smartArtLayouts.named",
+      labelParams: { name: entry5.title },
+      label: entry5.title,
+      previewSvg: smartArtLayoutTileSvg(category, accent1, TILE7),
+      applied: currentId === entry5.id
+    }));
+    return items.length === 0 ? [] : [
+      {
+        id: `named-${category}`,
+        titleKey: SMARTART_LAYOUT_LABEL_KEYS[category],
+        title: heading,
+        columns: 5,
+        tileWidth: TILE7.width,
+        tileHeight: TILE7.height,
+        items
+      }
+    ];
+  });
+}
 var humanize = (id) => id.replace(/^./u, (c) => c.toUpperCase());
 var SMARTART_LAYOUTS_GALLERY = {
   build(ctx) {
@@ -294269,16 +294437,22 @@ var SMARTART_LAYOUTS_GALLERY = {
             previewSvg: smartArtLayoutTileSvg(type, accent1, TILE7),
             applied: current === type
           }))
-        }
+        },
+        ...namedLayoutSections(accent1, data?.layoutDefinition?.uniqueId)
       ]
     };
   },
   apply(itemId, ctx) {
     const element = ctx.element;
-    const type = SWITCHABLE_LAYOUT_TYPES.find((candidate) => candidate === itemId);
-    if (!type || element?.type !== "smartArt" || !element.smartArtData) {
+    if (element?.type !== "smartArt" || !element.smartArtData) {
       return null;
     }
+    const type = SWITCHABLE_LAYOUT_TYPES.find((candidate) => candidate === itemId);
+    if (!type) {
+      const named = smartArtBuiltinLayoutPatch(element.smartArtData, itemId);
+      const patch2 = named ? smartArtElementPatch(element, named) : null;
+      return patch2 ? { kind: "element", ...patch2 } : null;
+    }
     if ((element.smartArtData.resolvedLayoutType ?? "list") === type) {
       return null;
     }

package/dist/{chunk-QTASICXP.js → chunk-NWZKMLGC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkMRJZIBPQ_js = require('./chunk-MRJZIBPQ.js');
+var chunkUHW3R465_js = require('./chunk-UHW3R465.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -20032,7 +20032,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkMRJZIBPQ_js.PptxMarkdownConverter(
+    const converter = new chunkUHW3R465_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -20624,7 +20624,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkMRJZIBPQ_js.ThemePresets)
+    availablePresets: Object.keys(chunkUHW3R465_js.ThemePresets)
   };
 };
 var readExecutors = {
@@ -21754,7 +21754,7 @@ function applyElementUpdate(el, u) {
   applyShapeStyleUpdate(el, u);
 }
 function applyTextUpdate(el, u) {
-  if (!chunkMRJZIBPQ_js.hasTextProperties(el)) {
+  if (!chunkUHW3R465_js.hasTextProperties(el)) {
     return;
   }
   const textEl = el;
@@ -21800,7 +21800,7 @@ function applyShapeStyleUpdate(el, u) {
   if (u.fillColor === void 0 && u.strokeColor === void 0 && u.strokeWidth === void 0) {
     return;
   }
-  if (!chunkMRJZIBPQ_js.hasShapeProperties(el)) {
+  if (!chunkUHW3R465_js.hasShapeProperties(el)) {
     return;
   }
   const holder = el;