pptx-vue-viewer 1.1.11 → 1.1.13

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-E6C9jlVo.cjs");
+const e = require("./viewer-QVDbby6z.cjs");
 let r = require("clsx"), t = require("tailwind-merge");
 exports.ElementRenderer = e.ElementRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.cn = function(...e) {
 	return (0, t.twMerge)((0, r.clsx)(e));

package/dist/index.js

@@ -1,4 +1,4 @@
-import { C as a, F as s, N as e, P as r, R as i, S as o, a as t, o as m, s as n, t as l, w } from "./viewer-QlecshSv.js";
+import { C as a, F as s, N as e, P as r, R as i, S as o, a as t, o as m, s as n, t as l, w } from "./viewer-DOKNVF1b.js";
 import { clsx as d } from "clsx";
 import { twMerge as f } from "tailwind-merge";
 function p(...a) {

package/dist/viewer/PowerPointViewer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"AAswCA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAm7DjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"AA+wCA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AA28DjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/SlideCanvas.vue.d.ts

@@ -7,18 +7,29 @@ import { CanvasSize } from '../types';
  * The React version additionally layered in rulers, grid, guides, marquee/
  * selection, connector-creation, drawing, and collaboration overlays — all
  * tracked in PORTING.md.
+ *
+ * Responsive sizing: the slide has a fixed authored pixel size (e.g. 1280×720),
+ * which overflows small/mobile viewports. We measure the scroll viewport and
+ * emit a `fitScale` (how much the slide must shrink to fit, capped at 1, never
+ * upscaling) so the parent can fold it into the effective zoom — mirroring the
+ * React viewer's `fitScale * scale` model where "100%" means "fit to viewport".
  */
 type __VLS_Props = {
     slide: PptxSlide | undefined;
     canvasSize: CanvasSize;
     mediaDataUrls: Map<string, string>;
+    /** Effective scale (fitScale × user zoom) supplied by the parent. */
     zoom?: number;
 };
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:fitScale": (args_0: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:fitScale"?: ((args_0: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/viewer/components/SlideCanvas.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideCanvas.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/SlideCanvas.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA6DF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SlideCanvas.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/SlideCanvas.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;;;;;;;;;GAaG;AACH,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA+GF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/viewer/components/TableRenderer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/TableRenderer.vue"],"names":[],"mappings":"AAgOA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AAWnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAsMF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"TableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/TableRenderer.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AAQnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAsMF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/composables/visual-3d.d.ts

@@ -1,74 +1,11 @@
-import { PptxElement, Pptx3DScene, Pptx3DShape } from 'pptx-viewer-core';
+import { Computed3dStyle } from 'pptx-viewer-shared';
 import { CSSProperties } from 'vue';
-/** The CSS pieces produced by {@link get3dTransformCss}. */
-export interface Transform3dCss {
-    transform?: string;
-    transformStyle?: string;
-    perspective?: string;
-}
+export { get3dTransformCss, getExtrusionBoxShadow, getContourBoxShadow, getBevelStyle, getMaterialFilter, getComputed3dStyle, } from 'pptx-viewer-shared';
+export type { Transform3dCss, BevelCss, Computed3dStyle } from 'pptx-viewer-shared';
 /**
- * Camera/perspective → CSS transform. Maps OOXML camera presets and explicit
- * rotation angles to `perspective(...)` + `rotateX/Y/Z(...)`. When extrusion is
- * present a `translateZ` is appended so the front face sits above the stacked
- * box-shadow depth (mirrors React's `apply3dEffects`).
- *
- * Returns `undefined` when there is nothing 3D to apply.
- */
-export declare function get3dTransformCss(scene3d: Pptx3DScene | undefined, shape3d: Pptx3DShape | undefined): Transform3dCss | undefined;
-/**
- * Extrusion depth → layered `box-shadow`. Stacks up to {@link MAX_EXTRUSION_LAYERS}
- * offset shadows (radiating per camera angle) with a final soft shadow for
- * depth perception. Returns `undefined` when there is no extrusion.
- */
-export declare function getExtrusionBoxShadow(shape3d: Pptx3DShape | undefined, cameraRotX?: number, cameraRotY?: number): string | undefined;
-/** Contour (outline ring) → box-shadow. Returns `undefined` when no contour. */
-export declare function getContourBoxShadow(shape3d: Pptx3DShape | undefined): string | undefined;
-/** The CSS produced by {@link getBevelStyle}. */
-export interface BevelCss {
-    boxShadow: string;
-    background?: string;
-}
-/**
- * Bevel preset → inset `box-shadow` (top + bottom bevels combined), plus an
- * optional background gradient for presets that benefit from one
- * (convex/divot/softRound). Returns `undefined` when no bevel is present.
- */
-export declare function getBevelStyle(shape3d: Pptx3DShape | undefined): BevelCss | undefined;
-/** Material preset → CSS `filter`. Returns `undefined` when none/flat. */
-export declare function getMaterialFilter(shape3d: Pptx3DShape | undefined): string | undefined;
-/**
- * Aggregate 3D CSS for a shape style's `scene3d`/`shape3d`.
- *
- * NOTE: the extrusion box-shadow is returned SEPARATELY as `extrusionBoxShadow`
- * (and contour/bevel/material/backdrop shadows folded into `boxShadow`). The
- * caller is expected to comma-join `extrusionBoxShadow` AND `boxShadow` with
- * any pre-existing effect shadow rather than overwrite it. `filter`,
- * `backgroundImage` and `opacity` should likewise be merged, not clobbered.
- */
-export interface Computed3dStyle {
-    transform?: string;
-    transformStyle?: string;
-    perspective?: string;
-    willChange?: string;
-    /** Stacked extrusion depth shadow — combine separately from `boxShadow`. */
-    extrusionBoxShadow?: string;
-    /** Contour + bevel + backdrop + material specular shadows (comma-joined). */
-    boxShadow?: string;
-    background?: string;
-    backgroundImage?: string;
-    filter?: string;
-    opacity?: number;
-}
-/**
- * Compute the complete set of 3D CSS for an element's shape style. Reads
- * `scene3d`/`shape3d` off the element's `shapeStyle`. Returns `undefined`
- * when the element carries no 3D data so callers can skip merging entirely.
- */
-export declare function getComputed3dStyle(el: PptxElement): Computed3dStyle | undefined;
-/**
- * Convenience: merge a {@link Computed3dStyle} into an existing `CSSProperties`
- * object, COMBINING shadows/filters/backgrounds rather than overwriting. This
- * is the recommended integration helper for `getShapeFillStrokeStyle`.
+ * Merge a {@link Computed3dStyle} into an existing `CSSProperties` object,
+ * COMBINING shadows/filters/backgrounds rather than overwriting. This is the
+ * recommended integration helper for `getShapeFillStrokeStyle`.
  *
  * - `extrusionBoxShadow` + `boxShadow` are comma-joined with `base.boxShadow`.
  * - `filter` is space-joined; `backgroundImage` comma-joined (3D layer first).

package/dist/viewer/composables/visual-3d.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-3d.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/visual-3d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AA+jBzC,4DAA4D;AAC5D,MAAM,WAAW,cAAc;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAChC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,OAAO,EAAE,WAAW,GAAG,SAAS,GAC9B,cAAc,GAAG,SAAS,CA2C5B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACpC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,UAAU,SAAI,EACd,UAAU,SAAI,GACZ,MAAM,GAAG,SAAS,CA+BpB;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOxF;AAED,iDAAiD;AACjD,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CA+CpF;AAED,0EAA0E;AAC1E,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKtF;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,CA2F/E;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,GAAG,SAAS,GAAG,IAAI,CA+C7F"}
+{"version":3,"file":"visual-3d.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/visual-3d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EACN,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GAClB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEpF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,GAAG,SAAS,GAAG,IAAI,CA+C7F"}

package/dist/viewer/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../viewer-E6C9jlVo.cjs");
+const e = require("../viewer-QVDbby6z.cjs");
 exports.ChartRenderer = e.ChartRenderer_default, exports.ConnectorRenderer = e.ConnectorRenderer_default, exports.DEFAULT_CANVAS_HEIGHT = e.DEFAULT_CANVAS_HEIGHT, exports.DEFAULT_CANVAS_WIDTH = e.DEFAULT_CANVAS_WIDTH, exports.DEFAULT_FILL_COLOR = e.DEFAULT_FILL_COLOR, exports.DEFAULT_STROKE_COLOR = e.DEFAULT_STROKE_COLOR, exports.DEFAULT_TEXT_COLOR = e.DEFAULT_TEXT_COLOR, exports.ElementRenderer = e.ElementRenderer_default, exports.EquationRenderer = e.EquationRenderer_default, exports.InkRenderer = e.InkRenderer_default, exports.Model3DRenderer = e.Model3DRenderer_default, exports.OleRenderer = e.OleRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.SmartArtRenderer = e.SmartArtRenderer_default, exports.TableRenderer = e.TableRenderer_default, exports.WordArtText = e.WordArtText_default, exports.ZoomRenderer = e.ZoomRenderer_default, exports.buildInitialGuides = e.buildInitialGuides, exports.collectImagePaths = e.collectImagePaths, exports.collectMediaElements = e.collectMediaElements, exports.getContainerStyle = e.getContainerStyle, exports.getImageSrc = e.getImageSrc, exports.getResolvedShapeClipPath = e.getResolvedShapeClipPath, exports.getResolvedShapeClipPathFor = e.getResolvedShapeClipPathFor, exports.getShapeFillStrokeStyle = e.getShapeFillStrokeStyle, exports.getTextBlockStyle = e.getTextBlockStyle, exports.useEditorHistory = e.useEditorHistory, exports.useEditorOperations = e.useEditorOperations, exports.useLoadContent = e.useLoadContent;

package/dist/viewer/index.js

@@ -1,2 +1,2 @@
-import { A as a, D as s, E as e, I as r, L as n, M as d, O as o, T as t, _ as R, a as i, b as l, c as m, d as S, f as p, g as v, h as w, i as x, j as A, k as C, l as E, m as T, n as b, o as c, p as f, r as g, s as h, t as j, u as k, v as u, x as D, y as I } from "../viewer-QlecshSv.js";
+import { A as a, D as s, E as e, I as r, L as n, M as d, O as o, T as t, _ as R, a as i, b as l, c as m, d as S, f as p, g as v, h as w, i as x, j as A, k as C, l as E, m as T, n as b, o as c, p as f, r as g, s as h, t as j, u as k, v as u, x as D, y as I } from "../viewer-DOKNVF1b.js";
 export { R as ChartRenderer, v as ConnectorRenderer, t as DEFAULT_CANVAS_HEIGHT, e as DEFAULT_CANVAS_WIDTH, s as DEFAULT_FILL_COLOR, o as DEFAULT_STROKE_COLOR, C as DEFAULT_TEXT_COLOR, h as ElementRenderer, w as EquationRenderer, T as InkRenderer, f as Model3DRenderer, p as OleRenderer, j as PowerPointViewer, i as SlideCanvas, c as SlideStage, S as SmartArtRenderer, k as TableRenderer, E as WordArtText, m as ZoomRenderer, a as buildInitialGuides, A as collectImagePaths, d as collectMediaElements, u as getContainerStyle, I as getImageSrc, r as getResolvedShapeClipPath, n as getResolvedShapeClipPathFor, l as getShapeFillStrokeStyle, D as getTextBlockStyle, x as useEditorHistory, g as useEditorOperations, b as useLoadContent };