pptx-svelte-viewer 1.3.0 → 2.0.0

package/dist/viewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,2BAA2B,GAC3B,MAAM,UAAU,CAAC;AAClB,OAAO,EACN,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,GACpB,MAAM,UAAU,CAAC;AAClB,YAAY,EACX,UAAU,EACV,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EACN,eAAe,EACf,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChF,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACpE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,YAAY,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,2BAA2B,GAC3B,MAAM,UAAU,CAAC;AAClB,OAAO,EACN,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,GACpB,MAAM,UAAU,CAAC;AAClB,YAAY,EACX,UAAU,EACV,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EACX,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,iBAAiB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EACN,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/viewer/index.js

@@ -1,16 +1,394 @@
-import { a as o, c as a, d as s, f as t, i as r, l, n as i, o as S, p as d, r as n, s as p, t as v, u as x } from "../export-D7pIn3W2.js";
+import { A as M, B as T, C as ge, D as P, E as F, G as R, H as U, M as H, O, R as W, S as ce, T as D, U as V, V as I, W as N, _, a as de, at as z, b as ue, c as B, d as Se, f as ve, g as k, h as G, it as K, j as $, k as q, l as pe, m as L, nt as Z, o as j, p as fe, rt as J, s as Q, t as he, u as X, v as Y, w as me, x as be, y as ee, z as te } from "../export-DplwT6FC.js";
+import * as e from "svelte/internal/client";
+import { onDestroy as re, onMount as ne } from "svelte";
+var Ce = H, Ee = P, Ae = O;
+function oe(t) {
+  const { loader: a, viewer: r, editor: i, options: n } = t;
+  function g() {
+    const u = n.getSource();
+    return u ? u instanceof Uint8Array ? u : new Uint8Array(u) : null;
+  }
+  const c = new K({
+    getSlides: () => i.renderedSlides,
+    applyRemoteSlides: (u) => i.applyRemoteSlides(u),
+    getConfig: () => n.collaboration,
+    getSourceBytes: g,
+    getCanvasWidth: () => a.canvasSize.width,
+    getCanvasHeight: () => a.canvasSize.height,
+    onStart: (u) => n.onstartcollaboration?.(u),
+    onStop: () => n.onstopcollaboration?.()
+  });
+  Z({
+    collab: c,
+    getCurrentSlide: () => r.current,
+    getSelectedElementId: () => i.selectedElementId,
+    goTo: (u) => r.goTo(u)
+  });
+  const l = new J(c, () => n.shareDefaults);
+  let s = e.state(!1), d = e.state(!1), v = e.state(!1);
+  e.user_effect(() => {
+    a.loadCount, e.set(v, !1), e.set(d, !1);
+  }), e.user_effect(() => {
+    i.dirty && a.hasDigitalSignatures && !e.get(v) && e.set(d, !0);
+  });
+  function o() {
+    e.set(v, !0), e.set(d, !1);
+  }
+  let S = e.state(!1);
+  e.user_effect(() => {
+    e.set(S, n.getAutosave(), !0);
+  });
+  const h = e.derived(() => n.getEditable() && e.get(S) && !!n.getFilePath() && !c.readOnly);
+  return {
+    collab: c,
+    dialogs: l,
+    autosaveCtl: new D({
+      getEnabled: () => e.get(h),
+      getIntervalMs: () => n.autosaveIntervalMs ?? 2e3,
+      getFilePath: n.getFilePath,
+      getSlides: () => i.renderedSlides,
+      getSlideMasters: () => i.slideMasters,
+      getNotesMaster: () => i.notesMaster,
+      getHandoutMaster: () => i.handoutMaster,
+      getSections: () => i.sections,
+      getHandler: () => a.handler,
+      getLoadCount: () => a.loadCount,
+      onSaved: (u) => n.onautosave?.(u)
+    }),
+    get autosaveEnabled() {
+      return e.get(S);
+    },
+    setAutosaveEnabled(u) {
+      e.set(S, u, !0), n.onautosavetoggle?.(u);
+    },
+    get autosaveActive() {
+      return e.get(h);
+    },
+    get versionHistoryOpen() {
+      return e.get(s);
+    },
+    set versionHistoryOpen(u) {
+      e.set(s, u, !0);
+    },
+    get signatureWarningOpen() {
+      return e.get(d);
+    },
+    closeSignatureWarning: o
+  };
+}
+function ae(t) {
+  const { loader: a, editor: r, viewer: i, collab: n, options: g } = t, c = new L(r), l = new G();
+  V({
+    navigateToZoomTarget: (o) => i.goTo(o),
+    getSlides: () => r.renderedSlides
+  });
+  let s = e.state(null);
+  const d = new U(r, {
+    getScale: () => r.masterViewTarget ? g.getMasterScale() : t.getScale(),
+    getCurrent: () => i.current,
+    getPresenting: () => i.isFullscreen,
+    getStageRoot: () => g.getStageHolderEl()?.querySelector(".pptx-svelte-stage") ?? null,
+    getHolderEl: () => g.getStageHolderEl() ?? null,
+    onCursorMove: (o, S) => n.setCursor(o, S, i.current),
+    onContextMenu: (o, S) => {
+      e.set(s, {
+        x: o,
+        y: S
+      }, !0);
+    },
+    getSnapToGrid: () => c.preferences.snapToGrid,
+    getSnapToShape: () => c.snapToShape,
+    getGuides: () => c.guides
+  }), v = new T({
+    getSlides: () => r.slides,
+    commitSlides: (o) => r.commitSlides(o),
+    onNavigate: (o, S) => {
+      i.goTo(o), r.select(S);
+    }
+  });
+  return Q({
+    getSource: g.getSource,
+    getEditable: () => g.getEditable() && !n.readOnly,
+    getInitialSlide: g.getInitialSlide,
+    getTranslator: () => g.t,
+    loader: a,
+    viewer: i,
+    editor: r,
+    controller: d,
+    getOnload: () => g.onload,
+    getOnerror: () => g.onerror,
+    getOnslidechange: () => g.onslidechange,
+    onContentApplied: () => n.adoptDocAfterLoad()
+  }), {
+    parityUi: c,
+    chromeUi: l,
+    controller: d,
+    findReplace: v,
+    get stageContextMenu() {
+      return e.get(s);
+    },
+    set stageContextMenu(o) {
+      e.set(s, o, !0);
+    }
+  };
+}
+function se(t) {
+  const { editor: a, loader: r, viewer: i } = t, n = ee({
+    getContainer: t.getRootEl,
+    getSlides: () => a.renderedSlides,
+    getCanvasSize: () => r.canvasSize,
+    getMediaDataUrls: () => r.mediaDataUrls,
+    getCurrent: () => i.current,
+    getTranslator: () => t.t,
+    getSmartArt3D: t.getSmartArt3D
+  }), g = new _({
+    controller: n.controller,
+    getTranslator: () => t.t
+  });
+  let c = e.state(!1), l = e.state(null);
+  function s() {
+    e.set(c, !e.get(c)), e.set(l, e.get(c) ? "notes" : null, !0);
+  }
+  function d(o) {
+    o === "notes" ? e.set(c, !0) : e.get(l) === "notes" && e.set(c, !1), e.set(l, o, !0);
+  }
+  function v(o, S) {
+    t.getEditable() && a.commitNotes(o, S), t.onnotesupdate?.(o);
+  }
+  return {
+    exportWiring: n,
+    exportUi: g,
+    get notesExpanded() {
+      return e.get(c);
+    },
+    get activeMobileSheet() {
+      return e.get(l);
+    },
+    onNotesToggle: s,
+    setActiveMobileSheet: d,
+    onNotesCommit: v
+  };
+}
+function ie(t) {
+  const { editor: a, viewer: r, loader: i, parityUi: n, controller: g } = t, c = new $({
+    getSlides: () => a.renderedSlides,
+    getCurrentIndex: () => r.current,
+    navigate: (o) => r.goTo(o),
+    getShowWithAnimation: () => i.presentationProperties.showWithAnimation,
+    getFrameRoot: () => t.getStageHolderEl()?.querySelector(".pptx-svelte-stage") ?? null
+  });
+  q({
+    controller: c,
+    getPresenting: () => r.isFullscreen,
+    getCurrentIndex: () => r.current,
+    getActiveSlide: () => a.renderedSlides[r.current],
+    getStageRoot: () => t.getStageHolderEl()?.querySelector(".pptx-svelte-stage") ?? null
+  });
+  let l = !1;
+  e.user_effect(() => {
+    const o = r.isFullscreen;
+    l && !o && n.annotations.count > 0 && (n.keepAnnotationsOpen = !0), l = o, !o && n.rehearse.active && n.rehearse.finish();
+  }), e.user_effect(() => {
+    n.rehearse.move(r.current);
+  }), e.user_effect(() => {
+    if (!n.rehearse.active || n.rehearse.paused) return;
+    const o = window.setInterval(() => n.rehearse.tick(), 250);
+    return () => window.clearInterval(o);
+  });
+  const { onFullscreenToggle: s, onFullscreenChange: d, onKeydown: v } = j({
+    getRootEl: t.getRootEl,
+    viewer: r,
+    controller: g,
+    getEditingActive: t.getEditingActive,
+    presentation: c
+  });
+  return {
+    presentation: c,
+    onFullscreenToggle: s,
+    onFullscreenChange: d,
+    onKeydown: v
+  };
+}
+function xe(t) {
+  z(t.t), R(t.getSmartArt3D);
+  const a = new k();
+  N({
+    getColorScheme: () => a.colorScheme,
+    getTableStyleMap: () => a.tableStyleMap,
+    getFontScheme: () => a.presentationTheme?.fontScheme
+  });
+  const r = new B();
+  let i = e.state(!1), n = e.state(e.proxy(Date.now()));
+  const g = new M({
+    getSource: t.getSource,
+    getSlideIndex: () => r.current,
+    onAudienceSlide: (f) => r.goTo(f),
+    onAudienceExit: () => r.isFullscreen = !1
+  });
+  ne(() => {
+    g.connect(), g.isAudience && (r.isFullscreen = !0);
+  }), re(() => g.dispose()), e.user_effect(() => {
+    g.sync(r.current);
+  });
+  function c() {
+    e.set(n, Date.now(), !0), e.set(i, !0);
+  }
+  const l = new I({
+    getCurrent: () => r.current,
+    getHandler: () => a.handler,
+    onChange: () => {
+      t.onchange?.(), l.save().then((f) => t.oncontentchange?.(f));
+    }
+  });
+  te(W({
+    loader: a,
+    editor: l
+  }));
+  const s = oe({
+    loader: a,
+    viewer: r,
+    editor: l,
+    options: t
+  }), d = ae({
+    loader: a,
+    editor: l,
+    viewer: r,
+    collab: s.collab,
+    options: t,
+    getScale: () => e.get(o)
+  }), v = e.derived(() => X(t.getViewportWidth(), t.getViewportHeight(), a.canvasSize.width, a.canvasSize.height, r.isFullscreen ? 0 : 24)), o = e.derived(() => r.isFullscreen ? e.get(v) : e.get(v) * ((r.zoomPercent ?? 100) / 100)), S = e.derived(() => Math.max(1, Math.round(r.zoomPercent ?? 100))), h = e.derived(() => l.renderedSlides), u = e.derived(() => e.get(h)[r.current]), E = e.derived(() => !r.isFullscreen), w = e.derived(() => t.getEditable() && !r.isFullscreen && !s.collab.readOnly), A = e.derived(() => t.getEditable() && !s.collab.readOnly && a.slides.length > 0), C = e.derived(() => l.masterViewTarget ? "master" : r.isFullscreen ? "present" : t.getEditable() ? "edit" : "preview");
+  e.user_effect(() => t.ondirtychange?.(l.dirty)), e.user_effect(() => t.onmodechange?.(e.get(C))), e.user_effect(() => t.onzoomchange?.(e.get(S) / 100)), e.user_effect(() => t.onselectionchange?.([...l.selection.ids])), e.user_effect(() => t.onslidecountchange?.(e.get(h).length));
+  const m = ie({
+    editor: l,
+    viewer: r,
+    loader: a,
+    parityUi: d.parityUi,
+    controller: d.controller,
+    getEditingActive: () => e.get(w),
+    getStageHolderEl: t.getStageHolderEl,
+    getRootEl: t.getRootEl
+  }), p = se({
+    editor: l,
+    loader: a,
+    viewer: r,
+    t: t.t,
+    getSmartArt3D: t.getSmartArt3D,
+    getRootEl: t.getRootEl,
+    getEditable: t.getEditable,
+    onnotesupdate: t.onnotesupdate
+  }), b = F(l), x = Y(p.exportWiring.controller);
+  function y() {
+    d.controller.destroy(), s.collab.stop(), p.exportWiring.destroy(), a.dispose();
+  }
+  return {
+    loader: a,
+    viewer: r,
+    editor: l,
+    controller: d.controller,
+    parityUi: d.parityUi,
+    chromeUi: d.chromeUi,
+    findReplace: d.findReplace,
+    collab: s.collab,
+    dialogs: s.dialogs,
+    autosaveCtl: s.autosaveCtl,
+    presentation: m.presentation,
+    presenterSession: g,
+    exportWiring: p.exportWiring,
+    exportUi: p.exportUi,
+    t: t.t,
+    editingApi: b,
+    exportingApi: x,
+    get scale() {
+      return e.get(o);
+    },
+    get effectivePercent() {
+      return e.get(S);
+    },
+    get displaySlides() {
+      return e.get(h);
+    },
+    get activeSlide() {
+      return e.get(u);
+    },
+    get chromeVisible() {
+      return e.get(E);
+    },
+    get editingActive() {
+      return e.get(w);
+    },
+    get showRibbon() {
+      return e.get(A);
+    },
+    get viewerMode() {
+      return e.get(C);
+    },
+    get autosaveActive() {
+      return s.autosaveActive;
+    },
+    get autosaveEnabled() {
+      return s.autosaveEnabled;
+    },
+    setAutosaveEnabled: s.setAutosaveEnabled,
+    get presenterMode() {
+      return e.get(i);
+    },
+    set presenterMode(f) {
+      e.set(i, f, !0);
+    },
+    get presenterStartedAt() {
+      return e.get(n);
+    },
+    get stageContextMenu() {
+      return d.stageContextMenu;
+    },
+    set stageContextMenu(f) {
+      d.stageContextMenu = f;
+    },
+    get activeMobileSheet() {
+      return p.activeMobileSheet;
+    },
+    setActiveMobileSheet: p.setActiveMobileSheet,
+    get notesExpanded() {
+      return p.notesExpanded;
+    },
+    get versionHistoryOpen() {
+      return s.versionHistoryOpen;
+    },
+    set versionHistoryOpen(f) {
+      s.versionHistoryOpen = f;
+    },
+    get signatureWarningOpen() {
+      return s.signatureWarningOpen;
+    },
+    enterPresenterView: c,
+    closeSignatureWarning: s.closeSignatureWarning,
+    onNotesToggle: p.onNotesToggle,
+    onNotesCommit: p.onNotesCommit,
+    onFullscreenToggle: m.onFullscreenToggle,
+    onFullscreenChange: m.onFullscreenChange,
+    onKeydown: m.onKeydown,
+    downloadPptx: b.downloadPptx,
+    downloadAs: b.downloadAs,
+    destroy: y
+  };
+}
 export {
-  v as PowerPointViewer,
-  a as PresentationLoader,
-  i as ViewerState,
-  n as clampSlideIndex,
-  l as exportAllSlidesToSvg,
-  x as exportAllSlidesToSvgBlobs,
-  s as exportSlideAsSvg,
-  t as exportSlideToSvg,
-  d as exportSlideToSvgBlob,
-  r as fitScale,
-  o as resolveNavigationKey,
-  S as zoomInPercent,
-  p as zoomOutPercent
+  he as PowerPointViewer,
+  k as PresentationLoader,
+  Ce as Ribbon,
+  Ae as SlideCanvas,
+  B as ViewerState,
+  Ee as ViewerToolbar,
+  pe as clampSlideIndex,
+  de as createSvelteAiBridge,
+  xe as createViewerState,
+  ue as exportAllSlidesToSvg,
+  be as exportAllSlidesToSvgBlobs,
+  ce as exportSlideAsSvg,
+  ge as exportSlideToSvg,
+  me as exportSlideToSvgBlob,
+  X as fitScale,
+  Se as resolveNavigationKey,
+  ve as zoomInPercent,
+  fe as zoomOutPercent
 };

package/dist/viewer/presentation/animation-playback-helpers.d.ts

@@ -0,0 +1,43 @@
+import { PresentationAnimationController, ElementAnimationState, TimelineClickGroup } from 'pptx-viewer-shared';
+/** Updater over the element-state map (React `setState`-compatible signature). */
+export type StatesSetter = (updater: (prev: Map<string, ElementAnimationState>) => Map<string, ElementAnimationState>) => void;
+/** Mutable handle holding the in-flight `requestAnimationFrame` id (or null). */
+export interface BuildRafHandle {
+    current: number | null;
+}
+/** Everything the step / build / auto-advance helpers need from the playback. */
+export interface PlaybackContext {
+    setStates: StatesSetter;
+    /** Timer ids collected here so the playback can clear them on slide change. */
+    timers: number[];
+    buildHandle: BuildRafHandle;
+    /** Host-provided action-sound player; falls back to the local audio element. */
+    onPlayActionSound?: (soundPath: string) => void;
+    /** Root element to scope media-command target lookups to (the slide frame). */
+    frameRoot?: () => HTMLElement | null;
+}
+/**
+ * Apply a click-group's steps onto the element-state map: fire sound / media
+ * commands, set each step's initial visibility + CSS animation, then schedule
+ * cleanup timers to clear the animation (and hide exits) once each step ends.
+ * Mirrors the Vue / React `applyAnimationGroupSteps`.
+ */
+export declare function applyAnimationGroupSteps(group: TimelineClickGroup, ctx: PlaybackContext): void;
+/** Cancel any in-flight build RAF and clear the handle. */
+export declare function cancelBuildReveal(handle: BuildRafHandle): void;
+/**
+ * Ramp a click-group's staged-build `progress` from 0 -> 1 via
+ * requestAnimationFrame, merging each build element's `build` descriptor onto the
+ * element states each frame. No-op when the group carries no build step, so
+ * ordinary click-advance is unchanged. Mirrors the Vue / React `driveBuildReveal`.
+ */
+export declare function driveBuildReveal(controller: PresentationAnimationController, group: TimelineClickGroup, ctx: PlaybackContext): void;
+/** Apply a group's steps and start its staged-build reveal (if any). */
+export declare function playGroup(controller: PresentationAnimationController, group: TimelineClickGroup, ctx: PlaybackContext): void;
+/**
+ * After a click-group plays, schedule the next group when it should auto-advance
+ * (withPrevious / afterPrevious), chaining through consecutive auto-advance
+ * groups. Mirrors the Vue / React `scheduleAutoAdvanceChain`.
+ */
+export declare function scheduleAutoAdvanceChain(controller: PresentationAnimationController, ctx: PlaybackContext): void;
+//# sourceMappingURL=animation-playback-helpers.d.ts.map

package/dist/viewer/presentation/animation-playback-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-playback-helpers.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/animation-playback-helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAqB,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,KAAK,EACX,qBAAqB,EACrB,kBAAkB,EAElB,MAAM,oBAAoB,CAAC;AAI5B,kFAAkF;AAClF,MAAM,MAAM,YAAY,GAAG,CAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,KAAK,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,KACrF,IAAI,CAAC;AAEV,iFAAiF;AACjF,MAAM,WAAW,cAAc;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC/B,SAAS,EAAE,YAAY,CAAC;IACxB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,cAAc,CAAC;IAC5B,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CACrC;AAwFD;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,EAAE,eAAe,GAAG,IAAI,CA+D9F;AAMD,2DAA2D;AAC3D,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAK9D;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC/B,UAAU,EAAE,+BAA+B,EAC3C,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,eAAe,GAClB,IAAI,CAsCN;AAMD,wEAAwE;AACxE,wBAAgB,SAAS,CACxB,UAAU,EAAE,+BAA+B,EAC3C,KAAK,EAAE,kBAAkB,EACzB,GAAG,EAAE,eAAe,GAClB,IAAI,CAGN;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACvC,UAAU,EAAE,+BAA+B,EAC3C,GAAG,EAAE,eAAe,GAClB,IAAI,CAqBN"}

package/dist/viewer/presentation/animation-playback.svelte.d.ts

@@ -1,59 +1,69 @@
-import { PptxElementAnimation } from 'pptx-viewer-core';
-import { AnimationClickGroup, CSSProperties } from 'pptx-viewer-shared';
+import { PptxSlide } from 'pptx-viewer-core';
+import { ElementAnimationState } from 'pptx-viewer-shared';
 /**
- * `AnimationPlayback`: reactive, click-stepped element-animation playback for
- * the Svelte binding's presentation mode. The Svelte-runes analogue of the Vue
- * `useAnimationPlayback` composable, kept out of the SFC so it is unit-testable
- * without a DOM.
+ * `AnimationPlayback`: native-timing (`p:timing`) animation playback for the
+ * Svelte binding's presentation mode, driven by the shared, framework-agnostic
+ * {@link PresentationAnimationController}. The runes analogue of the Vue
+ * `useAnimationPlayback` composable, kept out of the SFC so it is unit-testable.
  *
- * A slide carries an ordered list of {@link PptxElementAnimation}s. PowerPoint
- * groups them into "click groups": an `onClick` / `onShapeClick` / `onHover`
- * animation starts a new group, while `withPrevious` / `afterPrevious` fold
- * into the group in progress. Advancing the presentation one step reveals one
- * more click group; only when every group is revealed does the slide advance.
+ * This replaces the older preset (`PptxElementAnimation`) click-group model for
+ * the slide show: the controller builds a timeline engine from the slide's
+ * `nativeAnimations` (expanding staged text builds), which can represent native
+ * staged chart / SmartArt builds (`p:bldChart` / `p:bldDgm`) and colour
+ * animations (`p:animClr`) that the preset model could not. It mirrors the Vue /
+ * React bindings.
  *
- * All of the preset -> CSS mapping and delay chaining is delegated to the
- * framework-agnostic {@link buildClickGroups} / {@link revealedElementStyles} /
- * {@link pendingElementStyles} helpers in `pptx-viewer-shared`; this class only
- * owns the reactive step and exposes the resolved styles as plain getters
- * (reactive when read inside a `$derived` / `$effect` / template).
+ * The class owns the reactive per-element state map, the keyframes CSS, and the
+ * interactive / hover trigger-shape id sets; the controller stays pure. The
+ * clock (timers, requestAnimationFrame) + DOM effects live in
+ * {@link module:presentation/animation-playback-helpers}.
+ *
+ * NOTE: the editor / inspector animation PREVIEW still uses the older shared
+ * `buildClickGroups` model (see `AnimationsTab` / `editor-animation-controller`);
+ * this class is only the running slide show.
  */
 export interface AnimationPlaybackDeps {
-    /** The current slide's animations, in document/timeline order. */
-    getAnimations(): PptxElementAnimation[];
+    /** The current slide to build the native-animation timeline for. */
+    getSlide(): PptxSlide | undefined;
     /** Presentation-level switch parsed from `p:showPr`. */
     getShowWithAnimation?(): boolean | undefined;
+    /** Host-provided action-sound player (resolves + plays embedded sounds). */
+    onPlayActionSound?: (soundPath: string) => void;
+    /** Root element to scope media-command (`p:cmd`) target lookups to. */
+    frameRoot?: () => HTMLElement | null;
 }
 export declare class AnimationPlayback {
     #private;
     constructor(deps: AnimationPlaybackDeps);
-    /** The current slide's click groups (recomputed from the live animations). */
-    get groups(): AnimationClickGroup[];
-    /** Number of click groups on the current slide (i.e. how many advance steps). */
-    get groupCount(): number;
-    /** The current playback step (revealed click-group count). */
-    get step(): number;
-    /** True once every click group has been revealed. */
+    /** Reactive per-element native-animation state (visibility, build, colour). */
+    get elementStates(): Map<string, ElementAnimationState>;
+    /** The per-slide `@keyframes` CSS to inject once per slide. */
+    get keyframesCss(): string;
+    /** Shape ids that trigger an interactive (`onShapeClick`) sequence. */
+    get interactiveTriggerShapeIds(): ReadonlySet<string>;
+    /** Shape ids that trigger a hover (`onHover`) sequence. */
+    get hoverTriggerShapeIds(): ReadonlySet<string>;
+    /** True once every main-timeline click-group has been revealed. */
     get isComplete(): boolean;
+    /** Clear all pending timers + the in-flight staged-build RAF. */
+    clearTimers(): void;
     /**
-     * `elementId -> CSS` for every animation in the revealed groups (with the
-     * correct cumulative delay for sequential `afterPrevious` chains).
-     */
-    get elementStyles(): Map<string, CSSProperties>;
-    /**
-     * `elementId -> hidden CSS` for entrances not yet revealed, so the host can
-     * pre-seed them (hide until their group plays) without a flash.
+     * Rebuild the controller for the current slide and replay from the start. The
+     * controller builds the timeline engine (expanding text-build animations) and
+     * derives keyframes CSS, trigger-shape ids, and the tracked element id list.
      */
-    get pendingStyles(): Map<string, CSSProperties>;
+    reset(): void;
     /**
-     * Reveal the next click group. Returns `true` if a group was revealed,
-     * `false` when playback was already complete (so the caller can fall through
-     * to slide navigation).
+     * Reveal the next click-group. Returns `true` if a group was revealed, `false`
+     * when playback is complete or animations are disabled (so the caller can fall
+     * through to slide navigation).
      */
     advance(): boolean;
-    /** Reveal every click group at once (jump to the slide's final build state). */
-    play(): void;
-    /** Reset playback to before the first click group. */
-    reset(): void;
+    /** Play an interactive shape's sequence; `true` when it triggered one. */
+    handleInteractiveShapeClick(shapeId: string): boolean;
+    /** Play a hover shape's sequence; `true` when it triggered one. */
+    handleHoverStart(shapeId: string): boolean;
+    /** Reset a hover shape's sequence so the next hover replays it. */
+    handleHoverEnd(shapeId: string): void;
 }
 //# sourceMappingURL=animation-playback.svelte.d.ts.map

package/dist/viewer/presentation/animation-playback.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-playback.svelte.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/animation-playback.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAO7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE7E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,qBAAqB;IACrC,kEAAkE;IAClE,aAAa,IAAI,oBAAoB,EAAE,CAAC;IACxC,wDAAwD;IACxD,oBAAoB,CAAC,IAAI,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,qBAAa,iBAAiB;;gBAKjB,IAAI,EAAE,qBAAqB;IAIvC,8EAA8E;IAC9E,IAAI,MAAM,IAAI,mBAAmB,EAAE,CAKlC;IAED,iFAAiF;IACjF,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,8DAA8D;IAC9D,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,qDAAqD;IACrD,IAAI,UAAU,IAAI,OAAO,CAExB;IAED;;;OAGG;IACH,IAAI,aAAa,IAAI,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAE9C;IAED;;;OAGG;IACH,IAAI,aAAa,IAAI,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAE9C;IAED;;;;OAIG;IACH,OAAO,IAAI,OAAO;IASlB,gFAAgF;IAChF,IAAI,IAAI,IAAI;IAIZ,sDAAsD;IACtD,KAAK,IAAI,IAAI;CAGb"}
+{"version":3,"file":"animation-playback.svelte.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/animation-playback.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAShE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,qBAAqB;IACrC,oEAAoE;IACpE,QAAQ,IAAI,SAAS,GAAG,SAAS,CAAC;IAClC,wDAAwD;IACxD,oBAAoB,CAAC,IAAI,OAAO,GAAG,SAAS,CAAC;IAC7C,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CACrC;AAED,qBAAa,iBAAiB;;gBAkBjB,IAAI,EAAE,qBAAqB;IAavC,+EAA+E;IAC/E,IAAI,aAAa,IAAI,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAEtD;IAED,+DAA+D;IAC/D,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,uEAAuE;IACvE,IAAI,0BAA0B,IAAI,WAAW,CAAC,MAAM,CAAC,CAEpD;IAED,2DAA2D;IAC3D,IAAI,oBAAoB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE9C;IAED,mEAAmE;IACnE,IAAI,UAAU,IAAI,OAAO,CAExB;IAUD,iEAAiE;IACjE,WAAW,IAAI,IAAI;IAQnB;;;;OAIG;IACH,KAAK,IAAI,IAAI;IAuCb;;;;OAIG;IACH,OAAO,IAAI,OAAO;IAclB,0EAA0E;IAC1E,2BAA2B,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAYrD,mEAAmE;IACnE,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAkB1C,mEAAmE;IACnE,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAKrC"}

package/dist/viewer/presentation/animation-sound.d.ts

@@ -0,0 +1,20 @@
+/**
+ * HTML5 audio playback for native-animation sound actions (`p:snd` / `p:stSnd`),
+ * ported from the Vue / React bindings' `animation-sound`.
+ *
+ * A single shared audio element means only one animation sound plays at a time,
+ * matching PowerPoint: a new sound replaces any in-progress animation sound.
+ *
+ * @module presentation/animation-sound
+ */
+/**
+ * Play a sound file during animation. Stops any previously playing animation
+ * sound first. Silently ignores autoplay restrictions and unplayable sources.
+ *
+ * @param soundUrl - Blob URL or data URL of the sound file.
+ * @param loop - When true, repeat the sound until it is stopped or replaced.
+ */
+export declare function playAnimationSound(soundUrl: string, loop?: boolean): void;
+/** Stop any currently playing animation sound. */
+export declare function stopAnimationSound(): void;
+//# sourceMappingURL=animation-sound.d.ts.map

package/dist/viewer/presentation/animation-sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-sound.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/animation-sound.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,UAAQ,GAAG,IAAI,CAUvE;AAED,kDAAkD;AAClD,wBAAgB,kBAAkB,IAAI,IAAI,CAMzC"}

package/dist/viewer/presentation/apply-animation-styles.d.ts

@@ -1,8 +1,9 @@
-import { CSSProperties } from 'pptx-viewer-shared';
+import { ElementAnimationState } from 'pptx-viewer-shared';
 /**
- * Apply the revealed / pending build styles to every element under `root`.
- * `revealed` wins over `pending` for a given id (a revealed group's running
- * effect supersedes a not-yet-played entrance's hidden state).
+ * Apply the tracked element states to every `[data-element-id]` node under
+ * `root`. Elements without a state get their managed properties cleared, so a
+ * previously-hidden entrance becomes visible once its state is dropped (e.g. on
+ * slide change / reset).
  */
-export declare function applyAnimationStyles(root: HTMLElement, revealed: Map<string, CSSProperties>, pending: Map<string, CSSProperties>): void;
+export declare function applyAnimationStyles(root: HTMLElement, states: Map<string, ElementAnimationState>, interactiveIds?: ReadonlySet<string>, hoverIds?: ReadonlySet<string>): void;
 //# sourceMappingURL=apply-animation-styles.d.ts.map

package/dist/viewer/presentation/apply-animation-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-animation-styles.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/apply-animation-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA6CxD;;;;GAIG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,EACpC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,GACjC,IAAI,CAQN"}
+{"version":3,"file":"apply-animation-styles.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/apply-animation-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAsBhE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,EAC1C,cAAc,GAAE,WAAW,CAAC,MAAM,CAAa,EAC/C,QAAQ,GAAE,WAAW,CAAC,MAAM,CAAa,GACvC,IAAI,CAWN"}

package/dist/viewer/presentation/index.d.ts

@@ -7,5 +7,6 @@ export type { PresentationControllerDeps, TransitionState } from './presentation
 export { PresenterSession } from './presenter-session.svelte';
 export { usePresentationEffects } from './presentation-effects.svelte';
 export type { PresentationEffectsDeps } from './presentation-effects.svelte';
-export { default as PresentationTransitionOverlay } from './PresentationTransitionOverlay.svelte';
+export { PresentationTransitionOverlay } from './transition-overlay';
+export type { PresentationTransitionOverlayProps } from './transition-overlay';
 //# sourceMappingURL=index.d.ts.map

package/dist/viewer/presentation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,YAAY,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/viewer/presentation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,YAAY,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,6BAA6B,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,kCAAkC,EAAE,MAAM,sBAAsB,CAAC"}