pptx-react-viewer 3.1.2 → 3.1.4

package/dist/{chunk-7ZQ2FZXE.js → chunk-YDEEINER.js}

@@ -7028,6 +7028,7 @@ var SLIDE_FIELD_KIND = {
   elements: "nested",
   backgroundColor: "scalar",
   backgroundImage: "scalar",
+  backgroundImageProperties: "complex",
   backgroundGradient: "scalar",
   backgroundPattern: "complex",
   backgroundShadeToTitle: "scalar",
@@ -17836,6 +17837,31 @@ function parseDrawingHueDegrees(value) {
   }
   return parsed / 6e4;
 }
+var TEXT_ORIENTATION_IDENTITY = [1, 0, 0, 1];
+function isTextOrientationMatrix(value) {
+  return Array.isArray(value) && value.length === 4 && value.every((entry2) => typeof entry2 === "number" && Number.isFinite(entry2));
+}
+function multiplyTextOrientationMatrices(left, right) {
+  return [
+    left[0] * right[0] + left[2] * right[1],
+    left[1] * right[0] + left[3] * right[1],
+    left[0] * right[2] + left[2] * right[3],
+    left[1] * right[2] + left[3] * right[3]
+  ];
+}
+function getElementOrientationMatrix(element) {
+  const radians = (Number(element.rotation) || 0) * Math.PI / 180;
+  const cosine = Math.cos(radians);
+  const sine = Math.sin(radians);
+  const rotation = [cosine, sine, -sine, cosine];
+  const flip = [
+    element.flipHorizontal ? -1 : 1,
+    0,
+    0,
+    element.flipVertical ? -1 : 1
+  ];
+  return multiplyTextOrientationMatrices(rotation, flip);
+}
 function parseBoolean(value) {
   if (value === true || value === "1" || value === "true") {
     return true;
@@ -19667,6 +19693,21 @@ function serializePlaceholderLevelStyle(style, existing) {
   if (style.indent !== void 0) {
     attrEdits.indent = String(Math.round(style.indent * EMU_PER_PX));
   }
+  if (style.defaultTabSize !== void 0) {
+    attrEdits.defTabSz = String(Math.round(style.defaultTabSize * EMU_PER_PX));
+  }
+  if (style.eaLineBreak !== void 0) {
+    attrEdits.eaLnBrk = style.eaLineBreak ? "1" : "0";
+  }
+  if (style.latinLineBreak !== void 0) {
+    attrEdits.latinLnBrk = style.latinLineBreak ? "1" : "0";
+  }
+  if (style.fontAlignment !== void 0) {
+    attrEdits.fontAlgn = style.fontAlignment;
+  }
+  if (style.hangingPunctuation !== void 0) {
+    attrEdits.hangingPunct = style.hangingPunctuation ? "1" : "0";
+  }
   const childEdits = /* @__PURE__ */ new Map();
   if (style.lineSpacing !== void 0) {
     childEdits.set("a:lnSpc", {
@@ -27003,7 +27044,7 @@ function parseRunFontElements(rPr) {
   const latin = rPr["a:latin"];
   const eastAsian = rPr["a:ea"];
   const complexScript = rPr["a:cs"];
-  const chosenTypeface = latin?.["@_typeface"] || eastAsian?.["@_typeface"] || complexScript?.["@_typeface"];
+  const chosenTypeface = latin?.["@_typeface"];
   if (typeof chosenTypeface === "string" && chosenTypeface.trim().length > 0) {
     result.fontFamily = chosenTypeface.trim();
   }
@@ -35381,6 +35422,13 @@ var FONT_SUBSTITUTION_MAP = {
   NSimSun: ["Noto Serif CJK SC", "STSong", "serif"],
   FangSong: ["Noto Serif CJK SC", "STFangsong", "serif"],
   KaiTi: ["Noto Serif CJK SC", "STKaiti", "serif"],
+  DengXian: ["Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "sans-serif"],
+  \u7B49\u7EBF: ["DengXian", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "sans-serif"],
+  \u5B8B\u4F53: ["SimSun", "Songti SC", "STSong", "Noto Serif CJK SC", "serif"],
+  \u65B0\u5B8B\u4F53: ["NSimSun", "Songti SC", "STSong", "Noto Serif CJK SC", "serif"],
+  \u9ED1\u4F53: ["SimHei", "Heiti SC", "STHeiti", "PingFang SC", "Noto Sans CJK SC", "sans-serif"],
+  \u4EFF\u5B8B: ["FangSong", "STFangsong", "Songti SC", "Noto Serif CJK SC", "serif"],
+  \u6977\u4F53: ["KaiTi", "Kaiti SC", "STKaiti", "Noto Serif CJK SC", "serif"],
   Batang: ["Noto Serif CJK KR", "AppleMyungjo", "serif"],
   Dotum: ["Noto Sans CJK KR", "AppleGothic", "sans-serif"],
   Gulim: ["Noto Sans CJK KR", "AppleGothic", "sans-serif"],
@@ -43102,7 +43150,12 @@ function parseTimeTargetElement(tgtEl) {
   const rawXml = tgtEl;
   const shape = tgtEl["p:spTgt"];
   if (shape?.["@_spid"] !== void 0) {
-    return { type: "shape", shapeId: String(shape["@_spid"]), rawXml };
+    return {
+      type: "shape",
+      shapeId: String(shape["@_spid"]),
+      ...shape["p:bg"] !== void 0 ? { backgroundOnly: true } : {},
+      rawXml
+    };
   }
   if (tgtEl["p:sldTgt"] !== void 0) {
     return { type: "slide", rawXml };
@@ -43269,7 +43322,11 @@ function extractColorAnimation(childTnList) {
   if (animClrNodes.length === 0) {
     return void 0;
   }
-  const node = animClrNodes[0];
+  const components = animClrNodes.map(extractSingleColorAnimation);
+  const primary = components[0];
+  return components.length > 1 ? { ...primary, components } : primary;
+}
+function extractSingleColorAnimation(node) {
   const clrSpc = String(node["@_clrSpc"] || "rgb").toLowerCase();
   const colorSpace = clrSpc === "hsl" ? "hsl" : "rgb";
   const dir = String(node["@_dir"] || "").toLowerCase();
@@ -43277,7 +43334,9 @@ function extractColorAnimation(childTnList) {
   const path = node["@_path"] !== void 0 ? String(node["@_path"]) : void 0;
   const fromColor = extractColorValue(node["p:from"]);
   const toColor = extractColorValue(node["p:to"]);
-  const byColor = extractHslDeltaOrColorValue(node["p:by"], colorSpace);
+  const byContainer = node["p:by"];
+  const byColor = extractHslDeltaOrColorValue(byContainer, colorSpace);
+  const hslDelta = colorSpace === "hsl" ? extractHslDelta(byContainer) : void 0;
   const targetAttribute = extractAttrNameFromCBhvr(node["p:cBhvr"]);
   return {
     colorSpace,
@@ -43286,9 +43345,21 @@ function extractColorAnimation(childTnList) {
     fromColor,
     toColor,
     byColor,
+    hslDelta,
     targetAttribute
   };
 }
+function extractHslDelta(colorContainer) {
+  const hsl = colorContainer?.["p:hsl"];
+  if (!hsl) {
+    return void 0;
+  }
+  return {
+    hue: Number(hsl["@_h"] ?? 0) / 6e4,
+    saturation: Number(hsl["@_s"] ?? 0) / 1e3,
+    lightness: Number(hsl["@_l"] ?? 0) / 1e3
+  };
+}
 function extractHslDeltaOrColorValue(colorContainer, colorSpace) {
   if (!colorContainer) {
     return void 0;
@@ -43611,6 +43682,9 @@ function extractChildMotionValues(childTnList) {
   const motionPathRotateAuto = void 0;
   let motionPathEditMode;
   let motionPtsTypes;
+  let motionPathRotationAngle;
+  let motionPathRotationCenterX;
+  let motionPathRotationCenterY;
   let rotationBy;
   let rotationFrom;
   let rotationTo;
@@ -43628,6 +43702,9 @@ function extractChildMotionValues(childTnList) {
       motionPathRotateAuto,
       motionPathEditMode,
       motionPtsTypes,
+      motionPathRotationAngle,
+      motionPathRotationCenterX,
+      motionPathRotationCenterY,
       rotationBy,
       rotationFrom,
       rotationTo,
@@ -43651,6 +43728,25 @@ function extractChildMotionValues(childTnList) {
       if (motionNode["@_ptsTypes"] !== void 0) {
         motionPtsTypes = String(motionNode["@_ptsTypes"]);
       }
+      if (motionNode["@_rAng"] !== void 0) {
+        const parsed = Number.parseInt(String(motionNode["@_rAng"]), 10);
+        if (Number.isFinite(parsed)) {
+          motionPathRotationAngle = parsed / 6e4;
+        }
+      }
+      const rotationCenter = motionNode["p:rCtr"];
+      if (rotationCenter?.["@_x"] !== void 0) {
+        const parsed = Number.parseInt(String(rotationCenter["@_x"]), 10);
+        if (Number.isFinite(parsed)) {
+          motionPathRotationCenterX = parsed / 1e3;
+        }
+      }
+      if (rotationCenter?.["@_y"] !== void 0) {
+        const parsed = Number.parseInt(String(rotationCenter["@_y"]), 10);
+        if (Number.isFinite(parsed)) {
+          motionPathRotationCenterY = parsed / 1e3;
+        }
+      }
     }
   }
   const rotationNodes = ensureArray8(childTnList["p:animRot"]);
@@ -43705,6 +43801,9 @@ function extractChildMotionValues(childTnList) {
     motionPathRotateAuto,
     motionPathEditMode,
     motionPtsTypes,
+    motionPathRotationAngle,
+    motionPathRotationCenterX,
+    motionPathRotationCenterY,
     rotationBy,
     rotationFrom,
     rotationTo,
@@ -44495,6 +44594,7 @@ var PptxSlideLoaderService = class {
       const ownBackgroundColor = params.extractBackgroundColor(slideXmlObj);
       const ownBackgroundGradient = params.extractBackgroundGradient(slideXmlObj);
       let ownBackgroundImage;
+      let backgroundImageProperties;
       const [
         backgroundColor,
         backgroundGradient,
@@ -44509,7 +44609,12 @@ var PptxSlideLoaderService = class {
         (async () => {
           const own = await params.extractBackgroundImage(slideXmlObj, path);
           ownBackgroundImage = own;
-          return own || params.getLayoutBackgroundImage(path);
+          if (own) {
+            backgroundImageProperties = params.extractBackgroundImageProperties(slideXmlObj);
+            return own;
+          }
+          backgroundImageProperties = await params.getLayoutBackgroundImageProperties(path);
+          return params.getLayoutBackgroundImage(path);
         })(),
         params.extractSlideNotes(path),
         params.extractSlideComments(path),
@@ -44577,6 +44682,7 @@ var PptxSlideLoaderService = class {
         backgroundColor,
         backgroundGradient: backgroundGradient || void 0,
         backgroundImage,
+        backgroundImageProperties,
         transition,
         animations,
         animationTimelineAnchors,
@@ -45178,7 +45284,7 @@ var TIME_NODE_EVENTS = /* @__PURE__ */ new Set(["onBegin", "onEnd", "begin", "en
 function createGroupContext() {
   return { parCounter: { next: 0 } };
 }
-function conditionsStartAutomatically(cTn) {
+function conditionsStartAutomatically(cTn, mainSequence) {
   if (!cTn) {
     return true;
   }
@@ -45194,6 +45300,14 @@ function conditionsStartAutomatically(cTn) {
     const event = condition["@_evt"] === void 0 ? void 0 : String(condition["@_evt"]);
     const hasTimeNode = condition["p:tn"] !== void 0 || condition["@_tn"] !== void 0;
     if (event !== void 0 && TIME_NODE_EVENTS.has(event) && hasTimeNode) {
+      const timeNode = condition["p:tn"];
+      const targetTimeNodeId = timeNode?.["@_val"] ?? condition["@_tn"];
+      if (mainSequence !== void 0 && targetTimeNodeId !== void 0 && String(targetTimeNodeId) === mainSequence.id) {
+        if (mainSequence.autoStart) {
+          return true;
+        }
+        continue;
+      }
       return true;
     }
     if (event !== void 0) {
@@ -45212,11 +45326,33 @@ function isMainSequence(cTn) {
 function isEffectNode(cTn) {
   return cTn !== void 0 && cTn["@_presetClass"] !== void 0;
 }
+function extractWrapperStartDelayMs(cTn) {
+  if (!cTn) {
+    return void 0;
+  }
+  const directDelay = readTimingAttr(cTn["@_delay"]);
+  if (directDelay !== void 0 && directDelay >= 0) {
+    return directDelay;
+  }
+  const stCondLst = cTn["p:stCondLst"];
+  if (!stCondLst) {
+    return void 0;
+  }
+  let smallest;
+  for (const condition of ensureArray8(stCondLst["p:cond"])) {
+    const delay = readTimingAttr(condition["@_delay"]);
+    if (delay !== void 0 && delay >= 0 && (smallest === void 0 || delay < smallest)) {
+      smallest = delay;
+    }
+  }
+  return smallest;
+}
 function childGroupContext(parent, cTn, options) {
   if (options.isClickLevelGroup) {
     return {
-      groupAutoStart: conditionsStartAutomatically(cTn),
+      groupAutoStart: conditionsStartAutomatically(cTn, options.mainSequence),
       parGroupIndex: parent.parGroupIndex,
+      parGroupDelayMs: parent.parGroupDelayMs,
       parCounter: parent.parCounter,
       // The innermost enclosing `p:seq`'s attrs are unrelated to click-level
       // grouping; carry them through rather than dropping them here.
@@ -45228,15 +45364,74 @@ function childGroupContext(parent, cTn, options) {
   if (isEffectNode(cTn)) {
     return parent;
   }
+  const localDelayMs = extractWrapperStartDelayMs(cTn);
   return {
     groupAutoStart: parent.groupAutoStart,
     parGroupIndex: parent.parCounter.next++,
+    parGroupDelayMs: localDelayMs === void 0 ? parent.parGroupDelayMs : (parent.parGroupDelayMs ?? 0) + localDelayMs,
     parCounter: parent.parCounter,
     seqConcurrent: parent.seqConcurrent,
     seqNextAction: parent.seqNextAction,
     seqPrevAction: parent.seqPrevAction
   };
 }
+function extractAttributeAnimations(childTnList) {
+  if (!childTnList) {
+    return void 0;
+  }
+  const components = [];
+  for (const node of ensureArray8(childTnList["p:anim"])) {
+    const attrName = extractAttrNameFromCBhvr(node["p:cBhvr"]);
+    const keyframes = extractKeyframes(node);
+    if (!attrName || !keyframes || keyframes.length === 0) {
+      continue;
+    }
+    const behavior = node["p:cBhvr"];
+    const cTn = behavior?.["p:cTn"];
+    components.push({
+      attrName,
+      keyframes,
+      durationMs: readTimingAttr(cTn?.["@_dur"]),
+      delayMs: cTn ? extractStartConditionDelayMs(cTn) : void 0
+    });
+  }
+  return components.length > 0 ? components : void 0;
+}
+var PRIMARY_BEHAVIOUR_FAMILIES = [
+  ["p:animMotion", "p:animRot", "p:animScale"],
+  ["p:animClr"],
+  ["p:animEffect"],
+  ["p:anim"]
+];
+function isEnabled(value) {
+  return value === true || value === 1 || value === "1" || value === "true";
+}
+function extractChildAutoReverseTiming(cTn, toArray5) {
+  const childTnLst = cTn["p:childTnLst"];
+  if (!childTnLst) {
+    return void 0;
+  }
+  for (const family of PRIMARY_BEHAVIOUR_FAMILIES) {
+    const behaviours = family.flatMap((tag) => toArray5(childTnLst[tag]));
+    if (behaviours.length === 0) {
+      continue;
+    }
+    const timings = behaviours.map((behaviour) => {
+      const common = behaviour["p:cBhvr"];
+      const inner = common?.["p:cTn"];
+      return {
+        autoReverse: isEnabled(inner?.["@_autoRev"]),
+        durationMs: readTimingAttr(inner?.["@_dur"])
+      };
+    });
+    const durationMs = timings[0]?.durationMs;
+    if (durationMs !== void 0 && timings.every((timing) => timing.autoReverse && timing.durationMs === durationMs)) {
+      return { autoReverse: true, durationMs };
+    }
+    return void 0;
+  }
+  return void 0;
+}
 var defaultLookup = new PptxXmlLookupService();
 function resolveSlideTimingNode(slideRoot) {
   const direct = slideRoot?.["p:timing"];
@@ -45427,7 +45622,8 @@ var PptxNativeAnimationService = class {
       const presetClass = cTn["@_presetClass"];
       const presetId = cTn["@_presetID"] ? Number.parseInt(String(cTn["@_presetID"]), 10) : void 0;
       const presetSubtype = cTn["@_presetSubtype"] !== void 0 ? Number.parseInt(String(cTn["@_presetSubtype"]), 10) : void 0;
-      const durationMs = readTimingAttr(cTn["@_dur"]) ?? extractChildBehaviourDurationMs(cTn, ensureArray8);
+      const childAutoReverseTiming = extractChildAutoReverseTiming(cTn, ensureArray8);
+      const durationMs = readTimingAttr(cTn["@_dur"]) ?? childAutoReverseTiming?.durationMs ?? extractChildBehaviourDurationMs(cTn, ensureArray8);
       const delayMs = readTimingAttr(cTn["@_delay"]) ?? extractStartConditionDelayMs(cTn);
       const accel = parseTimingPercentFraction(cTn["@_accel"]);
       const decel = parseTimingPercentFraction(cTn["@_decel"]);
@@ -45475,6 +45671,7 @@ var PptxNativeAnimationService = class {
         const textTarget = this.extractTextTargetFromCTn(cTn);
         const keyframes = extractChildKeyframes(childTnList2);
         const keyframeAttrName = extractChildKeyframeAttrName(childTnList2);
+        const attributeAnimations = extractAttributeAnimations(childTnList2);
         const roundTripAttrs = captureRoundTripCTnAttrs(cTn);
         const afterEffectFlag = extractAfterEffect(cTn);
         const timingAttrs = extractCTnTimingAttrs(cTn);
@@ -45502,6 +45699,9 @@ var PptxNativeAnimationService = class {
           motionPathRotateAuto: childMotion.motionPathRotateAuto,
           motionPathEditMode: childMotion.motionPathEditMode,
           motionPtsTypes: childMotion.motionPtsTypes,
+          motionPathRotationAngle: childMotion.motionPathRotationAngle,
+          motionPathRotationCenterX: childMotion.motionPathRotationCenterX,
+          motionPathRotationCenterY: childMotion.motionPathRotationCenterY,
           rotationBy: childMotion.rotationBy,
           rotationFrom: childMotion.rotationFrom,
           rotationTo: childMotion.rotationTo,
@@ -45514,8 +45714,9 @@ var PptxNativeAnimationService = class {
           scaleZoomContents: childMotion.scaleZoomContents,
           keyframes: keyframes ?? void 0,
           attrName: keyframeAttrName,
+          attributeAnimations,
           repeatCount: repeatInfo.repeatCount,
-          autoReverse: repeatInfo.autoReverse,
+          autoReverse: repeatInfo.autoReverse ?? childAutoReverseTiming?.autoReverse,
           soundRId: soundInfo.soundRId,
           stopSound: soundInfo.stopSound,
           startConditions: startConditions ?? void 0,
@@ -45530,6 +45731,7 @@ var PptxNativeAnimationService = class {
           afterEffect: afterEffectFlag,
           groupAutoStart: group2.groupAutoStart,
           parGroupIndex: group2.parGroupIndex,
+          parGroupDelayMs: group2.parGroupDelayMs,
           effectFilter
         });
       }
@@ -45540,12 +45742,17 @@ var PptxNativeAnimationService = class {
         const sequences = ensureArray8(childTnList["p:seq"]);
         const exclusives = ensureArray8(childTnList["p:excl"]);
         for (const parallel of parallels) {
+          const mainSequenceId = cTn["@_id"];
           this.walkTimingTree(
             parallel,
             animations,
             trigger,
             childGroupContext(group2, parallel["p:cTn"], {
-              isClickLevelGroup: isClickLevel
+              isClickLevelGroup: isClickLevel,
+              mainSequence: isClickLevel && mainSequenceId !== void 0 ? {
+                autoStart: group2.seqConcurrent === true && group2.seqNextAction === "seek",
+                id: String(mainSequenceId)
+              } : void 0
             })
           );
         }
@@ -45736,6 +45943,9 @@ var PptxNativeAnimationService = class {
       if (!triggerShapeId) {
         continue;
       }
+      const endSync = seqCTn?.["p:endSync"];
+      const runtimeTrigger = endSync?.["p:rtn"];
+      const restartable = String(runtimeTrigger?.["@_val"] ?? "") === "all";
       const interactiveAnims = [];
       const seqAttrs = extractSeqAttrs(seq);
       this.walkTimingTree(seq, interactiveAnims, "onShapeClick", {
@@ -45744,7 +45954,11 @@ var PptxNativeAnimationService = class {
       });
       for (const anim of interactiveAnims) {
         anim.triggerShapeId = triggerShapeId;
-        anim.trigger = "onShapeClick";
+        anim.interactiveSequence = true;
+        anim.interactiveRestart = restartable;
+        if (anim.trigger === "onClick") {
+          anim.trigger = "onShapeClick";
+        }
         animations.push(anim);
       }
     }
@@ -47224,6 +47438,15 @@ function buildMotionPathNode(anim, allocateId) {
       }
     }
   };
+  if (anim.motionPathRotationAngle !== void 0) {
+    motionNode["@_rAng"] = String(Math.round(anim.motionPathRotationAngle * 6e4));
+  }
+  if (anim.motionPathRotationCenterX !== void 0 || anim.motionPathRotationCenterY !== void 0) {
+    motionNode["p:rCtr"] = {
+      "@_x": String(Math.round((anim.motionPathRotationCenterX ?? 0) * 1e3)),
+      "@_y": String(Math.round((anim.motionPathRotationCenterY ?? 0) * 1e3))
+    };
+  }
   const effectCTn = {
     "@_id": String(effectId),
     "@_presetID": "0",
@@ -47395,6 +47618,8 @@ function wrapInInteractiveSequence(effectNodes, triggerShapeId, allocateId) {
 }
 function buildMainSequenceNode(mainSeqId, children11) {
   const node = {
+    "@_concurrent": "1",
+    "@_nextAc": "seek",
     "p:cTn": {
       "@_id": String(mainSeqId),
       "@_dur": "indefinite",
@@ -51006,10 +51231,6 @@ function scaleElementSubtree(el, scaleX, scaleY) {
   el.y *= scaleY;
   el.width *= scaleX;
   el.height *= scaleY;
-  const avgScale = (Math.abs(scaleX) + Math.abs(scaleY)) / 2;
-  if (hasShapeProperties(el) && el.shapeStyle?.strokeWidth) {
-    el.shapeStyle.strokeWidth *= avgScale;
-  }
   if (el.type === "group") {
     for (const nested of el.children) {
       scaleElementSubtree(nested, scaleX, scaleY);
@@ -51023,10 +51244,6 @@ function transformGroupChild(el, t) {
   el.y = t.parentY + relativeY * t.scaleY;
   el.width *= t.scaleX;
   el.height *= t.scaleY;
-  const avgScale = (Math.abs(t.scaleX) + Math.abs(t.scaleY)) / 2;
-  if (hasShapeProperties(el) && el.shapeStyle?.strokeWidth) {
-    el.shapeStyle.strokeWidth *= avgScale;
-  }
   if (el.type === "group") {
     for (const nested of el.children) {
       scaleElementSubtree(nested, t.scaleX, t.scaleY);
@@ -56433,6 +56650,32 @@ function parseMasterColorMap(node) {
   }
   return Object.keys(result).length > 0 ? result : void 0;
 }
+var HEX_COLOR = /^#?[0-9a-f]{6}$/iu;
+function resolveToken2(value, resolveThemeColor) {
+  if (!value || HEX_COLOR.test(value)) {
+    return value;
+  }
+  return resolveThemeColor(value) ?? value;
+}
+function resolveColorAnimation(animation, resolveThemeColor) {
+  return {
+    ...animation,
+    fromColor: resolveToken2(animation.fromColor, resolveThemeColor),
+    toColor: resolveToken2(animation.toColor, resolveThemeColor),
+    byColor: resolveToken2(animation.byColor, resolveThemeColor),
+    components: animation.components?.map(
+      (component) => resolveColorAnimation(component, resolveThemeColor)
+    )
+  };
+}
+function resolveNativeAnimationThemeColors(animations, resolveThemeColor) {
+  return animations.map(
+    (animation) => animation.colorAnimation ? {
+      ...animation,
+      colorAnimation: resolveColorAnimation(animation.colorAnimation, resolveThemeColor)
+    } : animation
+  );
+}
 function getXmlShapeIdFromXml(rawXml) {
   if (!rawXml) {
     return void 0;
@@ -59422,7 +59665,42 @@ var PptxHandlerRuntime6 = class extends PptxHandlerRuntime5 {
   }
 };
 var CAN_USE_BLOB_URLS = typeof globalThis.URL?.createObjectURL === "function" && typeof globalThis.Blob !== "undefined";
+async function decodeTiffToPngBlob(bytes) {
+  if (typeof document === "undefined") {
+    return void 0;
+  }
+  const imported = await import('./UTIF-POYWAAGO.js');
+  const decoder = "default" in imported ? imported.default : imported;
+  const page = decoder.decode(bytes)[0];
+  if (!page) {
+    return void 0;
+  }
+  decoder.decodeImage(bytes, page);
+  const width = Number(page.width);
+  const height = Number(page.height);
+  if (!Number.isFinite(width) || width <= 0 || !Number.isFinite(height) || height <= 0) {
+    return void 0;
+  }
+  const rgba = new Uint8ClampedArray(decoder.toRGBA8(page));
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const context = canvas.getContext("2d");
+  if (!context) {
+    return void 0;
+  }
+  const imageData = context.createImageData(width, height);
+  imageData.data.set(rgba);
+  context.putImageData(imageData, 0, 0);
+  return await new Promise((resolve2) => {
+    canvas.toBlob((blob) => resolve2(blob ?? void 0), "image/png");
+  });
+}
 var PptxHandlerRuntime7 = class extends PptxHandlerRuntime6 {
+  /** Forward declaration implemented later in the runtime inheritance chain. */
+  resolveThemeColor(_schemeKey) {
+    return void 0;
+  }
   /**
    * Convert raw image bytes to a URL suitable for <img src>.
    * Uses Blob URLs in browsers (avoids 33% base64 overhead),
@@ -59489,6 +59767,18 @@ var PptxHandlerRuntime7 = class extends PptxHandlerRuntime6 {
         }
         return void 0;
       }
+      if (ext === "tif" || ext === "tiff") {
+        const binaryBuffer = await imageFile.async("arraybuffer");
+        const pngBlob = await decodeTiffToPngBlob(binaryBuffer);
+        if (pngBlob) {
+          const converted = this.createImageUrl(await pngBlob.arrayBuffer(), "image/png");
+          this.imageDataCache.set(imagePath, converted);
+          return converted;
+        }
+        const imageData2 = this.createImageUrl(binaryBuffer, this.getImageMimeType(imagePath));
+        this.imageDataCache.set(imagePath, imageData2);
+        return imageData2;
+      }
       const imageBytes = await imageFile.async("arraybuffer");
       const imageData = this.createImageUrl(imageBytes, this.getImageMimeType(imagePath));
       this.imageDataCache.set(imagePath, imageData);
@@ -59587,10 +59877,14 @@ var PptxHandlerRuntime7 = class extends PptxHandlerRuntime6 {
    * anything.
    */
   parseNativeAnimations(slideXml3, slidePath) {
-    const animations = this.nativeAnimationService.parseNativeAnimations(slideXml3);
-    if (!animations) {
+    const parsedAnimations = this.nativeAnimationService.parseNativeAnimations(slideXml3);
+    if (!parsedAnimations) {
       return void 0;
     }
+    const animations = resolveNativeAnimationThemeColors(
+      parsedAnimations,
+      (token2) => this.resolveThemeColor(token2)
+    );
     for (const anim of animations) {
       if (anim.soundRId) {
         anim.soundPath = this.resolveRelationshipTarget(slidePath, anim.soundRId);
@@ -63092,7 +63386,7 @@ var PptxHandlerRuntime19 = class _PptxHandlerRuntime5 extends PptxHandlerRuntime
     const latinTypefaceToken = xmlAttr(latin, "typeface");
     const eaTypefaceToken = xmlAttr(eastAsian, "typeface");
     const csTypefaceToken = xmlAttr(complexScript, "typeface");
-    const chosenTypeface = latinTypefaceToken || eaTypefaceToken || csTypefaceToken;
+    const chosenTypeface = latinTypefaceToken;
     const resolvedTypeface = this.resolveThemeTypeface(chosenTypeface);
     if (resolvedTypeface) {
       style.fontFamily = resolvedTypeface;
@@ -73989,6 +74283,7 @@ var PptxHandlerRuntime57 = class _PptxHandlerRuntime24 extends PptxHandlerRuntim
       const rEmbed = xmlAttr(blip, "r:embed");
       const rLink = xmlAttr(blip, "r:link");
       const crop = this.readImageCropFromBlipFill(blipFill);
+      const imageEffects = this.extractImageEffects(blip);
       const tileNode = blipFill?.["a:tile"];
       const tileProps = {};
       if (tileNode) {
@@ -74048,6 +74343,7 @@ var PptxHandlerRuntime57 = class _PptxHandlerRuntime24 extends PptxHandlerRuntim
       }
       const styleNode = shape["p:style"] || inheritedPlaceholder?.shape?.["p:style"] || inheritedPlaceholder?.picture?.["p:style"];
       const sifCNvPr = xmlPath(shape, "p:nvSpPr", "p:cNvPr");
+      const sifElementName = xmlAttr(sifCNvPr, "name")?.trim() || void 0;
       const sifSlideRels = this.slideRelsMap.get(slidePath);
       const { actionClick: sifActionClick, actionHover: sifActionHover } = this.parseElementActions(
         sifCNvPr,
@@ -74063,6 +74359,7 @@ var PptxHandlerRuntime57 = class _PptxHandlerRuntime24 extends PptxHandlerRuntim
         height,
         imageData,
         imagePath,
+        imageEffects: imageEffects || void 0,
         ...crop,
         ...tileProps,
         shapeType,
@@ -74078,6 +74375,7 @@ var PptxHandlerRuntime57 = class _PptxHandlerRuntime24 extends PptxHandlerRuntim
         flipHorizontal,
         flipVertical,
         rawXml: shape,
+        name: sifElementName,
         actionClick: sifActionClick,
         actionHover: sifActionHover
       };
@@ -74280,6 +74578,21 @@ var PptxHandlerRuntime58 = class extends PptxHandlerRuntime57 {
     if (textStyle.align === void 0 && levelStyle.alignment !== void 0) {
       textStyle.align = levelStyle.alignment;
     }
+    if (textStyle.defaultTabSize === void 0 && levelStyle.defaultTabSize !== void 0) {
+      textStyle.defaultTabSize = levelStyle.defaultTabSize;
+    }
+    if (textStyle.eaLineBreak === void 0 && levelStyle.eaLineBreak !== void 0) {
+      textStyle.eaLineBreak = levelStyle.eaLineBreak;
+    }
+    if (textStyle.latinLineBreak === void 0 && levelStyle.latinLineBreak !== void 0) {
+      textStyle.latinLineBreak = levelStyle.latinLineBreak;
+    }
+    if (textStyle.fontAlignment === void 0 && levelStyle.fontAlignment !== void 0) {
+      textStyle.fontAlignment = levelStyle.fontAlignment;
+    }
+    if (textStyle.hangingPunctuation === void 0 && levelStyle.hangingPunctuation !== void 0) {
+      textStyle.hangingPunctuation = levelStyle.hangingPunctuation;
+    }
   }
 };
 var PptxHandlerRuntime59 = class extends PptxHandlerRuntime58 {
@@ -74930,17 +75243,10 @@ var PptxHandlerRuntime61 = class _PptxHandlerRuntime26 extends PptxHandlerRuntim
       ctx.slideRelationshipMap,
       false
     );
-    const endParagraphStyle = this.extractTextRunStyle(
-      p?.["a:endParaRPr"],
-      paraAlign,
-      ctx.slideRelationshipMap,
-      false
-    );
     const mergedDefaultRunStyle = {
       ...ctx.bodyDefaultRunStyle,
       ...inheritedLevelStyle,
       ...bodyLevelStyle,
-      ...endParagraphStyle,
       ...defaultRunStyle
     };
     if (mergedDefaultRunStyle.color === void 0 && ctx.styleFontRefColor !== void 0) {
@@ -75805,6 +76111,7 @@ var PptxHandlerRuntime64 = class _PptxHandlerRuntime28 extends PptxHandlerRuntim
           isLinked: mediaReference.isLinked,
           posterFramePath,
           posterFrameData,
+          ...this.readImageCropFromBlipFill(posterBlipFill),
           // Real PowerPoint media is `p:pic`-shaped even though the
           // `media` type buckets as `p:graphicFrame`, so its locks live
           // in `a:picLocks`. The writer resolves the same container from
@@ -76508,6 +76815,23 @@ var PptxHandlerRuntime66 = class _PptxHandlerRuntime30 extends PptxHandlerRuntim
       el.height = parseEmuInt(ext["@_cy"]) / _PptxHandlerRuntime30.EMU_PER_PX;
     }
   }
+  applyAncestorGroupTextTransform(children11, groupTransform) {
+    for (const child252 of children11) {
+      if (child252.type === "group") {
+        this.applyAncestorGroupTextTransform(child252.children, groupTransform);
+        continue;
+      }
+      if (!hasTextProperties(child252)) {
+        continue;
+      }
+      const existing = child252.textStyle?.ancestorGroupTransform;
+      const nestedTransform = isTextOrientationMatrix(existing) ? existing : TEXT_ORIENTATION_IDENTITY;
+      child252.textStyle = {
+        ...child252.textStyle,
+        ancestorGroupTransform: multiplyTextOrientationMatrices(groupTransform, nestedTransform)
+      };
+    }
+  }
   /**
    * Push a group fill down to every descendant whose own fill is `a:grpFill`
    * ("inherit from my group").
@@ -76636,6 +76960,16 @@ var PptxHandlerRuntime66 = class _PptxHandlerRuntime30 extends PptxHandlerRuntim
     if (hasGroupFill && grpFillStyle.fillMode !== "group") {
       this.applyGroupFillInheritance(children11, grpFillStyle);
     }
+    if (raw.rotation || raw.flipHorizontal || raw.flipVertical) {
+      this.applyAncestorGroupTextTransform(
+        children11,
+        getElementOrientationMatrix({
+          rotation: raw.rotation,
+          flipHorizontal: raw.flipHorizontal,
+          flipVertical: raw.flipVertical
+        })
+      );
+    }
     for (const child252 of children11) {
       child252.x -= parentX;
       child252.y -= parentY;
@@ -76931,6 +77265,52 @@ var PptxHandlerRuntime68 = class extends PptxHandlerRuntime67 {
   }
 };
 var PptxHandlerRuntime69 = class extends PptxHandlerRuntime68 {
+  /**
+   * Preserve the visual properties authored on a background `a:blipFill`.
+   *
+   * The decoded image URL alone is not enough to reproduce PowerPoint: crop,
+   * stretch/tile placement and blip effects such as `a:alphaModFix` live next
+   * to the relationship id and otherwise disappear during slide assembly.
+   */
+  extractBackgroundImageProperties(slideXml3, rootElement = "p:sld") {
+    try {
+      const blipFill = xmlPath(slideXml3, rootElement, "p:cSld", "p:bg", "p:bgPr", "a:blipFill");
+      const blip = xmlChild(blipFill, "a:blip");
+      if (!blipFill || !blip) {
+        return void 0;
+      }
+      const properties = {
+        ...this.readImageCropFromBlipFill(blipFill)
+      };
+      const imageEffects = this.extractImageEffects(blip);
+      if (imageEffects) {
+        properties.imageEffects = imageEffects;
+      }
+      const tileNode = xmlChild(blipFill, "a:tile");
+      if (tileNode) {
+        const txRaw = Number.parseInt(String(tileNode["@_tx"] ?? ""), 10);
+        const tyRaw = Number.parseInt(String(tileNode["@_ty"] ?? ""), 10);
+        const sxRaw = Number.parseInt(String(tileNode["@_sx"] ?? ""), 10);
+        const syRaw = Number.parseInt(String(tileNode["@_sy"] ?? ""), 10);
+        properties.tileOffsetX = Number.isFinite(txRaw) ? txRaw / 9525 : 0;
+        properties.tileOffsetY = Number.isFinite(tyRaw) ? tyRaw / 9525 : 0;
+        properties.tileScaleX = Number.isFinite(sxRaw) ? sxRaw / 1e5 : 1;
+        properties.tileScaleY = Number.isFinite(syRaw) ? syRaw / 1e5 : 1;
+        const flip = String(tileNode["@_flip"] ?? "none").trim();
+        if (flip === "x" || flip === "y" || flip === "xy" || flip === "none") {
+          properties.tileFlip = flip;
+        }
+        const alignment = String(tileNode["@_algn"] ?? "tl").trim();
+        if (alignment.length > 0) {
+          properties.tileAlignment = alignment;
+        }
+      }
+      return Object.keys(properties).length > 0 ? properties : void 0;
+    } catch (error) {
+      console.warn("Failed to extract background image properties:", error);
+      return void 0;
+    }
+  }
   async extractBackgroundImage(slideXml3, slidePath, rootElement = "p:sld") {
     try {
       const blip = xmlPath(
@@ -77199,6 +77579,26 @@ var PptxHandlerRuntime69 = class extends PptxHandlerRuntime68 {
     }
     return void 0;
   }
+  async getMasterBackgroundImageProperties(layoutPath) {
+    const layoutRels = this.slideRelsMap.get(layoutPath);
+    if (!layoutRels) {
+      return void 0;
+    }
+    for (const [, target] of layoutRels.entries()) {
+      if (!target.includes("slideMaster")) {
+        continue;
+      }
+      const layoutDir = layoutPath.substring(0, layoutPath.lastIndexOf("/") + 1);
+      const masterPath = target.startsWith("/") ? target.substring(1) : target.startsWith("..") ? this.resolvePath(layoutDir, target) : `ppt/${stripParentDirSegments(target)}`;
+      try {
+        const masterXmlObj = await this.resolveCachedMasterXml(masterPath);
+        return masterXmlObj ? this.extractBackgroundImageProperties(masterXmlObj, "p:sldMaster") : void 0;
+      } catch {
+        return void 0;
+      }
+    }
+    return void 0;
+  }
   async getLayoutBackgroundImage(slidePath) {
     const slideRels = this.slideRelsMap.get(slidePath);
     if (!slideRels) {
@@ -77213,7 +77613,7 @@ var PptxHandlerRuntime69 = class extends PptxHandlerRuntime68 {
           if (layoutXmlObj) {
             const layoutRelsPath = partRelsPath(layoutPath);
             await this.loadSlideRelationships(layoutPath, layoutRelsPath);
-            const bg = this.extractBackgroundImage(layoutXmlObj, layoutPath, "p:sldLayout");
+            const bg = await this.extractBackgroundImage(layoutXmlObj, layoutPath, "p:sldLayout");
             if (bg) {
               return bg;
             }
@@ -77226,6 +77626,36 @@ var PptxHandlerRuntime69 = class extends PptxHandlerRuntime68 {
     }
     return void 0;
   }
+  async getLayoutBackgroundImageProperties(slidePath) {
+    const slideRels = this.slideRelsMap.get(slidePath);
+    if (!slideRels) {
+      return void 0;
+    }
+    for (const [, target] of slideRels.entries()) {
+      if (!target.includes("slideLayout")) {
+        continue;
+      }
+      const slideDir = slidePath.substring(0, slidePath.lastIndexOf("/") + 1);
+      const layoutPath = target.startsWith("/") ? target.substring(1) : target.startsWith("..") ? this.resolvePath(slideDir, target) : `ppt/${stripParentDirSegments(target)}`;
+      try {
+        const layoutXmlObj = await this.resolveCachedLayoutXml(layoutPath);
+        if (!layoutXmlObj) {
+          return void 0;
+        }
+        const layoutRelsPath = partRelsPath(layoutPath);
+        await this.loadSlideRelationships(layoutPath, layoutRelsPath);
+        const layoutImage = await this.extractBackgroundImage(
+          layoutXmlObj,
+          layoutPath,
+          "p:sldLayout"
+        );
+        return layoutImage ? this.extractBackgroundImageProperties(layoutXmlObj, "p:sldLayout") : this.getMasterBackgroundImageProperties(layoutPath);
+      } catch {
+        return void 0;
+      }
+    }
+    return void 0;
+  }
   async getLayoutBackgroundColor(slidePath) {
     const slideRels = this.slideRelsMap.get(slidePath);
     if (!slideRels) {
@@ -77651,6 +78081,29 @@ var PptxHandlerRuntime71 = class _PptxHandlerRuntime31 extends PptxHandlerRuntim
         style.indent = indent / _PptxHandlerRuntime31.EMU_PER_PX;
       }
     }
+    const defaultTabSizeRaw = levelProps["@_defTabSz"];
+    if (defaultTabSizeRaw !== void 0) {
+      const defaultTabSize = Number.parseInt(String(defaultTabSizeRaw), 10);
+      if (Number.isFinite(defaultTabSize)) {
+        style.defaultTabSize = defaultTabSize / _PptxHandlerRuntime31.EMU_PER_PX;
+      }
+    }
+    const eaLineBreak = this.parseOptionalBooleanAttr(levelProps["@_eaLnBrk"]);
+    if (eaLineBreak !== void 0) {
+      style.eaLineBreak = eaLineBreak;
+    }
+    const latinLineBreak = this.parseOptionalBooleanAttr(levelProps["@_latinLnBrk"]);
+    if (latinLineBreak !== void 0) {
+      style.latinLineBreak = latinLineBreak;
+    }
+    const fontAlignment = String(levelProps["@_fontAlgn"] ?? "").trim();
+    if (fontAlignment.length > 0) {
+      style.fontAlignment = fontAlignment;
+    }
+    const hangingPunctuation = this.parseOptionalBooleanAttr(levelProps["@_hangingPunct"]);
+    if (hangingPunctuation !== void 0) {
+      style.hangingPunctuation = hangingPunctuation;
+    }
     const lnSpc = levelProps["a:lnSpc"];
     if (lnSpc) {
       const multiplier = this.parseLineSpacingMultiplier(lnSpc);
@@ -78226,6 +78679,7 @@ var PptxHandlerRuntime74 = class extends PptxHandlerRuntime73 {
       await this.loadSlideRelationships(partPath, `${partDirectory}/_rels/${fileName}.rels`);
     }
     part.backgroundImage = await this.extractBackgroundImage(data, partPath, rootTag2);
+    part.backgroundImageProperties = this.extractBackgroundImageProperties(data, rootTag2);
     this.unwrapAlternateContent(spTree);
     const previousClrMapOverride = this.currentSlideClrMapOverride;
     if (rootTag2 === "p:sldLayout") {
@@ -79250,6 +79704,7 @@ var PptxHandlerRuntime79 = class extends PptxHandlerRuntime78 {
    * scheme fill style list.
    *
    * Per the OOXML spec:
+   * - idx 0 or 1000 → no fill
    * - idx 1-3 → fillStyleLst[idx-1]
    * - idx 1001-1003 → bgFillStyleLst[idx-1001]
    *
@@ -79266,6 +79721,12 @@ var PptxHandlerRuntime79 = class extends PptxHandlerRuntime78 {
     if (overrideColorXml) {
       style.fillRefColorXml = overrideColorXml;
     }
+    if (idx === 0 || idx === 1e3) {
+      style.fillMode = "none";
+      style.fillColor = "transparent";
+      style.fillOpacity = 0;
+      return;
+    }
     if (!Number.isFinite(idx) || idx <= 0 || !this.themeFormatScheme) {
       style.fillMode = "theme";
       style.fillColor = this.parseColor(refNode);
@@ -80407,33 +80868,109 @@ function extractDrawingShapeFill(spPr, deps) {
   }
   return result;
 }
-function extractDrawingShapeTextStyle(txBody, deps) {
+function drawingTextEmuAttribute(node, name, emuPerPx) {
+  if (!node || node[`@_${name}`] === void 0) {
+    return void 0;
+  }
+  const value = Number.parseInt(String(node[`@_${name}`]), 10);
+  return Number.isFinite(value) ? value / emuPerPx : void 0;
+}
+function drawingTextBoolean(value) {
+  return value === true || value === 1 || value === "1" || value === "true";
+}
+function extractDrawingShapeTextStyle(txBody, deps, emuPerPx) {
   let fontSize;
   let fontColor;
+  let fontFamily;
+  let fontWeight;
+  let fontStyle;
+  let lineHeight;
+  let lineHeightRatio;
+  let lineSpacingAfter;
+  let lineSpacingAfterRatio;
   if (!txBody) {
     return { fontSize, fontColor };
   }
+  const bodyPr = deps.getChild(txBody, "bodyPr");
   const paragraphs = deps.getChildren(txBody, "p");
   for (const p of paragraphs) {
+    const pPr = deps.getChild(p, "pPr");
+    const lineSpacing = deps.getChild(pPr, "lnSpc");
+    const lineSpacingPercent = deps.getChild(lineSpacing, "spcPct");
+    const lineSpacingPoints = deps.getChild(lineSpacing, "spcPts");
+    const spacingAfter = deps.getChild(pPr, "spcAft");
+    const spacingAfterPercent = deps.getChild(spacingAfter, "spcPct");
+    const spacingAfterPoints = deps.getChild(spacingAfter, "spcPts");
+    if (lineHeightRatio === void 0 && lineSpacingPercent?.["@_val"] !== void 0) {
+      const raw = Number.parseInt(String(lineSpacingPercent["@_val"]), 10);
+      if (Number.isFinite(raw) && raw > 0) {
+        lineHeightRatio = raw / 1e5;
+      }
+    }
+    if (lineHeight === void 0 && lineSpacingPoints?.["@_val"] !== void 0) {
+      const raw = Number.parseInt(String(lineSpacingPoints["@_val"]), 10);
+      if (Number.isFinite(raw) && raw > 0) {
+        lineHeight = raw / 100 * (96 / 72);
+      }
+    }
+    if (lineSpacingAfterRatio === void 0 && spacingAfterPercent?.["@_val"] !== void 0) {
+      const raw = Number.parseInt(String(spacingAfterPercent["@_val"]), 10);
+      if (Number.isFinite(raw) && raw >= 0) {
+        lineSpacingAfterRatio = raw / 1e5;
+      }
+    }
+    if (lineSpacingAfter === void 0 && spacingAfterPoints?.["@_val"] !== void 0) {
+      const raw = Number.parseInt(String(spacingAfterPoints["@_val"]), 10);
+      if (Number.isFinite(raw) && raw >= 0) {
+        lineSpacingAfter = raw / 100 * (96 / 72);
+      }
+    }
     const runs = deps.getChildren(p, "r");
     for (const r of runs) {
       const rPr = deps.getChild(r, "rPr");
-      if (rPr && !fontSize) {
+      if (rPr) {
         const szRaw = parseInt(String(rPr["@_sz"] || ""), 10);
-        if (Number.isFinite(szRaw) && szRaw > 0) {
-          fontSize = szRaw / 100;
+        if (fontSize === void 0 && Number.isFinite(szRaw) && szRaw > 0) {
+          fontSize = szRaw / 100 * (96 / 72);
+        }
+        fontColor ??= deps.parseColor(deps.getChild(rPr, "solidFill")) ?? void 0;
+        const eastAsian = deps.getChild(rPr, "ea");
+        const latin = deps.getChild(rPr, "latin");
+        const complexScript = deps.getChild(rPr, "cs");
+        fontFamily ??= String(
+          eastAsian?.["@_typeface"] || latin?.["@_typeface"] || complexScript?.["@_typeface"] || ""
+        ).trim() || void 0;
+        if (fontWeight === void 0 && rPr["@_b"] !== void 0) {
+          fontWeight = drawingTextBoolean(rPr["@_b"]) ? 700 : 400;
+        }
+        if (fontStyle === void 0 && rPr["@_i"] !== void 0) {
+          fontStyle = drawingTextBoolean(rPr["@_i"]) ? "italic" : "normal";
         }
-        fontColor = deps.parseColor(deps.getChild(rPr, "solidFill")) ?? void 0;
       }
-      if (fontSize) {
+      if (fontSize !== void 0 && fontFamily !== void 0 && fontColor !== void 0) {
         break;
       }
     }
-    if (fontSize) {
+    if (fontSize !== void 0 && fontFamily !== void 0 && fontColor !== void 0) {
       break;
     }
   }
-  return { fontSize, fontColor };
+  return {
+    fontSize,
+    fontColor,
+    fontFamily,
+    fontWeight,
+    fontStyle,
+    lineHeight,
+    lineHeightRatio,
+    lineSpacingAfter,
+    lineSpacingAfterRatio,
+    textInsetLeft: drawingTextEmuAttribute(bodyPr, "lIns", emuPerPx),
+    textInsetTop: drawingTextEmuAttribute(bodyPr, "tIns", emuPerPx),
+    textInsetRight: drawingTextEmuAttribute(bodyPr, "rIns", emuPerPx),
+    textInsetBottom: drawingTextEmuAttribute(bodyPr, "bIns", emuPerPx),
+    textVerticalAnchor: String(bodyPr?.["@_anchor"] || "").trim() || void 0
+  };
 }
 function resolveSmartArtTextStyles(paragraphs, resolve2) {
   for (const paragraph of paragraphs ?? []) {
@@ -80573,10 +81110,13 @@ var PptxHandlerRuntime84 = class _PptxHandlerRuntime35 extends PptxHandlerRuntim
     const width = Math.round(parseInt(String(ext["@_cx"] || "0"), 10) / emuPerPx);
     const height = Math.round(parseInt(String(ext["@_cy"] || "0"), 10) / emuPerPx);
     const rotation = xfrm?.["@_rot"] ? parseInt(String(xfrm["@_rot"]), 10) / 6e4 : void 0;
+    const flipHorizontal = ["1", "true"].includes(String(xfrm?.["@_flipH"] ?? "").toLowerCase());
+    const flipVertical = ["1", "true"].includes(String(xfrm?.["@_flipV"] ?? "").toLowerCase());
     const skewX = xfrm?.["@_skewX"] ? parseInt(String(xfrm["@_skewX"]), 10) / 6e4 : void 0;
     const skewY = xfrm?.["@_skewY"] ? parseInt(String(xfrm["@_skewY"]), 10) / 6e4 : void 0;
     const prstGeom = this.xmlLookupService.getChildByLocalName(spPr, "prstGeom");
     const custGeom = this.xmlLookupService.getChildByLocalName(spPr, "custGeom");
+    const shapeAdjustments = prstGeom ? this.parseGeometryAdjustments(prstGeom) : void 0;
     let shapeType = prstGeom ? String(prstGeom["@_prst"] || "rect") : "rect";
     let customGeometry = {};
     if (custGeom) {
@@ -80614,10 +81154,15 @@ var PptxHandlerRuntime84 = class _PptxHandlerRuntime35 extends PptxHandlerRuntim
       this.collectLocalTextValues(txBody, "t", textValues2);
     }
     const text2 = textValues2.join("").trim() || void 0;
-    const { fontSize, fontColor } = extractDrawingShapeTextStyle(
-      txBody,
-      this.drawingShapeStyleDeps()
-    );
+    const textStyle = extractDrawingShapeTextStyle(txBody, this.drawingShapeStyleDeps(), emuPerPx);
+    const { fontSize, fontColor } = textStyle;
+    const txXfrm = this.xmlLookupService.getChildByLocalName(sp, "txXfrm");
+    const txOff = this.xmlLookupService.getChildByLocalName(txXfrm, "off");
+    const txExt = this.xmlLookupService.getChildByLocalName(txXfrm, "ext");
+    const textFrameX = drawingTextEmuAttribute(txOff, "x", emuPerPx);
+    const textFrameY = drawingTextEmuAttribute(txOff, "y", emuPerPx);
+    const textFrameWidth = drawingTextEmuAttribute(txExt, "cx", emuPerPx);
+    const textFrameHeight = drawingTextEmuAttribute(txExt, "cy", emuPerPx);
     const paragraphs = txBody ? resolveSmartArtTextStyles(
       parseSmartArtTextParagraphs({ "dgm:t": txBody }),
       (rPr) => this.extractTextRunStyle(rPr, void 0, void 0, false)
@@ -80641,16 +81186,22 @@ var PptxHandlerRuntime84 = class _PptxHandlerRuntime35 extends PptxHandlerRuntim
       width,
       height,
       rotation,
+      flipHorizontal,
+      flipVertical,
       skewX,
       skewY,
+      shapeAdjustments,
       ...fill,
       fillColor: fill.fillColor ?? void 0,
       strokeColor: strokeColor ?? void 0,
       strokeWidth,
       text: structuredText,
       textSegments,
-      fontSize,
-      fontColor,
+      ...textStyle,
+      textFrameX,
+      textFrameY,
+      textFrameWidth,
+      textFrameHeight,
       ...customGeometry
     };
   }
@@ -82947,7 +83498,9 @@ var PptxHandlerRuntime93 = class _PptxHandlerRuntime37 extends PptxHandlerRuntim
       extractBackgroundGradient: (slideXml3) => this.extractBackgroundGradient(slideXml3),
       getLayoutBackgroundGradient: (slidePath) => this.getLayoutBackgroundGradient(slidePath),
       extractBackgroundImage: (slideXml3, slidePath) => this.extractBackgroundImage(slideXml3, slidePath),
+      extractBackgroundImageProperties: (slideXml3, rootElement) => this.extractBackgroundImageProperties(slideXml3, rootElement),
       getLayoutBackgroundImage: (slidePath) => this.getLayoutBackgroundImage(slidePath),
+      getLayoutBackgroundImageProperties: (slidePath) => this.getLayoutBackgroundImageProperties(slidePath),
       rememberSlideBackgroundOrigin: (slidePath, origin) => rememberSlideBackgroundOrigin(this, slidePath, origin),
       extractSlideNotes: (slidePath) => this.extractSlideNotes(slidePath),
       extractSlideComments: (slidePath) => this.extractSlideComments(slidePath),
@@ -99587,8 +100140,8 @@ function buildCustomGeometryClipPath(pathData, pathWidth, pathHeight, elemWidth,
   return `path('${out.join(" ")}')`;
 }
 function getResolvedShapeClipPath(element, width, height) {
-  const w = typeof width === "number" ? width : element.width;
-  const h = typeof height === "number" ? height : element.height;
+  const w = element.width;
+  const h = element.height;
   const custom = element;
   if (custom.pathData && custom.pathWidth && custom.pathHeight) {
     const customClip = buildCustomGeometryClipPath(
@@ -100506,6 +101059,33 @@ function resolveComputedFill(ss, element) {
   }
   return {};
 }
+function isTextOrientationMatrix2(value) {
+  return Array.isArray(value) && value.length === 4 && value.every((entry2) => typeof entry2 === "number" && Number.isFinite(entry2));
+}
+function multiplyTextOrientationMatrices2(left, right) {
+  return [
+    left[0] * right[0] + left[2] * right[1],
+    left[1] * right[0] + left[3] * right[1],
+    left[0] * right[2] + left[2] * right[3],
+    left[1] * right[2] + left[3] * right[3]
+  ];
+}
+function getElementOrientationMatrix2(element) {
+  const radians = (Number(element.rotation) || 0) * Math.PI / 180;
+  const cosine = Math.cos(radians);
+  const sine = Math.sin(radians);
+  const rotation = [cosine, sine, -sine, cosine];
+  const flip = [
+    element.flipHorizontal ? -1 : 1,
+    0,
+    0,
+    element.flipVertical ? -1 : 1
+  ];
+  return multiplyTextOrientationMatrices2(rotation, flip);
+}
+function textOrientationAngleScore(matrix) {
+  return Math.abs(Math.atan2(matrix[1], matrix[0]));
+}
 function normalizeStrokeDashType(value) {
   const normalized = String(value || "").trim().toLowerCase();
   if (!normalized) {
@@ -100607,12 +101187,37 @@ function getElementTransformWithoutRotation(element) {
 }
 function getTextCompensationTransform(element) {
   const transforms = [];
-  if (element.flipHorizontal) {
+  const normalizedRotation = ((Number(element.rotation) || 0) % 360 + 360) % 360;
+  const swapFlipAxis = normalizedRotation > 90 && normalizedRotation < 270 && element.flipHorizontal !== element.flipVertical;
+  const compensateHorizontal = swapFlipAxis ? element.flipVertical : element.flipHorizontal;
+  const compensateVertical = swapFlipAxis ? element.flipHorizontal : element.flipVertical;
+  if (compensateHorizontal) {
     transforms.push("scaleX(-1)");
   }
-  if (element.flipVertical) {
+  if (compensateVertical) {
     transforms.push("scaleY(-1)");
   }
+  const ancestorGroupTransform = "textStyle" in element ? element.textStyle?.ancestorGroupTransform : void 0;
+  if (isTextOrientationMatrix2(ancestorGroupTransform)) {
+    const localCompensation = [
+      compensateHorizontal ? -1 : 1,
+      0,
+      0,
+      compensateVertical ? -1 : 1
+    ];
+    const visibleTransform = multiplyTextOrientationMatrices2(
+      multiplyTextOrientationMatrices2(ancestorGroupTransform, getElementOrientationMatrix2(element)),
+      localCompensation
+    );
+    const determinant = visibleTransform[0] * visibleTransform[3] - visibleTransform[1] * visibleTransform[2];
+    if (determinant < -1e-6) {
+      const horizontalCandidate = multiplyTextOrientationMatrices2(visibleTransform, [-1, 0, 0, 1]);
+      const verticalCandidate = multiplyTextOrientationMatrices2(visibleTransform, [1, 0, 0, -1]);
+      transforms.push(
+        textOrientationAngleScore(horizontalCandidate) <= textOrientationAngleScore(verticalCandidate) ? "scaleX(-1)" : "scaleY(-1)"
+      );
+    }
+  }
   return transforms.length > 0 ? transforms.join(" ") : void 0;
 }
 function parseDrawingPercent2(value) {
@@ -100806,6 +101411,7 @@ function getOuterShadowCss(style, context) {
   if (!style?.shadowColor || style.shadowColor === "transparent") {
     return void 0;
   }
+  const usesOoxmlDefaults = style.outerShadowXml !== void 0;
   let offsetX;
   let offsetY;
   if (typeof style.shadowAngle === "number" && typeof style.shadowDistance === "number") {
@@ -100814,11 +101420,12 @@ function getOuterShadowCss(style, context) {
     offsetX = Math.cos(angleRad) * style.shadowDistance;
     offsetY = Math.sin(angleRad) * style.shadowDistance;
   } else {
-    offsetX = typeof style.shadowOffsetX === "number" && Number.isFinite(style.shadowOffsetX) ? style.shadowOffsetX : 4;
-    offsetY = typeof style.shadowOffsetY === "number" && Number.isFinite(style.shadowOffsetY) ? style.shadowOffsetY : 4;
+    offsetX = typeof style.shadowOffsetX === "number" && Number.isFinite(style.shadowOffsetX) ? style.shadowOffsetX : usesOoxmlDefaults ? 0 : 4;
+    offsetY = typeof style.shadowOffsetY === "number" && Number.isFinite(style.shadowOffsetY) ? style.shadowOffsetY : usesOoxmlDefaults ? 0 : 4;
   }
-  const blur = typeof style.shadowBlur === "number" && Number.isFinite(style.shadowBlur) ? Math.max(0, style.shadowBlur) : 6;
-  const opacity2 = typeof style.shadowOpacity === "number" && Number.isFinite(style.shadowOpacity) ? clampUnitInterval22(style.shadowOpacity) : 0.35;
+  const rawBlur = typeof style.shadowBlur === "number" && Number.isFinite(style.shadowBlur) ? Math.max(0, style.shadowBlur) : usesOoxmlDefaults ? 0 : 6;
+  const blur = usesOoxmlDefaults ? rawBlur / 2 : rawBlur;
+  const opacity2 = typeof style.shadowOpacity === "number" && Number.isFinite(style.shadowOpacity) ? clampUnitInterval22(style.shadowOpacity) : usesOoxmlDefaults ? 1 : 0.35;
   const spread = getShadowScaleSpread(style.shadowScaleX, style.shadowScaleY, blur);
   const color2 = colorWithOpacity2(
     normalizeHexColor2(style.shadowColor, DEFAULT_SHADOW_COLOR),
@@ -100827,6 +101434,48 @@ function getOuterShadowCss(style, context) {
   const geometry = `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px`;
   return spread === 0 ? `${geometry} ${color2}` : `${geometry} ${spread}px ${color2}`;
 }
+function getCompositeOuterShadowFilterCss(style, context) {
+  if (!style) {
+    return void 0;
+  }
+  const usesOoxmlDefaults = style.outerShadowXml !== void 0;
+  const shadows = style.shadows && style.shadows.length > 0 ? style.shadows : style.shadowColor && style.shadowColor !== "transparent" ? [
+    {
+      angle: style.shadowAngle,
+      distance: style.shadowDistance,
+      offsetX: style.shadowOffsetX,
+      offsetY: style.shadowOffsetY,
+      blur: style.shadowBlur,
+      color: style.shadowColor,
+      opacity: style.shadowOpacity
+    }
+  ] : [];
+  const parts = [];
+  for (const shadow of shadows) {
+    if (!shadow.color || shadow.color === "transparent") {
+      continue;
+    }
+    let offsetX;
+    let offsetY;
+    if (typeof shadow.angle === "number" && typeof shadow.distance === "number") {
+      const angle = style.shadowRotateWithShape === false && typeof context?.rotation === "number" ? shadow.angle - context.rotation : shadow.angle;
+      const angleRad = angle * Math.PI / 180;
+      offsetX = Math.cos(angleRad) * shadow.distance;
+      offsetY = Math.sin(angleRad) * shadow.distance;
+    } else {
+      offsetX = typeof shadow.offsetX === "number" && Number.isFinite(shadow.offsetX) ? shadow.offsetX : usesOoxmlDefaults ? 0 : 4;
+      offsetY = typeof shadow.offsetY === "number" && Number.isFinite(shadow.offsetY) ? shadow.offsetY : usesOoxmlDefaults ? 0 : 4;
+    }
+    const rawBlur = typeof shadow.blur === "number" && Number.isFinite(shadow.blur) ? Math.max(0, shadow.blur) : usesOoxmlDefaults ? 0 : 6;
+    const blur = usesOoxmlDefaults ? rawBlur / 2 : rawBlur;
+    const opacity2 = typeof shadow.opacity === "number" && Number.isFinite(shadow.opacity) ? clampUnitInterval22(shadow.opacity) : usesOoxmlDefaults ? 1 : 0.35;
+    const color2 = colorWithOpacity2(normalizeHexColor2(shadow.color, DEFAULT_SHADOW_COLOR), opacity2);
+    parts.push(
+      `drop-shadow(${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${color2})`
+    );
+  }
+  return parts.length > 0 ? parts.join(" ") : void 0;
+}
 function getShadowScaleSpread(scaleX, scaleY, blur) {
   const sx = typeof scaleX === "number" && Number.isFinite(scaleX) ? scaleX / 1e5 : 1;
   const sy = typeof scaleY === "number" && Number.isFinite(scaleY) ? scaleY / 1e5 : 1;
@@ -100995,7 +101644,7 @@ function getEffectFilterCss(style, elementId) {
   const parts = [];
   if (style.glowColor && style.glowColor !== "transparent" && style.glowRadius) {
     const glowOpacity = typeof style.glowOpacity === "number" ? style.glowOpacity : 0.75;
-    const glowRad = Math.round(Math.max(0, style.glowRadius));
+    const glowRad = Math.max(0, style.glowRadius / 2);
     const glowCol = colorWithOpacity2(
       normalizeHexColor2(style.glowColor, DEFAULT_GLOW_COLOR),
       glowOpacity
@@ -101076,7 +101725,9 @@ function getComputedEffectStyle(element, options = {}) {
     return result;
   }
   const paintsLineEffectsItself = element.type === "connector" || getShapeType("shapeType" in element ? element.shapeType : void 0) === "connector";
-  const boxShadow = getBoxShadowCss(
+  const shadowsCompositePixels = element.type === "group" || element.type === "text" || element.type === "image" || element.type === "picture";
+  const compositeShadow = shadowsCompositePixels ? getCompositeOuterShadowFilterCss(style, { rotation: element.rotation }) : void 0;
+  const boxShadow = shadowsCompositePixels ? void 0 : getBoxShadowCss(
     style,
     { includeGlow: options.includeGlowBoxShadow },
     { rotation: element.rotation }
@@ -101090,7 +101741,7 @@ function getComputedEffectStyle(element, options = {}) {
   }
   const filter = getEffectFilterCss(style, element.id);
   const lineGlow = paintsLineEffectsItself ? void 0 : getLineGlowFilterCss(style);
-  const filterParts = [filter, lineGlow].filter(
+  const filterParts = [compositeShadow, filter, lineGlow].filter(
     (part) => part !== void 0 && part !== ""
   );
   if (filterParts.length > 0) {
@@ -101236,6 +101887,55 @@ function outlinePathData(clipPath, width, height) {
   }
   return rect2;
 }
+var WEDGE_CALLOUT_PRESET_NAMES = /* @__PURE__ */ new Set([
+  "wedgerectcallout",
+  "wedgeroundrectcallout",
+  "wedgeellipsecallout"
+]);
+function isWedgeCalloutPresetShape(shapeType) {
+  return typeof shapeType === "string" && WEDGE_CALLOUT_PRESET_NAMES.has(shapeType.toLowerCase());
+}
+function clipPathPolygonPoints(clipPath, width, height) {
+  const asPolygon = /^polygon\((.*)\)$/su.exec(clipPath.trim());
+  if (!asPolygon) {
+    return [];
+  }
+  const toPx2 = (token2, extent) => token2.endsWith("%") ? Number.parseFloat(token2) / 100 * extent : Number.parseFloat(token2);
+  return asPolygon[1].split(",").map((pair) => pair.trim().split(/\s+/u)).filter((parts) => parts.length === 2).map(([rawX, rawY]) => [toPx2(rawX, width), toPx2(rawY, height)]).filter(([x, y]) => Number.isFinite(x) && Number.isFinite(y));
+}
+function getPresetShapeVectorGeometry(shapeType, width, height, adjustments) {
+  const normalizedWidth = Math.max(Number.isFinite(width) ? width : 0, 1);
+  const normalizedHeight = Math.max(Number.isFinite(height) ? height : 0, 1);
+  const clipPath = getResolvedShapeClipPathFor(
+    shapeType,
+    normalizedWidth,
+    normalizedHeight,
+    adjustments
+  );
+  const d = outlinePathData(clipPath, normalizedWidth, normalizedHeight);
+  if (!d) {
+    return void 0;
+  }
+  let minX = 0;
+  let minY = 0;
+  let maxX = normalizedWidth;
+  let maxY = normalizedHeight;
+  for (const [x, y] of clipPath ? clipPathPolygonPoints(clipPath, normalizedWidth, normalizedHeight) : []) {
+    minX = Math.min(minX, x);
+    minY = Math.min(minY, y);
+    maxX = Math.max(maxX, x);
+    maxY = Math.max(maxY, y);
+  }
+  return {
+    d,
+    minX,
+    minY,
+    maxX,
+    maxY,
+    viewWidth: Math.max(maxX - minX, 1),
+    viewHeight: Math.max(maxY - minY, 1)
+  };
+}
 function outlineStrands(compoundLine, strokeWidth) {
   const offsets = getCompoundLineOffsets(compoundLine, strokeWidth);
   if (offsets.length <= 1) {
@@ -113231,6 +113931,7 @@ var KEYFRAME_DEFINITIONS = {
 function getEffectKeyframes(effect) {
   return KEYFRAME_DEFINITIONS[effect] ?? "";
 }
+var HEX_COLOR2 = /^#?[0-9a-f]{6}$/iu;
 function hexToRgb4(hex4) {
   const cleaned = hex4.replace(/^#/u, "");
   const val2 = parseInt(cleaned, 16);
@@ -113345,48 +114046,145 @@ function resolveCssProperties(attrName) {
   }
   return ATTR_NAME_TO_CSS_PROPERTIES[attrName] ?? ["color"];
 }
-function resolveColorAnimationTargets(targetAttribute) {
-  const cssProperties = resolveCssProperties(targetAttribute);
+function resolveColorAnimationTargets(animationOrAttribute) {
+  const attributes = typeof animationOrAttribute === "string" || animationOrAttribute === void 0 ? [animationOrAttribute] : colorAnimationComponents(animationOrAttribute).map(
+    (component) => component.targetAttribute
+  );
   const targets = [];
-  if (cssProperties.includes("fill")) {
-    targets.push("fill");
-  }
-  if (cssProperties.includes("stroke")) {
-    targets.push("stroke");
+  for (const attribute2 of attributes) {
+    const cssProperties = resolveCssProperties(attribute2);
+    if (cssProperties.includes("fill") && !targets.includes("fill")) {
+      targets.push("fill");
+    }
+    if (cssProperties.includes("stroke") && !targets.includes("stroke")) {
+      targets.push("stroke");
+    }
   }
   return targets;
 }
-function buildColorAnimationKeyframes(colorAnim, keyframeName, steps = 10) {
-  const { colorSpace, direction, fromColor, toColor, byColor, targetAttribute } = colorAnim;
+var ANIMATION_COLOR_BASE_PROPERTIES = {
+  color: "--pptx-animation-color-base",
+  fill: "--pptx-animation-fill-base",
+  stroke: "--pptx-animation-stroke-base"
+};
+function colorAnimationComponents(colorAnim) {
+  return colorAnim.components && colorAnim.components.length > 0 ? colorAnim.components : [colorAnim];
+}
+function clampPercent(value) {
+  return Math.max(0, Math.min(100, value));
+}
+function applyHslDelta(fromColor, delta, progress) {
+  const fromRgb = hexToRgb4(fromColor);
+  const fromHsl = rgbToHsl2(fromRgb.r, fromRgb.g, fromRgb.b);
+  const hue = ((fromHsl.h + delta.hue * progress) % 360 + 360) % 360;
+  const saturation = clampPercent(fromHsl.s + delta.saturation * progress);
+  const lightness = clampPercent(fromHsl.l + delta.lightness * progress);
+  const rgb = hslToRgb2(hue, saturation, lightness);
+  return rgbToHex3(rgb.r, rgb.g, rgb.b);
+}
+function cssNumber(value) {
+  const rounded = Math.round(value * 1e6) / 1e6;
+  return String(Object.is(rounded, -0) ? 0 : rounded);
+}
+function baseColorForProperty(property) {
+  if (property === "fill" || property === "background-color" || property === "backgroundColor") {
+    return `var(${ANIMATION_COLOR_BASE_PROPERTIES.fill}, currentColor)`;
+  }
+  if (property === "stroke" || property === "border-color" || property === "borderColor") {
+    return `var(${ANIMATION_COLOR_BASE_PROPERTIES.stroke}, currentColor)`;
+  }
+  return `var(${ANIMATION_COLOR_BASE_PROPERTIES.color}, currentColor)`;
+}
+function relativeHslColor(property, delta, progress) {
+  const hue = cssNumber(delta.hue * progress);
+  const saturation = cssNumber(delta.saturation * progress);
+  const lightness = cssNumber(delta.lightness * progress);
+  return `hsl(from ${baseColorForProperty(property)} calc(h + ${hue}) calc(s + ${saturation}) calc(l + ${lightness}) / alpha)`;
+}
+function absoluteComponentColor(component, progress) {
+  const { colorSpace, direction, fromColor, toColor, byColor } = component;
   let effectiveFrom;
   let effectiveTo;
   if (fromColor && toColor) {
+    if (!HEX_COLOR2.test(fromColor) || !HEX_COLOR2.test(toColor)) {
+      return void 0;
+    }
     effectiveFrom = fromColor;
     effectiveTo = toColor;
   } else if (fromColor && byColor) {
+    if (!HEX_COLOR2.test(fromColor) || !HEX_COLOR2.test(byColor)) {
+      return void 0;
+    }
     const fromRgb = hexToRgb4(fromColor);
     const byRgb = hexToRgb4(byColor);
     effectiveFrom = fromColor;
     effectiveTo = rgbToHex3(fromRgb.r + byRgb.r, fromRgb.g + byRgb.g, fromRgb.b + byRgb.b);
   } else if (toColor) {
+    if (!HEX_COLOR2.test(toColor)) {
+      return void 0;
+    }
     effectiveFrom = "#000000";
     effectiveTo = toColor;
   } else {
     return void 0;
   }
-  const cssProperties = resolveCssProperties(targetAttribute);
+  return interpolateColor(effectiveFrom, effectiveTo, progress, colorSpace, direction);
+}
+function buildColorAnimationKeyframes(colorAnim, keyframeName2, steps = 10) {
+  const components = colorAnimationComponents(colorAnim);
+  if (!components.some(
+    (component) => component.hslDelta !== void 0 || component.toColor !== void 0 || component.fromColor !== void 0 && component.byColor !== void 0
+  )) {
+    return void 0;
+  }
   const lines = [];
+  let hasDeclarations = false;
   const actualSteps = Math.max(2, steps);
   for (let i = 0; i <= actualSteps; i++) {
     const t = i / actualSteps;
     const pct = Math.round(t * 100);
-    const color2 = interpolateColor(effectiveFrom, effectiveTo, t, colorSpace, direction);
-    const decls = cssProperties.map((prop) => `${prop}: ${color2};`).join(" ");
+    const declarations = [];
+    for (const component of components) {
+      const cssProperties = resolveCssProperties(component.targetAttribute);
+      if (component.hslDelta) {
+        if (component.fromColor && !HEX_COLOR2.test(component.fromColor)) {
+          continue;
+        }
+        for (const property of cssProperties) {
+          const color22 = component.fromColor ? applyHslDelta(component.fromColor, component.hslDelta, t) : relativeHslColor(property, component.hslDelta, t);
+          declarations.push(`${property}: ${color22};`);
+          hasDeclarations = true;
+        }
+        continue;
+      }
+      const color2 = absoluteComponentColor(component, t);
+      if (color2) {
+        declarations.push(...cssProperties.map((property) => `${property}: ${color2};`));
+        hasDeclarations = true;
+      }
+    }
+    const decls = declarations.join(" ");
     lines.push(`	${pct}% { ${decls} }`);
   }
-  return `@keyframes ${keyframeName} {
+  return hasDeclarations ? `@keyframes ${keyframeName2} {
 ${lines.join("\n")}
-}`;
+}` : void 0;
+}
+function getAnimationColorBaseStyle(element, options = {}) {
+  if (!hasShapeProperties(element) || !options.animatesFill && !options.animatesStroke) {
+    return {};
+  }
+  const style = {};
+  if (options.animatesFill) {
+    const fill = getComputedFillStyle(element, options.parentGroupFill);
+    style[ANIMATION_COLOR_BASE_PROPERTIES.fill] = fill?.backgroundColor ?? element.shapeStyle?.fillColor ?? "currentColor";
+  }
+  if (options.animatesStroke) {
+    const stroke = getComputedStrokeStyle(element);
+    style[ANIMATION_COLOR_BASE_PROPERTIES.stroke] = stroke.borderColor ?? element.shapeStyle?.strokeColor ?? "currentColor";
+  }
+  style[ANIMATION_COLOR_BASE_PROPERTIES.color] = (hasTextProperties(element) ? element.textStyle?.color : void 0) ?? "currentColor";
+  return style;
 }
 function resolveChartBuildMode(token2) {
   switch (token2) {
@@ -113553,6 +114351,141 @@ function revealedSmartArtNodeCount(nodes, build) {
   }
   return revealedStageCount(build.progress, nodes.length);
 }
+var ATTRIBUTE_KINDS = {
+  opacity: "opacity",
+  ppt_h: "scaleY",
+  ppt_w: "scaleX",
+  ppt_x: "translateX",
+  ppt_y: "translateY",
+  "style.opacity": "opacity",
+  "style.rotation": "rotation"
+};
+var SELF_REFERENCE_RE = /^#?ppt_([whxy])(?:([+-])(\d*\.?\d+))?$/iu;
+function clamp0122(value) {
+  return Math.max(0, Math.min(1, value));
+}
+function numericValue(keyframe) {
+  const parsed = Number(keyframe.value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function parseSelfReference(keyframe, expectedAxis) {
+  const token2 = String(keyframe.value).replaceAll(" ", "").toLowerCase();
+  const match = SELF_REFERENCE_RE.exec(token2);
+  if (!match || match[1] !== expectedAxis) {
+    return void 0;
+  }
+  const magnitude = match[3] === void 0 ? 0 : Number(match[3]);
+  if (!Number.isFinite(magnitude)) {
+    return void 0;
+  }
+  return { offset: match[2] === "-" ? -magnitude : magnitude };
+}
+function parseValue(kind, keyframe) {
+  if (kind === "rotation") {
+    return numericValue(keyframe);
+  }
+  if (kind === "opacity") {
+    const value = numericValue(keyframe);
+    return value === void 0 ? void 0 : clamp0122(value);
+  }
+  if (kind === "scaleX" || kind === "scaleY") {
+    const numeric = numericValue(keyframe);
+    if (numeric === 0) {
+      return 0;
+    }
+    const axis2 = kind === "scaleX" ? "w" : "h";
+    const reference2 = parseSelfReference(keyframe, axis2);
+    return reference2?.offset === 0 ? 1 : void 0;
+  }
+  const axis = kind === "translateX" ? "x" : "y";
+  const reference = parseSelfReference(keyframe, axis);
+  return reference === void 0 ? void 0 : reference.offset * 100;
+}
+function parseComponent(component, effectDurationMs) {
+  const kind = ATTRIBUTE_KINDS[component.attrName];
+  if (!kind) {
+    return void 0;
+  }
+  const stops = [];
+  for (const keyframe of component.keyframes) {
+    if (typeof keyframe.tm !== "number" || !Number.isFinite(keyframe.tm)) {
+      return void 0;
+    }
+    const value = parseValue(kind, keyframe);
+    if (value === void 0) {
+      return void 0;
+    }
+    stops.push({ progress: clamp0122(keyframe.tm / 1e5), value });
+  }
+  if (stops.length < 2) {
+    return void 0;
+  }
+  stops.sort((left, right) => left.progress - right.progress);
+  return {
+    delayMs: component.delayMs ?? 0,
+    durationMs: component.durationMs ?? effectDurationMs,
+    kind,
+    stops
+  };
+}
+function valueAt(component, progress, effectDurationMs) {
+  const elapsedMs = progress * effectDurationMs - component.delayMs;
+  const localProgress = clamp0122(elapsedMs / Math.max(1, component.durationMs));
+  const first = component.stops[0];
+  const last = component.stops[component.stops.length - 1];
+  if (localProgress <= first.progress) {
+    return first.value;
+  }
+  if (localProgress >= last.progress) {
+    return last.value;
+  }
+  for (let index = 1; index < component.stops.length; index += 1) {
+    const right = component.stops[index];
+    const left = component.stops[index - 1];
+    if (localProgress <= right.progress) {
+      const span = Math.max(Number.EPSILON, right.progress - left.progress);
+      const ratio = (localProgress - left.progress) / span;
+      return left.value + (right.value - left.value) * ratio;
+    }
+  }
+  return last.value;
+}
+function createAttributeTransformModel(anim) {
+  const effectDurationMs = Math.max(1, anim.durationMs ?? 1e3);
+  const supportedComponents = (anim.attributeAnimations ?? []).filter(
+    (component) => ATTRIBUTE_KINDS[component.attrName] !== void 0
+  );
+  const components = supportedComponents.map(
+    (component) => parseComponent(component, effectDurationMs)
+  );
+  const parsedComponents = components.filter(
+    (component) => component !== void 0
+  );
+  if (parsedComponents.length !== supportedComponents.length) {
+    return void 0;
+  }
+  if (parsedComponents.length === 0) {
+    return void 0;
+  }
+  const progressSet = /* @__PURE__ */ new Set([0, 1]);
+  for (const component of parsedComponents) {
+    for (const stop of component.stops) {
+      progressSet.add(
+        clamp0122((component.delayMs + stop.progress * component.durationMs) / effectDurationMs)
+      );
+    }
+  }
+  return {
+    progresses: [...progressSet].sort((left, right) => left - right),
+    stateAt(progress) {
+      const state = {};
+      for (const component of parsedComponents) {
+        state[component.kind] = valueAt(component, progress, effectDurationMs);
+      }
+      return state;
+    }
+  };
+}
 var BEZIER_SAMPLES = 8;
 function cubicAt(p0, c1, c2, p3, t) {
   const mt = 1 - t;
@@ -113638,119 +114571,150 @@ function parseMotionPathPoints(motionPath) {
   }
   return points3;
 }
-function buildAbsoluteRotationKeyframe(anim, namePrefix, uid) {
-  if (anim.rotationBy !== void 0) {
-    return void 0;
+function slideOffset(percent3, axis) {
+  const fallback = axis === "w" ? "1280px" : "720px";
+  return `calc(var(--pptx-slide-${axis}, ${fallback}) * ${(percent3 / 100).toFixed(4)})`;
+}
+function hasRotation(anim) {
+  return anim.rotationBy !== void 0 || anim.rotationFrom !== void 0 || anim.rotationTo !== void 0;
+}
+function hasScale(anim) {
+  return anim.scaleByX !== void 0 || anim.scaleByY !== void 0 || anim.scaleFromX !== void 0 || anim.scaleFromY !== void 0 || anim.scaleToX !== void 0 || anim.scaleToY !== void 0;
+}
+function hasAuthoredTransform(anim) {
+  return Boolean(anim.motionPath) || hasRotation(anim) || hasScale(anim) || createAttributeTransformModel(anim) !== void 0;
+}
+function rotationAt(anim, progress) {
+  const from = anim.rotationFrom ?? 0;
+  const to = anim.rotationTo ?? (anim.rotationBy !== void 0 ? from + anim.rotationBy : from);
+  return from + (to - from) * progress;
+}
+function scaleAt(anim, axis, progress) {
+  const from = axis === "x" ? anim.scaleFromX ?? 1 : anim.scaleFromY ?? 1;
+  const authoredTo = axis === "x" ? anim.scaleToX : anim.scaleToY;
+  const by = axis === "x" ? anim.scaleByX : anim.scaleByY;
+  const to = authoredTo ?? (by !== void 0 ? from * by : from);
+  return from + (to - from) * progress;
+}
+function opacityAt(anim, progress) {
+  if (anim.presetClass === "entr") {
+    return progress;
   }
-  if (anim.rotationFrom === void 0 && anim.rotationTo === void 0) {
-    return void 0;
+  if (anim.presetClass === "exit") {
+    return 1 - progress;
   }
-  const from = anim.rotationFrom ?? anim.rotationTo ?? 0;
-  const to = anim.rotationTo ?? anim.rotationFrom ?? 0;
-  const name = `${namePrefix}-${uid}`;
+  return void 0;
+}
+function formatNumber(value, fractionDigits = 4) {
+  return String(Number(value.toFixed(fractionDigits)));
+}
+function tangentAngle(points3, index) {
+  const point = points3[index];
+  const next = index < points3.length - 1 ? points3[index + 1] : point;
+  const previous = index > 0 ? points3[index - 1] : point;
+  const dx = index < points3.length - 1 ? next.x - point.x : point.x - previous.x;
+  const dy = index < points3.length - 1 ? next.y - point.y : point.y - previous.y;
+  return Math.atan2(dy, dx) * (180 / Math.PI);
+}
+function rotateMotionPathPoints(points3, anim) {
+  const angle = anim.motionPathRotationAngle ?? 0;
+  if (!Number.isFinite(angle) || angle === 0) {
+    return [...points3];
+  }
+  const radians = angle * Math.PI / 180;
+  const cosine = Math.cos(radians);
+  const sine = Math.sin(radians);
+  const centerX = anim.motionPathRotationCenterX ?? 0;
+  const centerY = anim.motionPathRotationCenterY ?? 0;
+  return points3.map((point) => {
+    const x = point.x - centerX;
+    const y = point.y - centerY;
+    return {
+      x: centerX + x * cosine - y * sine,
+      y: centerY + x * sine + y * cosine
+    };
+  });
+}
+function pointAt(points3, progress) {
+  if (points3.length < 2) {
+    return { x: 0, y: 0 };
+  }
+  const position2 = progress * (points3.length - 1);
+  const leftIndex = Math.floor(position2);
+  const rightIndex = Math.min(points3.length - 1, leftIndex + 1);
+  const ratio = position2 - leftIndex;
+  const left = points3[leftIndex];
+  const right = points3[rightIndex];
   return {
-    keyframeName: name,
-    css: `@keyframes ${name} {
-	from { transform: rotate(${from}deg); }
-	to { transform: rotate(${to}deg); }
-}`
+    x: left.x + (right.x - left.x) * ratio,
+    y: left.y + (right.y - left.y) * ratio
   };
 }
-function buildAbsoluteScaleKeyframe(anim, namePrefix, uid) {
-  if (anim.scaleByX !== void 0 || anim.scaleByY !== void 0) {
-    return void 0;
+function keyframeName(anim, prefixes, uid, hasAttributeAnimation) {
+  const motion = Boolean(anim.motionPath);
+  const rotation = hasRotation(anim);
+  const scale = hasScale(anim);
+  if (hasAttributeAnimation || Number(motion) + Number(rotation) + Number(scale) > 1) {
+    return `${prefixes.transform}-${uid}`;
   }
-  if (anim.scaleFromX === void 0 && anim.scaleFromY === void 0 && anim.scaleToX === void 0 && anim.scaleToY === void 0) {
-    return void 0;
+  if (motion) {
+    return `${prefixes.motion}-${uid}`;
   }
-  const fromX = anim.scaleFromX ?? 1;
-  const fromY = anim.scaleFromY ?? 1;
-  const toX = anim.scaleToX ?? fromX;
-  const toY = anim.scaleToY ?? fromY;
-  const name = `${namePrefix}-${uid}`;
-  return {
-    keyframeName: name,
-    css: `@keyframes ${name} {
-	from { transform: scale(${fromX}, ${fromY}); }
-	to { transform: scale(${toX}, ${toY}); }
-}`
-  };
-}
-function clamp0122(value) {
-  return Math.max(0, Math.min(1, value));
+  if (rotation) {
+    return `${anim.rotationBy === void 0 ? prefixes.rotationAbsolute : prefixes.rotationRelative}-${uid}`;
+  }
+  return `${anim.scaleByX === void 0 && anim.scaleByY === void 0 ? prefixes.scaleAbsolute : prefixes.scaleRelative}-${uid}`;
 }
-var KNOWN_OPACITY_ATTR_NAMES = /* @__PURE__ */ new Set(["style.opacity", "opacity"]);
-function buildOpacityTavKeyframe(anim, namePrefix, uid) {
-  if (anim.presetClass !== "emph") {
+function buildTransformKeyframes(anim, uid, prefixes) {
+  const rotation = hasRotation(anim);
+  const scale = hasScale(anim);
+  const attributeModel = createAttributeTransformModel(anim);
+  const parsedPoints = anim.motionPath ? rotateMotionPathPoints(parseMotionPathPoints(anim.motionPath), anim) : [];
+  const points3 = parsedPoints.length >= 2 ? parsedPoints : [];
+  if (points3.length === 0 && !rotation && !scale && !attributeModel) {
     return void 0;
   }
-  if (anim.attrName !== void 0 && !KNOWN_OPACITY_ATTR_NAMES.has(anim.attrName)) {
-    return void 0;
+  const progressSet = new Set(attributeModel?.progresses ?? [0, 1]);
+  for (let index = 0; index < points3.length; index += 1) {
+    progressSet.add(index / (points3.length - 1));
   }
-  const frames = anim.keyframes;
-  if (!frames || frames.length < 2) {
-    return void 0;
-  }
-  const stops = [];
-  for (const kf of frames) {
-    if (typeof kf.tm !== "number" || !Number.isFinite(kf.tm)) {
-      return void 0;
+  const progresses = [...progressSet].sort((left, right) => left - right);
+  const lines = progresses.map((progress) => {
+    const point = pointAt(points3, progress);
+    const attributeState = attributeModel?.stateAt(progress);
+    const declarations = [];
+    const opacity2 = attributeState?.opacity ?? opacityAt(anim, progress);
+    if (opacity2 !== void 0) {
+      declarations.push(`opacity: ${formatNumber(opacity2)};`);
     }
-    if (kf.valueType !== "flt" && kf.valueType !== "int") {
-      return void 0;
+    const transforms = [];
+    if (points3.length > 0) {
+      transforms.push(`translate(${slideOffset(point.x, "w")}, ${slideOffset(point.y, "h")})`);
     }
-    const opacity2 = Number(kf.value);
-    if (!Number.isFinite(opacity2) || opacity2 < 0 || opacity2 > 1) {
-      return void 0;
+    if (attributeState?.translateX !== void 0 || attributeState?.translateY !== void 0) {
+      transforms.push(
+        `translate(${slideOffset(attributeState.translateX ?? 0, "w")}, ${slideOffset(attributeState.translateY ?? 0, "h")})`
+      );
     }
-    stops.push({ pct: clamp0122(kf.tm / 1e5) * 100, opacity: opacity2 });
-  }
-  stops.sort((a, b) => a.pct - b.pct);
-  const name = `${namePrefix}-${uid}`;
-  const lines = stops.map((s) => `	${Number(s.pct.toFixed(2))}% { opacity: ${s.opacity}; }`);
-  return { keyframeName: name, css: `@keyframes ${name} {
-${lines.join("\n")}
-}` };
-}
-var KNOWN_COLOR_ATTR_NAMES = /* @__PURE__ */ new Set([
-  "fillcolor",
-  "fill.color",
-  "style.color",
-  "stroke.color"
-]);
-var HEX_COLOR_RE = /^#[0-9a-f]{6}$/iu;
-function buildColorTavKeyframe(anim, namePrefix, uid) {
-  if (anim.colorAnimation) {
-    return void 0;
-  }
-  if (!anim.attrName || !KNOWN_COLOR_ATTR_NAMES.has(anim.attrName)) {
-    return void 0;
-  }
-  const frames = anim.keyframes;
-  if (!frames || frames.length < 2) {
-    return void 0;
-  }
-  const stops = [];
-  for (const kf of frames) {
-    if (typeof kf.tm !== "number" || !Number.isFinite(kf.tm)) {
-      return void 0;
+    if (rotation || points3.length > 0 && anim.motionPathRotateAuto || attributeState?.rotation !== void 0) {
+      const pointIndex = Math.round(progress * Math.max(0, points3.length - 1));
+      const pathRotation = anim.motionPathRotateAuto ? tangentAngle(points3, pointIndex) : 0;
+      const angle = pathRotation + (attributeState?.rotation ?? rotationAt(anim, progress));
+      transforms.push(
+        `rotate(${anim.motionPathRotateAuto ? angle.toFixed(2) : formatNumber(angle, 2)}deg)`
+      );
     }
-    if (kf.valueType !== "clr") {
-      return void 0;
+    if (scale || attributeState?.scaleX !== void 0 || attributeState?.scaleY !== void 0) {
+      transforms.push(
+        `scale(${formatNumber(attributeState?.scaleX ?? scaleAt(anim, "x", progress))}, ${formatNumber(attributeState?.scaleY ?? scaleAt(anim, "y", progress))})`
+      );
     }
-    const color2 = String(kf.value);
-    if (!HEX_COLOR_RE.test(color2)) {
-      return void 0;
+    if (transforms.length > 0) {
+      declarations.push(`transform: ${transforms.join(" ")};`);
     }
-    stops.push({ pct: clamp0122(kf.tm / 1e5) * 100, color: color2.toLowerCase() });
-  }
-  stops.sort((a, b) => a.pct - b.pct);
-  const cssProperties = resolveCssProperties(anim.attrName);
-  const name = `${namePrefix}-${uid}`;
-  const lines = stops.map((s) => {
-    const decls = cssProperties.map((prop) => `${prop}: ${s.color};`).join(" ");
-    return `	${Number(s.pct.toFixed(2))}% { ${decls} }`;
+    return `	${formatNumber(progress * 100, 2)}% { ${declarations.join(" ")} }`;
   });
+  const name = keyframeName(anim, prefixes, uid, attributeModel !== void 0);
   return { keyframeName: name, css: `@keyframes ${name} {
 ${lines.join("\n")}
 }` };
@@ -113795,71 +114759,18 @@ function applyFlyDirection(effect, subtype) {
   const suffix = `${edge.charAt(0).toUpperCase()}${edge.slice(1)}`;
   return `${prefix}${suffix}`;
 }
-function slideOffset(percent3, axis) {
-  const fallback = axis === "w" ? "1280px" : "720px";
-  return `calc(var(--pptx-slide-${axis}, ${fallback}) * ${(percent3 / 100).toFixed(4)})`;
-}
+var TIMELINE_TRANSFORM_PREFIXES = {
+  motion: "pptx-tl-motion",
+  rotationAbsolute: "pptx-tl-rotateAbs",
+  rotationRelative: "pptx-tl-rotate",
+  scaleAbsolute: "pptx-tl-scaleAbs",
+  scaleRelative: "pptx-tl-scale",
+  transform: "pptx-tl-transform"
+};
 function buildDynamicKeyframe(anim, uid) {
-  if (anim.motionPath) {
-    const name = `pptx-tl-motion-${uid}`;
-    const points3 = parseMotionPathPoints(anim.motionPath);
-    if (points3.length < 2) {
-      return void 0;
-    }
-    const lines = [];
-    for (let i = 0; i < points3.length; i++) {
-      const pct = Math.round(i / (points3.length - 1) * 100);
-      const tx = slideOffset(points3[i].x, "w");
-      const ty = slideOffset(points3[i].y, "h");
-      if (anim.motionPathRotateAuto) {
-        const next = i < points3.length - 1 ? points3[i + 1] : points3[i];
-        const prev = i > 0 ? points3[i - 1] : points3[i];
-        const dx = i < points3.length - 1 ? next.x - points3[i].x : points3[i].x - prev.x;
-        const dy = i < points3.length - 1 ? next.y - points3[i].y : points3[i].y - prev.y;
-        const angleDeg = Math.atan2(dy, dx) * (180 / Math.PI);
-        lines.push(
-          `	${pct}% { transform: translate(${tx}, ${ty}) rotate(${angleDeg.toFixed(2)}deg); }`
-        );
-      } else {
-        lines.push(`	${pct}% { transform: translate(${tx}, ${ty}); }`);
-      }
-    }
-    return {
-      keyframeName: name,
-      css: `@keyframes ${name} {
-${lines.join("\n")}
-}`
-    };
-  }
-  if (anim.rotationBy !== void 0) {
-    const name = `pptx-tl-rotate-${uid}`;
-    return {
-      keyframeName: name,
-      css: `@keyframes ${name} {
-	from { transform: rotate(0deg); }
-	to { transform: rotate(${anim.rotationBy}deg); }
-}`
-    };
-  }
-  const absoluteRotate = buildAbsoluteRotationKeyframe(anim, "pptx-tl-rotateAbs", uid);
-  if (absoluteRotate) {
-    return absoluteRotate;
-  }
-  if (anim.scaleByX !== void 0 || anim.scaleByY !== void 0) {
-    const name = `pptx-tl-scale-${uid}`;
-    const sx = anim.scaleByX ?? 1;
-    const sy = anim.scaleByY ?? 1;
-    return {
-      keyframeName: name,
-      css: `@keyframes ${name} {
-	from { transform: scale(1); }
-	to { transform: scale(${sx}, ${sy}); }
-}`
-    };
-  }
-  const absoluteScale = buildAbsoluteScaleKeyframe(anim, "pptx-tl-scaleAbs", uid);
-  if (absoluteScale) {
-    return absoluteScale;
+  const transform = buildTransformKeyframes(anim, uid, TIMELINE_TRANSFORM_PREFIXES);
+  if (transform) {
+    return transform;
   }
   if (anim.colorAnimation) {
     const name = `pptx-tl-color-${uid}`;
@@ -113928,6 +114839,85 @@ function finalizeClickGroup(steps, options) {
   }
   return group2;
 }
+function clamp013(value) {
+  return Math.max(0, Math.min(1, value));
+}
+var KNOWN_OPACITY_ATTR_NAMES = /* @__PURE__ */ new Set(["style.opacity", "opacity"]);
+function buildOpacityTavKeyframe(anim, namePrefix, uid) {
+  if (anim.presetClass !== "emph") {
+    return void 0;
+  }
+  if (anim.attrName !== void 0 && !KNOWN_OPACITY_ATTR_NAMES.has(anim.attrName)) {
+    return void 0;
+  }
+  const frames = anim.keyframes;
+  if (!frames || frames.length < 2) {
+    return void 0;
+  }
+  const stops = [];
+  for (const kf of frames) {
+    if (typeof kf.tm !== "number" || !Number.isFinite(kf.tm)) {
+      return void 0;
+    }
+    if (kf.valueType !== "flt" && kf.valueType !== "int") {
+      return void 0;
+    }
+    const opacity2 = Number(kf.value);
+    if (!Number.isFinite(opacity2) || opacity2 < 0 || opacity2 > 1) {
+      return void 0;
+    }
+    stops.push({ pct: clamp013(kf.tm / 1e5) * 100, opacity: opacity2 });
+  }
+  stops.sort((a, b) => a.pct - b.pct);
+  const name = `${namePrefix}-${uid}`;
+  const lines = stops.map((s) => `	${Number(s.pct.toFixed(2))}% { opacity: ${s.opacity}; }`);
+  return { keyframeName: name, css: `@keyframes ${name} {
+${lines.join("\n")}
+}` };
+}
+var KNOWN_COLOR_ATTR_NAMES = /* @__PURE__ */ new Set([
+  "fillcolor",
+  "fill.color",
+  "style.color",
+  "stroke.color"
+]);
+var HEX_COLOR_RE = /^#[0-9a-f]{6}$/iu;
+function buildColorTavKeyframe(anim, namePrefix, uid) {
+  if (anim.colorAnimation) {
+    return void 0;
+  }
+  if (!anim.attrName || !KNOWN_COLOR_ATTR_NAMES.has(anim.attrName)) {
+    return void 0;
+  }
+  const frames = anim.keyframes;
+  if (!frames || frames.length < 2) {
+    return void 0;
+  }
+  const stops = [];
+  for (const kf of frames) {
+    if (typeof kf.tm !== "number" || !Number.isFinite(kf.tm)) {
+      return void 0;
+    }
+    if (kf.valueType !== "clr") {
+      return void 0;
+    }
+    const color2 = String(kf.value);
+    if (!HEX_COLOR_RE.test(color2)) {
+      return void 0;
+    }
+    stops.push({ pct: clamp013(kf.tm / 1e5) * 100, color: color2.toLowerCase() });
+  }
+  stops.sort((a, b) => a.pct - b.pct);
+  const cssProperties = resolveCssProperties(anim.attrName);
+  const name = `${namePrefix}-${uid}`;
+  const lines = stops.map((s) => {
+    const decls = cssProperties.map((prop) => `${prop}: ${s.color};`).join(" ");
+    return `	${Number(s.pct.toFixed(2))}% { ${decls} }`;
+  });
+  return { keyframeName: name, css: `@keyframes ${name} {
+${lines.join("\n")}
+}` };
+}
 function applySpeedToDuration(speedPct, baseDurationMs) {
   if (speedPct === void 0 || !Number.isFinite(speedPct) || speedPct <= 0) {
     return baseDurationMs;
@@ -113957,10 +114947,13 @@ function shouldHoldEndState(anim) {
 }
 function resolveEffectTiming(anim, baseDurationMs) {
   const durationMs = applySpeedToDuration(anim.speedPct, baseDurationMs);
-  const iterationCount = resolveIterationCount(anim.repeatCount, anim.repeatDurMs, durationMs);
+  const authoredIterations = resolveIterationCount(anim.repeatCount, anim.repeatDurMs, durationMs);
+  const iterationCount = anim.autoReverse && anim.repeatDurMs === void 0 ? authoredIterations * 2 : authoredIterations;
+  const activeDurationMs = Number.isFinite(iterationCount) ? durationMs * iterationCount : durationMs;
   return {
     durationMs,
     iterationCount,
+    activeDurationMs,
     holdEndState: shouldHoldEndState(anim)
   };
 }
@@ -114211,7 +115204,8 @@ function emitStaggeredPieces(anim, kind, counts, output, newClickStepPerParagrap
         ...isFirstStep ? {} : {
           triggerDelayMs: void 0,
           startConditions: void 0,
-          parGroupIndex: void 0
+          parGroupIndex: void 0,
+          parGroupDelayMs: void 0
         },
         buildType: void 0,
         iterate: void 0
@@ -114259,6 +115253,7 @@ function expandSingleBuildAnimation(anim, buildType, counts, output) {
           triggerDelayMs: void 0,
           startConditions: void 0,
           parGroupIndex: void 0,
+          parGroupDelayMs: void 0,
           buildType: void 0,
           buildReverse: void 0,
           buildAdvAutoMs: void 0,
@@ -114280,7 +115275,8 @@ function joinPreviousFields() {
     trigger: "withPrevious",
     triggerDelayMs: void 0,
     startConditions: void 0,
-    parGroupIndex: void 0
+    parGroupIndex: void 0,
+    parGroupDelayMs: void 0
   };
 }
 function expandParagraphRange(anim, targetId, start, end, output) {
@@ -114481,13 +115477,13 @@ function applyAfterAnimationFromEditorList(nativeAnimations, editorAnimations) {
     };
   });
 }
-function buildAfterAnimationDimKeyframes(color2, keyframeName) {
-  return `@keyframes ${keyframeName} {
+function buildAfterAnimationDimKeyframes(color2, keyframeName2) {
+  return `@keyframes ${keyframeName2} {
 	100% { color: ${color2}; }
 }`;
 }
-function appendDimAnimation(cssAnimation, keyframeName, startDelayMs) {
-  return `${cssAnimation}, ${keyframeName} 1ms linear ${Math.max(0, startDelayMs)}ms 1 forwards`;
+function appendDimAnimation(cssAnimation, keyframeName2, startDelayMs) {
+  return `${cssAnimation}, ${keyframeName2} 1ms linear ${Math.max(0, startDelayMs)}ms 1 forwards`;
 }
 function resolveAfterAnimationStepFields(anim, cssAnimation, baseHoldEndState, dimStartDelayMs, dimKeyframeName) {
   if (anim.afterAnimationAction === "dimToColor" && anim.afterAnimationColor) {
@@ -114636,12 +115632,39 @@ function parseMediaCommand(commandString) {
   }
   return void 0;
 }
-function clamp013(value) {
+var COLOR_KEYFRAME = /^pptx-tl-(?:color|tavclr)-/u;
+var TRANSFORM_KEYFRAME = /^pptx-tl-(?:motion|rotate(?:Abs)?|scale(?:Abs)?|transform)-/u;
+function sameOptionalValue(left, right) {
+  return left === right;
+}
+function hasIndependentColourAndTransform(left, right) {
+  return COLOR_KEYFRAME.test(left.keyframeName) && TRANSFORM_KEYFRAME.test(right.keyframeName) || TRANSFORM_KEYFRAME.test(left.keyframeName) && COLOR_KEYFRAME.test(right.keyframeName);
+}
+function canComposeParallelSteps(left, right) {
+  return hasIndependentColourAndTransform(left, right) && left.elementId !== "" && left.elementId === right.elementId && left.cssAnimation !== "" && right.cssAnimation !== "" && left.delayMs === right.delayMs && left.durationMs === right.durationMs && left.presetClass === right.presetClass && left.fillMode === right.fillMode && sameOptionalValue(left.holdEndState, right.holdEndState) && sameOptionalValue(left.hideAfterEffect, right.hideAfterEffect) && sameOptionalValue(left.pendingHideOnNextClick, right.pendingHideOnNextClick) && sameOptionalValue(left.seqConcurrent, right.seqConcurrent) && sameOptionalValue(left.seqNextAction, right.seqNextAction) && sameOptionalValue(left.seqPrevAction, right.seqPrevAction) && !left.command && !right.command && !left.build && !right.build && !left.soundPath && !right.soundPath && !left.stopSound && !right.stopSound && !left.restart && !right.restart && left.exclGroupId === void 0 && right.exclGroupId === void 0;
+}
+function composeParallelSteps(left, right) {
+  const colorTargets = [.../* @__PURE__ */ new Set([...left.colorTargets ?? [], ...right.colorTargets ?? []])];
+  return {
+    ...left,
+    cssAnimation: `${left.cssAnimation}, ${right.cssAnimation}`,
+    colorTargets: colorTargets.length > 0 ? colorTargets : void 0
+  };
+}
+var BACKGROUND_ANIMATION_ID_SUFFIX = "::pptx-bg";
+function resolveAnimationTargetId(animation) {
+  const targetId = animation.targetId ?? "";
+  if (targetId && animation.target?.type === "shape" && animation.target.backgroundOnly === true) {
+    return `${targetId}${BACKGROUND_ANIMATION_ID_SUFFIX}`;
+  }
+  return targetId;
+}
+function clamp014(value) {
   return Math.max(0, Math.min(1, value));
 }
 function cssEasingForAnimation(anim) {
-  const accel = anim.accel !== void 0 && anim.accel > 0 ? clamp013(anim.accel) : 0;
-  const decel = anim.decel !== void 0 && anim.decel > 0 ? clamp013(anim.decel) : 0;
+  const accel = anim.accel !== void 0 && anim.accel > 0 ? clamp014(anim.accel) : 0;
+  const decel = anim.decel !== void 0 && anim.decel > 0 ? clamp014(anim.decel) : 0;
   if (accel === 0 && decel === 0) {
     return "ease";
   }
@@ -114650,11 +115673,11 @@ function cssEasingForAnimation(anim) {
   return `cubic-bezier(${x1}, 0, ${x2}, 1)`;
 }
 function stepColorTargets(anim, tavColorApplied) {
-  const targetAttribute = anim.colorAnimation?.targetAttribute ?? (tavColorApplied ? anim.attrName : void 0);
-  if (!targetAttribute) {
+  const colorSource = anim.colorAnimation ?? (tavColorApplied ? anim.attrName : void 0);
+  if (!colorSource) {
     return void 0;
   }
-  const targets = resolveColorAnimationTargets(targetAttribute);
+  const targets = resolveColorAnimationTargets(colorSource);
   return targets.length > 0 ? targets : void 0;
 }
 function fallbackEffectForClass(presetClass) {
@@ -114676,17 +115699,22 @@ function buildTimeline(nativeAnimations) {
       entranceElementIds: /* @__PURE__ */ new Set(),
       keyframesCss: "",
       interactiveSequences: /* @__PURE__ */ new Map(),
+      restartableInteractiveSequences: /* @__PURE__ */ new Set(),
       hoverSequences: /* @__PURE__ */ new Map()
     };
   }
   const regularAnims = [];
   const interactiveAnims = /* @__PURE__ */ new Map();
+  const restartableInteractiveSequences = /* @__PURE__ */ new Set();
   const hoverAnims = [];
   for (const anim of nativeAnimations) {
-    if (anim.trigger === "onShapeClick" && anim.triggerShapeId) {
+    if ((anim.interactiveSequence === true || anim.trigger === "onShapeClick") && anim.triggerShapeId) {
       const existing = interactiveAnims.get(anim.triggerShapeId) ?? [];
       existing.push(anim);
       interactiveAnims.set(anim.triggerShapeId, existing);
+      if (anim.interactiveRestart === true) {
+        restartableInteractiveSequences.add(anim.triggerShapeId);
+      }
     } else if (anim.trigger === "onHover" && anim.targetId) {
       hoverAnims.push(anim);
     } else {
@@ -114699,6 +115727,7 @@ function buildTimeline(nativeAnimations) {
   const dynamicBlocks = [];
   let dynamicUid = 0;
   let currentGroup = [];
+  let currentGroupLastParallelIndex;
   let currentGroupIsClick = false;
   let currentGroupAutoStart = false;
   let subGroupIndex;
@@ -114706,8 +115735,11 @@ function buildTimeline(nativeAnimations) {
   for (const anim of regularAnims) {
     const expandedSteps = expandIterateAnimation(anim);
     for (const singleAnim of expandedSteps) {
-      let effect = resolveEffect(singleAnim);
-      let dynamic = effect ? void 0 : buildDynamicKeyframe(singleAnim, dynamicUid++);
+      let dynamic = hasAuthoredTransform(singleAnim) ? buildDynamicKeyframe(singleAnim, dynamicUid++) : void 0;
+      let effect = dynamic ? void 0 : resolveEffect(singleAnim);
+      if (!effect && !dynamic) {
+        dynamic = buildDynamicKeyframe(singleAnim, dynamicUid++);
+      }
       if (effect === "transparency" || !effect) {
         const tavOpacity = buildOpacityTavKeyframe(singleAnim, "pptx-tl-tav", dynamicUid);
         if (tavOpacity) {
@@ -114754,7 +115786,7 @@ function buildTimeline(nativeAnimations) {
       if (dynamic) {
         dynamicBlocks.push(dynamic.css);
       }
-      const elementId = isCommand ? "" : singleAnim.targetId ?? "";
+      const elementId = isCommand ? "" : resolveAnimationTargetId(singleAnim);
       const effective = resolveAnimationStart(singleAnim);
       const trigger = effective.trigger;
       const baseDuration = isCommand ? 0 : singleAnim.durationMs ?? defaultDuration(singleAnim.presetClass);
@@ -114768,7 +115800,7 @@ function buildTimeline(nativeAnimations) {
       const triggerDelay = 0;
       const presetClass = isCommand ? "emph" : singleAnim.presetClass ?? "entr";
       const fill = fillModeForClass(singleAnim.presetClass);
-      const timing = isCommand ? { durationMs: 0, iterationCount: 1, holdEndState: false } : resolveEffectTiming(singleAnim, baseDuration);
+      const timing = isCommand ? { durationMs: 0, iterationCount: 1, activeDurationMs: 0, holdEndState: false } : resolveEffectTiming(singleAnim, baseDuration);
       const duration = timing.durationMs;
       const iterCount = timing.iterationCount;
       const direction = singleAnim.autoReverse ? "alternate" : "normal";
@@ -114786,17 +115818,18 @@ function buildTimeline(nativeAnimations) {
           clickGroups.push(group2);
         }
         currentGroup = [];
+        currentGroupLastParallelIndex = void 0;
         currentGroupIsClick = isOnClick || isFirstAnimation;
         currentGroupAutoStart = singleAnim.groupAutoStart === true && !effective.requiresInteraction;
         subGroupIndex = singleAnim.parGroupIndex;
-        subGroupStartMs = 0;
+        subGroupStartMs = singleAnim.parGroupDelayMs ?? 0;
       }
       const prevStep = currentGroup.length > 0 ? currentGroup[currentGroup.length - 1] : void 0;
       let delayMs;
-      if (singleAnim.parGroupIndex !== void 0 && prevStep) {
+      if (singleAnim.parGroupIndex !== void 0) {
         if (singleAnim.parGroupIndex !== subGroupIndex) {
           subGroupIndex = singleAnim.parGroupIndex;
-          subGroupStartMs = trigger === "withPrevious" ? prevStep.delayMs : prevStep.delayMs + prevStep.durationMs;
+          subGroupStartMs = singleAnim.parGroupDelayMs ?? (prevStep ? trigger === "withPrevious" ? prevStep.delayMs : prevStep.delayMs + prevStep.durationMs : 0);
         }
         delayMs = subGroupStartMs + animDelay + triggerDelay;
       } else if (trigger === "withPrevious" && prevStep) {
@@ -114813,19 +115846,19 @@ function buildTimeline(nativeAnimations) {
         singleAnim,
         baseCssAnimation,
         timing.holdEndState,
-        delayMs + duration,
+        delayMs + timing.activeDurationMs,
         `pptx-tl-dim-${dynamicUid++}`
       );
       if (afterFields.dimKeyframeBlock) {
         dynamicBlocks.push(afterFields.dimKeyframeBlock);
       }
-      currentGroup.push({
+      const step = {
         elementId,
         cssAnimation: afterFields.cssAnimation,
         keyframeName: keyframe,
         trigger,
         delayMs,
-        durationMs: duration,
+        durationMs: timing.activeDurationMs,
         fillMode: fill,
         presetClass,
         soundPath: singleAnim.soundPath,
@@ -114841,7 +115874,14 @@ function buildTimeline(nativeAnimations) {
         seqNextAction: singleAnim.seqNextAction,
         seqPrevAction: singleAnim.seqPrevAction,
         exclGroupId: singleAnim.exclGroupId
-      });
+      };
+      const previousParallelStep = currentGroup[currentGroup.length - 1];
+      if (singleAnim.parGroupIndex !== void 0 && singleAnim.parGroupIndex === currentGroupLastParallelIndex && previousParallelStep && canComposeParallelSteps(previousParallelStep, step)) {
+        currentGroup[currentGroup.length - 1] = composeParallelSteps(previousParallelStep, step);
+      } else {
+        currentGroup.push(step);
+      }
+      currentGroupLastParallelIndex = singleAnim.parGroupIndex;
     }
   }
   if (currentGroup.length > 0) {
@@ -114884,6 +115924,7 @@ function buildTimeline(nativeAnimations) {
     entranceElementIds: entranceIds,
     keyframesCss: keyframeBlocks.join("\n\n"),
     interactiveSequences,
+    restartableInteractiveSequences,
     hoverSequences
   };
 }
@@ -114908,9 +115949,15 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
   for (const [shapeId, anims] of animsByKey) {
     const seqGroups = [];
     let seqGroup = [];
+    let seqGroupLastParallelIndex;
+    let subGroupIndex;
+    let subGroupStartMs = 0;
     for (const anim of anims) {
-      let effect = resolveEffect(anim);
-      let dynamic = effect ? void 0 : buildDynamicKeyframe(anim, dynamicUid++);
+      let dynamic = hasAuthoredTransform(anim) ? buildDynamicKeyframe(anim, dynamicUid++) : void 0;
+      let effect = dynamic ? void 0 : resolveEffect(anim);
+      if (!effect && !dynamic) {
+        dynamic = buildDynamicKeyframe(anim, dynamicUid++);
+      }
       if (effect === "transparency" || !effect) {
         const tavOpacity = buildOpacityTavKeyframe(anim, "pptx-tl-tav", dynamicUid);
         if (tavOpacity) {
@@ -114942,14 +115989,14 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
       if (dynamic) {
         dynamicBlocks.push(dynamic.css);
       }
-      const elementId = isCommand ? "" : anim.targetId ?? "";
+      const elementId = isCommand ? "" : resolveAnimationTargetId(anim);
       const seqTrigger = anim.trigger ?? "onShapeClick";
       const baseDuration = isCommand ? 0 : anim.durationMs ?? defaultDuration(anim.presetClass);
       const animDelay = Math.max(anim.delayMs ?? 0, anim.triggerDelayMs ?? 0);
       const triggerDelay = 0;
       const presetClass = isCommand ? "emph" : anim.presetClass ?? "entr";
       const fill = fillModeForClass(anim.presetClass);
-      const timing = isCommand ? { durationMs: 0, iterationCount: 1, holdEndState: false } : resolveEffectTiming(anim, baseDuration);
+      const timing = isCommand ? { durationMs: 0, iterationCount: 1, activeDurationMs: 0, holdEndState: false } : resolveEffectTiming(anim, baseDuration);
       const duration = timing.durationMs;
       const iterCount = timing.iterationCount;
       const direction = anim.autoReverse ? "alternate" : "normal";
@@ -114961,13 +116008,18 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         seqGroups.push(finalizeClickGroup(seqGroup));
         seqGroup = [];
       }
+      const prevStep = seqGroup.length > 0 ? seqGroup[seqGroup.length - 1] : void 0;
       let delayMs;
-      if (seqTrigger === "withPrevious" && seqGroup.length > 0) {
-        const prev = seqGroup[seqGroup.length - 1];
-        delayMs = prev.delayMs + animDelay + triggerDelay;
-      } else if ((seqTrigger === "afterPrevious" || seqTrigger === "afterDelay") && seqGroup.length > 0) {
-        const prev = seqGroup[seqGroup.length - 1];
-        delayMs = prev.delayMs + prev.durationMs + animDelay + triggerDelay;
+      if (anim.parGroupIndex !== void 0) {
+        if (anim.parGroupIndex !== subGroupIndex) {
+          subGroupIndex = anim.parGroupIndex;
+          subGroupStartMs = anim.parGroupDelayMs ?? (prevStep ? seqTrigger === "withPrevious" ? prevStep.delayMs : prevStep.delayMs + prevStep.durationMs : 0);
+        }
+        delayMs = subGroupStartMs + animDelay + triggerDelay;
+      } else if (seqTrigger === "withPrevious" && prevStep) {
+        delayMs = prevStep.delayMs + animDelay + triggerDelay;
+      } else if ((seqTrigger === "afterPrevious" || seqTrigger === "afterDelay") && prevStep) {
+        delayMs = prevStep.delayMs + prevStep.durationMs + animDelay + triggerDelay;
       } else {
         delayMs = animDelay + triggerDelay;
       }
@@ -114978,19 +116030,19 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         anim,
         baseCssAnimation,
         timing.holdEndState,
-        delayMs + duration,
+        delayMs + timing.activeDurationMs,
         `pptx-tl-dim-${dynamicUid++}`
       );
       if (afterFields.dimKeyframeBlock) {
         dynamicBlocks.push(afterFields.dimKeyframeBlock);
       }
-      seqGroup.push({
+      const step = {
         elementId,
         cssAnimation: afterFields.cssAnimation,
         keyframeName: keyframe,
         trigger: seqTrigger,
         delayMs,
-        durationMs: duration,
+        durationMs: timing.activeDurationMs,
         fillMode: fill,
         presetClass,
         soundPath: anim.soundPath,
@@ -115006,7 +116058,14 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         seqNextAction: anim.seqNextAction,
         seqPrevAction: anim.seqPrevAction,
         exclGroupId: anim.exclGroupId
-      });
+      };
+      const previousParallelStep = seqGroup[seqGroup.length - 1];
+      if (anim.parGroupIndex !== void 0 && anim.parGroupIndex === seqGroupLastParallelIndex && previousParallelStep && canComposeParallelSteps(previousParallelStep, step)) {
+        seqGroup[seqGroup.length - 1] = composeParallelSteps(previousParallelStep, step);
+      } else {
+        seqGroup.push(step);
+      }
+      seqGroupLastParallelIndex = anim.parGroupIndex;
     }
     if (seqGroup.length > 0) {
       seqGroups.push(finalizeClickGroup(seqGroup));
@@ -115358,14 +116417,20 @@ var TimelineEngine = class _TimelineEngine {
   advanceInteractive(triggerShapeId, nowMs = Date.now()) {
     const groups = this.timeline.interactiveSequences.get(triggerShapeId);
     const currentIdx = this.interactiveGroupIndexes.get(triggerShapeId) ?? -1;
-    const result = this.advanceSequenceGroup(
+    let result = this.advanceSequenceGroup(
       groups,
       currentIdx,
       this.interactiveGroupStartedAtMs.get(triggerShapeId),
       nowMs
     );
     if (result === "exhausted") {
-      return null;
+      if (!this.timeline.restartableInteractiveSequences?.has(triggerShapeId)) {
+        return null;
+      }
+      result = this.advanceSequenceGroup(groups, -1, void 0, nowMs);
+      if (result === "exhausted") {
+        return null;
+      }
     }
     if (result === "blocked") {
       return EMPTY_CLICK_GROUP;
@@ -115563,7 +116628,7 @@ function buildPreviewAnimation(preset, options) {
   if (!effectName) {
     return void 0;
   }
-  const keyframeName = `pptx-${effectName}`;
+  const keyframeName2 = `pptx-${effectName}`;
   const keyframesCss = getEffectKeyframes(effectName);
   if (!keyframesCss) {
     return void 0;
@@ -115571,9 +116636,9 @@ function buildPreviewAnimation(preset, options) {
   const duration = options?.durationMs ?? 600;
   const easing = timingCurveToCss(options?.timingCurve, options?.cubicBezier);
   return {
-    keyframeName,
+    keyframeName: keyframeName2,
     keyframesCss,
-    cssAnimation: `${keyframeName} ${duration}ms ${easing} 0ms 1 normal both`,
+    cssAnimation: `${keyframeName2} ${duration}ms ${easing} 0ms 1 normal both`,
     durationMs: duration
   };
 }
@@ -115895,16 +116960,19 @@ function motionPathNativeAnimations(slide) {
     durationMs: animation.durationMs ?? DEFAULT_MOTION_PATH_DURATION_MS,
     delayMs: animation.delayMs ?? 0,
     motionPath: animation.motionPath,
-    motionPathEditMode: animation.motionPathEditMode ?? "relative"
+    motionPathEditMode: animation.motionPathEditMode ?? "relative",
+    motionPathRotationAngle: animation.motionPathRotationAngle,
+    motionPathRotationCenterX: animation.motionPathRotationCenterX,
+    motionPathRotationCenterY: animation.motionPathRotationCenterY
   }));
 }
 function buildMotionPathPreview(args) {
-  const keyframeName = `pptx-motion-preview-${args.uid ?? 0}`;
+  const keyframeName2 = `pptx-motion-preview-${args.uid ?? 0}`;
   const keyframes = buildMotionPathKeyframes({
     path: args.path,
     slideWidth: args.slideWidth,
     slideHeight: args.slideHeight,
-    keyframeName
+    keyframeName: keyframeName2
   });
   if (!keyframes) {
     return void 0;
@@ -115913,9 +116981,9 @@ function buildMotionPathPreview(args) {
   const delayMs = args.delayMs ?? 0;
   const easing = timingCurveToCss(args.timingCurve);
   return {
-    keyframeName,
+    keyframeName: keyframeName2,
     keyframesCss: keyframes.css,
-    cssAnimation: `${keyframeName} ${durationMs}ms ${easing} ${delayMs}ms 1 normal both`,
+    cssAnimation: `${keyframeName2} ${durationMs}ms ${easing} ${delayMs}ms 1 normal both`,
     durationMs
   };
 }
@@ -115962,8 +117030,9 @@ var PresentationAnimationController = class _PresentationAnimationController {
     const engine = TimelineEngine.fromAnimations(expandedAnims);
     const elementIds = slide.elements.map((element) => element.id);
     for (const anim of expandedAnims) {
-      if (anim.targetId && anim.targetId.includes(TEXT_BUILD_ID_SEP)) {
-        elementIds.push(anim.targetId);
+      const targetId = resolveAnimationTargetId(anim);
+      if (targetId.includes(TEXT_BUILD_ID_SEP)) {
+        elementIds.push(targetId);
       }
     }
     return new _PresentationAnimationController(engine, elementIds);
@@ -116892,8 +117961,8 @@ function apply3dEffects(base, scene3d, shape3d, fillColorFallback) {
   if (perspective) {
     base.perspective = perspective;
   }
-  const hasRotation = rotateX !== 0 || rotateY !== 0 || rotateZ !== 0;
-  if (hasRotation) {
+  const hasRotation2 = rotateX !== 0 || rotateY !== 0 || rotateZ !== 0;
+  if (hasRotation2) {
     const transforms = [];
     if (rotateX !== 0) {
       transforms.push(`rotateX(${rotateX}deg)`);
@@ -116918,7 +117987,7 @@ function apply3dEffects(base, scene3d, shape3d, fillColorFallback) {
     const zTranslate = `translateZ(${halfDepth}px)`;
     base.transform = base.transform ? `${base.transform} ${zTranslate}` : zTranslate;
   }
-  if (hasRotation || perspective || shape3d) {
+  if (hasRotation2 || perspective || shape3d) {
     base.willChange = "transform";
     base.transformStyle = "preserve-3d";
   }
@@ -118970,7 +120039,7 @@ function getImageFitStyle(el) {
     height: "100%",
     objectFit: "fill"
   };
-  if (!isImageLikeElement(el)) {
+  if (!isImageLikeElement(el) && el.type !== "media") {
     return uncropped;
   }
   const { placement, crop } = imageFitTransformParts(el);
@@ -118991,7 +120060,7 @@ function getImageFitStyle(el) {
 }
 var IDENTITY_TRANSFORM_PAIR = "translate(0%, 0%) scale(1, 1)";
 function imageFitTransformParts(el) {
-  if (!isImageLikeElement(el)) {
+  if (!isImageLikeElement(el) && el.type !== "media") {
     return { placement: "", crop: "" };
   }
   const frLeft = el.fillRectLeft ?? 0;
@@ -125588,8 +126657,8 @@ function buildTextBody3DSceneStyle(textStyle) {
   if (!perspective && (rotateX !== 0 || rotateY !== 0 || rotateZ !== 0)) {
     perspective = "800px";
   }
-  const hasRotation = rotateX !== 0 || rotateY !== 0 || rotateZ !== 0;
-  const hasScene = hasRotation || Boolean(perspective);
+  const hasRotation2 = rotateX !== 0 || rotateY !== 0 || rotateZ !== 0;
+  const hasScene = hasRotation2 || Boolean(perspective);
   if (!hasScene) {
     return void 0;
   }
@@ -125597,7 +126666,7 @@ function buildTextBody3DSceneStyle(textStyle) {
   if (perspective) {
     style.perspective = perspective;
   }
-  if (hasRotation) {
+  if (hasRotation2) {
     const transforms = [];
     if (rotateX !== 0) {
       transforms.push(`rotateX(${rotateX}deg)`);
@@ -126437,7 +127506,8 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
         paragraphIndents?.[paraIndex],
         firstSeg?.paragraphLevel
       );
-      const bulletStyle = buildBulletMarkerStyle(bullet, firstSeg, fontScale, indent.textIndentPx);
+      const textIndentPx = indent.textIndentPx !== void 0 && (indent.textIndentPx >= 0 || indent.marginLeftPx !== void 0 || bullet !== void 0) ? indent.textIndentPx : void 0;
+      const bulletStyle = buildBulletMarkerStyle(bullet, firstSeg, fontScale, textIndentPx);
       const spacing = resolveParagraphSpacing({
         paraProps: propsCarrier?.paragraphProperties,
         bodyStyle,
@@ -126478,7 +127548,7 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
         bulletPicture: bullet?.picture,
         bulletStyle,
         marginLeftPx: indent.marginLeftPx,
-        textIndentPx: indent.textIndentPx,
+        textIndentPx,
         lineHeight: spacing.lineHeight,
         spaceBeforePx: spacing.spaceBeforePx,
         spaceAfterPx: spacing.spaceAfterPx,
@@ -129391,21 +130461,9 @@ function solveShapeAdjustments(solvers, localX, localY) {
 }
 var SHAPE_ADJUSTMENT_MIN = 0;
 var SHAPE_ADJUSTMENT_MAX = 5e4;
-var DEFAULT_ROUND_RECT_ADJUSTMENT = 16667;
 function clampShapeAdjustmentValue(value) {
   return Math.max(SHAPE_ADJUSTMENT_MIN, Math.min(SHAPE_ADJUSTMENT_MAX, Math.round(value)));
 }
-function getRoundRectAdjustmentValue(element) {
-  const adjustment = element.shapeAdjustments?.adj;
-  if (typeof adjustment === "number" && Number.isFinite(adjustment)) {
-    return clampShapeAdjustmentValue(adjustment);
-  }
-  return DEFAULT_ROUND_RECT_ADJUSTMENT;
-}
-function getRoundRectRadiusPx2(element) {
-  const normalizedAdjustment = getRoundRectAdjustmentValue(element) / SHAPE_ADJUSTMENT_MAX;
-  return Math.min(Math.max(element.width, 1), Math.max(element.height, 1)) * 0.5 * normalizedAdjustment;
-}
 function getShapeAdjustmentHandleDescriptors(element) {
   if (!hasShapeProperties(element) || element.type === "connector") {
     return [];
@@ -130177,6 +131235,7 @@ var COMPLEX_SLIDE_FIELDS = {
   activeXControls: "_ax",
   legacyVmlElements: "_lvml",
   backgroundPattern: "_bp",
+  backgroundImageProperties: "_bip",
   modernCommentPart: "_mc",
   headerFooterFlags: "_hff",
   slideSynchronization: "_sync"
@@ -136160,13 +137219,59 @@ function buildPieChart3DDataForElement(element, options) {
   const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: pieSeries.values.length }, (_, i) => String(i + 1));
   return buildPieChart3DData(chartData, categoryLabels, options);
 }
-var AVERAGE_ADVANCE_RATIO = 0.5;
+function estimatedGlyphAdvanceRatio(glyph) {
+  if (/\p{Mark}/u.test(glyph)) {
+    return 0;
+  }
+  if (/\s/u.test(glyph)) {
+    return 0.33;
+  }
+  if (/[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Extended_Pictographic}]/u.test(
+    glyph
+  )) {
+    return 1;
+  }
+  if (/[A-Z]/u.test(glyph)) {
+    return 0.65;
+  }
+  if (/[a-z0-9]/u.test(glyph)) {
+    return 0.55;
+  }
+  if (/[,.;:!?()\u005b\u005d{}'"`\-_/\\]/u.test(glyph)) {
+    return 0.35;
+  }
+  return 0.6;
+}
+function estimatedTextWidth(glyphs, fontSize) {
+  return glyphs.reduce((sum, glyph) => sum + estimatedGlyphAdvanceRatio(glyph) * fontSize, 0);
+}
+var HANGING_PUNCTUATION_RE = /^[\u3001\u3002\uff0c\uff0e\uff01\uff1f\uff1b\uff1a\u3009\u300b\u300d\u300f\u3011\u3015\u3017\u3019\u301b\uff09\uff3d\uff5d\u2019\u201d\u00bb\u203a]$/u;
+var BREAKABLE_GLYPH_RE = /^[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Extended_Pictographic}]$/u;
+function estimatedWrapUnits(text2) {
+  const units = [];
+  let unbreakableRun = "";
+  const flushRun = () => {
+    if (unbreakableRun.length > 0) {
+      units.push(unbreakableRun);
+      unbreakableRun = "";
+    }
+  };
+  for (const glyph of Array.from(text2)) {
+    if (/\s/u.test(glyph) || BREAKABLE_GLYPH_RE.test(glyph)) {
+      flushRun();
+      units.push(glyph);
+    } else {
+      unbreakableRun += glyph;
+    }
+  }
+  flushRun();
+  return units;
+}
 function wrapTextByEstimatedWidth(text2, maxWidth, fontSize, options = {}) {
   if (!text2 || text2.trim().length === 0) {
     return [];
   }
-  const charactersPerLine = Math.floor(maxWidth / Math.max(fontSize * AVERAGE_ADVANCE_RATIO, 1));
-  if (charactersPerLine <= 0) {
+  if (!(maxWidth > 0) || !(fontSize > 0)) {
     return [];
   }
   const lines = [];
@@ -136178,18 +137283,31 @@ function wrapTextByEstimatedWidth(text2, maxWidth, fontSize, options = {}) {
       continue;
     }
     let current = "";
-    for (const word of paragraph.split(/\s+/u)) {
-      if (current.length === 0) {
-        current = word;
-      } else if (current.length + 1 + word.length <= charactersPerLine) {
-        current += ` ${word}`;
-      } else {
-        lines.push(current);
-        current = word;
+    let pendingWhitespace = false;
+    for (const unit of estimatedWrapUnits(paragraph)) {
+      if (/^\s+$/u.test(unit)) {
+        pendingWhitespace = current.length > 0;
+        continue;
+      }
+      const separator = pendingWhitespace && current.length > 0 ? " " : "";
+      const candidate = `${current}${separator}${unit}`;
+      if (current.length === 0 || estimatedTextWidth(Array.from(candidate), fontSize) <= maxWidth) {
+        current = candidate;
+        pendingWhitespace = false;
+        continue;
+      }
+      if (HANGING_PUNCTUATION_RE.test(unit)) {
+        current += unit;
+        pendingWhitespace = false;
+        continue;
       }
-    }
-    if (current.length > 0) {
       lines.push(current);
+      current = unit;
+      pendingWhitespace = false;
+    }
+    const completed = current.trimEnd();
+    if (completed.length > 0) {
+      lines.push(completed);
     }
   }
   return lines;
@@ -136201,7 +137319,7 @@ function centeredSvgTextLines(text2, fontSize, options = {}) {
   if (lines.length === 0) {
     return [{ text: "", y: centerY }];
   }
-  const lineHeight = fontSize * LINE_HEIGHT_RATIO;
+  const lineHeight = options.lineHeight ?? fontSize * (options.lineHeightRatio ?? LINE_HEIGHT_RATIO);
   const blockTop = centerY - lines.length * lineHeight / 2;
   return lines.map((line22, index) => ({
     text: line22,
@@ -136248,6 +137366,12 @@ function buildChromeStyle(chrome) {
   return s;
 }
 var TEXT_WIDTH_FRACTION = 0.82;
+var CJK_SMARTART_TEXT_RE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u;
+var CJK_SMARTART_LINE_HEIGHT_RATIO = 1.33;
+var DEFAULT_SMARTART_LINE_HEIGHT_RATIO = 1.2;
+function drawingTextBaseLineHeightRatio(text2) {
+  return CJK_SMARTART_TEXT_RE.test(text2 ?? "") ? CJK_SMARTART_LINE_HEIGHT_RATIO : DEFAULT_SMARTART_LINE_HEIGHT_RATIO;
+}
 function underlyingFill(shape, shapes, index) {
   const centerX = shape.x + shape.width / 2;
   const centerY = shape.y + shape.height / 2;
@@ -136272,17 +137396,27 @@ function computeDrawingViewBox(shapes) {
   let maxX = -Infinity;
   let maxY = -Infinity;
   for (const s of shapes) {
-    if (s.x < minX) {
-      minX = s.x;
+    const shapeMinX = Math.min(s.x, s.textFrameX ?? s.x);
+    const shapeMinY = Math.min(s.y, s.textFrameY ?? s.y);
+    const shapeMaxX = Math.max(
+      s.x + s.width,
+      (s.textFrameX ?? s.x) + (s.textFrameWidth ?? s.width)
+    );
+    const shapeMaxY = Math.max(
+      s.y + s.height,
+      (s.textFrameY ?? s.y) + (s.textFrameHeight ?? s.height)
+    );
+    if (shapeMinX < minX) {
+      minX = shapeMinX;
     }
-    if (s.y < minY) {
-      minY = s.y;
+    if (shapeMinY < minY) {
+      minY = shapeMinY;
     }
-    if (s.x + s.width > maxX) {
-      maxX = s.x + s.width;
+    if (shapeMaxX > maxX) {
+      maxX = shapeMaxX;
     }
-    if (s.y + s.height > maxY) {
-      maxY = s.y + s.height;
+    if (shapeMaxY > maxY) {
+      maxY = shapeMaxY;
     }
   }
   if (!Number.isFinite(minX)) {
@@ -136326,10 +137460,23 @@ function resolveShapeKind(shape, hasImage) {
     return "image";
   }
   const normalized = (shape.shapeType ?? "").trim().toLowerCase();
-  if (normalized === "chevron" || normalized === "homeplate") {
-    return "polygon";
+  if (normalized === "ellipse" || normalized === "oval") {
+    return "ellipse";
+  }
+  const identityPresets = /* @__PURE__ */ new Set(["rect", "flowchartprocess", "roundrect"]);
+  return identityPresets.has(normalized) || normalized.length === 0 ? "rect" : "path";
+}
+function drawingShapeTransform(shape, cx, cy) {
+  const transforms = [];
+  if (shape.rotation) {
+    transforms.push(`rotate(${shape.rotation} ${cx} ${cy})`);
+  }
+  if (shape.flipHorizontal || shape.flipVertical) {
+    transforms.push(
+      `translate(${cx} ${cy}) scale(${shape.flipHorizontal ? -1 : 1} ${shape.flipVertical ? -1 : 1}) translate(${-cx} ${-cy})`
+    );
   }
-  return getShapeType(shape.shapeType) === "ellipse" ? "ellipse" : "rect";
+  return transforms.length > 0 ? transforms.join(" ") : void 0;
 }
 function projectDrawingShapes(elementId, shapes, viewBox, palette, style) {
   const { minX, minY } = viewBox;
@@ -136344,12 +137491,38 @@ function projectDrawingShapes(elementId, shapes, viewBox, palette, style) {
     const cx = relX + shape.width / 2;
     const cy = relY + shape.height / 2;
     const stroke = shape.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none");
-    const transform = shape.rotation !== void 0 ? `rotate(${shape.rotation} ${cx} ${cy})` : void 0;
+    const transform = drawingShapeTransform(shape, cx, cy);
+    const presetGeometry = kind === "path" ? getPresetShapeVectorGeometry(
+      shape.shapeType,
+      shape.width,
+      shape.height,
+      shape.shapeAdjustments
+    ) : void 0;
     const fontSize = shape.fontSize ?? Math.max(8, Math.min(14, shape.height * 0.2));
+    const hasTextFrame = Number.isFinite(shape.textFrameX) && Number.isFinite(shape.textFrameY) && Number.isFinite(shape.textFrameWidth) && Number.isFinite(shape.textFrameHeight) && (shape.textFrameWidth ?? 0) > 0 && (shape.textFrameHeight ?? 0) > 0;
+    const textFrameX = (hasTextFrame ? shape.textFrameX : shape.x) - minX;
+    const textFrameY = (hasTextFrame ? shape.textFrameY : shape.y) - minY;
+    const textFrameWidth = hasTextFrame ? shape.textFrameWidth : shape.width;
+    const textFrameHeight = hasTextFrame ? shape.textFrameHeight : shape.height;
+    const textInsetLeft = shape.textInsetLeft ?? 0;
+    const textInsetRight = shape.textInsetRight ?? 0;
+    const textInsetTop = shape.textInsetTop ?? 0;
+    const textInsetBottom = shape.textInsetBottom ?? 0;
+    const textContentWidth = Math.max(1, textFrameWidth - textInsetLeft - textInsetRight);
+    const textContentHeight = Math.max(1, textFrameHeight - textInsetTop - textInsetBottom);
+    const textCenterX = textFrameX + textInsetLeft + textContentWidth / 2;
+    const textCenterY = textFrameY + textInsetTop + textContentHeight / 2;
+    const textWrapWidth = hasTextFrame ? textContentWidth : shape.width * TEXT_WIDTH_FRACTION;
+    const authoredLineHeightRatio = shape.lineHeightRatio ?? 1;
+    const lineHeightRatio = drawingTextBaseLineHeightRatio(shape.text) * authoredLineHeightRatio + (shape.lineSpacingAfterRatio ?? 0);
+    const lineHeight = shape.lineHeight !== void 0 || shape.lineSpacingAfter !== void 0 ? (shape.lineHeight ?? fontSize * drawingTextBaseLineHeightRatio(shape.text) * authoredLineHeightRatio) + (shape.lineSpacingAfter ?? 0) : void 0;
     return {
       key: `${elementId}-dsp-${shape.id}-${i}`,
       kind,
-      ...kind === "polygon" ? { points: chevronPoints(relX, relY, shape.width, shape.height) } : {},
+      ...presetGeometry ? {
+        pathData: presetGeometry.d,
+        pathTransform: [transform, `translate(${relX} ${relY})`].filter(Boolean).join(" ")
+      } : {},
       ...gradient ? { gradient } : {},
       x: relX,
       y: relY,
@@ -136364,13 +137537,20 @@ function projectDrawingShapes(elementId, shapes, viewBox, palette, style) {
       transform,
       imageUrl: shape.fillImageUrl,
       textLines: shape.text ? centeredSvgTextLines(shape.text, fontSize, {
-        maxWidth: shape.width * TEXT_WIDTH_FRACTION,
-        centerY: cy
+        maxWidth: textWrapWidth,
+        centerY: textCenterY,
+        lineHeight,
+        lineHeightRatio
       }) : [],
-      textX: cx,
-      textY: cy,
+      textX: textCenterX,
+      textY: textCenterY,
+      textWidth: textContentWidth,
+      textHeight: textContentHeight,
       fontColor: shape.fontColor ?? drawingShapeLabelColor(shape, shapes, i, fill),
-      fontSize
+      fontSize,
+      fontFamily: shape.fontFamily ? getSubstituteFontFamily(shape.fontFamily) : void 0,
+      fontWeight: shape.fontWeight,
+      fontStyle: shape.fontStyle
     };
   });
 }
@@ -136520,7 +137700,7 @@ function resolveSlideSizeSelection(input) {
 }
 var EXPORT_ASSEMBLING_PERCENT = 95;
 var EXPORT_DONE_PERCENT = 100;
-function clampPercent(value) {
+function clampPercent2(value) {
   if (Number.isNaN(value)) {
     return 0;
   }
@@ -136530,13 +137710,13 @@ function slideProgressPercent(current, total, span = 90) {
   if (total <= 0) {
     return 0;
   }
-  return clampPercent(current / total * span);
+  return clampPercent2(current / total * span);
 }
 function recordProgressPercent(current, total) {
   if (total <= 0) {
     return 45;
   }
-  return clampPercent(45 + current / total * 45);
+  return clampPercent2(45 + current / total * 45);
 }
 function slideStatusLabel(verb, current, total) {
   return `${verb} slide ${current + 1} of ${total}...`;
@@ -142744,7 +143924,8 @@ function masterViewParts(document2, target) {
     masterIndex: target.masterIndex,
     elements: master.elements ?? [],
     backgroundColor: master.backgroundColor,
-    backgroundImage: master.backgroundImage
+    backgroundImage: master.backgroundImage,
+    backgroundImageProperties: master.backgroundImageProperties
   };
   const layout = target.layoutIndex === null ? void 0 : master.layouts?.[target.layoutIndex];
   if (!layout || target.layoutIndex === null) {
@@ -142759,7 +143940,8 @@ function masterViewParts(document2, target) {
       layoutIndex: target.layoutIndex,
       elements: layout.elements ?? [],
       backgroundColor: layout.backgroundColor ?? master.backgroundColor,
-      backgroundImage: layout.backgroundImage ?? master.backgroundImage
+      backgroundImage: layout.backgroundImage ?? master.backgroundImage,
+      backgroundImageProperties: layout.backgroundImage ? layout.backgroundImageProperties : master.backgroundImageProperties
     }
   ];
 }
@@ -142770,7 +143952,8 @@ function auxiliaryParts(kind, part) {
       path: part.path,
       elements: part.elements ?? [],
       backgroundColor: part.backgroundColor,
-      backgroundImage: part.backgroundImage
+      backgroundImage: part.backgroundImage,
+      backgroundImageProperties: part.backgroundImageProperties
     }
   ] : [];
 }
@@ -142789,7 +143972,8 @@ function masterViewPseudoSlide(document2, target) {
     slideNumber: 0,
     elements: parts.flatMap((part) => [...part.elements]),
     backgroundColor: primary.backgroundColor,
-    backgroundImage: primary.backgroundImage
+    backgroundImage: primary.backgroundImage,
+    backgroundImageProperties: primary.backgroundImageProperties
   };
 }
 function masterViewElements(document2, target) {
@@ -145907,7 +147091,7 @@ function buildPrintHtmlDocument(options) {
 </html>`;
 }
 function openPendingPrintWindow(preparingLabel) {
-  const printWindow = window.open("", "_blank", "noopener,noreferrer");
+  const printWindow = window.open("", "_blank");
   if (!printWindow) {
     return null;
   }
@@ -146298,7 +147482,7 @@ exports.chartPreserveAspectRatio = chartPreserveAspectRatio;
 exports.clampCropValue = clampCropValue;
 exports.clampNotesFontSize = clampNotesFontSize;
 exports.clampOptionNumber = clampOptionNumber;
-exports.clampPercent = clampPercent;
+exports.clampPercent2 = clampPercent2;
 exports.clampSorterZoom = clampSorterZoom;
 exports.clampTransitionNumber = clampTransitionNumber;
 exports.clampUnitInterval = clampUnitInterval2;
@@ -146437,6 +147621,7 @@ exports.generateNibMarks = generateNibMarks;
 exports.generateNoteLineCount = generateNoteLineCount;
 exports.generatePressureCircles = generatePressureCircles;
 exports.generateTicks = generateTicks;
+exports.getAnimationColorBaseStyle = getAnimationColorBaseStyle;
 exports.getAnimationInitialStyle = getAnimationInitialStyle;
 exports.getAriaLabel = getAriaLabel;
 exports.getAriaRole = getAriaRole;
@@ -146481,9 +147666,8 @@ exports.getOverflowSegments = getOverflowSegments;
 exports.getPatternSvg = getPatternSvg;
 exports.getPendingSelectionRestore = getPendingSelectionRestore;
 exports.getPresetShapeClipPath = getPresetShapeClipPath;
+exports.getPresetShapeVectorGeometry = getPresetShapeVectorGeometry;
 exports.getPrintableArea = getPrintableArea;
-exports.getResolvedShapeClipPath = getResolvedShapeClipPath;
-exports.getRoundRectRadiusPx2 = getRoundRectRadiusPx2;
 exports.getSessionTabId = getSessionTabId;
 exports.getShapeAdjustmentHandleDescriptors = getShapeAdjustmentHandleDescriptors;
 exports.getShapeConnectionSites = getShapeConnectionSites;
@@ -146541,6 +147725,7 @@ exports.isStrokeOnlyPresetElement = isStrokeOnlyPresetElement;
 exports.isSupportedPresentationFile = isSupportedPresentationFile;
 exports.isTemplateElementId = isTemplateElementId3;
 exports.isUrlSafe = isUrlSafe;
+exports.isWedgeCalloutPresetShape = isWedgeCalloutPresetShape;
 exports.lastShowSlideIndex = lastShowSlideIndex;
 exports.listAutosaveSnapshots = listAutosaveSnapshots;
 exports.listBackstageRecentFiles = listBackstageRecentFiles;