pptx-svelte-viewer 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -32,6 +32,17 @@ export declare const defaultRadius = "0.5rem";
  */
 export declare const defaultThemeColors: ViewerThemeColors;
 
+/** Options for the multi-slide PDF export (progress + cooperative cancel). */
+declare interface ExportPdfOptions {
+    /** Capture-phase progress callback: `(currentSlide, totalSlides)`. */
+    onProgress?: ExportProgress;
+    /** Abort the export early; the loop checks this between slides. */
+    signal?: AbortSignal;
+}
+
+/** Per-slide progress callback: `(currentSlideIndex, totalSlides)`. */
+declare type ExportProgress = (current: number, total: number) => void;
+
 /**
  * Explicitly-typed public export of the viewer component.
  *
@@ -41,7 +52,42 @@ export declare const defaultThemeColors: ViewerThemeColors;
  * Re-exporting through this annotated constant keeps the published `.d.ts`
  * fully typed regardless of which compiler produced it.
  */
-export declare const PowerPointViewer: Component<PowerPointViewerProps>;
+export declare const PowerPointViewer: Component<PowerPointViewerProps, PowerPointViewerApi>;
+
+/**
+ * Imperative editing API exposed on the `<PowerPointViewer>` component
+ * instance (via `bind:this`). Mirrors the vanilla binding's `EditorController`
+ * surface subset the host drives directly.
+ */
+export declare interface PowerPointViewerApi {
+    /** Undo the last committed edit. */
+    undo(): void;
+    /** Redo the last undone edit. */
+    redo(): void;
+    /** Whether an undo step is available (snapshot; not reactive). */
+    canUndo(): boolean;
+    /** Whether a redo step is available (snapshot; not reactive). */
+    canRedo(): boolean;
+    /** Delete the selected element (no-op when nothing is selected). */
+    deleteSelected(): void;
+    /** The selected top-level element id, or null. */
+    getSelectedElementId(): string | null;
+    /** Serialize the edited slides to `.pptx` bytes via the core handler. */
+    save(): Promise<Uint8Array>;
+    /** Save + trigger a browser download of the `.pptx` (default name). */
+    downloadPptx(fileName?: string): Promise<void>;
+    /**
+     * Export a slide as a PNG download (defaults to the current slide). Renders
+     * the slide off-screen at scale 1 and rasterises it with `html2canvas-pro`
+     * (dynamically imported), so the first call pays a one-time load cost.
+     */
+    exportSlidePng(index?: number): Promise<void>;
+    /**
+     * Export every slide as a multi-page PDF download (one slide per page).
+     * `jspdf` is dynamically imported on first use.
+     */
+    exportPdf(options?: ExportPdfOptions): Promise<void>;
+}
 
 /** Props for `<PowerPointViewer>`. */
 export declare interface PowerPointViewerProps {
@@ -61,6 +107,28 @@ export declare interface PowerPointViewerProps {
     showThumbnails?: boolean;
     /** Show the navigation/zoom toolbar. Default true. */
     showToolbar?: boolean;
+    /**
+     * Show the speaker-notes panel and its toolbar toggle. Default true. The
+     * panel is plain-text only and reads the active slide's notes; pass
+     * `onnotesupdate` to make it editable (omitting it renders read-only).
+     */
+    showNotes?: boolean;
+    /**
+     * Opt in to the experimental Three.js (WebGL) SmartArt renderer for
+     * `smartArt` elements, in place of the default SVG renderer. Requires the
+     * optional `three` peer dependency; when it is unavailable, or a diagram
+     * has no renderable nodes, or the WebGL mount fails, the SVG renderer is
+     * used automatically. Default false.
+     */
+    smartArt3D?: boolean;
+    /**
+     * Enable in-place editing: click to select an element, drag to move, use the
+     * 8 handles to resize (Shift locks aspect) and the rotate handle to rotate,
+     * double-click text/shapes to edit their text, and the keyboard for
+     * delete/duplicate/nudge/undo/redo. Adds an Undo/Redo/Save/Download group to
+     * the toolbar. Default false (read-only viewer).
+     */
+    editable?: boolean;
     /** Optional class name applied to the root element. */
     class?: string;
     /** Fired after a presentation finishes loading. */
@@ -69,6 +137,20 @@ export declare interface PowerPointViewerProps {
     onerror?: (message: string) => void;
     /** Fired when the active slide changes (0-based index). */
     onslidechange?: (index: number) => void;
+    /**
+     * Fired with the committed plain-text speaker notes when the user edits
+     * the notes panel (on `change` / `blur`). This binding has no built-in
+     * slide-mutation channel, so the host is responsible for writing the text
+     * back onto its own copy of the slide; omit this to render the notes
+     * panel read-only.
+     */
+    onnotesupdate?: (notes: string) => void;
+    /**
+     * Fired after every committed editing mutation (move / resize / rotate /
+     * delete / duplicate / nudge / inline text / notes) when `editable`. Use it
+     * to track the dirty state or mirror edits into host state.
+     */
+    onchange?: () => void;
 }
 
 /**

package/dist/index.js

@@ -1,4 +1,4 @@
-import { _ as r, d as a, f as e, g as i, h as o, l as m, m as t, p as l, t as n, u as h } from "./component-CacEu31z.js";
+import { _ as r, d as a, f as e, g as i, h as o, l as m, m as t, p as l, t as n, u as h } from "./component-DxQFSCeR.js";
 import { r as f } from "./translator-C44zS1dl.js";
 import "./i18n.js";
 export {

package/dist/smartart-3d-BLqXYusO.js

@@ -0,0 +1,169 @@
+import { AmbientLight as A, BufferGeometry as B, CanvasTexture as C, Color as b, DirectionalLight as L, EdgesGeometry as E, Euler as W, ExtrudeGeometry as H, Group as $, Line as D, LineBasicMaterial as R, LineSegments as Y, LinearFilter as F, Mesh as G, MeshBasicMaterial as U, MeshStandardMaterial as q, PerspectiveCamera as O, PlaneGeometry as V, RepeatWrapping as X, SRGBColorSpace as Z, Scene as j, Shape as N, Vector3 as I, WebGLRenderer as J } from "./three.module-BLwnGxzY.js";
+import { OrbitControls as K } from "./OrbitControls-B2ezETBF.js";
+var M = 4, P = 0.86;
+function Q(o, i, e) {
+  const t = i.split(/\s+/u).filter(Boolean);
+  if (t.length === 0) return [];
+  const r = [];
+  let a = t[0];
+  for (let s = 1; s < t.length; s++) {
+    const c = `${a} ${t[s]}`;
+    o.measureText(c).width <= e ? a = c : (r.push(a), a = t[s]);
+  }
+  return r.push(a), r;
+}
+function _(o, i, e, t, r) {
+  if (typeof document > "u" || !o.trim() || t <= 0 || r <= 0) return null;
+  const a = t * P, s = r * P, c = document.createElement("canvas");
+  c.width = Math.max(8, Math.round(a * M)), c.height = Math.max(8, Math.round(s * M));
+  const n = c.getContext("2d");
+  if (!n) return null;
+  const d = "system-ui, -apple-system, Segoe UI, Roboto, sans-serif", p = c.width * 0.94;
+  let u = Math.max(6, e) * M, f = [];
+  for (let l = 0; l < 12; l++) {
+    n.font = `600 ${u}px ${d}`, f = Q(n, o, p);
+    const g = u * 1.2;
+    if (f.length * g <= c.height * 0.96 || u <= 6 * M) break;
+    u *= 0.88;
+  }
+  n.clearRect(0, 0, c.width, c.height), n.fillStyle = i, n.textAlign = "center", n.textBaseline = "middle", n.font = `600 ${u}px ${d}`;
+  const x = u * 1.2, m = f.length * x, y = c.height / 2 - m / 2 + x / 2;
+  for (let l = 0; l < f.length; l++) n.fillText(f[l], c.width / 2, y + l * x);
+  const h = new C(c);
+  return h.colorSpace = Z, h.minFilter = F, h.magFilter = F, h.flipY = !1, h.premultiplyAlpha = !1, h.wrapT = X, h.repeat.set(1, -1), h.offset.set(0, 1), h.needsUpdate = !0, {
+    texture: h,
+    worldWidth: a,
+    worldHeight: s
+  };
+}
+function ee(o) {
+  const i = new N();
+  o.outline.forEach((t, r) => {
+    r === 0 ? i.moveTo(t.x, t.y) : i.lineTo(t.x, t.y);
+  }), i.closePath();
+  const e = o.bevel > 0;
+  return new H(i, {
+    depth: o.depth,
+    bevelEnabled: e,
+    bevelThickness: o.bevel,
+    bevelSize: o.bevel,
+    bevelSegments: 2,
+    curveSegments: o.rounded ? 24 : 1,
+    steps: 1
+  });
+}
+function te(o, i, e) {
+  const t = ee(e), r = new q({
+    color: new b(e.fill),
+    metalness: 0.12,
+    roughness: 0.52,
+    transparent: e.opacity < 1,
+    opacity: e.opacity
+  }), a = new G(t, r);
+  if (a.position.set(e.position.x, e.position.y, e.position.z), a.rotation.set(e.rotation.x, e.rotation.y, e.rotation.z), o.add(a), i.push(t, r), e.strokeWidth > 0) {
+    const s = new E(t, 30), c = new R({ color: new b(e.stroke) }), n = new Y(s, c);
+    n.position.copy(a.position), n.rotation.copy(a.rotation), o.add(n), i.push(s, c);
+  }
+  return t;
+}
+function ne(o, i, e) {
+  if (!e.text) return;
+  const t = _(e.text, e.textColor, e.fontSize, e.halfWidth * 2, e.halfHeight * 2);
+  if (!t) return;
+  const r = new V(t.worldWidth, t.worldHeight), a = new U({
+    map: t.texture,
+    transparent: !0,
+    depthWrite: !1
+  }), s = new G(r, a), c = new W(e.rotation.x, e.rotation.y, e.rotation.z), n = new I(0, 0, e.depth + e.bevel + 0.4).applyEuler(c);
+  s.position.set(e.position.x + n.x, e.position.y + n.y, e.position.z + n.z), s.rotation.copy(c), o.add(s), i.push(r, a, t.texture);
+}
+function oe(o, i, e) {
+  for (const t of e.connectors) {
+    if (t.points.length < 2) continue;
+    const r = new B().setFromPoints(t.points.map((s) => new I(s.x, s.y, s.z))), a = new R({
+      color: new b(t.color),
+      transparent: !0,
+      opacity: 0.7
+    });
+    o.add(new D(r, a)), i.push(r, a);
+  }
+}
+function ie(o) {
+  const i = new $(), e = [];
+  for (const t of o.meshes)
+    te(i, e, t), ne(i, e, t);
+  return oe(i, e, o), {
+    group: i,
+    dispose() {
+      for (const t of e) t.dispose();
+    }
+  };
+}
+var T = 42;
+function ae(o) {
+  let i = 1 / 0, e = 1 / 0, t = 1 / 0, r = -1 / 0, a = -1 / 0, s = -1 / 0;
+  const c = (n, d, p, u) => {
+    i = Math.min(i, n - u), e = Math.min(e, d - u), t = Math.min(t, p - u), r = Math.max(r, n + u), a = Math.max(a, d + u), s = Math.max(s, p + u);
+  };
+  for (const n of o.meshes) {
+    const d = Math.max(n.halfWidth, n.halfHeight) + n.depth + n.bevel;
+    c(n.position.x, n.position.y, n.position.z, d);
+  }
+  for (const n of o.connectors) for (const d of n.points) c(d.x, d.y, d.z, 1);
+  return Number.isFinite(i) ? {
+    cx: (i + r) / 2,
+    cy: (e + a) / 2,
+    cz: (t + s) / 2,
+    radius: 0.5 * Math.hypot(r - i, a - e, s - t) || 1
+  } : {
+    cx: 0,
+    cy: 0,
+    cz: 0,
+    radius: Math.max(o.bounds.width, o.bounds.height) / 2 || 1
+  };
+}
+function se(o, i) {
+  const e = T * Math.PI / 180, t = 2 * Math.atan(Math.tan(e / 2) * i);
+  return o / Math.sin(Math.min(e, t) / 2) * 1.1;
+}
+function le(o, i, e, t, r = {}) {
+  const a = new J({
+    canvas: o,
+    antialias: !0,
+    alpha: !r.background
+  });
+  a.setPixelRatio(Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, r.maxPixelRatio ?? 2)), a.setSize(e, t, !1);
+  const s = new j();
+  r.background && (s.background = new b(r.background));
+  const { cx: c, cy: n, cz: d, radius: p } = ae(i), u = e / Math.max(1, t), f = se(p, u), x = new O(T, u, 0.1, f * 8 + p * 4);
+  x.position.set(c + p * 0.25, n + p * 0.3, d + f), x.lookAt(c, n, d), s.add(new A(16777215, 0.62));
+  const m = new L(16777215, 0.95);
+  m.position.set(c + p, n + p * 1.4, d + f), s.add(m);
+  const y = new L(16777215, 0.3);
+  y.position.set(c - p, n - p * 0.6, d + f * 0.6), s.add(y);
+  const h = ie(i);
+  s.add(h.group);
+  let l = null;
+  const g = (w) => {
+    w && !l ? (l = new K(x, o), l.enablePan = !1, l.target.set(c, n, d), l.minDistance = f * 0.4, l.maxDistance = f * 3, l.update()) : !w && l && (l.dispose(), l = null), l && (l.autoRotate = !!r.autoRotate, l.autoRotateSpeed = 1.2);
+  };
+  g(!!r.interactive);
+  let v = 0, S = !1;
+  const z = () => {
+    S || (v = requestAnimationFrame(z), l?.update(), a.render(s, x));
+  };
+  return v = requestAnimationFrame(z), {
+    resize(w, k) {
+      x.aspect = w / Math.max(1, k), x.updateProjectionMatrix(), a.setSize(w, k, !1);
+    },
+    setInteractive(w) {
+      g(w);
+    },
+    dispose() {
+      S = !0, cancelAnimationFrame(v), l?.dispose(), h.dispose(), a.dispose();
+    }
+  };
+}
+export {
+  le as mountSmartArt3D
+};