pptx-svelte-viewer 4.1.6 → 4.2.0

package/dist/viewer/index.d.ts

@@ -5320,7 +5320,6 @@ interface PptxSmartArtNode {
 }
 //#endregion
 //#region src/core/types/smart-art-style-definition.d.ts
-/** Editable metadata shared by DiagramML quick-style and color definitions. */
 interface PptxSmartArtDefinitionText {
   value: string;
   language?: string;
@@ -5420,6 +5419,17 @@ interface PptxSmartArtQuickStyle extends PptxSmartArtDefinitionMetadata {
   effectIntensity?: string;
   /** Ordered CT_StyleLabel metadata. Complex style payload remains preserved XML. */
   labels?: PptxSmartArtQuickStyleLabel[];
+  /**
+   * Whole-diagram 3D scene (camera preset/rotation/zoom/fov, light rig,
+   * backdrop) from the quick style's own `dgm:styleDef/dgm:scene3d`, present
+   * for the "Scene" quick styles (Brick, Flat, Metallic, Sunset, Bird's Eye
+   * Scene). One camera renders the whole diagram; per-shape `a:scene3d` is
+   * absent for those styles (see `PptxSmartArtDrawingShape.scene3d`). Each
+   * `dgm:styleLbl` also carries its own per-label `dgm:scene3d`/`dgm:sp3d`,
+   * but PowerPoint bakes those fully resolved onto each cached shape's own
+   * `dsp:spPr/a:sp3d`, so only the diagram-level scene is exposed here.
+   */
+  scene3d?: Pptx3DScene;
 }
 //#endregion
 //#region src/core/types/smart-art.d.ts
@@ -5620,6 +5630,29 @@ interface PptxSmartArtDrawingShape extends PptxCustomPathProperties {
   textFrameY?: number;
   textFrameWidth?: number;
   textFrameHeight?: number;
+  /**
+   * 3D scene (camera/light rig/backdrop) from `dsp:spPr/a:scene3d`, when this
+   * cached shape carries its own per-shape camera. Bevel quick styles
+   * (Polished, Inset, Cartoon, Powder) cache one per shape (always
+   * `orthographicFront`, so the 2D layout stays undistorted). Scene quick
+   * styles (Brick, Flat, Metallic, Sunset, Bird's Eye) instead put ONE camera
+   * on the whole diagram (see `PptxSmartArtQuickStyle.scene3d`) and leave this
+   * undefined on every shape.
+   */
+  scene3d?: Pptx3DScene;
+  /**
+   * 3D extrusion/bevel/contour/material from `dsp:spPr/a:sp3d`. PowerPoint
+   * caches this fully resolved (from the quick style's per-label `dgm:sp3d`)
+   * on every shape for every non-flat quick style, bevel or scene alike.
+   */
+  shape3d?: Pptx3DShape;
+  /**
+   * Text-body 3D extrusion/bevel from `dsp:txBody/a:bodyPr/a:sp3d`. Rare:
+   * present when a quick style extrudes the label text itself off the shape
+   * face (e.g. Bird's Eye Scene: `extrusionH="28000"`), rather than only the
+   * shape body.
+   */
+  text3d?: Text3DStyle;
 }
 /**
  * Presentation layout variables from `dgm:prSet/dgm:presLayoutVars` (data model)
@@ -11576,23 +11609,6 @@ interface ThemeCatalogEntry {
   theme: ViewerTheme | undefined;
 }
 
-//#region src/render/animation-text-style-resolve.d.ts
-/**
- * Framework-neutral text-style override a font-style emphasis effect applies
- * on top of its target's own authored per-run bold/italic/underline/size/
- * colour. Every binding maps this onto its own text container so it OVERRIDES
- * the runs' inline styles (the runs carry explicit inline styles of their
- * own, so plain CSS inheritance cannot reach them).
- */
-interface TextStyleAnimationDescriptor {
-  bold?: boolean;
-  italic?: boolean;
-  underline?: boolean;
-  /** Relative multiplier against each run's own authored font size. */
-  fontScale?: number;
-  color?: string;
-}
-
 //#region src/render/collaboration-presence.d.ts
 /** Connection lifecycle states for the Yjs WebSocket provider. */
 type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'error';
@@ -12032,6 +12048,23 @@ type ElementBuildState = {
   mode: DiagramBuildMode;
   progress: number;
 };
+//#endregion
+//#region src/render/animation-text-style-resolve.d.ts
+/**
+ * Framework-neutral text-style override a font-style emphasis effect applies
+ * on top of its target's own authored per-run bold/italic/underline/size/
+ * colour. Every binding maps this onto its own text container so it OVERRIDES
+ * the runs' inline styles (the runs carry explicit inline styles of their
+ * own, so plain CSS inheritance cannot reach them).
+ */
+interface TextStyleAnimationDescriptor {
+  bold?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  /** Relative multiplier against each run's own authored font size. */
+  fontScale?: number;
+  color?: string;
+}
 /** Snapshot of a single element's animation state at a point in the timeline. */
 interface ElementAnimationState {
   /** Whether the element should be visible. */
@@ -13684,6 +13717,20 @@ interface RasterizeElementTilesResult {
   /** Every tile, row-major order. Exactly one entry when `tiled` is `false`. */
   tiles: RasterizedTile[];
 }
+//#endregion
+//#region src/web-components/select-value.d.ts
+/** Public DOM shape used by all bindings; the element is not a native select. */
+interface PptxUiSelectElement extends HTMLElement {
+  value: string;
+  disabled: boolean;
+  readonly options: HTMLOptionElement[];
+  selectedIndex: number;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'pptx-ui-select': PptxUiSelectElement;
+  }
+}
 
 //#endregion
 //#region src/ai/change-diff.d.ts
@@ -17564,7 +17611,7 @@ interface ViewerStateBag {
  * MUST be called synchronously from a `.svelte` component's own script body
  * (top level, not inside a callback or after an `await`): it registers
  * `onMount` / `onDestroy` hooks and Svelte context (`setContext`) via
- * `provideTranslator` / `provideSmartArt3D` / `provideRenderContext` /
+ * `provideTranslator` / `provideRendering3DFlags` / `provideRenderContext` /
  * `provideInspectorDeck` / `provideFieldContext` (plus more inside the
  * clusters), all of which require an active component-initialisation
  * context. Svelte's lifecycle context stays active for the whole synchronous

package/dist/viewer/index.js

@@ -1,5 +1,5 @@
-import { Uh as l, Wh as S } from "../transition-overlay-DIPxa90i.js";
-import { A as e, F as a, M as o, N as r, P as s, c as n, d, f as b, i as m, j as t, l as p, m as c, n as g, o as x, p as w, r as C, s as P, t as T, u as $ } from "../export-CKRGg8D0.js";
+import { Nh as l, Ph as S } from "../transition-overlay-BcUomRXK.js";
+import { A as e, I as a, M as o, N as r, P as s, c as n, d, f as b, i as m, j as t, l as p, m as c, n as g, o as x, p as P, r as w, s as C, t as T, u as $ } from "../export-DoyAdIHl.js";
 var y = a, A = s, V = o, f = t, u = e, R = r;
 export {
   f as CollaborationCursors,
@@ -9,18 +9,18 @@ export {
   u as RemoteSelectionOverlay,
   y as Ribbon,
   V as SlideCanvas,
-  C as ViewerState,
+  w as ViewerState,
   A as ViewerToolbar,
   d as clampSlideIndex,
   c as createSvelteAiBridge,
   g as createViewerState,
   x as exportAllSlidesToSvg,
-  P as exportAllSlidesToSvgBlobs,
+  C as exportAllSlidesToSvgBlobs,
   n as exportSlideAsSvg,
   p as exportSlideToSvg,
   $ as exportSlideToSvgBlob,
   b as fitScale,
-  w as resolveNavigationKey,
+  P as resolveNavigationKey,
   l as zoomInPercent,
   S as zoomOutPercent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-svelte-viewer",
-	"version": "4.1.6",
+	"version": "4.2.0",
 	"description": "Svelte 5 PowerPoint viewer and editor component: render, edit, present, and export PPTX slides in the browser.",
 	"keywords": [
 		"office",

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

@@ -1,290 +0,0 @@
-import { AmbientLight as U, BufferGeometry as V, CanvasTexture as Z, Color as E, DirectionalLight as C, EdgesGeometry as X, Euler as _, ExtrudeGeometry as j, Group as q, Line as J, LineBasicMaterial as B, LineSegments as K, LinearFilter as A, Mesh as Y, MeshBasicMaterial as Q, MeshStandardMaterial as tt, PerspectiveCamera as et, PlaneGeometry as nt, RepeatWrapping as ot, SRGBColorSpace as it, Scene as at, Shape as st, Vector3 as $, WebGLRenderer as rt } from "./three.module-BP1MPwgf.js";
-import { OrbitControls as lt } from "./OrbitControls-Dj3MmTu8.js";
-var F = 4, H = 0.86;
-function ct(e, t, n) {
-  const o = t.split(/\s+/u).filter(Boolean);
-  if (o.length === 0) return [];
-  const s = [];
-  let i = o[0];
-  for (let a = 1; a < o.length; a++) {
-    const r = `${i} ${o[a]}`;
-    e.measureText(r).width <= n ? i = r : (s.push(i), i = o[a]);
-  }
-  return s.push(i), s;
-}
-function ft(e, t) {
-  const n = t?.bold === void 0 ? "600" : t.bold ? "700" : "400", o = t?.italic ? "italic " : "", s = typeof t?.fontScale == "number" && Number.isFinite(t.fontScale) && t.fontScale > 0 ? t.fontScale : 1;
-  return {
-    weight: n,
-    italic: o,
-    color: t?.color ?? e,
-    scale: s
-  };
-}
-function dt(e, t, n, o, s, i) {
-  if (typeof document > "u" || !e.trim() || o <= 0 || s <= 0) return null;
-  const { weight: a, italic: r, color: c, scale: h } = ft(t, i), v = o * H, w = s * H, f = document.createElement("canvas");
-  f.width = Math.max(8, Math.round(v * F)), f.height = Math.max(8, Math.round(w * F));
-  const l = f.getContext("2d");
-  if (!l) return null;
-  const M = "system-ui, -apple-system, Segoe UI, Roboto, sans-serif", g = f.width * 0.94, m = (y) => `${r}${a} ${y}px ${M}`;
-  let p = Math.max(6, n) * h * F, b = [];
-  for (let y = 0; y < 12; y++) {
-    l.font = m(p), b = ct(l, e, g);
-    const x = p * 1.2;
-    if (b.length * x <= f.height * 0.96 || p <= 6 * F) break;
-    p *= 0.88;
-  }
-  l.clearRect(0, 0, f.width, f.height), l.fillStyle = c, l.textAlign = "center", l.textBaseline = "middle", l.font = m(p);
-  const d = p * 1.2, L = b.length * d, S = f.height / 2 - L / 2 + d / 2;
-  for (let y = 0; y < b.length; y++) {
-    const x = S + y * d;
-    if (l.fillText(b[y], f.width / 2, x), i?.underline) {
-      const z = l.measureText(b[y]).width;
-      l.strokeStyle = c, l.lineWidth = Math.max(1, p * 0.06), l.beginPath(), l.moveTo(f.width / 2 - z / 2, x + p * 0.32), l.lineTo(f.width / 2 + z / 2, x + p * 0.32), l.stroke();
-    }
-  }
-  const u = new Z(f);
-  return u.colorSpace = it, u.minFilter = A, u.magFilter = A, u.flipY = !1, u.premultiplyAlpha = !1, u.wrapT = ot, u.repeat.set(1, -1), u.offset.set(0, 1), u.needsUpdate = !0, {
-    texture: u,
-    worldWidth: v,
-    worldHeight: w
-  };
-}
-function ht(e) {
-  const t = new st();
-  e.outline.forEach((o, s) => {
-    s === 0 ? t.moveTo(o.x, o.y) : t.lineTo(o.x, o.y);
-  }), t.closePath();
-  const n = e.bevel > 0;
-  return new j(t, {
-    depth: e.depth,
-    bevelEnabled: n,
-    bevelThickness: e.bevel,
-    bevelSize: e.bevel,
-    bevelSegments: 2,
-    curveSegments: e.rounded ? 24 : 1,
-    steps: 1
-  });
-}
-function pt(e, t, n) {
-  const o = ht(n), s = new tt({
-    color: new E(n.fill),
-    metalness: 0.12,
-    roughness: 0.52,
-    transparent: n.opacity < 1,
-    opacity: n.opacity
-  }), i = new Y(o, s);
-  if (i.position.set(n.position.x, n.position.y, n.position.z), i.rotation.set(n.rotation.x, n.rotation.y, n.rotation.z), e.add(i), t.push(o, s), n.strokeWidth > 0) {
-    const a = new X(o, 30), r = new B({ color: new E(n.stroke) }), c = new K(a, r);
-    c.position.copy(i.position), c.rotation.copy(i.rotation), e.add(c), t.push(a, r);
-  }
-  return o;
-}
-function W(e, t) {
-  if (!e.text) return null;
-  const n = dt(e.text, e.textColor, e.fontSize, e.halfWidth * 2, e.halfHeight * 2, t);
-  if (!n) return null;
-  const o = new nt(n.worldWidth, n.worldHeight), s = new Q({
-    map: n.texture,
-    transparent: !0,
-    depthWrite: !1,
-    depthTest: !1,
-    side: 2
-  }), i = new Y(o, s);
-  i.renderOrder = 1;
-  const a = new _(e.rotation.x, e.rotation.y, e.rotation.z), r = new $(0, 0, e.depth + e.bevel + 0.4).applyEuler(a);
-  return i.position.set(e.position.x + r.x, e.position.y + r.y, e.position.z + r.z), i.rotation.copy(a), {
-    plane: i,
-    disposables: [
-      o,
-      s,
-      n.texture
-    ]
-  };
-}
-function ut(e, t, n) {
-  for (const o of n.connectors) {
-    if (o.points.length < 2) continue;
-    const s = new V().setFromPoints(o.points.map((a) => new $(a.x, a.y, a.z))), i = new B({
-      color: new E(o.color),
-      transparent: !0,
-      opacity: 0.7
-    });
-    e.add(new J(s, i)), t.push(s, i);
-  }
-}
-function D(e, t) {
-  t.plane && e.remove(t.plane);
-  for (const n of t.disposables) n.dispose();
-  t.plane = null, t.disposables = [];
-}
-function xt(e, t) {
-  const n = new q(), o = [], s = e.meshes.map((i) => {
-    pt(n, o, i);
-    const a = W(i, t);
-    return a && n.add(a.plane), {
-      node: i,
-      plane: a?.plane ?? null,
-      disposables: a?.disposables ?? []
-    };
-  });
-  return ut(n, o, e), {
-    group: n,
-    setTextStyle(i) {
-      for (const a of s) {
-        D(n, a);
-        const r = W(a.node, i);
-        r && (n.add(r.plane), a.plane = r.plane, a.disposables = r.disposables);
-      }
-    },
-    forEachLabelPlane(i) {
-      for (const a of s) a.plane && i(a.plane);
-    },
-    dispose() {
-      for (const i of o) i.dispose();
-      for (const i of s) D(n, i);
-    }
-  };
-}
-var I = 42;
-function yt(e, t) {
-  const n = t.halfWidth + t.bevel, o = t.halfHeight + t.bevel, s = t.depth / 2 + t.bevel, i = t.position.z + t.depth / 2, a = Math.cos(t.rotation.y), r = Math.sin(t.rotation.y), c = Math.abs(n * a) + Math.abs(s * r), h = Math.abs(n * r) + Math.abs(s * a);
-  e(t.position.x, t.position.y, i, c, o, h);
-}
-function bt(e) {
-  let t = 1 / 0, n = 1 / 0, o = 1 / 0, s = -1 / 0, i = -1 / 0, a = -1 / 0;
-  const r = (c, h, v, w, f, l) => {
-    t = Math.min(t, c - w), n = Math.min(n, h - f), o = Math.min(o, v - l), s = Math.max(s, c + w), i = Math.max(i, h + f), a = Math.max(a, v + l);
-  };
-  for (const c of e.meshes) yt(r, c);
-  for (const c of e.connectors) for (const h of c.points) r(h.x, h.y, h.z, 1, 1, 1);
-  if (!Number.isFinite(t)) {
-    const c = e.bounds.width / 2 || 1, h = e.bounds.height / 2 || 1;
-    return {
-      cx: 0,
-      cy: 0,
-      cz: 0,
-      radius: Math.max(c, h),
-      halfW: c,
-      halfH: h,
-      halfD: 1
-    };
-  }
-  return {
-    cx: (t + s) / 2,
-    cy: (n + i) / 2,
-    cz: (o + a) / 2,
-    radius: 0.5 * Math.hypot(s - t, i - n, a - o) || 1,
-    halfW: (s - t) / 2,
-    halfH: (i - n) / 2,
-    halfD: (a - o) / 2
-  };
-}
-function wt(e, t) {
-  const n = I * Math.PI / 180, o = 2 * Math.atan(Math.tan(n / 2) * t);
-  return e / Math.sin(Math.min(n, o) / 2) * 1.1;
-}
-var Mt = 0.92;
-function G(e, t, n) {
-  const { cx: o, cy: s, cz: i, radius: a } = e, r = St(t, a, n);
-  return {
-    position: [
-      o + a * 0.25,
-      s + r,
-      i + n
-    ],
-    target: [
-      o,
-      s,
-      i
-    ],
-    dist: n
-  };
-}
-function gt(e, t, n) {
-  const o = I * Math.PI / 180, s = Math.tan(o / 2), i = s * n, [a, r, c] = t.position, [h, v, w] = t.target;
-  let f = h - a, l = v - r, M = w - c;
-  const g = Math.hypot(f, l, M) || 1;
-  f /= g, l /= g, M /= g;
-  let m = -M, p = f;
-  const b = Math.hypot(m, p) || 1;
-  m /= b, p /= b;
-  const d = -p * l, L = p * f - m * M, S = m * l;
-  let u = 0;
-  for (const y of [-1, 1]) for (const x of [-1, 1]) for (const z of [-1, 1]) {
-    const P = e.cx + y * e.halfW - a, R = e.cy + x * e.halfH - r, T = e.cz + z * e.halfD - c, k = P * f + R * l + T * M;
-    if (k <= 1e-6) return 1 / 0;
-    const O = Math.abs(P * m + T * p) / (k * i), N = Math.abs(P * d + R * L + T * S) / (k * s);
-    u = Math.max(u, O, N);
-  }
-  return u;
-}
-function vt(e, t, n) {
-  let o = wt(e.radius, n), s = G(e, t, o);
-  for (let i = 0; i < 8; i++) {
-    const a = gt(e, s, n);
-    if (!Number.isFinite(a)) o *= 2;
-    else {
-      const r = a / Mt;
-      if (Math.abs(r - 1) < 0.01) break;
-      o *= r;
-    }
-    s = G(e, t, o);
-  }
-  return s;
-}
-var mt = 34;
-function St(e, t, n) {
-  return e === "cycle" || e === "radial" ? n * Math.tan(mt * Math.PI / 180) : t * 0.3;
-}
-function zt(e, t) {
-  e.forEachLabelPlane((n) => {
-    const o = t.position.x - n.position.x, s = t.position.z - n.position.z;
-    n.rotation.set(0, Math.atan2(o, s), 0);
-  });
-}
-function Pt(e, t, n, o, s = {}) {
-  const i = new rt({
-    canvas: e,
-    antialias: !0,
-    alpha: !s.background
-  });
-  i.setPixelRatio(Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, s.maxPixelRatio ?? 2)), i.setSize(n, o, !1);
-  const a = new at();
-  s.background && (a.background = new E(s.background));
-  const r = bt(t), { cx: c, cy: h, cz: v, radius: w } = r, f = n / Math.max(1, o), l = vt(r, t.family, f), { dist: M } = l, g = new et(I, f, 0.1, M * 8 + w * 4);
-  g.position.set(...l.position), g.lookAt(...l.target), a.add(new U(16777215, 0.62));
-  const m = new C(16777215, 0.95);
-  m.position.set(c + w, h + w * 1.4, v + M), a.add(m);
-  const p = new C(16777215, 0.3);
-  p.position.set(c - w, h - w * 0.6, v + M * 0.6), a.add(p);
-  const b = xt(t, s.textStyle);
-  a.add(b.group);
-  let d = null;
-  const L = (x) => {
-    x && !d ? (d = new lt(g, e), d.enablePan = !1, d.target.set(c, h, v), d.minDistance = M * 0.4, d.maxDistance = M * 3, d.update()) : !x && d && (d.dispose(), d = null), d && (d.autoRotate = !!s.autoRotate, d.autoRotateSpeed = 1.2);
-  };
-  L(!!s.interactive);
-  let S = 0, u = !1;
-  const y = () => {
-    u || (S = requestAnimationFrame(y), zt(b, g), d?.update(), i.render(a, g));
-  };
-  return S = requestAnimationFrame(y), {
-    resize(x, z) {
-      g.aspect = x / Math.max(1, z), g.updateProjectionMatrix(), i.setSize(x, z, !1);
-    },
-    setInteractive(x) {
-      L(x);
-    },
-    setTextStyle(x) {
-      b.setTextStyle(x);
-    },
-    dispose() {
-      u = !0, cancelAnimationFrame(S), d?.dispose(), b.dispose(), i.dispose();
-    }
-  };
-}
-export {
-  Pt as mountSmartArt3D
-};