ooxml-ui 1.9.0 → 1.10.0

package/dist/pptx/{chunk-BFZDO2DY.cjs → chunk-OCNECNJS.cjs}

@@ -2,14 +2,14 @@
 
 var chunkWSTWYZFM_cjs = require('./chunk-WSTWYZFM.cjs');
 var chunkX7FS7XHU_cjs = require('./chunk-X7FS7XHU.cjs');
-var chunkUEF4BFW4_cjs = require('./chunk-UEF4BFW4.cjs');
+var chunkXFQ2RD4I_cjs = require('./chunk-XFQ2RD4I.cjs');
 var chunk52LKIMK3_cjs = require('./chunk-52LKIMK3.cjs');
 var chunkK3S2A64B_cjs = require('./chunk-K3S2A64B.cjs');
 var chunkXOAXPD2W_cjs = require('./chunk-XOAXPD2W.cjs');
 var chunkBSGCZ4JZ_cjs = require('./chunk-BSGCZ4JZ.cjs');
 var chunkIOOI63TH_cjs = require('./chunk-IOOI63TH.cjs');
 var chunkZJFN5POF_cjs = require('./chunk-ZJFN5POF.cjs');
-var chunkHWW2UVUP_cjs = require('./chunk-HWW2UVUP.cjs');
+var chunkJRCK6CFI_cjs = require('./chunk-JRCK6CFI.cjs');
 var chunkWB25PCHQ_cjs = require('./chunk-WB25PCHQ.cjs');
 var chunkW3X2UVYQ_cjs = require('./chunk-W3X2UVYQ.cjs');
 var chunkVFPVEVF4_cjs = require('./chunk-VFPVEVF4.cjs');
@@ -18,11 +18,11 @@ var chunkNTXHQHCS_cjs = require('./chunk-NTXHQHCS.cjs');
 var chunk526IHNIH_cjs = require('./chunk-526IHNIH.cjs');
 var chunkX4FNVH7J_cjs = require('./chunk-X4FNVH7J.cjs');
 var chunkUPN5FFKP_cjs = require('./chunk-UPN5FFKP.cjs');
-var chunkY4LTLCQP_cjs = require('./chunk-Y4LTLCQP.cjs');
+var chunkOJFD3SHS_cjs = require('./chunk-OJFD3SHS.cjs');
 var chunkUSBRSEJK_cjs = require('./chunk-USBRSEJK.cjs');
 var chunkU47LRWDT_cjs = require('./chunk-U47LRWDT.cjs');
-var chunkQVYJB7G2_cjs = require('./chunk-QVYJB7G2.cjs');
-var chunkOGJRSAGH_cjs = require('./chunk-OGJRSAGH.cjs');
+var chunkY7CDPPMZ_cjs = require('./chunk-Y7CDPPMZ.cjs');
+var chunkEYPNQ3FG_cjs = require('./chunk-EYPNQ3FG.cjs');
 var chunkEW5DW5KR_cjs = require('./chunk-EW5DW5KR.cjs');
 var pptx = require('ooxml-core/pptx');
 var color = require('ooxml-core/color');
@@ -1564,33 +1564,257 @@ function resolveShapeGeometry(element) {
   }
   return { kind: "none" };
 }
-function getPictureShadowFilter(element) {
-  if (!pptx.isImageLikeElement(element) || !pptx.hasShapeProperties(element)) {
-    return void 0;
-  }
-  return getCompositeOuterShadowFilterCss(element.shapeStyle, { rotation: element.rotation });
+var HEX_COLOR = /^#?[0-9a-f]{6}$/iu;
+function hexToRgb(hex2) {
+  const cleaned = hex2.replace(/^#/u, "");
+  const val = parseInt(cleaned, 16);
+  return {
+    r: val >> 16 & 255,
+    g: val >> 8 & 255,
+    b: val & 255
+  };
 }
-function hasPictureFrame(element) {
-  if (!pptx.isImageLikeElement(element)) {
-    return false;
+function rgbToHex(r, g, b) {
+  const clamp10 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp10(r).toString(16).padStart(2, "0")}${clamp10(g).toString(16).padStart(2, "0")}${clamp10(b).toString(16).padStart(2, "0")}`;
+}
+function rgbToHsl(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  if (max === min) {
+    return { h: 0, s: 0, l: l * 100 };
   }
-  return buildStrokeOutline(element) !== void 0 || getPictureShadowFilter(element) !== void 0;
+  const d = max - min;
+  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+  let h;
+  if (max === rn) {
+    h = ((gn - bn) / d + (gn < bn ? 6 : 0)) * 60;
+  } else if (max === gn) {
+    h = ((bn - rn) / d + 2) * 60;
+  } else {
+    h = ((rn - gn) / d + 4) * 60;
+  }
+  return { h, s: s * 100, l: l * 100 };
 }
-function getPictureFrameLayers(element, clip) {
-  const clipStyle = {
-    overflow: clip.overflow,
-    ...clip.borderRadius ? { borderRadius: clip.borderRadius } : {},
-    ...clip.clipPath ? { clipPath: clip.clipPath } : {}
-  };
-  if (!hasPictureFrame(element)) {
-    return { box: clipStyle, surface: void 0 };
+function hslToRgb(h, s, l) {
+  const sn = s / 100;
+  const ln = l / 100;
+  if (sn === 0) {
+    const v = Math.round(ln * 255);
+    return { r: v, g: v, b: v };
   }
-  const shadow = getPictureShadowFilter(element);
+  const hueToRgb = (p2, q2, t) => {
+    let tn = t;
+    if (tn < 0) {
+      tn += 1;
+    }
+    if (tn > 1) {
+      tn -= 1;
+    }
+    if (tn < 1 / 6) {
+      return p2 + (q2 - p2) * 6 * tn;
+    }
+    if (tn < 1 / 2) {
+      return q2;
+    }
+    if (tn < 2 / 3) {
+      return p2 + (q2 - p2) * (2 / 3 - tn) * 6;
+    }
+    return p2;
+  };
+  const q = ln < 0.5 ? ln * (1 + sn) : ln + sn - ln * sn;
+  const p = 2 * ln - q;
+  const hn = h / 360;
   return {
-    box: { overflow: "visible", ...shadow ? { filter: shadow } : {} },
-    surface: { position: "absolute", inset: "0", ...clipStyle }
+    r: Math.round(hueToRgb(p, q, hn + 1 / 3) * 255),
+    g: Math.round(hueToRgb(p, q, hn) * 255),
+    b: Math.round(hueToRgb(p, q, hn - 1 / 3) * 255)
   };
 }
+function interpolateColor(from, to, t, colorSpace, direction) {
+  const fromRgb = hexToRgb(from);
+  const toRgb = hexToRgb(to);
+  if (colorSpace === "rgb") {
+    return rgbToHex(
+      fromRgb.r + (toRgb.r - fromRgb.r) * t,
+      fromRgb.g + (toRgb.g - fromRgb.g) * t,
+      fromRgb.b + (toRgb.b - fromRgb.b) * t
+    );
+  }
+  const fromHsl = rgbToHsl(fromRgb.r, fromRgb.g, fromRgb.b);
+  const toHsl = rgbToHsl(toRgb.r, toRgb.g, toRgb.b);
+  let hDelta = toHsl.h - fromHsl.h;
+  const dir = direction ?? "cw";
+  if (dir === "cw") {
+    if (hDelta < 0) {
+      hDelta += 360;
+    }
+  } else if (hDelta > 0) {
+    hDelta -= 360;
+  }
+  const h = ((fromHsl.h + hDelta * t) % 360 + 360) % 360;
+  const s = fromHsl.s + (toHsl.s - fromHsl.s) * t;
+  const l = fromHsl.l + (toHsl.l - fromHsl.l) * t;
+  const rgb = hslToRgb(h, s, l);
+  return rgbToHex(rgb.r, rgb.g, rgb.b);
+}
+var ATTR_NAME_TO_CSS_PROPERTIES = {
+  fillcolor: ["fill", "background-color", "backgroundColor"],
+  "fill.color": ["fill", "background-color", "backgroundColor"],
+  "style.color": ["color"],
+  "stroke.color": ["stroke", "border-color", "borderColor"],
+  "stroke.dashstyle": ["stroke", "border-color", "borderColor"],
+  "style.visibility": ["color"],
+  ppt_c: ["color"],
+  ppt_x: ["color"],
+  ppt_y: ["color"]
+};
+function resolveCssProperties(attrName) {
+  if (!attrName) {
+    return ["color"];
+  }
+  return ATTR_NAME_TO_CSS_PROPERTIES[attrName] ?? ["color"];
+}
+function resolveColorAnimationTargets(animationOrAttribute) {
+  const attributes = typeof animationOrAttribute === "string" || animationOrAttribute === void 0 ? [animationOrAttribute] : colorAnimationComponents(animationOrAttribute).map(
+    (component2) => component2.targetAttribute
+  );
+  const targets = [];
+  for (const attribute of attributes) {
+    const cssProperties = resolveCssProperties(attribute);
+    if (cssProperties.includes("fill") && !targets.includes("fill")) {
+      targets.push("fill");
+    }
+    if (cssProperties.includes("stroke") && !targets.includes("stroke")) {
+      targets.push("stroke");
+    }
+  }
+  return targets;
+}
+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 = hexToRgb(fromColor);
+  const fromHsl = rgbToHsl(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 = hslToRgb(hue, saturation, lightness);
+  return rgbToHex(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 resolveComponentColorHex(raw, ref, themeColorMap) {
+  if (!raw) {
+    return void 0;
+  }
+  if (HEX_COLOR.test(raw)) {
+    return raw;
+  }
+  return ref ? pptx.resolveThemeColorRef(ref, themeColorMap) : void 0;
+}
+function absoluteComponentColor(component2, progress, themeColorMap) {
+  const { colorSpace, direction } = component2;
+  const fromColor = resolveComponentColorHex(
+    component2.fromColor,
+    component2.fromColorRef,
+    themeColorMap
+  );
+  const toColor = resolveComponentColorHex(component2.toColor, component2.toColorRef, themeColorMap);
+  const byColor = resolveComponentColorHex(component2.byColor, component2.byColorRef, themeColorMap);
+  let effectiveFrom;
+  let effectiveTo;
+  if (fromColor && toColor) {
+    effectiveFrom = fromColor;
+    effectiveTo = toColor;
+  } else if (fromColor && byColor) {
+    const fromRgb = hexToRgb(fromColor);
+    const byRgb = hexToRgb(byColor);
+    effectiveFrom = fromColor;
+    effectiveTo = rgbToHex(fromRgb.r + byRgb.r, fromRgb.g + byRgb.g, fromRgb.b + byRgb.b);
+  } else if (toColor) {
+    effectiveFrom = "#000000";
+    effectiveTo = toColor;
+  } else {
+    return void 0;
+  }
+  return interpolateColor(effectiveFrom, effectiveTo, progress, colorSpace, direction);
+}
+function buildColorAnimationKeyframes(colorAnim, keyframeName2, steps = 10, themeColorMap) {
+  const components = colorAnimationComponents(colorAnim);
+  if (!components.some(
+    (component2) => component2.hslDelta !== void 0 || component2.toColor !== void 0 || component2.fromColor !== void 0 && component2.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 pct3 = Math.round(t * 100);
+    const declarations3 = [];
+    for (const component2 of components) {
+      const cssProperties = resolveCssProperties(component2.targetAttribute);
+      if (component2.hslDelta) {
+        const hslFromColor = resolveComponentColorHex(
+          component2.fromColor,
+          component2.fromColorRef,
+          themeColorMap
+        );
+        if (component2.fromColor && !hslFromColor) {
+          continue;
+        }
+        for (const property of cssProperties) {
+          const color2 = hslFromColor ? applyHslDelta(hslFromColor, component2.hslDelta, t) : relativeHslColor(property, component2.hslDelta, t);
+          declarations3.push(`${property}: ${color2};`);
+          hasDeclarations = true;
+        }
+        continue;
+      }
+      const color = absoluteComponentColor(component2, t, themeColorMap);
+      if (color) {
+        declarations3.push(...cssProperties.map((property) => `${property}: ${color};`));
+        hasDeclarations = true;
+      }
+    }
+    const decls = declarations3.join(" ");
+    lines.push(`	${pct3}% { ${decls} }`);
+  }
+  return hasDeclarations ? `@keyframes ${keyframeName2} {
+${lines.join("\n")}
+}` : void 0;
+}
 var NO_STROKE = {
   borderWidth: 0,
   cssBorderWidth: "0px",
@@ -1664,6 +1888,119 @@ function getComputedStrokeStyle(element) {
     ...joins
   };
 }
+
+// src/pptx/render/animation-color-base-style.ts
+function getAnimationColorBaseStyle(element, options = {}) {
+  if (!pptx.hasShapeProperties(element) || !options.animatesFill && !options.animatesStroke) {
+    return {};
+  }
+  const style = {};
+  if (options.animatesFill) {
+    const fill = chunkVFPVEVF4_cjs.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] = (pptx.hasTextProperties(element) ? element.textStyle?.color : void 0) ?? "currentColor";
+  return style;
+}
+
+// src/pptx/render/animation-target-id.ts
+var BACKGROUND_ANIMATION_ID_SUFFIX = "::pptx-bg";
+function resolveAnimationTargetId(animation) {
+  const targetId = (animation.target?.type === "shape" ? animation.target.subShapeId : void 0) ?? animation.targetId ?? "";
+  if (targetId && animation.target?.type === "shape" && animation.target.backgroundOnly === true) {
+    return `${targetId}${BACKGROUND_ANIMATION_ID_SUFFIX}`;
+  }
+  return targetId;
+}
+
+// src/pptx/render/animation-opacity-style.ts
+function getAnimationOpacity(state, authored) {
+  return state?.opacity ?? authored;
+}
+var authoredOpacity = /* @__PURE__ */ new WeakMap();
+function applyAnimationOpacity(element, state) {
+  if (state?.opacity !== void 0) {
+    if (!authoredOpacity.has(element)) {
+      authoredOpacity.set(
+        element,
+        element.dataset.animId?.endsWith(BACKGROUND_ANIMATION_ID_SUFFIX) ? "" : element.style.opacity
+      );
+    }
+    element.style.opacity = String(getAnimationOpacity(state, void 0));
+  } else if (authoredOpacity.has(element)) {
+    element.style.opacity = authoredOpacity.get(element);
+    authoredOpacity.delete(element);
+  }
+}
+function getShapeEffectLayerPlacement(element) {
+  const afterBody = pptx.isImageLikeElement(element);
+  return { beforeBody: !afterBody, afterBody };
+}
+function getShapeEffectAnimationLayerStyle(element, visualStyle, state) {
+  return {
+    ...getAnimationColorBaseStyle(element, state),
+    ...visualStyle,
+    ...state.opacity !== void 0 ? { opacity: getAnimationOpacity(state, void 0) } : {},
+    ...pptx.isImageLikeElement(element) ? { clipPath: "none", overflow: "visible" } : {},
+    position: "absolute",
+    inset: "0",
+    transformOrigin: "center",
+    visibility: state.visible === false ? "hidden" : "visible",
+    ...state.cssAnimation ? { animation: state.cssAnimation } : {},
+    pointerEvents: "none"
+  };
+}
+function getPictureShadowFilter(element) {
+  if (!pptx.isImageLikeElement(element) || !pptx.hasShapeProperties(element)) {
+    return void 0;
+  }
+  return getCompositeOuterShadowFilterCss(element.shapeStyle, { rotation: element.rotation });
+}
+function hasPictureFrame(element) {
+  if (!pptx.isImageLikeElement(element)) {
+    return false;
+  }
+  return buildStrokeOutline(element) !== void 0 || getPictureShadowFilter(element) !== void 0;
+}
+function getPictureFrameLayers(element, clip) {
+  const clipStyle = {
+    overflow: clip.overflow,
+    ...clip.borderRadius ? { borderRadius: clip.borderRadius } : {},
+    ...clip.clipPath ? { clipPath: clip.clipPath } : {}
+  };
+  if (!hasPictureFrame(element)) {
+    return { box: clipStyle, surface: void 0 };
+  }
+  const shadow = getPictureShadowFilter(element);
+  return {
+    box: { overflow: "visible", ...shadow ? { filter: shadow } : {} },
+    surface: { position: "absolute", inset: "0", ...clipStyle }
+  };
+}
+
+// src/pptx/render/background-animation-layers.ts
+function getBackgroundAnimationState(element, states) {
+  return element.type === "text" || element.type === "shape" || element.type === "picture" || element.type === "image" ? states?.get(`${element.id}${BACKGROUND_ANIMATION_ID_SUFFIX}`) : void 0;
+}
+var PAINT = /^(?:background|border|stroke|fill)|^(?:filter|boxShadow|mixBlendMode|clipPath)$/;
+function getBackgroundAnimationLayers(element, style, state) {
+  if (!state) return { box: style, paint: void 0, targetId: void 0 };
+  const box = {}, paint = {};
+  for (const [key, value] of Object.entries(style)) {
+    if (PAINT.test(key) && (typeof value === "string" || typeof value === "number"))
+      paint[key] = value;
+    else Object.assign(box, { [key]: value });
+  }
+  return {
+    box,
+    paint: getShapeEffectAnimationLayerStyle(element, paint, state),
+    targetId: `${element.id}${BACKGROUND_ANIMATION_ID_SUFFIX}`
+  };
+}
 function isImageTiled(element) {
   if (!pptx.isImageLikeElement(element)) {
     return false;
@@ -9451,15 +9788,13 @@ function bookmarkTriggerPatch(optionValue) {
   };
 }
 function setTriggerBookmark(anims, elementId, optionValue) {
-  return chunkY4LTLCQP_cjs.upsert(anims, elementId, (cur) => ({ ...cur, ...bookmarkTriggerPatch(optionValue) }));
+  return chunkOJFD3SHS_cjs.upsert(anims, elementId, (cur) => ({ ...cur, ...bookmarkTriggerPatch(optionValue) }));
 }
-
-// src/pptx/render/animation-timeline-rows.ts
 function nativeRowKey(anchor) {
   return `native:${anchor.order}`;
 }
 function buildAnimationTimelineRows(animations, anchors = []) {
-  const editorRows = animations.map((anim) => ({
+  const editorRows = animations.filter((anim) => !pptx.isNativeAfterAnimationOnly(anim)).map((anim) => ({
     kind: "editor",
     key: `editor:${anim.elementId}`,
     order: anim.order ?? 0,
@@ -9794,7 +10129,7 @@ function getEffectSoundAsset(id) {
 
 // src/pptx/render/animation-sound-authoring.ts
 function getEffectSoundState(slideAnimations, elementId) {
-  const entry5 = chunkY4LTLCQP_cjs.animationFor(slideAnimations, elementId);
+  const entry5 = chunkOJFD3SHS_cjs.animationFor(slideAnimations, elementId);
   if (!entry5) {
     return { hasSound: false };
   }
@@ -9825,7 +10160,7 @@ function lastPathSegment(path) {
   return segments[segments.length - 1] || void 0;
 }
 function setEffectSound(anims, elementId, pick) {
-  return chunkY4LTLCQP_cjs.upsert(anims, elementId, (cur) => ({
+  return chunkOJFD3SHS_cjs.upsert(anims, elementId, (cur) => ({
     ...cur,
     soundData: pick?.dataUrl,
     soundFileName: pick?.fileName,
@@ -9835,35 +10170,6 @@ function setEffectSound(anims, elementId, pick) {
   }));
 }
 
-// src/pptx/render/animation-after-effect-authoring.ts
-var AFTER_ANIMATION_VALUES = [
-  "none",
-  "dimToColor",
-  "hideAfterAnimation",
-  "hideOnNextClick"
-];
-var DEFAULT_AFTER_ANIMATION_DIM_COLOR = "#808080";
-function setAfterAnimation(anims, elementId, action) {
-  return chunkY4LTLCQP_cjs.upsert(anims, elementId, (cur) => {
-    const value = action === "none" ? void 0 : action;
-    return {
-      ...cur,
-      afterAnimation: value,
-      afterAnimationColor: value === "dimToColor" ? cur.afterAnimationColor ?? DEFAULT_AFTER_ANIMATION_DIM_COLOR : void 0
-    };
-  });
-}
-function setAfterAnimationColor(anims, elementId, color) {
-  const entry5 = chunkY4LTLCQP_cjs.animationFor(anims, elementId);
-  if (!entry5 || entry5.afterAnimation !== "dimToColor") {
-    return [...anims];
-  }
-  return chunkY4LTLCQP_cjs.upsert(anims, elementId, (cur) => ({ ...cur, afterAnimationColor: color }));
-}
-function getAfterAnimation(slideAnimations, elementId) {
-  return chunkY4LTLCQP_cjs.animationFor(slideAnimations, elementId)?.afterAnimation ?? "none";
-}
-
 // src/pptx/render/animation-playback.ts
 function startsNewGroup(trigger) {
   return trigger === "onClick" || trigger === "onShapeClick" || trigger === "onHover" || trigger === "onMediaBookmark";
@@ -9934,8 +10240,8 @@ function revealedElementStyles(groups, step) {
 function pendingElementStyles(groups, step) {
   const result = /* @__PURE__ */ new Map();
   const clamped = clampStep(step, groups.length);
-  const pending = groups.slice(clamped);
-  for (const group of pending) {
+  const pending2 = groups.slice(clamped);
+  for (const group of pending2) {
     for (const animation of group.animations) {
       const hidden = initialHiddenStyle(animation);
       if (Object.keys(hidden).length > 0 && !result.has(animation.elementId)) {
@@ -11766,273 +12072,6 @@ var KEYFRAME_DEFINITIONS = {
 function getEffectKeyframes(effect) {
   return KEYFRAME_DEFINITIONS[effect] ?? "";
 }
-var HEX_COLOR = /^#?[0-9a-f]{6}$/iu;
-function hexToRgb(hex2) {
-  const cleaned = hex2.replace(/^#/u, "");
-  const val = parseInt(cleaned, 16);
-  return {
-    r: val >> 16 & 255,
-    g: val >> 8 & 255,
-    b: val & 255
-  };
-}
-function rgbToHex(r, g, b) {
-  const clamp10 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp10(r).toString(16).padStart(2, "0")}${clamp10(g).toString(16).padStart(2, "0")}${clamp10(b).toString(16).padStart(2, "0")}`;
-}
-function rgbToHsl(r, g, b) {
-  const rn = r / 255;
-  const gn = g / 255;
-  const bn = b / 255;
-  const max = Math.max(rn, gn, bn);
-  const min = Math.min(rn, gn, bn);
-  const l = (max + min) / 2;
-  if (max === min) {
-    return { h: 0, s: 0, l: l * 100 };
-  }
-  const d = max - min;
-  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-  let h;
-  if (max === rn) {
-    h = ((gn - bn) / d + (gn < bn ? 6 : 0)) * 60;
-  } else if (max === gn) {
-    h = ((bn - rn) / d + 2) * 60;
-  } else {
-    h = ((rn - gn) / d + 4) * 60;
-  }
-  return { h, s: s * 100, l: l * 100 };
-}
-function hslToRgb2(h, s, l) {
-  const sn = s / 100;
-  const ln = l / 100;
-  if (sn === 0) {
-    const v = Math.round(ln * 255);
-    return { r: v, g: v, b: v };
-  }
-  const hueToRgb = (p2, q2, t) => {
-    let tn = t;
-    if (tn < 0) {
-      tn += 1;
-    }
-    if (tn > 1) {
-      tn -= 1;
-    }
-    if (tn < 1 / 6) {
-      return p2 + (q2 - p2) * 6 * tn;
-    }
-    if (tn < 1 / 2) {
-      return q2;
-    }
-    if (tn < 2 / 3) {
-      return p2 + (q2 - p2) * (2 / 3 - tn) * 6;
-    }
-    return p2;
-  };
-  const q = ln < 0.5 ? ln * (1 + sn) : ln + sn - ln * sn;
-  const p = 2 * ln - q;
-  const hn = h / 360;
-  return {
-    r: Math.round(hueToRgb(p, q, hn + 1 / 3) * 255),
-    g: Math.round(hueToRgb(p, q, hn) * 255),
-    b: Math.round(hueToRgb(p, q, hn - 1 / 3) * 255)
-  };
-}
-function interpolateColor(from, to, t, colorSpace, direction) {
-  const fromRgb = hexToRgb(from);
-  const toRgb = hexToRgb(to);
-  if (colorSpace === "rgb") {
-    return rgbToHex(
-      fromRgb.r + (toRgb.r - fromRgb.r) * t,
-      fromRgb.g + (toRgb.g - fromRgb.g) * t,
-      fromRgb.b + (toRgb.b - fromRgb.b) * t
-    );
-  }
-  const fromHsl = rgbToHsl(fromRgb.r, fromRgb.g, fromRgb.b);
-  const toHsl = rgbToHsl(toRgb.r, toRgb.g, toRgb.b);
-  let hDelta = toHsl.h - fromHsl.h;
-  const dir = direction ?? "cw";
-  if (dir === "cw") {
-    if (hDelta < 0) {
-      hDelta += 360;
-    }
-  } else if (hDelta > 0) {
-    hDelta -= 360;
-  }
-  const h = ((fromHsl.h + hDelta * t) % 360 + 360) % 360;
-  const s = fromHsl.s + (toHsl.s - fromHsl.s) * t;
-  const l = fromHsl.l + (toHsl.l - fromHsl.l) * t;
-  const rgb = hslToRgb2(h, s, l);
-  return rgbToHex(rgb.r, rgb.g, rgb.b);
-}
-var ATTR_NAME_TO_CSS_PROPERTIES = {
-  fillcolor: ["fill", "background-color", "backgroundColor"],
-  "fill.color": ["fill", "background-color", "backgroundColor"],
-  "style.color": ["color"],
-  "stroke.color": ["stroke", "border-color", "borderColor"],
-  "stroke.dashstyle": ["stroke", "border-color", "borderColor"],
-  "style.visibility": ["color"],
-  ppt_c: ["color"],
-  ppt_x: ["color"],
-  ppt_y: ["color"]
-};
-function resolveCssProperties(attrName) {
-  if (!attrName) {
-    return ["color"];
-  }
-  return ATTR_NAME_TO_CSS_PROPERTIES[attrName] ?? ["color"];
-}
-function resolveColorAnimationTargets(animationOrAttribute) {
-  const attributes = typeof animationOrAttribute === "string" || animationOrAttribute === void 0 ? [animationOrAttribute] : colorAnimationComponents(animationOrAttribute).map(
-    (component2) => component2.targetAttribute
-  );
-  const targets = [];
-  for (const attribute of attributes) {
-    const cssProperties = resolveCssProperties(attribute);
-    if (cssProperties.includes("fill") && !targets.includes("fill")) {
-      targets.push("fill");
-    }
-    if (cssProperties.includes("stroke") && !targets.includes("stroke")) {
-      targets.push("stroke");
-    }
-  }
-  return targets;
-}
-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 = hexToRgb(fromColor);
-  const fromHsl = rgbToHsl(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 rgbToHex(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 resolveComponentColorHex(raw, ref, themeColorMap) {
-  if (!raw) {
-    return void 0;
-  }
-  if (HEX_COLOR.test(raw)) {
-    return raw;
-  }
-  return ref ? pptx.resolveThemeColorRef(ref, themeColorMap) : void 0;
-}
-function absoluteComponentColor(component2, progress, themeColorMap) {
-  const { colorSpace, direction } = component2;
-  const fromColor = resolveComponentColorHex(
-    component2.fromColor,
-    component2.fromColorRef,
-    themeColorMap
-  );
-  const toColor = resolveComponentColorHex(component2.toColor, component2.toColorRef, themeColorMap);
-  const byColor = resolveComponentColorHex(component2.byColor, component2.byColorRef, themeColorMap);
-  let effectiveFrom;
-  let effectiveTo;
-  if (fromColor && toColor) {
-    effectiveFrom = fromColor;
-    effectiveTo = toColor;
-  } else if (fromColor && byColor) {
-    const fromRgb = hexToRgb(fromColor);
-    const byRgb = hexToRgb(byColor);
-    effectiveFrom = fromColor;
-    effectiveTo = rgbToHex(fromRgb.r + byRgb.r, fromRgb.g + byRgb.g, fromRgb.b + byRgb.b);
-  } else if (toColor) {
-    effectiveFrom = "#000000";
-    effectiveTo = toColor;
-  } else {
-    return void 0;
-  }
-  return interpolateColor(effectiveFrom, effectiveTo, progress, colorSpace, direction);
-}
-function buildColorAnimationKeyframes(colorAnim, keyframeName2, steps = 10, themeColorMap) {
-  const components = colorAnimationComponents(colorAnim);
-  if (!components.some(
-    (component2) => component2.hslDelta !== void 0 || component2.toColor !== void 0 || component2.fromColor !== void 0 && component2.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 pct3 = Math.round(t * 100);
-    const declarations3 = [];
-    for (const component2 of components) {
-      const cssProperties = resolveCssProperties(component2.targetAttribute);
-      if (component2.hslDelta) {
-        const hslFromColor = resolveComponentColorHex(
-          component2.fromColor,
-          component2.fromColorRef,
-          themeColorMap
-        );
-        if (component2.fromColor && !hslFromColor) {
-          continue;
-        }
-        for (const property of cssProperties) {
-          const color2 = hslFromColor ? applyHslDelta(hslFromColor, component2.hslDelta, t) : relativeHslColor(property, component2.hslDelta, t);
-          declarations3.push(`${property}: ${color2};`);
-          hasDeclarations = true;
-        }
-        continue;
-      }
-      const color = absoluteComponentColor(component2, t, themeColorMap);
-      if (color) {
-        declarations3.push(...cssProperties.map((property) => `${property}: ${color};`));
-        hasDeclarations = true;
-      }
-    }
-    const decls = declarations3.join(" ");
-    lines.push(`	${pct3}% { ${decls} }`);
-  }
-  return hasDeclarations ? `@keyframes ${keyframeName2} {
-${lines.join("\n")}
-}` : void 0;
-}
-function getAnimationColorBaseStyle(element, options = {}) {
-  if (!pptx.hasShapeProperties(element) || !options.animatesFill && !options.animatesStroke) {
-    return {};
-  }
-  const style = {};
-  if (options.animatesFill) {
-    const fill = chunkVFPVEVF4_cjs.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] = (pptx.hasTextProperties(element) ? element.textStyle?.color : void 0) ?? "currentColor";
-  return style;
-}
 
 // src/pptx/render/animation-build.ts
 function resolveChartBuildMode(token) {
@@ -12834,16 +12873,6 @@ function parseMotionPathPoints(motionPath) {
   return points;
 }
 
-// src/pptx/render/animation-target-id.ts
-var BACKGROUND_ANIMATION_ID_SUFFIX = "::pptx-bg";
-function resolveAnimationTargetId(animation) {
-  const targetId = (animation.target?.type === "shape" ? animation.target.subShapeId : void 0) ?? animation.targetId ?? "";
-  if (targetId && animation.target?.type === "shape" && animation.target.backgroundOnly === true) {
-    return `${targetId}${BACKGROUND_ANIMATION_ID_SUFFIX}`;
-  }
-  return targetId;
-}
-
 // src/pptx/render/animation-motion-path-paced.ts
 var DEFAULT_SLIDE_ASPECT = 16 / 9;
 function pacedFractions(points, aspect = DEFAULT_SLIDE_ASPECT) {
@@ -15197,38 +15226,6 @@ var AnimationSequencer = class {
     return blocks.join("\n\n");
   }
 };
-function applyAfterAnimationFromEditorList(nativeAnimations, editorAnimations) {
-  if (!editorAnimations || editorAnimations.length === 0) {
-    return [...nativeAnimations];
-  }
-  const byElement = /* @__PURE__ */ new Map();
-  for (const ea of editorAnimations) {
-    if (ea.afterAnimation && ea.afterAnimation !== "none") {
-      byElement.set(ea.elementId, ea);
-    }
-  }
-  if (byElement.size === 0) {
-    return [...nativeAnimations];
-  }
-  return nativeAnimations.map((anim) => {
-    if (!anim.targetId || anim.presetClass === void 0 || anim.presetClass === "exit") {
-      return anim;
-    }
-    const ea = byElement.get(anim.targetId);
-    if (!ea) {
-      return anim;
-    }
-    return {
-      ...anim,
-      afterAnimationAction: ea.afterAnimation,
-      afterAnimationColor: ea.afterAnimationColor,
-      // The editor's own model has no theme-colour-ref concept (it always
-      // writes a concrete hex); clear a native scheme ref so a stale one
-      // never survives an edit that overrides the colour.
-      afterAnimationColorRef: void 0
-    };
-  });
-}
 function buildAfterAnimationDimKeyframes(color, keyframeName2) {
   return `@keyframes ${keyframeName2} {
 	100% { color: ${color}; }
@@ -15924,6 +15921,36 @@ function buildDirectionalKeyframe(effect, subtype, uid2) {
 // src/pptx/render/animation-timeline-step-effect.ts
 function resolveStepEffect(singleAnim, renderContext, dynamicUidStart, includeDirectional = true, pixelateMosaic) {
   let dynamicUid = dynamicUidStart;
+  const opacitySet = pptx.resolveOpacitySet(singleAnim);
+  if (opacitySet) {
+    return {
+      opacitySet,
+      effect: void 0,
+      keyframe: "",
+      isCommand: false,
+      tavColorApplied: false,
+      dynamicCss: void 0,
+      nextDynamicUid: dynamicUid,
+      skip: false
+    };
+  }
+  if (singleAnim.behaviors?.some(
+    (behavior) => behavior.kind === "set" && behavior.attrNames.includes("style.opacity")
+  )) {
+    console.warn(
+      "Unsupported native opacity set target, value or timing profile",
+      singleAnim.targetId
+    );
+    return {
+      effect: void 0,
+      keyframe: "",
+      isCommand: false,
+      tavColorApplied: false,
+      dynamicCss: void 0,
+      nextDynamicUid: dynamicUid,
+      skip: true
+    };
+  }
   const box = boxForAnimation(singleAnim, renderContext);
   const played = buildBehaviorKeyframes(singleAnim, dynamicUid, box);
   if (played) {
@@ -16138,7 +16165,7 @@ function processRegularAnimation(state, anim, renderContext, pixelateMosaic) {
     );
     const iterStr = iterCount === Infinity ? "infinite" : String(iterCount);
     const easing = resolved.easing ?? cssEasingForAnimation(singleAnim);
-    const baseCssAnimation = isCommand ? "" : `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
+    const baseCssAnimation = isCommand || resolved.opacitySet ? "" : `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
     const afterFields = isCommand ? { cssAnimation: baseCssAnimation, holdEndState: timing.holdEndState } : resolveAfterAnimationStepFields(
       singleAnim,
       baseCssAnimation,
@@ -16151,6 +16178,7 @@ function processRegularAnimation(state, anim, renderContext, pixelateMosaic) {
       state.dynamicBlocks.push(afterFields.dimKeyframeBlock);
     }
     const step = {
+      opacitySet: resolved.opacitySet,
       elementId,
       cssAnimation: afterFields.cssAnimation,
       keyframeName: keyframe,
@@ -16288,7 +16316,7 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
       }
       const iterStr = iterCount === Infinity ? "infinite" : String(iterCount);
       const easing = resolved.easing ?? cssEasingForAnimation(anim);
-      const baseCssAnimation = isCommand ? "" : `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
+      const baseCssAnimation = isCommand || resolved.opacitySet ? "" : `${keyframe} ${duration}ms ${easing} ${delayMs}ms ${iterStr} ${direction} ${fill}`;
       const afterFields = isCommand ? { cssAnimation: baseCssAnimation, holdEndState: timing.holdEndState } : resolveAfterAnimationStepFields(
         anim,
         baseCssAnimation,
@@ -16301,6 +16329,7 @@ function buildSequenceGroups(animsByKey, entranceIds, neededKeyframes, dynamicBl
         dynamicBlocks.push(afterFields.dimKeyframeBlock);
       }
       const step = {
+        opacitySet: resolved.opacitySet,
         elementId,
         cssAnimation: afterFields.cssAnimation,
         keyframeName: keyframe,
@@ -16563,6 +16592,10 @@ var TimelineEngine = class _TimelineEngine {
    * `animatesStroke` on {@link ElementAnimationState}.
    */
   activeSteps;
+  /** End-state projection for backward navigation, independent of active paint metadata. */
+  committedOpacity = /* @__PURE__ */ new Map();
+  activeOpacity = /* @__PURE__ */ new Map();
+  opacityClockBase = 0;
   /**
    * Cumulative (oldest-first) history of fired chart-build steps per element,
    * keyed by elementId. See {@link StepApplicationState.chartRevealHistory}
@@ -16830,6 +16863,13 @@ var TimelineEngine = class _TimelineEngine {
         cssAnimation: this.activeAnimations.get(id)
       };
       applyStepBuildMetadata(state, this.activeSteps.get(id), options);
+      const opacity = this.committedOpacity.get(id);
+      if (opacity !== void 0) state.opacity = opacity;
+      const nowMs = options?.elapsedMs === void 0 ? Date.now() : this.opacityClockBase + options.elapsedMs;
+      for (const entry5 of this.activeOpacity.get(id) ?? []) {
+        if (nowMs >= entry5.startMs && (entry5.set.holdEndState || nowMs < entry5.startMs + entry5.set.durationMs))
+          state.opacity = entry5.set.value;
+      }
       const chartInfo = this.chartBuildInfo.get(id);
       if (chartInfo) {
         const descriptor = resolveChartRevealDescriptor(
@@ -16964,6 +17004,8 @@ var TimelineEngine = class _TimelineEngine {
     this.reset();
     for (const group of this.timeline.clickGroups) {
       for (const step of group.steps) {
+        if (step.opacitySet?.holdEndState)
+          this.committedOpacity.set(step.elementId, step.opacitySet.value);
         if (step.build || step.colorTargets) {
           this.activeSteps.set(step.elementId, step);
         }
@@ -16994,6 +17036,8 @@ var TimelineEngine = class _TimelineEngine {
     this.currentGroupIndex = -1;
     this.activeAnimations.clear();
     this.activeSteps.clear();
+    this.committedOpacity.clear();
+    this.activeOpacity.clear();
     this.chartRevealHistory.clear();
     this.diagramRevealHistory.clear();
     this.revealedElements.clear();
@@ -17023,6 +17067,7 @@ var TimelineEngine = class _TimelineEngine {
    * unchanged.
    */
   applyGroupSteps(group, nowMs) {
+    this.opacityClockBase = nowMs;
     let appliedSteps;
     for (let i = 0; i < group.steps.length; i++) {
       const step = group.steps[i];
@@ -17040,6 +17085,14 @@ var TimelineEngine = class _TimelineEngine {
         appliedSteps ??= group.steps.slice(0, i);
         continue;
       }
+      if (step.opacitySet) {
+        const history = this.activeOpacity.get(step.elementId) ?? [];
+        history.push({
+          set: step.opacitySet,
+          startMs: nowMs + step.delayMs + step.opacitySet.delayMs
+        });
+        this.activeOpacity.set(step.elementId, history);
+      }
       if (step.exclGroupId !== void 0) {
         const holder = this.exclusiveHolders.get(step.exclGroupId);
         if (holder !== void 0 && holder !== step.elementId) {
@@ -17411,7 +17464,7 @@ function setMotionPath(animations, elementId, path) {
   ];
 }
 function applyMotionPathPreset(animations, elementId, presetId) {
-  const preset2 = chunkUEF4BFW4_cjs.motionPathPresetById(presetId);
+  const preset2 = chunkXFQ2RD4I_cjs.motionPathPresetById(presetId);
   if (!preset2) {
     return [...animations];
   }
@@ -17514,7 +17567,7 @@ var PresentationAnimationController = class _PresentationAnimationController {
       ...slide.nativeAnimations ?? [],
       ...motionPathNativeAnimations(slide)
     ];
-    const nativeAnims = applyAfterAnimationFromEditorList(rawNativeAnims, slide.animations);
+    const nativeAnims = pptx.applyAfterAnimationFromEditorList(rawNativeAnims, slide.animations);
     const segmentCounts = buildSegmentCounts(slide, nativeAnims);
     const rangedAnims = segmentCounts.size > 0 ? expandTextRangeAnimations(nativeAnims, segmentCounts) : nativeAnims;
     const expandedAnims = segmentCounts.size > 0 ? expandTextBuildAnimations(rangedAnims, segmentCounts) : rangedAnims;
@@ -19662,8 +19715,8 @@ function getComputed3dStyle(el) {
 }
 
 // src/pptx/render/table-cell-padding.ts
-function inset(margin, border2) {
-  return `${Math.max(0, margin - (border2 ?? 0) / 2)}px`;
+function inset(margin, border) {
+  return `${Math.max(0, margin - (border ?? 0) / 2)}px`;
 }
 function cellPaddingCss(style) {
   const css = {};
@@ -19694,16 +19747,16 @@ function edgesFromSection(borders, regionTop, regionBottom, regionLeft, regionRi
     right: regionRight ? borders.right ?? borders.insideV : borders.insideV
   };
 }
-function borderToCss(border2, resolve) {
-  if (!border2) {
+function borderToCss(border, resolve) {
+  if (!border) {
     return void 0;
   }
-  if (border2.noFill) {
+  if (border.noFill) {
     return "none";
   }
-  const width = border2.width ?? 1;
-  const dash = ooxmlDashToCssBorderStyle(border2.dash);
-  const color = border2.color ?? resolve(border2.fill) ?? "#000000";
+  const width = border.width ?? 1;
+  const dash = ooxmlDashToCssBorderStyle(border.dash);
+  const color = border.color ?? resolve(border.fill) ?? "#000000";
   return chunk526IHNIH_cjs.screenBorder(width, dash, color);
 }
 function collectSections(entry5, tableData, pos) {
@@ -22787,6 +22840,9 @@ function formatLocalizedDateTimeField(type, date, locale) {
 }
 
 // src/pptx/render/text-field-substitution.ts
+function resolveDisplaySlideNumber(slideNumber, firstSlideNumber = 1) {
+  return slideNumber < 1 ? slideNumber : firstSlideNumber + slideNumber - 1;
+}
 var DATETIME_TYPE_FORMATS = {
   datetime1: "M/d/yyyy",
   datetime2: "EEEE, MMMM d, yyyy",
@@ -22861,7 +22917,7 @@ function substituteFieldText(segmentText, fieldType, ctx, runLocale) {
   const fl = fieldType.toLowerCase();
   const locale = runLocale ?? ctx.locale;
   if (fl === "slidenum" && ctx.slideNumber !== void 0) {
-    return String(ctx.slideNumber);
+    return String(resolveDisplaySlideNumber(ctx.slideNumber, ctx.firstSlideNumber));
   }
   if (fl.startsWith("datetime")) {
     return resolveFieldDateText(fl, ctx.dateFormat, locale);
@@ -23123,7 +23179,7 @@ function createTemplateContext(options = {}) {
   const scheme = { ...pptx.DEFAULT_SCHEME_COLOR_MAP, ...options.scheme ?? {} };
   let counter = 0;
   const idFor = options.idFor ?? ((index) => `template-el-${Date.now()}-${index}`);
-  const dictionary = chunkQVYJB7G2_cjs.translationsEn;
+  const dictionary = chunkY7CDPPMZ_cjs.translationsEn;
   const translate = options.translate ?? ((key) => dictionary[key] ?? key);
   return {
     scheme,
@@ -24266,7 +24322,7 @@ function resolveFollowingSegmentTexts(paraSegments, markerSegment, fieldContext)
 function resolveParagraphStrutFontSize(segments, bodyFontSize, fontScale = 1) {
   let smallest;
   for (const segment of segments) {
-    if (chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment)) {
+    if (chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment)) {
       continue;
     }
     const size = segment.style?.fontSize;
@@ -24954,10 +25010,10 @@ function createInlineListSeed(element, options) {
   const virtualIndices = /* @__PURE__ */ new Map();
   for (const [index, paragraph2] of paragraphs2.entries()) {
     if (paragraph2.segments.every(
-      (segment, runIndex) => runIndex === 0 && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment) || segment.text === "" && !segment.isLineBreak && !segment.fieldType && !segment.fieldGuid && !segment.equationXml && !segment.rubyText
+      (segment, runIndex) => runIndex === 0 && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment) || segment.text === "" && !segment.isLineBreak && !segment.fieldType && !segment.fieldGuid && !segment.equationXml && !segment.rubyText
     )) {
       const carrier = paragraph2.segments[0] ?? paragraph2.terminator;
-      const body = paragraph2.segments.find((segment) => !chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment));
+      const body = paragraph2.segments.find((segment) => !chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment));
       virtualIndices.set(index, segments.length);
       segments.push({
         text: "",
@@ -24977,7 +25033,7 @@ function createInlineListSeed(element, options) {
           presentation: presentation[sourceIndex],
           runs: Object.freeze(
             (virtualIndices.has(sourceIndex) ? [segments[virtualIndices.get(sourceIndex)]] : paragraph2.segments).flatMap((segment, index) => {
-              if (index === 0 && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment)) {
+              if (index === 0 && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment)) {
                 return [];
               }
               const segmentIndex = virtualIndices.get(sourceIndex) ?? indices[sourceIndex][index];
@@ -25178,11 +25234,11 @@ function recordInlineListProvenance(seed, root, snapshot, blocks, origins, uncha
     if (!block) return;
     paragraphs2.set(block, start < end ? start : terminator ?? null);
     const body = segments.slice(start, end);
-    const content = body.filter((segment, index) => index !== 0 || !chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment));
+    const content = body.filter((segment, index) => index !== 0 || !chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment));
     const onlyEmptyCarrier = content.length === 1 && content[0].text === "" && !content[0].isLineBreak;
     for (let index = start; index < end; index++) {
       const segment = segments[index];
-      const marker = index === start && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment);
+      const marker = index === start && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment);
       if (!marker && (segment.text !== "" || segment.isLineBreak)) continue;
       const node = marker || onlyEmptyCarrier ? block : unchanged2 ? inlineListDescendants(block).find((child) => session.runNodes.get(child) === index) : origins[index];
       hidden.push({ node, kind: marker ? "marker" : "empty", index });
@@ -25491,11 +25547,11 @@ function readInlineListSnapshot(seed, root) {
     } else {
       pptx.breakAutoNumberRun(sequence, first.paragraphLevel ?? 0);
     }
-    if (chunkHWW2UVUP_cjs.isBulletMarkerSegment(first)) {
+    if (chunkJRCK6CFI_cjs.isBulletMarkerSegment(first)) {
       const marker = {
         text: first.text,
         style: structuredClone(
-          carrier && chunkHWW2UVUP_cjs.isBulletMarkerSegment(carrier) ? carrier.style : first.style
+          carrier && chunkJRCK6CFI_cjs.isBulletMarkerSegment(carrier) ? carrier.style : first.style
         ),
         ...inlineListParagraphMetadata(first)
       };
@@ -25545,7 +25601,7 @@ function paragraphBodies(segments) {
       paragraphs2.push("");
       first = true;
     } else {
-      if (!first || !chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment)) {
+      if (!first || !chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment)) {
         paragraphs2[paragraphs2.length - 1] += segment.isLineBreak ? "\n" : segment.text;
       }
       first = false;
@@ -25558,7 +25614,7 @@ function modelPoint(segments, offset, end) {
   let first = true;
   let last = { index: 0, offset: 0 };
   for (const [index, segment] of segments.entries()) {
-    const marker = first && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment);
+    const marker = first && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment);
     first = textSegmentParagraphBreak.isParagraphSeparatorSegment(segment);
     if (marker) {
       if (offset === position && segment.paragraphInsertionStyle && (!segments[index + 1] || textSegmentParagraphBreak.isParagraphSeparatorSegment(segments[index + 1]))) {
@@ -25719,7 +25775,7 @@ function paragraphs(segments) {
     const paragraph2 = result.at(-1);
     const first = !paragraph2.first;
     paragraph2.first ??= segment;
-    if (first && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment)) {
+    if (first && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment)) {
       continue;
     }
     const start = paragraph2.text.length;
@@ -26154,7 +26210,7 @@ function readInlineEditorSelection(segments, preserveCaret = false) {
 function isEditableSpan(span, segments) {
   const segment = segments[getSegmentIndex(span)];
   return Boolean(
-    segment && !segment.isParagraphBreak && segment.text !== "\n" && !chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment) && (span.textContent?.length ?? 0) > 0
+    segment && !segment.isParagraphBreak && segment.text !== "\n" && !chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment) && (span.textContent?.length ?? 0) > 0
   );
 }
 function getSegmentIndex(span) {
@@ -26212,15 +26268,16 @@ function getPendingSelectionRestore() {
   pendingRestore = null;
   return sel;
 }
-function applyStyleToSelectedSegments(segments, selection, updates) {
+function applyStyleToSelectedSegments(segments, selection, updates, inherited) {
   const { startSegIdx, startOffset, endSegIdx, endOffset } = selection;
+  const restyle = (style) => chunkEYPNQ3FG_cjs.mergeTextStyleUpdate(style, updates, inherited);
   const result = [];
   let newStartSegIdx = -1;
   let newStartOffset = 0;
   let newEndSegIdx = -1;
   let newEndOffset = 0;
   for (let i = 0; i < segments.length; i++) {
-    const seg = i >= startSegIdx && i <= endSegIdx ? chunkOGJRSAGH_cjs.updateTextSegmentStyle(segments[i], updates, { updateBodyStyle: false }) : segments[i];
+    const seg = i >= startSegIdx && i <= endSegIdx ? chunkEYPNQ3FG_cjs.updateTextSegmentStyle(segments[i], updates, { updateBodyStyle: false, inherited }) : segments[i];
     if (seg.isParagraphBreak || seg.text === "\n") {
       result.push({ ...seg, style: { ...seg.style } });
       continue;
@@ -26233,14 +26290,14 @@ function applyStyleToSelectedSegments(segments, selection, updates) {
       result.push({ ...seg, style: { ...seg.style } });
       continue;
     }
-    if (seg.paragraphInsertionStyle && (seg.text === "" || chunkHWW2UVUP_cjs.isBulletMarkerSegment(seg))) {
+    if (seg.paragraphInsertionStyle && (seg.text === "" || chunkJRCK6CFI_cjs.isBulletMarkerSegment(seg))) {
       newStartSegIdx = newStartSegIdx < 0 ? result.length : newStartSegIdx;
       newEndSegIdx = result.length;
       result.push(seg);
       continue;
     }
     if (i === startSegIdx && i === endSegIdx) {
-      splitSingle(seg, startOffset, endOffset, updates, result);
+      splitSingle(seg, startOffset, endOffset, restyle, result);
       const partsAdded = (startOffset > 0 ? 1 : 0) + 1 + (endOffset < seg.text.length ? 1 : 0);
       const selectedPartIdx = result.length - partsAdded + (startOffset > 0 ? 1 : 0);
       newStartSegIdx = selectedPartIdx;
@@ -26253,7 +26310,7 @@ function applyStyleToSelectedSegments(segments, selection, updates) {
       if (startOffset === 0) {
         newStartSegIdx = result.length;
         newStartOffset = 0;
-        result.push({ ...seg, style: { ...seg.style, ...updates } });
+        result.push({ ...seg, style: restyle(seg.style) });
       } else {
         const beforeSeg = {
           text: seg.text.slice(0, startOffset),
@@ -26267,20 +26324,20 @@ function applyStyleToSelectedSegments(segments, selection, updates) {
         newStartOffset = 0;
         result.push({
           text: seg.text.slice(startOffset),
-          style: { ...seg.style, ...updates }
+          style: restyle(seg.style)
         });
       }
       continue;
     }
     if (i === endSegIdx) {
       if (endOffset >= seg.text.length) {
-        result.push({ ...seg, style: { ...seg.style, ...updates } });
+        result.push({ ...seg, style: restyle(seg.style) });
         newEndSegIdx = result.length - 1;
         newEndOffset = seg.text.length;
       } else {
         result.push({
           text: seg.text.slice(0, endOffset),
-          style: { ...seg.style, ...updates }
+          style: restyle(seg.style)
         });
         newEndSegIdx = result.length - 1;
         newEndOffset = endOffset;
@@ -26291,7 +26348,7 @@ function applyStyleToSelectedSegments(segments, selection, updates) {
       }
       continue;
     }
-    result.push({ ...seg, style: { ...seg.style, ...updates } });
+    result.push({ ...seg, style: restyle(seg.style) });
   }
   return {
     newSegments: result,
@@ -26303,9 +26360,9 @@ function applyStyleToSelectedSegments(segments, selection, updates) {
     }
   };
 }
-function splitSingle(seg, startOffset, endOffset, updates, result) {
+function splitSingle(seg, startOffset, endOffset, restyle, result) {
   if (startOffset === 0 && endOffset >= seg.text.length) {
-    result.push({ ...seg, style: { ...seg.style, ...updates } });
+    result.push({ ...seg, style: restyle(seg.style) });
     return;
   }
   if (startOffset > 0) {
@@ -26320,7 +26377,7 @@ function splitSingle(seg, startOffset, endOffset, updates, result) {
   }
   result.push({
     text: seg.text.slice(startOffset, endOffset),
-    style: { ...seg.style, ...updates }
+    style: restyle(seg.style)
   });
   if (endOffset < seg.text.length) {
     result.push({
@@ -26373,7 +26430,7 @@ function positions(segments) {
   let paragraph2 = 0;
   let first = true;
   return segments.map((segment, index) => {
-    const marker = first && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment);
+    const marker = first && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment);
     const emptyCarrier = marker && segment.paragraphInsertionStyle && (!segments[index + 1] || textSegmentParagraphBreak.isParagraphSeparatorSegment(segments[index + 1]));
     const start = offset;
     if (!marker) {
@@ -26431,14 +26488,14 @@ function restoreParagraphMetadata(original, updated) {
 }
 function selectedParagraphBulletKind(element, selection) {
   if (!selection || !pptx.hasTextProperties(element) || !element.textSegments) {
-    const kind = chunkHWW2UVUP_cjs.elementBulletKind(element);
+    const kind = chunkJRCK6CFI_cjs.elementBulletKind(element);
     return kind === "mixed" ? "none" : kind;
   }
   let first = selection.startSegIdx;
   while (first > 0 && !textSegmentParagraphBreak.isParagraphSeparatorSegment(element.textSegments[first - 1])) {
     first -= 1;
   }
-  return chunkHWW2UVUP_cjs.paragraphBulletKind(element.textSegments.slice(first));
+  return chunkJRCK6CFI_cjs.paragraphBulletKind(element.textSegments.slice(first));
 }
 function applyListStyleUpdate(element, updates, selection) {
   if (!pptx.hasTextProperties(element) || !updates.listType) {
@@ -26453,7 +26510,7 @@ function applyListStyleUpdate(element, updates, selection) {
       segments = restoreParagraphMetadata(segments, styled.newSegments);
       workingSelection = styled.newSelection;
     } else {
-      segments = segments.map((segment) => chunkOGJRSAGH_cjs.updateTextSegmentStyle(segment, characterStyle));
+      segments = segments.map((segment) => chunkEYPNQ3FG_cjs.updateTextSegmentStyle(segment, characterStyle));
     }
   }
   const working = {
@@ -26462,7 +26519,7 @@ function applyListStyleUpdate(element, updates, selection) {
     textStyle: selection ? element.textStyle : { ...element.textStyle, ...characterStyle }
   };
   if (!workingSelection || !segments) {
-    return { patch: chunkHWW2UVUP_cjs.setElementBullets(working, listType), selection: null };
+    return { patch: chunkJRCK6CFI_cjs.setElementBullets(working, listType), selection: null };
   }
   const entries2 = positions(segments);
   const startEntry = entries2[workingSelection.startSegIdx];
@@ -26473,7 +26530,7 @@ function applyListStyleUpdate(element, updates, selection) {
   const startOffset = startEntry.start + workingSelection.startOffset;
   const endOffset = endEntry.start + workingSelection.endOffset;
   const lastSelected = [...entries2].reverse().find((entry5) => entry5.start < endOffset);
-  const patch = chunkHWW2UVUP_cjs.setElementBullets(working, listType, {
+  const patch = chunkJRCK6CFI_cjs.setElementBullets(working, listType, {
     startParagraph: startEntry.paragraph,
     endParagraph: Math.max(startEntry.paragraph, lastSelected?.paragraph ?? endEntry.paragraph)
   });
@@ -26505,14 +26562,14 @@ function inScope(paragraph2, selection) {
   );
 }
 function selectionBulletKind(element, selection, segments) {
-  const paragraphs2 = chunkHWW2UVUP_cjs.splitBulletParagraphs(chunkHWW2UVUP_cjs.resolveBulletSegments(element, segments));
-  return chunkHWW2UVUP_cjs.paragraphsBulletKind(paragraphs2.filter((paragraph2) => inScope(paragraph2, selection)));
+  const paragraphs2 = chunkJRCK6CFI_cjs.splitBulletParagraphs(chunkJRCK6CFI_cjs.resolveBulletSegments(element, segments));
+  return chunkJRCK6CFI_cjs.paragraphsBulletKind(paragraphs2.filter((paragraph2) => inScope(paragraph2, selection)));
 }
 function setSelectionBullets(element, kind, selection, segments) {
   if (!pptx.hasTextProperties(element)) {
     return { patch: {}, newSelection: selection };
   }
-  const source = chunkHWW2UVUP_cjs.resolveBulletSegments(element, segments);
+  const source = chunkJRCK6CFI_cjs.resolveBulletSegments(element, segments);
   const result = applyListStyleUpdate(
     { ...element, textSegments: source },
     { listType: kind },
@@ -26529,20 +26586,20 @@ function applyTextStyleUpdate(element, updates, selection, segments) {
     return { patch: {}, newSelection: null };
   }
   const current = segments ?? element.textSegments;
-  const exclusive = chunkHWW2UVUP_cjs.withExclusiveLineSpacing(updates);
+  const exclusive = chunkJRCK6CFI_cjs.withExclusiveLineSpacing(updates);
   if (selection && current && current.length > 0) {
-    const { body, run } = chunkHWW2UVUP_cjs.splitTextStyleUpdate(exclusive);
-    let textStyle2 = { ...element.textStyle, ...body };
-    let textSegments2 = chunkHWW2UVUP_cjs.overrideParagraphProperties(current, exclusive);
+    const { body, run } = chunkJRCK6CFI_cjs.splitTextStyleUpdate(exclusive);
+    let textStyle2 = chunkEYPNQ3FG_cjs.mergeTextStyleUpdate(element.textStyle, body);
+    let textSegments2 = chunkJRCK6CFI_cjs.overrideParagraphProperties(current, exclusive);
     let newSelection = selection;
     if (Object.keys(run).length > 0) {
-      const scoped = applyStyleToSelectedSegments(textSegments2, selection, run);
+      const scoped = applyStyleToSelectedSegments(textSegments2, selection, run, element.textStyle);
       textSegments2 = scoped.newSegments;
       newSelection = scoped.newSelection;
     }
-    const touched = chunkHWW2UVUP_cjs.TEXT_DECORATION_FLAGS.filter((flag2) => flag2 in run);
+    const touched = chunkJRCK6CFI_cjs.TEXT_DECORATION_FLAGS.filter((flag2) => flag2 in run);
     if (touched.length > 0) {
-      const reconciled = chunkHWW2UVUP_cjs.reconcileDecorationFlags(textSegments2, textStyle2, touched);
+      const reconciled = chunkJRCK6CFI_cjs.reconcileDecorationFlags(textSegments2, textStyle2, touched);
       textStyle2 = reconciled.textStyle;
       textSegments2 = reconciled.textSegments;
     }
@@ -26550,20 +26607,20 @@ function applyTextStyleUpdate(element, updates, selection, segments) {
       patch: {
         textStyle: textStyle2,
         textSegments: textSegments2,
-        ...chunkHWW2UVUP_cjs.overrideParagraphIndents(element, exclusive)
+        ...chunkJRCK6CFI_cjs.overrideParagraphIndents(element, exclusive)
       },
       newSelection
     };
   }
-  const textStyle = { ...element.textStyle, ...exclusive };
-  const textSegments = current && chunkHWW2UVUP_cjs.overrideParagraphProperties(current, exclusive).map(
-    (segment) => chunkOGJRSAGH_cjs.updateTextSegmentStyle(segment, exclusive)
+  const textStyle = chunkEYPNQ3FG_cjs.mergeTextStyleUpdate(element.textStyle, exclusive);
+  const textSegments = current && chunkJRCK6CFI_cjs.overrideParagraphProperties(current, exclusive).map(
+    (segment) => chunkEYPNQ3FG_cjs.updateTextSegmentStyle(segment, exclusive, { inherited: element.textStyle })
   );
   return {
     patch: {
       textStyle,
       ...textSegments ? { textSegments } : {},
-      ...chunkHWW2UVUP_cjs.overrideParagraphIndents(element, exclusive)
+      ...chunkJRCK6CFI_cjs.overrideParagraphIndents(element, exclusive)
     },
     newSelection: null
   };
@@ -27742,7 +27799,7 @@ function buildTextBlockStyle(element, options = {}) {
     style.textOrientation = textOrientation;
   }
   if (ts?.textWrap === "none") {
-    style.whiteSpace = "nowrap";
+    style.whiteSpace = "pre";
     style.overflow = "visible";
   }
   if (isLinkedTextBox(element)) {
@@ -27794,7 +27851,8 @@ function buildFieldSubstitutionContext(sources) {
       name: p.name,
       value: String(p.value)
     })),
-    ...sources.locale === void 0 ? {} : { locale: sources.locale }
+    ...sources.locale === void 0 ? {} : { locale: sources.locale },
+    ...sources.firstSlideNumber === void 0 ? {} : { firstSlideNumber: sources.firstSlideNumber }
   };
 }
 function deriveSlideFieldContext(base2, slide) {
@@ -30288,9 +30346,9 @@ function textAdvancedStateFromStyle(ts) {
 }
 function textAdvancedPatch(el, changes) {
   const base2 = pptx.hasTextProperties(el) ? el.textStyle ?? {} : {};
-  const exclusive = chunkHWW2UVUP_cjs.withExclusiveLineSpacing(changes);
+  const exclusive = chunkJRCK6CFI_cjs.withExclusiveLineSpacing(changes);
   return {
-    ...chunkHWW2UVUP_cjs.paragraphOverridePatch(el, exclusive),
+    ...chunkJRCK6CFI_cjs.paragraphOverridePatch(el, exclusive),
     textStyle: {
       ...base2,
       ...exclusive
@@ -32065,7 +32123,7 @@ function observeExternalCollaborationReadiness(session, options) {
 function createPresencePublisher(awareness, identity8) {
   const local = { activeSlideIndex: 0, cursorX: 0, cursorY: 0 };
   let lastBroadcast = 0;
-  let pending = null;
+  let pending2 = null;
   function publish() {
     awareness.setLocalStateField("presence", {
       userName: identity8.userName,
@@ -32091,32 +32149,32 @@ function createPresencePublisher(awareness, identity8) {
     Object.assign(local, patch);
     const elapsed = Date.now() - lastBroadcast;
     if (elapsed >= BROADCAST_THROTTLE_MS) {
-      if (pending !== null) {
-        clearTimeout(pending);
-        pending = null;
+      if (pending2 !== null) {
+        clearTimeout(pending2);
+        pending2 = null;
       }
       lastBroadcast = Date.now();
       publish();
-    } else if (pending === null) {
-      pending = setTimeout(() => {
-        pending = null;
+    } else if (pending2 === null) {
+      pending2 = setTimeout(() => {
+        pending2 = null;
         lastBroadcast = Date.now();
         publish();
       }, BROADCAST_THROTTLE_MS - elapsed);
     }
   }
   function flush() {
-    if (pending !== null) {
-      clearTimeout(pending);
-      pending = null;
+    if (pending2 !== null) {
+      clearTimeout(pending2);
+      pending2 = null;
     }
     lastBroadcast = Date.now();
     publish();
   }
   function dispose() {
-    if (pending !== null) {
-      clearTimeout(pending);
-      pending = null;
+    if (pending2 !== null) {
+      clearTimeout(pending2);
+      pending2 = null;
     }
   }
   publish();
@@ -32362,7 +32420,7 @@ function createCollaborationTextTarget({
 var LIVE_PATCH_THROTTLE_MS = 50;
 function createCollaborationLivePatcher(options = {}) {
   const throttleMs = options.throttleMs ?? LIVE_PATCH_THROTTLE_MS;
-  const pending = /* @__PURE__ */ new Map();
+  const pending2 = /* @__PURE__ */ new Map();
   let doc = null;
   let factories = null;
   let timer = null;
@@ -32388,12 +32446,12 @@ function createCollaborationLivePatcher(options = {}) {
   const writePending = () => {
     const activeDoc = doc;
     const activeFactories = factories;
-    if (!activeDoc || !activeFactories || pending.size === 0) {
-      pending.clear();
+    if (!activeDoc || !activeFactories || pending2.size === 0) {
+      pending2.clear();
       return;
     }
-    const patches = [...pending.values()];
-    pending.clear();
+    const patches = [...pending2.values()];
+    pending2.clear();
     lastWriteAt = Date.now();
     try {
       activeDoc.transact(() => {
@@ -32427,10 +32485,10 @@ function createCollaborationLivePatcher(options = {}) {
       return null;
     }
     const key = keyFor(slideId, elementId);
-    let entry5 = pending.get(key);
+    let entry5 = pending2.get(key);
     if (!entry5) {
       entry5 = { slideId, elementId };
-      pending.set(key, entry5);
+      pending2.set(key, entry5);
     }
     return entry5;
   };
@@ -32449,7 +32507,7 @@ function createCollaborationLivePatcher(options = {}) {
       if (!isWritable()) {
         return void 0;
       }
-      const queued = pending.get(key);
+      const queued = pending2.get(key);
       if (queued) {
         delete queued.text;
       }
@@ -32487,7 +32545,7 @@ function createCollaborationLivePatcher(options = {}) {
         return;
       }
       cancelTimer();
-      pending.clear();
+      pending2.clear();
       doc = nextDoc;
       factories = nextFactories;
       immediate = nextImmediate;
@@ -32522,7 +32580,7 @@ function createCollaborationLivePatcher(options = {}) {
     },
     dispose() {
       cancelTimer();
-      pending.clear();
+      pending2.clear();
       doc = null;
       factories = null;
       retireTextSessions();
@@ -32688,7 +32746,7 @@ function resolveCollaborationNativeRange(range, previous, current) {
 function observeCollaborationInlineInput(root, getSeed, apply6, settled) {
   let disposed = false;
   let composing = false;
-  let pending = false;
+  let pending2 = false;
   let range;
   const capture = (event) => {
     const target = event?.getTargetRanges?.()[0];
@@ -32706,10 +32764,10 @@ function observeCollaborationInlineInput(root, getSeed, apply6, settled) {
     if (!composing) {
       capture(event);
     }
-    pending = true;
+    pending2 = true;
     queueMicrotask(() => {
-      if (!disposed && !composing && pending) {
-        pending = false;
+      if (!disposed && !composing && pending2) {
+        pending2 = false;
         settled();
       }
     });
@@ -32718,7 +32776,7 @@ function observeCollaborationInlineInput(root, getSeed, apply6, settled) {
     if (composing || disposed) {
       return;
     }
-    pending = false;
+    pending2 = false;
     const replacement = range;
     range = void 0;
     apply6(replacement);
@@ -32744,8 +32802,8 @@ function observeCollaborationInlineInput(root, getSeed, apply6, settled) {
   root.addEventListener("compositionstart", start, true);
   root.addEventListener("compositionend", end, true);
   return {
-    blocked: () => composing || pending,
-    reason: () => composing ? "composition-active" : pending ? "input-active" : void 0,
+    blocked: () => composing || pending2,
+    reason: () => composing ? "composition-active" : pending2 ? "input-active" : void 0,
     dispose() {
       disposed = true;
       root.removeEventListener("beforeinput", before, true);
@@ -42254,7 +42312,7 @@ function isBulletMarker(segment) {
     return false;
   }
   if (bullet.autoNumType) {
-    return bullet.paragraphIndex !== void 0 && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment);
+    return bullet.paragraphIndex !== void 0 && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment);
   }
   const marker = bullet.char ? `${bullet.char} ` : bullet.imageRelId || bullet.imageDataUrl ? "\u{1F4CE} " : "\u2022 ";
   return segment.text === marker;
@@ -47607,13 +47665,13 @@ function attachEditorImagePaste(root, options) {
   if (previousTabIndex === null) {
     root.tabIndex = 0;
   }
-  const pending = /* @__PURE__ */ new Set();
+  const pending2 = /* @__PURE__ */ new Set();
   let disposed = false;
   const cancelPending = () => {
-    for (const abort of pending) {
+    for (const abort of pending2) {
       abort.abort();
     }
-    pending.clear();
+    pending2.clear();
   };
   const onFocusIn = (event) => {
     const canvas = options.getCanvas();
@@ -47643,9 +47701,9 @@ function attachEditorImagePaste(root, options) {
     }
     event.preventDefault();
     const abort = new AbortController();
-    pending.add(abort);
+    pending2.add(abort);
     void chunkZJFN5POF_cjs.createImageElementFromFile(file, target.canvasSize, abort.signal).then((element) => {
-      pending.delete(abort);
+      pending2.delete(abort);
       if (!element || disposed || abort.signal.aborted || !root.isConnected) {
         return;
       }
@@ -51754,7 +51812,8 @@ var RIBBON_CATALOG_TAIL_TABS = {
     pictureStyles: {
       label: "Picture Styles",
       controls: { gallery: "Picture Styles gallery", pictureEffects: "Picture Effects gallery" }
-    }
+    },
+    size: { label: "Size", controls: { crop: "Crop" } }
   },
   tableDesign: {
     tableStyles: { label: "Table Styles", controls: { gallery: "Table Styles gallery" } }
@@ -51881,7 +51940,7 @@ function ribbonCustomizationCss(resolved, scope) {
 // src/pptx/render/customization/customization-resolve-ribbon.ts
 var BUTTON_CONTROL_ALIASES = [
   ["mergeShapes", "home.arrange.mergeShapes"],
-  ["crop", "home.arrange.crop"]
+  ["crop", "home.arrange.crop", "pictureFormat.size.crop"]
 ];
 var CONTEXTUAL_TAB_IDS = new Set(RIBBON_CONTEXTUAL_TABS.map((t) => t.id));
 function resolveRibbonCustomization(ribbon) {
@@ -51908,9 +51967,12 @@ function resolveRibbonCustomization(ribbon) {
       actions.add(button);
     }
   }
-  for (const [action, control2] of BUTTON_CONTROL_ALIASES) {
+  for (const [action, control2, ...also] of BUTTON_CONTROL_ALIASES) {
     if (actions.has(action)) {
       controls2.add(control2);
+      for (const extra of also) {
+        controls2.add(extra);
+      }
     } else if (controls2.has(control2)) {
       actions.add(action);
     }
@@ -52245,7 +52307,7 @@ var TOOLBAR_BUTTON_DESCRIPTIONS = {
   zoom: "The zoom cluster (zoom in, zoom out, fit).",
   navigation: "The previous / next slide cluster.",
   mergeShapes: "The Merge Shapes dropdown (Union, Combine, Fragment, Intersect, Subtract) in the Home tab Arrange group.",
-  crop: "The picture Crop control (crop mode, Crop to Aspect Ratio, Fill, Fit) in the Home tab Arrange group."
+  crop: "Both picture Crop buttons (crop mode, aspect ratio, Fill, Fit): Home > Arrange, Picture Format > Size."
 };
 var VIEWER_PANEL_DESCRIPTIONS = {
   statusBar: "The status bar under the canvas (slide counter, zoom, view buttons).",
@@ -52349,7 +52411,7 @@ function remark(patch, edit) {
     return patch;
   }
   const textSegments = patch.textSegments.map((segment) => {
-    if (!segment.bulletInfo || !chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment)) {
+    if (!segment.bulletInfo || !chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment)) {
       return segment;
     }
     const info = edit(segment.bulletInfo);
@@ -52359,9 +52421,9 @@ function remark(patch, edit) {
 }
 function applyBulletLibrary(element, spec5) {
   if (!spec5) {
-    return chunkHWW2UVUP_cjs.setElementBullets(element, "none");
+    return chunkJRCK6CFI_cjs.setElementBullets(element, "none");
   }
-  return remark(chunkHWW2UVUP_cjs.setElementBullets(element, "bullet"), (info) => ({
+  return remark(chunkJRCK6CFI_cjs.setElementBullets(element, "bullet"), (info) => ({
     ...baseInfo(info),
     char: spec5.char,
     fontFamily: spec5.font.typeface,
@@ -52372,9 +52434,9 @@ function applyBulletLibrary(element, spec5) {
 }
 function applyNumberingLibrary(element, scheme) {
   if (!scheme) {
-    return chunkHWW2UVUP_cjs.setElementBullets(element, "none");
+    return chunkJRCK6CFI_cjs.setElementBullets(element, "none");
   }
-  return remark(chunkHWW2UVUP_cjs.setElementBullets(element, "numbered"), (info) => ({
+  return remark(chunkJRCK6CFI_cjs.setElementBullets(element, "numbered"), (info) => ({
     ...baseInfo(info),
     autoNumType: scheme,
     autoNumStartAt: info.autoNumStartAt ?? 1,
@@ -52382,13 +52444,13 @@ function applyNumberingLibrary(element, scheme) {
   }));
 }
 function paragraphInfos(element) {
-  return chunkHWW2UVUP_cjs.splitBulletParagraphs(chunkHWW2UVUP_cjs.resolveBulletSegments(element)).filter((paragraph2) => paragraph2.segments.length > 0).map((paragraph2) => paragraph2.segments[0].bulletInfo);
+  return chunkJRCK6CFI_cjs.splitBulletParagraphs(chunkJRCK6CFI_cjs.resolveBulletSegments(element)).filter((paragraph2) => paragraph2.segments.length > 0).map((paragraph2) => paragraph2.segments[0].bulletInfo);
 }
 function hasBulletLibrary(element, spec5) {
   if (!pptx.hasTextProperties(element)) {
     return false;
   }
-  const kind = chunkHWW2UVUP_cjs.elementBulletKind(element);
+  const kind = chunkJRCK6CFI_cjs.elementBulletKind(element);
   if (!spec5) {
     return kind === "none";
   }
@@ -52400,7 +52462,7 @@ function hasNumberingLibrary(element, scheme) {
   if (!pptx.hasTextProperties(element)) {
     return false;
   }
-  const kind = chunkHWW2UVUP_cjs.elementBulletKind(element);
+  const kind = chunkJRCK6CFI_cjs.elementBulletKind(element);
   if (!scheme) {
     return kind === "none";
   }
@@ -56045,7 +56107,7 @@ var SMARTART_LAYOUTS_GALLERY = {
     const data = element?.type === "smartArt" ? element.smartArtData : void 0;
     const current = data?.resolvedLayoutType ?? "list";
     const accent1 = galleryColorScheme(ctx).accent1;
-    const pending = smartArtBuiltinLayouts() === void 0;
+    const pending2 = smartArtBuiltinLayouts() === void 0;
     return {
       id: "smartArtLayouts",
       labelKey: "pptx.gallery.smartArtLayouts.title",
@@ -56067,7 +56129,7 @@ var SMARTART_LAYOUTS_GALLERY = {
         },
         ...namedLayoutSections(accent1, data?.layoutDefinition?.uniqueId)
       ],
-      ...pending && {
+      ...pending2 && {
         ready: preloadSmartArtBuiltinLayouts().then(
           (library) => library ? SMARTART_LAYOUTS_GALLERY.build(ctx) : void 0
         )
@@ -56195,6 +56257,17 @@ function normaliseTableStyleId(id) {
 // src/pptx/render/ribbon-galleries/table-style-tile-svg.ts
 var ROWS = 5;
 var COLS = 5;
+var DEFAULT_OPTIONS = { firstRowHeader: true, bandedRows: true };
+function tableStyleTileOptions(tableData) {
+  return {
+    firstRowHeader: Boolean(tableData.firstRowHeader),
+    lastRow: Boolean(tableData.lastRow),
+    firstCol: Boolean(tableData.firstCol),
+    lastCol: Boolean(tableData.lastCol),
+    bandedRows: Boolean(tableData.bandedRows),
+    bandedColumns: Boolean(tableData.bandedColumns)
+  };
+}
 function num7(value) {
   return String(Math.round(value * 100) / 100);
 }
@@ -56210,21 +56283,20 @@ function cellFill(css) {
   }
   return "none";
 }
-function border(value) {
+function tileBorderStroke(value) {
   if (typeof value !== "string" || value === "none") {
     return null;
   }
-  const match = /^([\d.]+)px\s+\w+\s+(.+)$/u.exec(value.trim());
+  const match = /^(?:max\()?([\d.]+)px(?:,\s*var\([^)]*\)\))?\s+\w+\s+(.+)$/u.exec(value.trim());
   if (!match) {
     return null;
   }
   const color = safeColor(match[2], "none");
-  return color === "none" ? null : { width: Math.min(Math.max(Number(match[1]) / 2, 0.5), 2), color };
+  return color === "none" || Number(match[1]) <= 0 ? null : { width: Math.min(Math.max(Number(match[1]) / 2, 0.5), 2), color };
 }
-function tableStyleTileSvg(styleId, colorScheme, size) {
+function tableStyleTileSvg(styleId, colorScheme, size, options = DEFAULT_OPTIONS) {
   const tableData = {
-    firstRowHeader: true,
-    bandedRows: true,
+    ...options,
     tableStyleId: styleId
   };
   const inset3 = 2;
@@ -56233,7 +56305,7 @@ function tableStyleTileSvg(styleId, colorScheme, size) {
   const fills = [];
   const lines = [];
   const edge = (x1, y1, x2, y2, value) => {
-    const stroke = border(value);
+    const stroke = tileBorderStroke(value);
     if (stroke) {
       lines.push(
         `<line x1="${num7(x1)}" y1="${num7(y1)}" x2="${num7(x2)}" y2="${num7(y2)}" stroke="${stroke.color}" stroke-width="${num7(stroke.width)}"/>`
@@ -56252,8 +56324,9 @@ function tableStyleTileSvg(styleId, colorScheme, size) {
         );
       }
       const text3 = safeColor(typeof css.color === "string" ? css.color : void 0, "#000000");
+      const bold = css.fontWeight === 700;
       fills.push(
-        `<rect x="${num7(x + cw * 0.25)}" y="${num7(y + rh * 0.42)}" width="${num7(cw * 0.5)}" height="${num7(Math.max(rh * 0.16, 0.8))}" fill="${text3}" opacity="${r === 0 ? "0.9" : "0.55"}"/>`
+        `<rect x="${num7(x + cw * 0.25)}" y="${num7(y + rh * 0.42)}" width="${num7(cw * 0.5)}" height="${num7(Math.max(rh * 0.16, 0.8))}" fill="${text3}" opacity="${bold ? "0.9" : "0.55"}"/>`
       );
       edge(x, y, x + cw, y, css.borderTop);
       edge(x, y + rh, x + cw, y + rh, css.borderBottom);
@@ -56321,6 +56394,7 @@ function applyTableStyleToData(tableData, styleId) {
   return {
     ...tableData,
     tableStyleId: styleId,
+    clearDirectCellFormatting: true,
     rows: tableData.rows.map((row) => ({
       ...row,
       cells: row.cells.map((cell) => {
@@ -56335,6 +56409,7 @@ function build5(ctx) {
   const tableData = tableDataOf(ctx.element);
   const current = normaliseTableStyleId(tableData?.tableStyleId);
   const colorScheme = galleryColorScheme(ctx);
+  const options = tableData ? tableStyleTileOptions(tableData) : void 0;
   return {
     id: "tableStyles",
     labelKey: "pptx.gallery.tableStyles.title",
@@ -56352,7 +56427,7 @@ function build5(ctx) {
         labelKey: entry5.labelKey,
         ...entry5.labelParams && { labelParams: entry5.labelParams },
         label: entry5.name,
-        previewSvg: tableStyleTileSvg(entry5.id, colorScheme, TILE8),
+        previewSvg: tableStyleTileSvg(entry5.id, colorScheme, TILE8, options),
         applied: current === entry5.id
       }))
     }))
@@ -57462,6 +57537,13 @@ var CONTEXTUAL_TAB_GROUPS = {
           mode: "dropdown"
         }
       ]
+    },
+    {
+      group: "pictureFormat.size",
+      labelKey: "pptx.ribbon.groupSize",
+      label: "Size",
+      galleries: [],
+      strip: "picture-size"
     }
   ],
   tableDesign: [
@@ -57887,6 +57969,73 @@ function cursorForTool(tool) {
   }
 }
 
+// src/pptx/render/animation-opacity-playback.ts
+var stacks = /* @__PURE__ */ new WeakMap();
+var pending = /* @__PURE__ */ new WeakMap();
+function resetOpacitySetPlayback(timers) {
+  stacks.delete(timers);
+  pending.delete(timers);
+}
+function finishOpacitySetSteps(group, ctx) {
+  for (const step of group.steps) pending.get(ctx.timers)?.get(step)?.();
+}
+function applyOpacitySetSteps(group, ctx) {
+  const targets = stacks.get(ctx.timers) ?? /* @__PURE__ */ new Map();
+  stacks.set(ctx.timers, targets);
+  const completions = pending.get(ctx.timers) ?? /* @__PURE__ */ new Map();
+  pending.set(ctx.timers, completions);
+  for (const step of group.steps) {
+    const set = step.opacitySet;
+    if (!set || !step.elementId) continue;
+    const entry5 = { value: set.value };
+    const startMs = step.delayMs + set.delayMs;
+    let started = false;
+    const start = () => {
+      if (started) return;
+      started = true;
+      ctx.setStates((previous) => {
+        const current = previous.get(step.elementId);
+        const stack = targets.get(step.elementId) ?? { baseline: current?.opacity, entries: [] };
+        stack.entries.push(entry5);
+        targets.set(step.elementId, stack);
+        const next = new Map(previous);
+        next.set(step.elementId, {
+          ...current,
+          visible: current?.visible ?? true,
+          cssAnimation: current?.cssAnimation,
+          opacity: set.value
+        });
+        return next;
+      });
+    };
+    if (startMs > 0) ctx.timers.push(window.setTimeout(start, startMs));
+    else start();
+    const finish = () => {
+      start();
+      if (set.holdEndState) return;
+      const stack = targets.get(step.elementId);
+      if (!stack) return;
+      const index = stack.entries.indexOf(entry5);
+      if (index < 0) return;
+      stack.entries.splice(index, 1);
+      const opacity = stack.entries.at(-1)?.value ?? stack.baseline;
+      if (!stack.entries.length) targets.delete(step.elementId);
+      ctx.setStates((previous) => {
+        const current = previous.get(step.elementId);
+        if (!current) return previous;
+        const next = new Map(previous);
+        const restored = { ...current };
+        if (opacity === void 0) delete restored.opacity;
+        else restored.opacity = opacity;
+        next.set(step.elementId, restored);
+        return next;
+      });
+    };
+    completions.set(step, finish);
+    if (!set.holdEndState) ctx.timers.push(window.setTimeout(finish, startMs + set.durationMs));
+  }
+}
+
 // src/pptx/render/animation-playback-steps.ts
 var playbackOwners = /* @__PURE__ */ new WeakMap();
 function applyAnimationGroupSteps(group, ctx) {
@@ -57897,7 +58046,7 @@ function applyAnimationGroupSteps(group, ctx) {
   const owners = playbackOwners.get(ctx.setStates) ?? /* @__PURE__ */ new Map();
   playbackOwners.set(ctx.setStates, owners);
   for (const step of group.steps) {
-    if (step.elementId && !step.command) {
+    if (step.elementId && !step.command && !step.opacitySet) {
       owners.set(step.elementId, owner);
     }
   }
@@ -57938,7 +58087,7 @@ function applyAnimationGroupSteps(group, ctx) {
     const next = new Map(previous);
     const componentsByElement = /* @__PURE__ */ new Map();
     for (const step of group.steps) {
-      if (step.command || !step.elementId) {
+      if (step.command || !step.elementId || step.opacitySet) {
         continue;
       }
       const current = next.get(step.elementId);
@@ -57987,8 +58136,9 @@ function applyAnimationGroupSteps(group, ctx) {
     }
     return next;
   });
+  applyOpacitySetSteps(group, ctx);
   for (const step of group.steps) {
-    if (step.command || !step.elementId) {
+    if (step.command || !step.elementId || step.opacitySet) {
       continue;
     }
     const timer = window.setTimeout(
@@ -58031,6 +58181,7 @@ function carryBuildState(state) {
     return {};
   }
   const carried = {};
+  if (state.opacity !== void 0) carried.opacity = state.opacity;
   if (state.build) {
     carried.build = state.build;
   }
@@ -58073,15 +58224,15 @@ function driveBuildReveal(controller, group, ctx) {
       }
       return next;
     });
-    let pending = false;
+    let pending2 = false;
     for (const id of buildIds) {
       const build7 = states.get(id)?.build;
       if (build7 && build7.progress < 1) {
-        pending = true;
+        pending2 = true;
         break;
       }
     }
-    ctx.buildHandle.current = pending ? requestAnimationFrame(tick) : null;
+    ctx.buildHandle.current = pending2 ? requestAnimationFrame(tick) : null;
   };
   tick();
 }
@@ -58198,6 +58349,7 @@ function finishAnimationGroupSteps(group, setStates, completedStates) {
   });
 }
 function clearPlaybackTimers(ctx, active2) {
+  resetOpacitySetPlayback(ctx.timers);
   for (const timer of ctx.timers) {
     window.clearTimeout(timer);
   }
@@ -58216,6 +58368,7 @@ function advanceMainSequence(controller, ctx, active2, nowMs = performance.now()
     finishDomAnimationsForGroup(group2, ctx.frameRoot?.() ?? document);
     const buildIds = PresentationAnimationController.collectBuildStepIds(group2);
     const completedStates = controller.computeStatesFor(buildIds);
+    finishOpacitySetSteps(group2, ctx);
     clearPlaybackTimers(ctx, active2);
     finishAnimationGroupSteps(group2, ctx.setStates, completedStates);
     scheduleAutoAdvanceChain(controller, ctx);
@@ -58516,8 +58669,8 @@ function buildInlineListStylePatch(element, updates, selection) {
   }
   return {
     textSegments: element.textSegments.map(
-      (segment) => chunkOGJRSAGH_cjs.updateTextSegmentStyle(segment, updates, {
-        updateBodyStyle: !(segment.paragraphInsertionStyle && chunkHWW2UVUP_cjs.isBulletMarkerSegment(segment))
+      (segment) => chunkEYPNQ3FG_cjs.updateTextSegmentStyle(segment, updates, {
+        updateBodyStyle: !(segment.paragraphInsertionStyle && chunkJRCK6CFI_cjs.isBulletMarkerSegment(segment))
       })
     ),
     textStyle: { ...element.textStyle, ...updates }
@@ -59269,7 +59422,7 @@ function transformInlineListCase(snapshot, selection, mode) {
   let first = true;
   const textSegments = chunk52LKIMK3_cjs.applyCaseTransformToSegments(source, selection, mode).map(
     (segment, index) => {
-      const marker = first && chunkHWW2UVUP_cjs.isBulletMarkerSegment(source[index]);
+      const marker = first && chunkJRCK6CFI_cjs.isBulletMarkerSegment(source[index]);
       first = textSegmentParagraphBreak.isParagraphSeparatorSegment(source[index]);
       return marker ? source[index] : segment;
     }
@@ -63521,6 +63674,60 @@ var HOME_HIGHLIGHT_PRESETS = [
   "#800080"
 ];
 
+// src/pptx/render/ribbon-home-crop.ts
+var CROP_HOOK = { "data-pptx-ribbon-control": "crop" };
+var CROP_MENU_HOOK = { "data-pptx-ribbon-control": "crop-menu" };
+function cropControlSpec(id, large = false) {
+  const caret = { labelKey: "pptx.image.cropToAspectRatio", fallback: "Crop to Aspect Ratio" };
+  if (large) {
+    return control(id, "pptx.image.crop", "Crop", void 0, {
+      kind: "menu",
+      items: HOME_CROP_ITEMS,
+      hintKey: "pptx.image.cropHint",
+      icon: "home.arrange.crop",
+      text: text2("pptx.image.crop", "Crop"),
+      large: true,
+      attrs: CROP_HOOK,
+      caret: { ...caret, attrs: CROP_MENU_HOOK }
+    });
+  }
+  return control(id, "pptx.image.crop", "Crop", void 0, {
+    kind: "menu",
+    popup: true,
+    items: HOME_CROP_ITEMS,
+    hintKey: "pptx.image.cropHint",
+    attrs: { ...CROP_HOOK, "data-pptx-chrome": "crop-main" },
+    caret: { ...caret, attrs: { ...CROP_MENU_HOOK, "data-pptx-chrome": "crop-caret" } }
+  });
+}
+function cropHomeControls(id, input) {
+  const crop = {
+    disabled: !input.editable || !(input.canCrop || input.cropActive),
+    hidden: input.hideCrop
+  };
+  return {
+    [id]: { ...crop, pressed: input.cropActive },
+    [`${id}#caret`]: crop
+  };
+}
+function pictureSizeHomeControls(input) {
+  return cropHomeControls("pictureFormat.size.crop", input);
+}
+function dispatchCropRequest(value, handlers) {
+  if (value === void 0) {
+    handlers.toggle();
+    return;
+  }
+  const action = parseCropValue(value);
+  if (action?.kind === "aspect") {
+    handlers.aspect(action.width, action.height);
+  } else if (action?.kind === "fill") {
+    handlers.fill();
+  } else if (action?.kind === "fit") {
+    handlers.fit();
+  }
+}
+
 // src/pptx/render/ribbon-home-families-objects.ts
 var ALIGN_PARTS = [
   ["left", "pptx.ribbon.alignLeft", "Align Left"],
@@ -63760,24 +63967,17 @@ var RIBBON_HOME_OBJECT_FAMILIES = {
           hintKey: MERGE_SHAPES_HINT_KEY,
           attrs: { "data-pptx-ribbon-control": "merge-shapes" }
         }),
-        control("home.arrange.crop", "pptx.image.crop", "Crop", void 0, {
-          kind: "menu",
-          popup: true,
-          items: HOME_CROP_ITEMS,
-          hintKey: "pptx.image.cropHint",
-          attrs: { "data-pptx-ribbon-control": "crop", "data-pptx-chrome": "crop-main" },
-          caret: {
-            labelKey: "pptx.image.cropToAspectRatio",
-            fallback: "Crop to Aspect Ratio",
-            attrs: { "data-pptx-ribbon-control": "crop-menu", "data-pptx-chrome": "crop-caret" }
-          }
-        }),
+        cropControlSpec("home.arrange.crop"),
         control("home.arrange.outlineWidth", "pptx.ribbon.strokeWidth", "Stroke width", void 0, {
           kind: "number",
           number: { min: 0, max: 120, step: 0.5 }
         })
       )
     ]
+  },
+  // Picture Format > Size: the binding draws the group around it, as for the galleries.
+  "picture-size": {
+    clusters: [pills(void 0, cropControlSpec("pictureFormat.size.crop", true))]
   }
 };
 
@@ -64116,7 +64316,6 @@ function fontPickerHomeControls(input, t) {
   };
 }
 function arrangeShapeHomeControls(input) {
-  const crop = { disabled: !input.editable || !input.canCrop, hidden: input.hideCrop };
   return {
     "home.arrange.group": { disabled: !input.canGroup },
     "home.arrange.ungroup": { disabled: !input.canUngroup },
@@ -64124,8 +64323,7 @@ function arrangeShapeHomeControls(input) {
       disabled: !input.editable || !input.canMerge,
       hidden: input.hideMerge
     },
-    "home.arrange.crop": { ...crop, pressed: input.cropActive },
-    "home.arrange.crop#caret": crop,
+    ...cropHomeControls("home.arrange.crop", input),
     "home.arrange.outlineWidth": { disabled: !input.canStrokeWidth, value: input.strokeWidth }
   };
 }
@@ -64715,12 +64913,12 @@ function attachViewerHyperlinks(root, navigation) {
   };
 }
 function createSlidePackageClipboard(initialHost) {
-  let host2 = initialHost, disposed = false, pending = false;
+  let host2 = initialHost, disposed = false, pending2 = false;
   const retiredHandlers = /* @__PURE__ */ new Set();
   const mediaUrls = /* @__PURE__ */ new Set();
   const snapshot = () => {
     if (disposed) throw new Error("Presentation is closed");
-    if (pending) throw new Error("Another clipboard operation is in progress");
+    if (pending2) throw new Error("Another clipboard operation is in progress");
     const value = host2.getSnapshot();
     if (!value) throw new Error("Open a presentation first");
     return value;
@@ -64737,7 +64935,7 @@ function createSlidePackageClipboard(initialHost) {
       const slides = templateEditing.buildSaveSlides(before.slides, before.templateElementsBySlideId).map(
         clone.cloneSlide
       );
-      pending = true;
+      pending2 = true;
       try {
         const text3 = before.handler.save(slides).then((bytes) => pptx.createSlideClipboardPackage(bytes, indexes)).then(pptx.serializeSlidePackageClipboard);
         if (typeof ClipboardItem === "undefined" || !ClipboardItem.supports?.(pptx.SLIDE_PACKAGE_CLIPBOARD_MIME) || !clipboard.write) {
@@ -64759,7 +64957,7 @@ function createSlidePackageClipboard(initialHost) {
         const settled = await Promise.allSettled([write, text3]);
         for (const result of settled) if (result.status === "rejected") throw result.reason;
       } finally {
-        pending = false;
+        pending2 = false;
       }
     },
     async paste(insertAt) {
@@ -64767,7 +64965,7 @@ function createSlidePackageClipboard(initialHost) {
       if (before.editable === false) throw new Error("Presentation is read-only");
       const clipboard = globalThis.navigator?.clipboard;
       if (!clipboard?.readText) throw new Error("System clipboard is unavailable in this browser");
-      pending = true;
+      pending2 = true;
       let handler, committed = false;
       const urls = [];
       try {
@@ -64824,7 +65022,7 @@ function createSlidePackageClipboard(initialHost) {
         for (const url of urls) mediaUrls.add(url);
         committed = true;
       } finally {
-        pending = false;
+        pending2 = false;
         if (!committed) {
           handler?.dispose();
           for (const url of urls) URL.revokeObjectURL(url);
@@ -70228,19 +70426,19 @@ function createAnimationsGalleryView(doc, controlId, aria, columns, pick) {
   });
   root.append(strip2, more);
   const sync = (state) => {
-    root.setAttribute("aria-label", chunkUEF4BFW4_cjs.animationsLabel(state, aria[0], aria[1]));
-    const moreLabel = chunkUEF4BFW4_cjs.animationsLabel(state, "pptx.animations.moreEffects", "More Effects");
+    root.setAttribute("aria-label", chunkXFQ2RD4I_cjs.animationsLabel(state, aria[0], aria[1]));
+    const moreLabel = chunkXFQ2RD4I_cjs.animationsLabel(state, "pptx.animations.moreEffects", "More Effects");
     more.setAttribute("aria-label", moreLabel);
     more.title = moreLabel;
     columns.forEach((column2, index) => {
       columnEls[index].setAttribute(
         "aria-label",
-        chunkUEF4BFW4_cjs.animationsLabel(state, column2.labelKey, column2.fallback)
+        chunkXFQ2RD4I_cjs.animationsLabel(state, column2.labelKey, column2.fallback)
       );
     });
-    const gated = chunkUEF4BFW4_cjs.animationsGated(state);
+    const gated = chunkXFQ2RD4I_cjs.animationsGated(state);
     for (const { el, item: item4 } of buttons) {
-      const label = chunkUEF4BFW4_cjs.animationsLabel(state, item4.labelKey, item4.fallback);
+      const label = chunkXFQ2RD4I_cjs.animationsLabel(state, item4.labelKey, item4.fallback);
       el.querySelector(".name").textContent = label;
       el.title = label;
       el.disabled = gated;
@@ -70286,11 +70484,11 @@ function createAnimationsTimingView(doc) {
   duration.dataset.ribbonControl = "animations.timing.duration";
   el.append(label, start, caption2, duration);
   const sync = (state) => {
-    label.textContent = chunkUEF4BFW4_cjs.animationsLabel(state, "pptx.animations.start", "Start");
+    label.textContent = chunkXFQ2RD4I_cjs.animationsLabel(state, "pptx.animations.start", "Start");
     START_MODES.forEach(([key, fallback], index) => {
-      modes[index].textContent = chunkUEF4BFW4_cjs.animationsLabel(state, key, fallback);
+      modes[index].textContent = chunkXFQ2RD4I_cjs.animationsLabel(state, key, fallback);
     });
-    text3.textContent = chunkUEF4BFW4_cjs.animationsLabel(state, "pptx.animations.duration", "Duration");
+    text3.textContent = chunkXFQ2RD4I_cjs.animationsLabel(state, "pptx.animations.duration", "Duration");
     duration.setAttribute("aria-label", text3.textContent);
   };
   return { el, sync };
@@ -70316,7 +70514,7 @@ var EXIT = spec3({
 var PATH = spec3({
   icon: "moveRight",
   // One-click default path (Lines: Right), not an entrance preset.
-  add: { group: "motionPath", preset: chunkUEF4BFW4_cjs.DEFAULT_MOTION_PATH_PRESET_ID },
+  add: { group: "motionPath", preset: chunkXFQ2RD4I_cjs.DEFAULT_MOTION_PATH_PRESET_ID },
   label: ["pptx.animations.pathAnimation", "Path Animation"]
 });
 var OPTIONS2 = spec3({
@@ -70357,7 +70555,7 @@ var REMOVE = spec3({
   label: ["pptx.animations.remove", "Remove"],
   title: ["pptx.animations.removeTooltip", "Remove animation from selected element"]
 });
-var PRESET_COLUMNS = chunkUEF4BFW4_cjs.ANIMATION_RIBBON_CATEGORIES.map((category) => ({
+var PRESET_COLUMNS = chunkXFQ2RD4I_cjs.ANIMATION_RIBBON_CATEGORIES.map((category) => ({
   key: category.group,
   labelKey: category.labelKey,
   fallback: category.fallback,
@@ -70368,14 +70566,14 @@ var PRESET_COLUMNS = chunkUEF4BFW4_cjs.ANIMATION_RIBBON_CATEGORIES.map((category
     fallback: humanize2(preset2)
   }))
 }));
-var PATH_COLUMNS = chunkUEF4BFW4_cjs.MOTION_PATH_FAMILIES.map((family2) => ({
+var PATH_COLUMNS = chunkXFQ2RD4I_cjs.MOTION_PATH_FAMILIES.map((family2) => ({
   key: family2,
-  labelKey: chunkUEF4BFW4_cjs.motionPathFamilyLabelKey(family2),
+  labelKey: chunkXFQ2RD4I_cjs.motionPathFamilyLabelKey(family2),
   fallback: humanize2(family2),
   tone: "path",
-  items: chunkUEF4BFW4_cjs.motionPathPresetsByFamily(family2).map((preset2) => ({
+  items: chunkXFQ2RD4I_cjs.motionPathPresetsByFamily(family2).map((preset2) => ({
     value: preset2.id,
-    labelKey: chunkUEF4BFW4_cjs.motionPathPresetLabelKey(preset2.id),
+    labelKey: chunkXFQ2RD4I_cjs.motionPathPresetLabelKey(preset2.id),
     fallback: humanize2(preset2.id)
   }))
 }));
@@ -70461,11 +70659,11 @@ function createRibbonAnimationsView(doc, request) {
     group("animations.timing", timing.el)
   ];
   const sync = (state) => {
-    const text3 = (label) => chunkUEF4BFW4_cjs.animationsLabel(state, label[0], label[1]);
+    const text3 = (label) => chunkXFQ2RD4I_cjs.animationsLabel(state, label[0], label[1]);
     for (const [id, el] of groups) {
       el.setAttribute("label", text3(CAPTIONS[id]));
     }
-    const gated = chunkUEF4BFW4_cjs.animationsGated(state);
+    const gated = chunkXFQ2RD4I_cjs.animationsGated(state);
     for (const { el, spec: item4 } of commands) {
       el.setAttribute("label", text3(item4.label));
       el.setAttribute("title", text3(item4.title ?? item4.label));
@@ -70491,7 +70689,7 @@ function definePptxRibbonAnimations(registry2) {
   class RibbonAnimations extends HTMLElement {
     model = { editable: false, hasSelection: false };
     view = createRibbonAnimationsView(this.ownerDocument, (intent) => {
-      if (chunkUEF4BFW4_cjs.canRequestAnimations(this.model, intent)) {
+      if (chunkXFQ2RD4I_cjs.canRequestAnimations(this.model, intent)) {
         this.dispatchEvent(
           new CustomEvent("animations-request", { detail: intent, bubbles: true, composed: true })
         );
@@ -70969,7 +71167,8 @@ var RIBBON_HOME_TAGS = [
   "pptx-ui-ribbon-home-arrange-edit",
   "pptx-ui-ribbon-home-font-picker",
   "pptx-ui-ribbon-home-arrange-painter",
-  "pptx-ui-ribbon-home-arrange-shape"
+  "pptx-ui-ribbon-home-arrange-shape",
+  "pptx-ui-ribbon-home-picture-size"
 ];
 var RIBBON_HOME_STYLES = `
 :host { display:contents; }
@@ -72017,6 +72216,7 @@ var definePptxRibbonHomeArrangeEdit = (registry2) => definePptxRibbonHome(regist
 var definePptxRibbonHomeFontPicker = (registry2) => definePptxRibbonHome(registry2, "font-picker");
 var definePptxRibbonHomeArrangePainter = (registry2) => definePptxRibbonHome(registry2, "arrange-painter");
 var definePptxRibbonHomeArrangeShape = (registry2) => definePptxRibbonHome(registry2, "arrange-shape");
+var definePptxRibbonHomePictureSize = (registry2) => definePptxRibbonHome(registry2, "picture-size");
 
 // src/pptx/web-components/ribbon-insert-styles.ts
 var RIBBON_INSERT_STYLES = `
@@ -74057,9 +74257,9 @@ function officeTitleBarState(state, placement) {
   const available = state.autosave.toggleAvailable !== false;
   const items = resolveTitleBarStrip(state, placement).map((item4) => {
     const label = t(item4.id === "save" ? "pptx.titleBar.save" : item4.labelKey);
-    const pending = item4.id === "undo" ? state.history.undoLabel : item4.id === "redo" ? state.history.redoLabel : null;
-    const tooltip = pending ? t(item4.id === "undo" ? "pptx.toolbar.undoAction" : "pptx.toolbar.redoAction", {
-      action: pending
+    const pending2 = item4.id === "undo" ? state.history.undoLabel : item4.id === "redo" ? state.history.redoLabel : null;
+    const tooltip = pending2 ? t(item4.id === "undo" ? "pptx.toolbar.undoAction" : "pptx.toolbar.redoAction", {
+      action: pending2
     }) : label;
     return {
       id: item4.id,
@@ -74522,6 +74722,7 @@ var controls = [
   ["pptx-ui-ribbon-home-font-picker", definePptxRibbonHomeFontPicker],
   ["pptx-ui-ribbon-home-arrange-painter", definePptxRibbonHomeArrangePainter],
   ["pptx-ui-ribbon-home-arrange-shape", definePptxRibbonHomeArrangeShape],
+  ["pptx-ui-ribbon-home-picture-size", definePptxRibbonHomePictureSize],
   ["pptx-ui-ribbon-view", definePptxRibbonView],
   ["pptx-ui-ribbon-transitions", definePptxRibbonTransitions],
   ["pptx-ui-ribbon-group", definePptxRibbonGroup],
@@ -76407,6 +76608,14 @@ async function rasterizeElementToDataUrl(node, naturalWidth, naturalHeight, doc,
 // src/pptx/index.ts
 registerPptxWebControls();
 
+Object.defineProperty(exports, "AFTER_ANIMATION_VALUES", {
+  enumerable: true,
+  get: function () { return pptx.AFTER_ANIMATION_VALUES; }
+});
+Object.defineProperty(exports, "DEFAULT_AFTER_ANIMATION_DIM_COLOR", {
+  enumerable: true,
+  get: function () { return pptx.DEFAULT_AFTER_ANIMATION_DIM_COLOR; }
+});
 Object.defineProperty(exports, "algorithmParam", {
   enumerable: true,
   get: function () { return pptx.algorithmParam; }
@@ -76467,10 +76676,22 @@ Object.defineProperty(exports, "gearPoints", {
   enumerable: true,
   get: function () { return pptx.gearPoints; }
 });
+Object.defineProperty(exports, "getAfterAnimation", {
+  enumerable: true,
+  get: function () { return pptx.getAfterAnimation; }
+});
+Object.defineProperty(exports, "getAfterAnimationState", {
+  enumerable: true,
+  get: function () { return pptx.getAfterAnimationState; }
+});
 Object.defineProperty(exports, "interpretSmartArtLayout", {
   enumerable: true,
   get: function () { return pptx.interpretSmartArtLayout; }
 });
+Object.defineProperty(exports, "isNativeAfterAnimationOnly", {
+  enumerable: true,
+  get: function () { return pptx.isNativeAfterAnimationOnly; }
+});
 Object.defineProperty(exports, "itemNode", {
   enumerable: true,
   get: function () { return pptx.itemNode; }
@@ -76507,6 +76728,14 @@ Object.defineProperty(exports, "resolveFlowDirection", {
   enumerable: true,
   get: function () { return pptx.resolveFlowDirection; }
 });
+Object.defineProperty(exports, "setAfterAnimation", {
+  enumerable: true,
+  get: function () { return pptx.setAfterAnimation; }
+});
+Object.defineProperty(exports, "setAfterAnimationColor", {
+  enumerable: true,
+  get: function () { return pptx.setAfterAnimationColor; }
+});
 Object.defineProperty(exports, "strokeFor", {
   enumerable: true,
   get: function () { return pptx.strokeFor; }
@@ -77687,7 +77916,6 @@ exports.ACTION_INDICATOR_CLASS = ACTION_INDICATOR_CLASS;
 exports.ACTION_INDICATOR_ICON_PATH = ACTION_INDICATOR_ICON_PATH;
 exports.ADD_INS_TAB = ADD_INS_TAB;
 exports.ADVANCED_TAB = ADVANCED_TAB;
-exports.AFTER_ANIMATION_VALUES = AFTER_ANIMATION_VALUES;
 exports.ALIGN_OPTIONS = ALIGN_OPTIONS;
 exports.ALL_CLASSIFIED_PRESETS = ALL_CLASSIFIED_PRESETS;
 exports.ANGLE_UNITS_PER_RADIAN = ANGLE_UNITS_PER_RADIAN;
@@ -77778,7 +78006,6 @@ exports.CURSOR_PALETTE = CURSOR_PALETTE;
 exports.DATA_LABEL_CONTENT_OPTIONS = DATA_LABEL_CONTENT_OPTIONS;
 exports.DATA_LABEL_POSITION_OPTIONS = DATA_LABEL_POSITION_OPTIONS;
 exports.DEBOUNCE_MS = DEBOUNCE_MS;
-exports.DEFAULT_AFTER_ANIMATION_DIM_COLOR = DEFAULT_AFTER_ANIMATION_DIM_COLOR;
 exports.DEFAULT_ANIMATION_TIMING_CURVE = DEFAULT_ANIMATION_TIMING_CURVE;
 exports.DEFAULT_BOUNDS = DEFAULT_BOUNDS;
 exports.DEFAULT_BROADCAST_SERVER_URL = DEFAULT_BROADCAST_SERVER_URL;
@@ -78271,6 +78498,7 @@ exports.applyAcceptAllSlides = applyAcceptAllSlides;
 exports.applyAcceptSlide = applyAcceptSlide;
 exports.applyActiveInlineListFormatting = applyActiveInlineListFormatting;
 exports.applyAnimationGroupSteps = applyAnimationGroupSteps;
+exports.applyAnimationOpacity = applyAnimationOpacity;
 exports.applyAnimationTimelineOrder = applyAnimationTimelineOrder;
 exports.applyAutoCorrect = applyAutoCorrect;
 exports.applyChart3DDrag = applyChart3DDrag;
@@ -78741,9 +78969,11 @@ exports.createViewerStore = createViewerStore;
 exports.createViewerZoomStore = createViewerZoomStore;
 exports.createWheelStepBuffer = createWheelStepBuffer;
 exports.createWriteBackScheduler = createWriteBackScheduler;
+exports.cropControlSpec = cropControlSpec;
 exports.cropFill = cropFill;
 exports.cropFit = cropFit;
 exports.cropFrameOf = cropFrameOf;
+exports.cropHomeControls = cropHomeControls;
 exports.cropModeKeyAction = cropModeKeyAction;
 exports.cropResetPatch = cropResetPatch;
 exports.cropResetState = cropResetState;
@@ -78798,6 +79028,7 @@ exports.disableOuterShadowPatch = disableOuterShadowPatch;
 exports.disableReflectionPatch = disableReflectionPatch;
 exports.disableSoftEdgePatch = disableSoftEdgePatch;
 exports.discardAutosaveRecovery = discardAutosaveRecovery;
+exports.dispatchCropRequest = dispatchCropRequest;
 exports.dominantDisplacement = dominantDisplacement;
 exports.downloadBlob = downloadBlob;
 exports.downloadDataUrl = downloadDataUrl;
@@ -78964,15 +79195,17 @@ exports.get3dTransformCss = get3dTransformCss;
 exports.getAcknowledgedAutosaveRecoveryTimestamp = getAcknowledgedAutosaveRecoveryTimestamp;
 exports.getActiveInlineListSelection = getActiveInlineListSelection;
 exports.getActiveXControlOverlayView = getActiveXControlOverlayView;
-exports.getAfterAnimation = getAfterAnimation;
 exports.getAnimationColorBaseStyle = getAnimationColorBaseStyle;
 exports.getAnimationInitialStyle = getAnimationInitialStyle;
+exports.getAnimationOpacity = getAnimationOpacity;
 exports.getAriaLabel = getAriaLabel;
 exports.getAriaRole = getAriaRole;
 exports.getAriaRoleDescription = getAriaRoleDescription;
 exports.getArtisticFilterId = getArtisticFilterId;
 exports.getArtisticImageFilter = getArtisticImageFilter;
 exports.getAutosaveSnapshot = getAutosaveSnapshot;
+exports.getBackgroundAnimationLayers = getBackgroundAnimationLayers;
+exports.getBackgroundAnimationState = getBackgroundAnimationState;
 exports.getBevelLightingFilterId = getBevelLightingFilterId;
 exports.getBevelLightingFilterMarkup = getBevelLightingFilterMarkup;
 exports.getBevelLightingSvgFilter = getBevelLightingSvgFilter;
@@ -79099,6 +79332,8 @@ exports.getSessionTabId = getSessionTabId;
 exports.getShapeAdjustmentHandleDescriptor = getShapeAdjustmentHandleDescriptor;
 exports.getShapeAdjustmentHandleDescriptors = getShapeAdjustmentHandleDescriptors;
 exports.getShapeConnectionSites = getShapeConnectionSites;
+exports.getShapeEffectAnimationLayerStyle = getShapeEffectAnimationLayerStyle;
+exports.getShapeEffectLayerPlacement = getShapeEffectLayerPlacement;
 exports.getShapeFillOverlay = getShapeFillOverlay;
 exports.getSimpleCssTransform = getSimpleCssTransform;
 exports.getSlideBackgroundStyle = getSlideBackgroundStyle;
@@ -79166,7 +79401,7 @@ exports.homeLabel = homeLabel;
 exports.homeLaunchers = homeLaunchers;
 exports.homeSnapshotTranslator = homeSnapshotTranslator;
 exports.hostMenuLabel = hostMenuLabel;
-exports.hslToRgb = hslToRgb2;
+exports.hslToRgb = hslToRgb;
 exports.imageAdjustmentsPatch = imageAdjustmentsPatch;
 exports.imageAdjustmentsStateOf = imageAdjustmentsStateOf;
 exports.imageCropPatch = imageCropPatch;
@@ -79485,6 +79720,7 @@ exports.pictureArtisticSections = pictureArtisticSections;
 exports.pictureColorSections = pictureColorSections;
 exports.pictureCorrectionsSections = pictureCorrectionsSections;
 exports.pictureEffects = pictureEffects;
+exports.pictureSizeHomeControls = pictureSizeHomeControls;
 exports.pieceLetterSpacing = pieceLetterSpacing;
 exports.placeAudienceWindow = placeAudienceWindow;
 exports.placeCaretAt = placeCaretAt;
@@ -79646,6 +79882,7 @@ exports.resolveDiagramBuildMode = resolveDiagramBuildMode;
 exports.resolveDiagramRevealDescriptor = resolveDiagramRevealDescriptor;
 exports.resolveDirection = resolveDirection;
 exports.resolveDirection8 = resolveDirection8;
+exports.resolveDisplaySlideNumber = resolveDisplaySlideNumber;
 exports.resolveDrawingShapeNodeId = resolveDrawingShapeNodeId;
 exports.resolveEastAsianBreakOptions = resolveEastAsianBreakOptions;
 exports.resolveEditPointsAvailability = resolveEditPointsAvailability;
@@ -79854,8 +80091,6 @@ exports.serializeShapeAdjustments = serializeShapeAdjustments;
 exports.serializeSvgPath = serializeSvgPath;
 exports.seriesColorClearState = seriesColorClearState;
 exports.seriesSecondaryAxisPatch = seriesSecondaryAxisPatch;
-exports.setAfterAnimation = setAfterAnimation;
-exports.setAfterAnimationColor = setAfterAnimationColor;
 exports.setCachedResult = setCachedResult;
 exports.setDataLabelsRangeCache = setDataLabelsRangeCache;
 exports.setDuotoneCachedResult = setDuotoneCachedResult;