pptx-react-viewer 2.19.6 → 2.19.7

package/dist/{chunk-3BK53XWF.js → chunk-GUGHIQ4P.js}

@@ -20980,9 +20980,9 @@ function applyDrawingColorTransforms(baseColor, colorNode) {
   }
   const tint3 = parseDrawingPercent(getVal("a:tint"));
   if (tint3 !== void 0) {
-    r += (255 - r) * tint3;
-    g += (255 - g) * tint3;
-    b += (255 - b) * tint3;
+    r = 255 - (255 - r) * tint3;
+    g = 255 - (255 - g) * tint3;
+    b = 255 - (255 - b) * tint3;
   }
   const hslKeys = [
     "a:hue",
@@ -27508,7 +27508,7 @@ function guidToKey(guid) {
   }
   const key2 = new Uint8Array(KEY_LENGTH);
   for (let i = 0; i < KEY_LENGTH; i++) {
-    key2[i] = parseInt(stripped.substring(i * 2, i * 2 + 2), 16);
+    key2[KEY_LENGTH - 1 - i] = parseInt(stripped.substring(i * 2, i * 2 + 2), 16);
   }
   return key2;
 }
@@ -56172,11 +56172,6 @@ var PptxHandlerRuntime11 = class extends PptxHandlerRuntime10 {
     if (requestedSourcePath && this.slideMap.has(requestedSourcePath) && requestedSourcePath.startsWith("ppt/slides/slide")) {
       return requestedSourcePath;
     }
-    for (const slidePath of this.slideMap.keys()) {
-      if (slidePath.startsWith("ppt/slides/slide")) {
-        return slidePath;
-      }
-    }
     return void 0;
   }
   async loadSlideRelationships(slidePath, relsPath) {
@@ -56216,8 +56211,7 @@ var PptxHandlerRuntime11 = class extends PptxHandlerRuntime10 {
     }
     const cSld = pSld["p:cSld"];
     if (!cSld["p:spTree"]) {
-      const emptySlide = this.createEmptySlideXml();
-      const emptyTree = emptySlide["p:sld"]?.["p:cSld"]?.["p:spTree"];
+      const emptySlide = this.createEmptySlideXml(), emptyTree = emptySlide["p:sld"]?.["p:cSld"]?.["p:spTree"];
       if (emptyTree) {
         cSld["p:spTree"] = emptyTree;
       }
@@ -59016,13 +59010,32 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
     const nvPr = xmlPath(raw, "p:nvSpPr", "p:nvPr") ?? xmlPath(raw, "p:nvPicPr", "p:nvPr") ?? xmlPath(raw, "p:nvGraphicFramePr", "p:nvPr");
     return this.readPlaceholderInfoFromNvPr(nvPr);
   }
+  /**
+   * Whether a placeholder element is still an untouched prompt ("Click to
+   * add text") rather than real user content. Only `type: 'text'`
+   * placeholders can be untouched this way: `createEmptyPlaceholderElement`
+   * only ever fabricates that kind, and any other kind (picture, table,
+   * chart, ...) implies the user already put something in it.
+   */
+  isUntouchedPlaceholderPrompt(element) {
+    if (element.type !== "text") {
+      return false;
+    }
+    if (element.text && element.text.trim().length > 0) {
+      return false;
+    }
+    return !element.textSegments?.some((segment) => segment.text.trim().length > 0);
+  }
   // ── Layout placeholder extraction ───────────────────────────────────
   /**
-   * Extract all placeholders from a layout's `p:spTree`, returning
-   * their placeholder info and their transform (position/size in EMU).
+   * Extract placeholder info + transform (position/size in EMU) for every
+   * placeholder shape in a `p:spTree`. Shared by layout and master
+   * extraction so a layout slot that omits `a:xfrm` (common: only the first
+   * placeholder of a family typically carries one, the rest inherit
+   * position/size from the matching master placeholder) can be resolved
+   * against the same shape of the master.
    */
-  extractLayoutPlaceholders(layoutXml) {
-    const spTree = xmlPath(layoutXml, "p:sldLayout", "p:cSld", "p:spTree");
+  extractPlaceholderSlotsFromSpTree(spTree) {
     if (!spTree) {
       return [];
     }
@@ -59050,6 +59063,103 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
     }
     return result;
   }
+  /**
+   * Resolve a layout's slideMaster path from its `.rels` map. Mirrors
+   * `PptxHandlerRuntimeLoadPipeline.findMasterPathForLayout` under a
+   * distinct name: that mixin sits higher in the chain and is not yet
+   * available at this level, and reusing its exact name here would collide
+   * across the mixin chain (TypeScript requires consistent member
+   * visibility for same-named members across the whole prototype chain).
+   */
+  resolveMasterPathForNewLayout(layoutPath) {
+    const layoutRels = this.slideRelsMap.get(layoutPath);
+    if (!layoutRels) {
+      return void 0;
+    }
+    for (const [, target] of layoutRels.entries()) {
+      if (target.includes("slideMaster")) {
+        const layoutDir = layoutPath.substring(0, layoutPath.lastIndexOf("/") + 1);
+        if (target.startsWith("..")) {
+          const segments = (layoutDir + target).split("/");
+          const stack = [];
+          for (const seg of segments) {
+            if (seg === "..") {
+              stack.pop();
+            } else if (seg && seg !== ".") {
+              stack.push(seg);
+            }
+          }
+          return stack.join("/");
+        }
+        return `ppt/${stripParentDirSegments(target)}`;
+      }
+    }
+    return void 0;
+  }
+  /**
+   * Find the master placeholder slot a layout slot inherits its geometry
+   * from when the layout shape itself carries no `a:xfrm`. Prefers an idx
+   * match (the common case: layout and master share idx for ordinary
+   * title/body placeholders); falls back to a type match (with the
+   * ctrTitle->title / subTitle->body aliasing `placeholderMatches` also
+   * applies) since idx is not guaranteed to line up for every family.
+   */
+  findMasterSlotForLayoutSlot(masterSlots, layoutPhInfo) {
+    if (layoutPhInfo.idx !== void 0) {
+      const byIdx = masterSlots.find((slot) => slot.phInfo.idx === layoutPhInfo.idx);
+      if (byIdx) {
+        return byIdx;
+      }
+    }
+    if (!layoutPhInfo.type) {
+      return void 0;
+    }
+    const aliasedType = layoutPhInfo.type === "ctrtitle" ? "title" : layoutPhInfo.type === "subtitle" ? "body" : layoutPhInfo.type;
+    return masterSlots.find(
+      (slot) => slot.phInfo.type === layoutPhInfo.type || slot.phInfo.type === aliasedType
+    );
+  }
+  /**
+   * Extract all placeholders from a layout's `p:spTree`, returning their
+   * placeholder info and transform (position/size in EMU). A slot whose
+   * layout shape has no `a:xfrm` (inheriting position/size from the master
+   * instead) resolves its geometry against the matching master placeholder
+   * rather than reporting an all-zero transform.
+   */
+  extractLayoutPlaceholders(layoutXml, layoutPath) {
+    const spTree = xmlPath(layoutXml, "p:sldLayout", "p:cSld", "p:spTree");
+    const slots = this.extractPlaceholderSlotsFromSpTree(spTree);
+    if (slots.length === 0 || !layoutPath) {
+      return slots;
+    }
+    const needsMasterGeometry = slots.some((slot) => slot.cxEmu <= 0 || slot.cyEmu <= 0);
+    if (!needsMasterGeometry) {
+      return slots;
+    }
+    const masterPath = this.resolveMasterPathForNewLayout(layoutPath);
+    const masterXml = masterPath ? this.masterXmlMap.get(masterPath) : void 0;
+    const masterSpTree = xmlPath(masterXml, "p:sldMaster", "p:cSld", "p:spTree");
+    const masterSlots = this.extractPlaceholderSlotsFromSpTree(masterSpTree);
+    if (masterSlots.length === 0) {
+      return slots;
+    }
+    return slots.map((slot) => {
+      if (slot.cxEmu > 0 && slot.cyEmu > 0) {
+        return slot;
+      }
+      const masterSlot = this.findMasterSlotForLayoutSlot(masterSlots, slot.phInfo);
+      if (!masterSlot || masterSlot.cxEmu <= 0 || masterSlot.cyEmu <= 0) {
+        return slot;
+      }
+      return {
+        ...slot,
+        xEmu: masterSlot.xEmu,
+        yEmu: masterSlot.yEmu,
+        cxEmu: masterSlot.cxEmu,
+        cyEmu: masterSlot.cyEmu
+      };
+    });
+  }
   // ── Core layout switching logic ─────────────────────────────────────
   /**
    * Re-map slide elements to a new layout's placeholders.
@@ -59066,7 +59176,10 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
    * @returns The updated elements array.
    */
   remapElementsToNewLayout(elements2, newLayoutXml, newLayoutPath) {
-    const targets = this.extractLayoutPlaceholders(newLayoutXml).map((slot) => ({ ...slot, matched: false }));
+    const targets = this.extractLayoutPlaceholders(newLayoutXml, newLayoutPath).map((slot) => ({
+      ...slot,
+      matched: false
+    }));
     const resultElements = [];
     for (const element of elements2) {
       const phInfo = this.getElementPlaceholderInfo(element);
@@ -59111,7 +59224,7 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
           retargetPlaceholder(updatedElement.rawXml, resolvedLayoutPh.phInfo);
         }
         resultElements.push(updatedElement);
-      } else {
+      } else if (!this.isUntouchedPlaceholderPrompt(element)) {
         resultElements.push(element);
       }
     }
@@ -68838,6 +68951,7 @@ var PptxHandlerRuntime51 = class _PptxHandlerRuntime18 extends PptxHandlerRuntim
     this.zip.file(relsPath, this.builder.build(relsData));
   }
 };
+var SPECIAL_PLACEHOLDER_TYPES = /* @__PURE__ */ new Set(["dt", "ftr", "hdr", "sldnum"]);
 var PptxHandlerRuntime52 = class _PptxHandlerRuntime19 extends PptxHandlerRuntime51 {
   /**
    * Parse media data (video/audio path and MIME type) from graphic frame data.
@@ -69066,6 +69180,9 @@ var PptxHandlerRuntime52 = class _PptxHandlerRuntime19 extends PptxHandlerRuntim
     if (source.type && target.type && !typesMatch) {
       return false;
     }
+    if (source.type && SPECIAL_PLACEHOLDER_TYPES.has(source.type) && !target.type || target.type && SPECIAL_PLACEHOLDER_TYPES.has(target.type) && !source.type) {
+      return false;
+    }
     const bothHaveExplicitIdx = source.idx !== void 0 && target.idx !== void 0;
     if (!bothHaveExplicitIdx && source.type && !target.type) {
       return false;
@@ -107474,9 +107591,9 @@ function rgbToHex4(r, g, b) {
 function tintColor(hex4, tintFactor) {
   const { r, g, b } = hexToRgb4(hex4);
   return rgbToHex4(
-    r + (255 - r) * tintFactor,
-    g + (255 - g) * tintFactor,
-    b + (255 - b) * tintFactor
+    255 - (255 - r) * tintFactor,
+    255 - (255 - g) * tintFactor,
+    255 - (255 - b) * tintFactor
   );
 }
 function shadeColor(hex4, shadeFactor) {
@@ -107548,12 +107665,10 @@ function applyStyleFill(fill, colorScheme, css, fallback) {
     const fg = normalizeHexColor(
       resolveStyleFillColor(fill.pattern.foreground, colorScheme),
       "#000000"
-    );
-    const bg = normalizeHexColor(
+    ), bg = normalizeHexColor(
       resolveStyleFillColor(fill.pattern.background, colorScheme),
       "#ffffff"
-    );
-    const svg = getPatternSvg(fill.pattern.preset, fg, bg);
+    ), svg = getPatternSvg(fill.pattern.preset, fg, bg);
     clearBackground(css);
     if (svg) {
       css.backgroundImage = `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
@@ -107638,11 +107753,7 @@ var BEVEL_LIGHT_OFFSETS = {
   l: { x: 1, y: 0 }
 };
 function cell3DBevelCss(cell3D) {
-  const size = Math.max(cell3D.bevelHeight ?? cell3D.bevelWidth ?? 4, 1);
-  const dir = cell3D.lightRigDirection ?? "tl";
-  const off = BEVEL_LIGHT_OFFSETS[dir] ?? BEVEL_LIGHT_OFFSETS.tl;
-  const highlight = `inset ${off.x * size}px ${off.y * size}px ${size}px rgba(255,255,255,0.55)`;
-  const shadow = `inset ${-off.x * size}px ${-off.y * size}px ${size}px rgba(0,0,0,0.4)`;
+  const size = Math.max(cell3D.bevelHeight ?? cell3D.bevelWidth ?? 4, 1), dir = cell3D.lightRigDirection ?? "tl", off = BEVEL_LIGHT_OFFSETS[dir] ?? BEVEL_LIGHT_OFFSETS.tl, highlight = `inset ${off.x * size}px ${off.y * size}px ${size}px rgba(255,255,255,0.55)`, shadow = `inset ${-off.x * size}px ${-off.y * size}px ${size}px rgba(0,0,0,0.4)`;
   return { boxShadow: `${highlight}, ${shadow}` };
 }
 function cellRunStyle(run) {
@@ -109167,7 +109278,7 @@ function getImageFitStyle(el) {
   const uncropped = {
     width: "100%",
     height: "100%",
-    objectFit: "cover"
+    objectFit: "fill"
   };
   if (!isImageLikeElement(el)) {
     return uncropped;
@@ -130610,7 +130721,7 @@ var WEIGHT_SUFFIXES = [
   [/black|heavy/iu, "900"],
   [/bold/iu, "700"]
 ];
-var STYLE_TOKEN = /[-_\s]*(?:thin|hairline|extralight|ultralight|light|regular|normal|book|medium|semibold|demibold|extrabold|ultrabold|black|heavy|bold|italic|oblique)+$/giu;
+var STYLE_TOKEN = /[-_\s]*(?:thin|hairline|extralight|ultralight|light|regular|normal|book|medium|semibold|demibold|extrabold|ultrabold|black|heavy|bold|italic|oblique)$/giu;
 function deriveCustomFontDescriptor(fileName) {
   const stem = fileName.replace(/\.[^.]+$/u, "");
   const italic = /(?:italic|oblique)(?![a-z])/iu.test(stem);