pptx-react-viewer 2.11.1 → 2.12.0

package/dist/{chunk-KDJBWJJH.js → chunk-PJUQQF3I.js}

@@ -15931,6 +15931,15 @@ var MC_NAMESPACE_CAPABILITIES = {
     "hiddenFill",
     "hiddenLine"
   ]),
+  // PowerPoint 2016+ writes the Morph transition as `<p159:morph @option>`,
+  // either inside an `mc:Choice Requires="p159"` or in a `p:transition/p:extLst`
+  // extension. Both forms are parsed (see `PptxSlideTransitionService`), so the
+  // choice IS supported: without this entry every morph slide reported
+  // `UNSUPPORTED_ALTERNATE_CONTENT_CHOICE`, which reads as "the transition was
+  // dropped and the fallback fade was used" when in fact the morph plays.
+  // `morph` alone is listed on purpose: any OTHER `p159:*` element still makes
+  // the choice unsupported and falls back, which is the honest answer.
+  p159: /* @__PURE__ */ new Set(["morph"]),
   a14: /* @__PURE__ */ new Set(["m", "hiddenFill", "hiddenLine", "imgEffect", "imgLayer"]),
   a16: /* @__PURE__ */ new Set(["svgBlip", "colId"]),
   asvg: /* @__PURE__ */ new Set(["svgBlip"]),
@@ -93072,6 +93081,28 @@ var DIRECTIONAL_PRESETS = /* @__PURE__ */ new Set([
   "floatIn",
   "peekIn"
 ]);
+function animationPresetLabelKey(preset) {
+  return `pptx.animation.preset.${preset}`;
+}
+function animationCatalogPresetSlug(presetId) {
+  return presetId.split(".").map((part, index) => index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function animationCatalogPresetLabelKey(presetId) {
+  return `pptx.animation.catalogPreset.${animationCatalogPresetSlug(presetId)}`;
+}
+function isAnimationCatalogPresetId(token2) {
+  return token2.includes(".");
+}
+function animationEffectLabelKey(anim) {
+  const token2 = anim.entrance ?? anim.emphasis ?? anim.exit;
+  if (!token2 || token2 === "none") {
+    return anim.motionPath ? "pptx.animation.motionPath.label" : "pptx.animation.animation";
+  }
+  return isAnimationCatalogPresetId(token2) ? animationCatalogPresetLabelKey(token2) : animationPresetLabelKey(token2);
+}
+function animationEffectLabel(anim, translate) {
+  return translate(animationEffectLabelKey(anim));
+}
 var PRESET_ID_TO_EFFECT = {
   entr: {
     1: "appear",
@@ -97800,6 +97831,45 @@ function computeMarqueeHitIds(marquee, elements, minSize = MIN_ELEMENT_SIZE) {
 function mergeAdditiveSelection(baseSelectionIds, hitIds) {
   return Array.from(/* @__PURE__ */ new Set([...baseSelectionIds ?? [], ...hitIds]));
 }
+function getImageFitStyle(el) {
+  const uncropped = {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  };
+  if (!isImageLikeElement(el)) {
+    return uncropped;
+  }
+  const cropLeft = clampCropValue(el.cropLeft);
+  const cropTop = clampCropValue(el.cropTop);
+  const cropRight = clampCropValue(el.cropRight);
+  const cropBottom = clampCropValue(el.cropBottom);
+  if (cropLeft + cropRight <= 1e-4 && cropTop + cropBottom <= 1e-4) {
+    return uncropped;
+  }
+  const horizontalScale = cropLeft + cropRight >= 0.99 ? 0.99 / (cropLeft + cropRight) : 1;
+  const verticalScale = cropTop + cropBottom >= 0.99 ? 0.99 / (cropTop + cropBottom) : 1;
+  const left = clampCropValue(cropLeft * horizontalScale);
+  const right = clampCropValue(cropRight * horizontalScale);
+  const top = clampCropValue(cropTop * verticalScale);
+  const bottom = clampCropValue(cropBottom * verticalScale);
+  const remainingWidth = Math.max(0.01, 1 - left - right);
+  const remainingHeight = Math.max(0.01, 1 - top - bottom);
+  const tx = Math.round(-left / remainingWidth * 1e4) / 100;
+  const ty = Math.round(-top / remainingHeight * 1e4) / 100;
+  const sx = Math.round(1 / remainingWidth * 1e6) / 1e6;
+  const sy = Math.round(1 / remainingHeight * 1e6) / 1e6;
+  return {
+    position: "absolute",
+    width: "100%",
+    height: "100%",
+    maxWidth: "none",
+    maxHeight: "none",
+    objectFit: "fill",
+    transformOrigin: "top left",
+    transform: `translate(${tx}%, ${ty}%) scale(${sx}, ${sy})`
+  };
+}
 function groupElements(elements, ids, groupId) {
   const idSet = new Set(ids);
   const gathered = [];
@@ -107518,9 +107588,117 @@ async function openNativeEyeDropper() {
     return null;
   }
 }
+var PEN_COLORS = [
+  "#ff0000",
+  "#0000ff",
+  "#00aa00",
+  "#ff8800",
+  "#ffffff",
+  "#000000",
+  "#ff00ff",
+  "#00cccc"
+];
+var HIGHLIGHTER_COLORS = [
+  "#ffff00",
+  "#00ff00",
+  "#ff69b4",
+  "#00bfff",
+  "#ff8c00",
+  "#adff2f",
+  "#ff6347",
+  "#87ceeb"
+];
 function formatSlideCounter(currentSlide, totalSlides) {
   return `${currentSlide + 1} / ${totalSlides}`;
 }
+var PRESENT_TOOLBAR_CONTROLS = [
+  {
+    id: "previous",
+    kind: "button",
+    labelKey: "pptx.presenter.previousSlide",
+    icon: "chevron-left"
+  },
+  { id: "counter", kind: "counter" },
+  { id: "next", kind: "button", labelKey: "pptx.presenter.nextSlide", icon: "chevron-right" },
+  { id: "divider-navigation", kind: "divider" },
+  { id: "timer", kind: "timer", labelKey: "pptx.presenter.elapsed", icon: "timer" },
+  { id: "divider-timer", kind: "divider" },
+  {
+    id: "laser",
+    kind: "toggle",
+    labelKey: "pptx.presentation.laserPointer",
+    icon: "mouse-pointer-2"
+  },
+  { id: "pen", kind: "toggle", labelKey: "pptx.presentation.pen", icon: "pen-tool" },
+  {
+    id: "pen-color",
+    kind: "caret",
+    labelKey: "pptx.presentationToolbar.penColor",
+    icon: "chevron-down"
+  },
+  {
+    id: "highlighter",
+    kind: "toggle",
+    labelKey: "pptx.presentation.highlighter",
+    icon: "highlighter"
+  },
+  {
+    id: "highlighter-color",
+    kind: "caret",
+    labelKey: "pptx.presentationToolbar.highlighterColor",
+    icon: "chevron-down"
+  },
+  { id: "eraser", kind: "toggle", labelKey: "pptx.presentation.eraser", icon: "eraser" },
+  { id: "clear", kind: "button", labelKey: "pptx.presentation.clearAnnotations", icon: "trash-2" },
+  { id: "divider-tools", kind: "divider" },
+  {
+    id: "presenter-view",
+    kind: "toggle",
+    labelKey: "pptx.presenter.presenterView",
+    icon: "panel-right"
+  },
+  { id: "end", kind: "button", labelKey: "pptx.presenter.endPresentation", icon: "x" }
+];
+PRESENT_TOOLBAR_CONTROLS.map(
+  (control) => control.id
+);
+PRESENT_TOOLBAR_CONTROLS.flatMap(
+  (control) => control.labelKey === void 0 ? [] : [control.labelKey]
+);
+var PRESENT_TOOLBAR_CLASSES = {
+  /** The floating bar itself. */
+  container: "flex items-center gap-1 px-3 py-2 rounded-xl bg-neutral-900/90 backdrop-blur-md border border-white/15 shadow-2xl",
+  /** The auto-hiding positioner the bar sits in. */
+  wrapper: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[80] transition-opacity duration-300",
+  /** Navigation / action button. */
+  button: "flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-white hover:bg-white/10 disabled:text-white/20 disabled:cursor-not-allowed",
+  /** Annotation-tool toggle, inactive. */
+  toggle: "relative flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-white hover:bg-white/10",
+  /** Annotation-tool toggle, active. */
+  toggleActive: "relative flex items-center justify-center w-9 h-9 rounded-md transition-colors bg-white/25 text-white",
+  /** Colour caret beside a tool toggle. */
+  caret: "flex items-center justify-center w-7 h-9 -ml-1 rounded-r-md transition-colors text-white/50 hover:text-white hover:bg-white/10",
+  /** Vertical hairline between groups. */
+  divider: "w-px h-6 bg-white/20 mx-1",
+  /** Slide counter. */
+  counter: "text-xs font-mono tabular-nums text-white/80 px-1.5 select-none min-w-[48px] text-center",
+  /** Elapsed-time readout. */
+  timer: "flex items-center gap-1.5 text-xs font-mono tabular-nums text-white/60 px-1 select-none",
+  /**
+   * Colour palette popover.
+   *
+   * `w-max` is load-bearing. An absolutely positioned grid shrink-to-fits its
+   * positioned ancestor, which here is the 64px tool+caret pair, so without it
+   * the four 36px swatch columns are squeezed into 50px and overlap each other
+   * to the point that a swatch cannot be clicked. React shipped it that way,
+   * and the ports faithfully reproduced the defect.
+   */
+  palette: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-3 w-max bg-neutral-800 rounded-lg border border-white/20 shadow-xl grid grid-cols-4 gap-2",
+  /** One colour swatch inside the palette. */
+  swatch: "w-9 h-9 rounded-full border-2 transition-transform hover:scale-110",
+  /** Underline showing a tool's current colour. */
+  swatchBar: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-3 h-0.5 rounded-full"
+};
 function createPresentationKeyBuffer() {
   return { digits: "" };
 }
@@ -109022,6 +109200,134 @@ function getAriaRoleDescription(element) {
       return void 0;
   }
 }
+function shouldLoopContinuously(input) {
+  return Boolean(input.loopContinuously) || input.showType === "kiosk";
+}
+function resolveAutoAdvanceDelayMs(slide, options) {
+  if (options?.useTimings === false) {
+    return void 0;
+  }
+  const advanceAfterMs = slide?.transition?.advanceAfterMs;
+  if (typeof advanceAfterMs !== "number" || !Number.isFinite(advanceAfterMs) || advanceAfterMs < 0) {
+    return void 0;
+  }
+  return advanceAfterMs;
+}
+var PRESENTATION_INERT_CLICK_SELECTOR = 'a, button, input, select, textarea, video, audio, [data-pptx-action], [role="dialog"]';
+function isInertMedia(node) {
+  return (node.tagName === "VIDEO" || node.tagName === "AUDIO") && !node.controls;
+}
+function isPresentationAdvanceClick(target) {
+  if (typeof Element === "undefined" || !(target instanceof Element)) {
+    return false;
+  }
+  for (let node = target; node !== null; node = node.parentElement) {
+    if (isInertMedia(node)) {
+      continue;
+    }
+    if (node.matches(PRESENTATION_INERT_CLICK_SELECTOR)) {
+      return false;
+    }
+  }
+  return true;
+}
+function applyRehearsalTimings(slides, timings) {
+  return slides.map((slide, index) => {
+    const advanceAfterMs = timings[index];
+    if (typeof advanceAfterMs !== "number") {
+      return slide;
+    }
+    return {
+      ...slide,
+      transition: {
+        ...slide.transition,
+        type: slide.transition?.type ?? "none",
+        advanceAfterMs
+      }
+    };
+  });
+}
+function computeEntranceAnimationDelay(delayMs, animationIndex) {
+  return Math.max(0, delayMs || 0) + animationIndex * 60;
+}
+var NO_OP_ACTION = "ppaction://noaction";
+function isNoOpPresentationAction(action) {
+  if (!action) {
+    return true;
+  }
+  const verb = (action.action ?? "").trim().toLowerCase();
+  if (verb === NO_OP_ACTION) {
+    return true;
+  }
+  return verb.length === 0 && typeof action.targetSlideIndex !== "number" && !(action.url ?? "").trim();
+}
+function resolvePresentationAction(action, options) {
+  const soundPath = action?.soundPath;
+  if (!action || isNoOpPresentationAction(action)) {
+    return { intent: { kind: "none" }, soundPath };
+  }
+  const verb = (action.action ?? "").toLowerCase();
+  if (typeof action.targetSlideIndex === "number" && Number.isFinite(action.targetSlideIndex)) {
+    if (options.slideCount <= 0) {
+      return { intent: { kind: "none" }, soundPath };
+    }
+    const slideIndex = Math.max(
+      0,
+      Math.min(options.slideCount - 1, Math.floor(action.targetSlideIndex))
+    );
+    return { intent: { kind: "goToSlide", slideIndex }, soundPath };
+  }
+  if (verb.includes("hlinkshowjump")) {
+    if (verb.includes("nextslide")) {
+      return { intent: { kind: "move", direction: 1 }, soundPath };
+    }
+    if (verb.includes("previousslide")) {
+      return { intent: { kind: "move", direction: -1 }, soundPath };
+    }
+    if (verb.includes("firstslide")) {
+      return { intent: { kind: "goToSlide", slideIndex: 0 }, soundPath };
+    }
+    if (verb.includes("lastslide")) {
+      return {
+        intent: options.slideCount > 0 ? { kind: "goToSlide", slideIndex: options.slideCount - 1 } : { kind: "none" },
+        soundPath
+      };
+    }
+    if (verb.includes("endshow")) {
+      return { intent: { kind: "endShow" }, soundPath };
+    }
+    return { intent: { kind: "none" }, soundPath };
+  }
+  if (verb.includes("hlinksldjump")) {
+    return { intent: { kind: "none" }, soundPath };
+  }
+  const url = (action.url ?? "").trim();
+  if (url && isUrlSafe(url)) {
+    return { intent: { kind: "openUrl", url }, soundPath };
+  }
+  return { intent: { kind: "none" }, soundPath };
+}
+function runPresentationAction(action, options, runner) {
+  const { intent, soundPath } = resolvePresentationAction(action, options);
+  if (soundPath && runner.playSound) {
+    runner.playSound(soundPath);
+  }
+  switch (intent.kind) {
+    case "goToSlide":
+      runner.goToSlide(intent.slideIndex);
+      return true;
+    case "move":
+      runner.move(intent.direction);
+      return true;
+    case "endShow":
+      runner.endShow();
+      return true;
+    case "openUrl":
+      return safeOpenUrl(intent.url);
+    default:
+      return false;
+  }
+}
 function elementHasTextHyperlink(element) {
   if (!hasTextProperties(element)) {
     return false;
@@ -109030,10 +109336,10 @@ function elementHasTextHyperlink(element) {
 }
 function isElementActionable(element, options = {}) {
   const { hasActionHandler = true, hasHyperlinkHandler = true, hasZoomHandler = true } = options;
-  if (element.actionClick && hasActionHandler) {
+  if (element.actionClick && hasActionHandler && !isNoOpPresentationAction(element.actionClick)) {
     return true;
   }
-  if (element.actionHover) {
+  if (element.actionHover && !isNoOpPresentationAction(element.actionHover)) {
     return true;
   }
   if (hasHyperlinkHandler && elementHasTextHyperlink(element)) {
@@ -111098,56 +111404,6 @@ var VIEWER_SHORTCUT_REFERENCE = [
   { actionKey: "pptx.shortcuts.title", shortcut: "?" }
 ];
 var SHORTCUT_REFERENCE_ITEMS = VIEWER_SHORTCUT_REFERENCE;
-function shouldLoopContinuously(input) {
-  return Boolean(input.loopContinuously) || input.showType === "kiosk";
-}
-function resolveAutoAdvanceDelayMs(slide, options) {
-  if (options?.useTimings === false) {
-    return void 0;
-  }
-  const advanceAfterMs = slide?.transition?.advanceAfterMs;
-  if (typeof advanceAfterMs !== "number" || !Number.isFinite(advanceAfterMs) || advanceAfterMs < 0) {
-    return void 0;
-  }
-  return advanceAfterMs;
-}
-var PRESENTATION_INERT_CLICK_SELECTOR = 'a, button, input, select, textarea, video, audio, [data-pptx-action], [role="dialog"]';
-function isInertMedia(node) {
-  return (node.tagName === "VIDEO" || node.tagName === "AUDIO") && !node.controls;
-}
-function isPresentationAdvanceClick(target) {
-  if (typeof Element === "undefined" || !(target instanceof Element)) {
-    return false;
-  }
-  for (let node = target; node !== null; node = node.parentElement) {
-    if (isInertMedia(node)) {
-      continue;
-    }
-    if (node.matches(PRESENTATION_INERT_CLICK_SELECTOR)) {
-      return false;
-    }
-  }
-  return true;
-}
-function applyRehearsalTimings(slides, timings) {
-  return slides.map((slide, index) => {
-    const advanceAfterMs = timings[index];
-    if (typeof advanceAfterMs !== "number") {
-      return slide;
-    }
-    return {
-      ...slide,
-      transition: {
-        ...slide.transition,
-        type: slide.transition?.type ?? "none",
-        advanceAfterMs
-      }
-    };
-  });
-}
-function computeEntranceAnimationDelay(delayMs, animationIndex) {
-  return Math.max(0, delayMs || 0) + animationIndex * 60;
-}
 function resolveCustomShowIndexes(slides, customShow) {
   const keys = customShow.slideRIds ?? customShow.slideIds;
   if (!keys || keys.length === 0) {
@@ -111233,6 +111489,17 @@ function firstShowSlideIndex(showIndexes) {
 function lastShowSlideIndex(showIndexes) {
   return showIndexes.length > 0 ? showIndexes[showIndexes.length - 1] : void 0;
 }
+var HIDDEN_SLIDE_LABEL_KEY = "pptx.slideSorter.hidden";
+var HIDDEN_SLIDE_SLASH_GRADIENT = "linear-gradient(to top right, transparent 47%, color-mix(in srgb, currentColor 60%, transparent) 47%, color-mix(in srgb, currentColor 60%, transparent) 53%, transparent 53%)";
+function hiddenSlideLabelId(surface, slideIndex) {
+  return `pptx-hidden-slide-${surface}-${slideIndex}`;
+}
+function hiddenSlideCue(hidden, surface, slideIndex) {
+  if (!hidden) {
+    return { hidden: false, labelId: void 0, marker: void 0 };
+  }
+  return { hidden: true, labelId: hiddenSlideLabelId(surface, slideIndex), marker: "true" };
+}
 var VIEWER_PREFS_STORAGE_KEY = "pptx-viewer-prefs";
 function hasLocalStorage() {
   return typeof localStorage !== "undefined";
@@ -113873,6 +114140,9 @@ exports.FILL_MODE_OPTIONS = FILL_MODE_OPTIONS;
 exports.FILL_PATTERN_LABEL_KEYS = FILL_PATTERN_LABEL_KEYS;
 exports.GRADIENT_TYPE_OPTIONS = GRADIENT_TYPE_OPTIONS;
 exports.HANDOUT_OPTIONS = HANDOUT_OPTIONS;
+exports.HIDDEN_SLIDE_LABEL_KEY = HIDDEN_SLIDE_LABEL_KEY;
+exports.HIDDEN_SLIDE_SLASH_GRADIENT = HIDDEN_SLIDE_SLASH_GRADIENT;
+exports.HIGHLIGHTER_COLORS = HIGHLIGHTER_COLORS;
 exports.INK_REPLAY_KEYFRAMES = INK_REPLAY_KEYFRAMES;
 exports.INSERT_CHART_TYPES = INSERT_CHART_TYPES;
 exports.LBL = LBL;
@@ -113892,10 +114162,12 @@ exports.OUTLINE_ROW_ATTR = OUTLINE_ROW_ATTR;
 exports.OUTLINE_SLIDE_ATTR = OUTLINE_SLIDE_ATTR;
 exports.OUTLINE_VIEW_ATTR = OUTLINE_VIEW_ATTR;
 exports.PATTERN_OPTIONS = PATTERN_OPTIONS;
+exports.PEN_COLORS = PEN_COLORS;
 exports.PRESENTATION_CHANNEL_NAME = PRESENTATION_CHANNEL_NAME;
 exports.PRESENTATION_HASH = PRESENTATION_HASH;
 exports.PRESENTATION_MESSAGE_ORIGIN = PRESENTATION_MESSAGE_ORIGIN;
 exports.PRESENTATION_NONCE_KEY = PRESENTATION_NONCE_KEY;
+exports.PRESENT_TOOLBAR_CLASSES = PRESENT_TOOLBAR_CLASSES;
 exports.PRESETS = PRESETS;
 exports.PRESET_THEMES = PRESET_THEMES;
 exports.PptxHandler = PptxHandler;
@@ -113951,6 +114223,7 @@ exports.addSmartArtNode = addSmartArtNode;
 exports.addSmartArtNodeAsChild = addSmartArtNodeAsChild;
 exports.addTagToCollections = addTagToCollections;
 exports.alignElements = alignElements;
+exports.animationEffectLabel = animationEffectLabel;
 exports.appendPresentationInkPoint = appendPresentationInkPoint;
 exports.appendTableElementColumn = appendTableElementColumn;
 exports.appendTableElementRow = appendTableElementRow;
@@ -114177,6 +114450,7 @@ exports.getGroupChildParentFill = getGroupChildParentFill;
 exports.getImageColorWashStyle = getImageColorWashStyle;
 exports.getImageEffectsFilter = getImageEffectsFilter;
 exports.getImageEffectsOpacity = getImageEffectsOpacity;
+exports.getImageFitStyle = getImageFitStyle;
 exports.getImageSvgFilters = getImageSvgFilters;
 exports.getInkReplayStyles = getInkReplayStyles;
 exports.getInlineEditorSelection = getInlineEditorSelection;
@@ -114217,6 +114491,7 @@ exports.hasShapeProperties = hasShapeProperties;
 exports.hasShowSlideAfter = hasShowSlideAfter;
 exports.hasTextProperties = hasTextProperties;
 exports.hexToRgbChannels = hexToRgbChannels2;
+exports.hiddenSlideCue = hiddenSlideCue;
 exports.insertTableColumn = insertTableColumn;
 exports.insertTableRow = insertTableRow;
 exports.isActionHidden = isActionHidden;
@@ -114365,6 +114640,7 @@ exports.restoreSegmentSelection = restoreSegmentSelection;
 exports.revealedSmartArtNodeCount = revealedSmartArtNodeCount;
 exports.rulerDragToGuidePosition = rulerDragToGuidePosition;
 exports.runMediaCommand = runMediaCommand;
+exports.runPresentationAction = runPresentationAction;
 exports.safeOpenUrl = safeOpenUrl;
 exports.sanitizeColor = sanitizeColor;
 exports.sanitizeDownloadFilename = sanitizeDownloadFilename;