pptx-vue-viewer 1.5.2 → 1.6.0

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.5.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.5.3) - 2026-07-04
+
+## [1.5.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.5.2) - 2026-07-04
+
 ## [1.5.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.5.1) - 2026-07-04
 
 ## [1.5.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.5.0) - 2026-07-04

package/README.md

@@ -33,6 +33,7 @@ The rendering is done by the framework-agnostic [`pptx-viewer-core`](https://www
 - **Export**: PNG, PDF, GIF, and WebM video; print; Save As (pptx/ppsx/pptm).
 - **Collaboration**: real-time Yjs-based co-editing with cursor/selection presence.
 - **Comments, find/replace, accessibility panel, version history**, and more.
+- **Mobile chrome**: touch toolbar, bottom bar with sheets, and touch editing.
 - **Slide navigation**: live thumbnail previews, previous/next, and a slide counter.
 - **Zoom**: in, out, and reset.
 - **Themeable**: change colours through CSS custom properties.
@@ -161,17 +162,41 @@ async function save() {
 
 ### Events
 
-| Event                 | Payload      | Description                                        |
-| --------------------- | ------------ | -------------------------------------------------- |
-| `active-slide-change` | `number`     | Emits the active slide index on navigation.        |
-| `content-change`      | `Uint8Array` | Emits updated bytes after any editing change.      |
-| `dirty-change`        | `boolean`    | Emits `true`/`false` when the dirty state changes. |
+| Event                 | Payload      | Description                                                                          |
+| --------------------- | ------------ | ------------------------------------------------------------------------------------ |
+| `active-slide-change` | `number`     | Emits the active slide index on navigation.                                          |
+| `content-change`      | `Uint8Array` | Emits updated bytes after any editing change.                                        |
+| `dirty-change`        | `boolean`    | Emits `true`/`false` when the dirty state changes.                                   |
+| `mode-change`         | `string`     | Emits the new mode when it changes (`'preview'`, `'edit'`, `'present'`, `'master'`). |
+| `zoom-change`         | `number`     | Emits the new zoom level (1 = 100%).                                                 |
+| `selection-change`    | `string[]`   | Emits the selected element IDs when selection changes.                               |
+| `slide-count-change`  | `number`     | Emits the total slide count when slides are added/removed.                           |
 
 ### Exposed methods (template `ref`)
 
-| Method         | Returns               | Description                                    |
-| -------------- | --------------------- | ---------------------------------------------- |
-| `getContent()` | `Promise<Uint8Array>` | Serialise the current presentation to `.pptx`. |
+| Method                    | Returns               | Description                                    |
+| ------------------------- | --------------------- | ---------------------------------------------- |
+| `getContent()`            | `Promise<Uint8Array>` | Serialise the current presentation to `.pptx`. |
+| `goTo(index)`             | `void`                | Navigate to a slide by zero-based index.       |
+| `goPrev()`                | `void`                | Navigate to the previous slide.                |
+| `goNext()`                | `void`                | Navigate to the next slide.                    |
+| `undo()`                  | `void`                | Undo the last editing action.                  |
+| `redo()`                  | `void`                | Redo the last undone action.                   |
+| `canUndo()`               | `boolean`             | Whether an undo action is available.           |
+| `canRedo()`               | `boolean`             | Whether a redo action is available.            |
+| `getZoom()`               | `number`              | Get the current zoom level.                    |
+| `setZoom(level)`          | `void`                | Set the zoom level (clamped to 0.2 - 3.0).     |
+| `zoomIn()`                | `void`                | Zoom in by one step.                           |
+| `zoomOut()`               | `void`                | Zoom out by one step.                          |
+| `zoomReset()`             | `void`                | Reset zoom to 100%.                            |
+| `getMode()`               | `ViewerMode`          | Get the current viewer mode.                   |
+| `setMode(mode)`           | `void`                | Switch mode programmatically.                  |
+| `getActiveSlideIndex()`   | `number`              | Get the zero-based active slide index.         |
+| `getSlideCount()`         | `number`              | Get the total number of slides.                |
+| `isDirty()`               | `boolean`             | Whether the document has unsaved changes.      |
+| `getSelectedElementIds()` | `string[]`            | Get IDs of currently selected elements.        |
+| `selectElements(ids)`     | `void`                | Programmatically select elements by ID.        |
+| `clearSelection()`        | `void`                | Clear the current selection.                   |
 
 ### Exported components & helpers
 
@@ -200,17 +225,10 @@ Switch languages with `i18n.global.locale.value = 'fr'`. `pptx-vue-viewer/i18n`
 
 ## Limitations
 
-The Vue package is at functional parity with the React package across the
-editing, rendering, and presentation surface: secondary/log/display-unit chart
-axes (with trendlines, error bars, and data tables), real CSS-3D extruded faces,
-image `clrChange` chroma-key and shape `effectDag` duotone, interactive GLB/GLTF
-3D models, slide master/layout template editing, and zoom tiles that show the
-target slide's background, number, and section name (matching React; as in React,
-the tile is a styled summary rather than a live re-render of the target slide).
-
-The only differences from React are the CSS-rendering approximations the two
-share by design (see the root README's Limitations: `backdrop-filter` and path
-gradients are approximated on screen, and a few effects flatten in raster export).
+A handful of effects (`backdrop-filter`, path gradients) are approximated on
+screen, and a few effects flatten in raster export; see the root README's
+Limitations for details.
+
 The `pptx-viewer-core` engine parses all slide data, so anything not surfaced in
 the UI is still readable from the model.
 

package/dist/gif-encoder-1oQk8IOn.js

@@ -0,0 +1,2 @@
+import { H as r } from "./viewer-DnYNLAqp.js";
+export { r as encodeGif };

package/dist/gif-encoder-1oQk8IOn.js.br

@@ -0,0 +1,3 @@
+�$�import { H as r } from "./viewer-DnYNLAqp.js";
+export { r as encodeGif };
+

package/dist/gif-encoder-DYX4iRih.cjs

@@ -0,0 +1,2 @@
+const e = require("./viewer-3CMqXDnN.cjs");
+exports.encodeGif = e.encodeGif;

package/dist/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-90hBuLYm.cjs");
+const e = require("./viewer-3CMqXDnN.cjs");
 exports.AUDIENCE_HASH = e.AUDIENCE_HASH, exports.ElementRenderer = e.ElementRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.clearAudienceContent = e.clearAudienceContent, exports.cn = e.cn, exports.defaultCssVars = e.defaultCssVars, exports.defaultRadius = e.defaultRadius, exports.defaultThemeColors = e.defaultThemeColors, exports.isAudienceTab = e.isAudienceTab, exports.loadAudienceContent = e.loadAudienceContent, exports.provideViewerTheme = e.provideViewerTheme, exports.storeAudienceContent = e.storeAudienceContent, exports.themeToCssVars = e.themeToCssVars, exports.useThemeStyle = e.useThemeStyle, exports.useViewerTheme = e.useViewerTheme;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { PowerPointViewer, SlideCanvas, SlideStage, ElementRenderer } from './viewer';
 export type { PowerPointViewerProps, PowerPointViewerEmits, PowerPointViewerExpose, CollaborationConfig, CollaborationRole, CanvasSize, } from './viewer';
+export type { ViewerMode, PowerPointViewerAPI } from 'pptx-viewer-shared';
 export { AUDIENCE_HASH, isAudienceTab, storeAudienceContent, loadAudienceContent, clearAudienceContent, } from './viewer';
 export { cn } from './utils';
 export type { ViewerTheme, ViewerThemeColors } from './theme';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACtF,YAAY,EACX,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACV,MAAM,UAAU,CAAC;AAGlB,OAAO,EACN,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACpB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAG7B,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EACN,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,aAAa,GACb,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACtF,YAAY,EACX,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACV,MAAM,UAAU,CAAC;AAGlB,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG1E,OAAO,EACN,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACpB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAG7B,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EACN,kBAAkB,EAClB,aAAa,EACb,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,aAAa,GACb,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
-import { B as a, F as s, G as e, N as r, P as i, V as o, a as t, d as n, f as d, i as l, n as m, o as p, p as w, r as P, t as S, u as f, z as v } from "./viewer-BEoa6OFB.js";
+import { B as a, F as s, G as e, N as r, P as i, V as o, a as t, d as n, f as d, i as l, n as m, o as p, p as w, r as P, t as S, u as f, z as v } from "./viewer-DnYNLAqp.js";
 export { S as AUDIENCE_HASH, w as ElementRenderer, p as PowerPointViewer, f as SlideCanvas, d as SlideStage, m as clearAudienceContent, n as cn, v as defaultCssVars, a as defaultRadius, o as defaultThemeColors, P as isAudienceTab, l as loadAudienceContent, r as provideViewerTheme, t as storeAudienceContent, e as themeToCssVars, i as useThemeStyle, s as useViewerTheme };

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

@@ -3,14 +3,22 @@ declare const __VLS_export: import('vue').DefineComponent<PowerPointViewerProps,
     "dirty-change": (isDirty: boolean) => any;
     "content-change": (content: Uint8Array<ArrayBufferLike>) => any;
     autosave: (content: Uint8Array<ArrayBufferLike>) => any;
-    "active-slide-change": (slideIndex: number) => any;
+    "active-slide-change": (value: number) => any;
+    "zoom-change": (value: number) => any;
+    "slide-count-change": (value: number) => any;
+    "mode-change": (mode: string) => any;
+    "selection-change": (elementIds: string[]) => any;
     "start-collaboration": (config: import('pptx-viewer-shared').CollaborationConfig) => any;
     "stop-collaboration": () => any;
 }, string, import('vue').PublicProps, Readonly<PowerPointViewerProps> & Readonly<{
     "onDirty-change"?: ((isDirty: boolean) => any) | undefined;
     "onContent-change"?: ((content: Uint8Array<ArrayBufferLike>) => any) | undefined;
     onAutosave?: ((content: Uint8Array<ArrayBufferLike>) => any) | undefined;
-    "onActive-slide-change"?: ((slideIndex: number) => any) | undefined;
+    "onActive-slide-change"?: ((value: number) => any) | undefined;
+    "onZoom-change"?: ((value: number) => any) | undefined;
+    "onSlide-count-change"?: ((value: number) => any) | undefined;
+    "onMode-change"?: ((mode: string) => any) | undefined;
+    "onSelection-change"?: ((elementIds: string[]) => any) | undefined;
     "onStart-collaboration"?: ((config: import('pptx-viewer-shared').CollaborationConfig) => any) | undefined;
     "onStop-collaboration"?: (() => any) | undefined;
 }>, {

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":"AAmjEA,OAAO,KAAK,EAAyB,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2kHpG,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":"AAopEA,OAAO,KAAK,EAAyB,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA4qHpG,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../viewer-90hBuLYm.cjs");
+const e = require("../viewer-3CMqXDnN.cjs");
 exports.AUDIENCE_HASH = e.AUDIENCE_HASH, 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.clearAudienceContent = e.clearAudienceContent, 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.isAudienceTab = e.isAudienceTab, exports.loadAudienceContent = e.loadAudienceContent, exports.storeAudienceContent = e.storeAudienceContent, 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, C as s, D as e, E as r, I as n, L as d, M as o, O as t, R, S as i, T as l, U as m, W as S, _ as w, a as C, b as p, c as v, f as x, g as A, h as E, i as T, j as b, k as c, l as f, m as g, n as h, o as j, p as k, r as u, s as D, t as I, u as M, v as O, w as P, x as W, y as q } from "../viewer-BEoa6OFB.js";
+import { A as a, C as s, D as e, E as r, I as n, L as d, M as o, O as t, R, S as i, T as l, U as m, W as S, _ as w, a as C, b as p, c as v, f as x, g as A, h as E, i as T, j as b, k as c, l as f, m as g, n as h, o as j, p as k, r as u, s as D, t as I, u as M, v as O, w as P, x as W, y as q } from "../viewer-DnYNLAqp.js";
 export { I as AUDIENCE_HASH, s as ChartRenderer, i as ConnectorRenderer, t as DEFAULT_CANVAS_HEIGHT, c as DEFAULT_CANVAS_WIDTH, a as DEFAULT_FILL_COLOR, b as DEFAULT_STROKE_COLOR, o as DEFAULT_TEXT_COLOR, k as ElementRenderer, W as EquationRenderer, p as InkRenderer, q as Model3DRenderer, O as OleRenderer, j as PowerPointViewer, M as SlideCanvas, x as SlideStage, w as SmartArtRenderer, A as TableRenderer, E as WordArtText, g as ZoomRenderer, n as buildInitialGuides, h as clearAudienceContent, d as collectImagePaths, R as collectMediaElements, P as getContainerStyle, l as getImageSrc, m as getResolvedShapeClipPath, S as getResolvedShapeClipPathFor, r as getShapeFillStrokeStyle, e as getTextBlockStyle, u as isAudienceTab, T as loadAudienceContent, C as storeAudienceContent, f as useEditorHistory, v as useEditorOperations, D as useLoadContent };

package/dist/viewer/types.d.ts

@@ -1,4 +1,4 @@
-import { CanvasSize, CollaborationConfig, CollaborationRole } from 'pptx-viewer-shared';
+import { CanvasSize, CollaborationConfig, CollaborationRole, PowerPointViewerAPI } from 'pptx-viewer-shared';
 import { ViewerTheme } from '../theme';
 /**
  * Public component types for the Vue PowerPoint viewer.
@@ -89,6 +89,10 @@ export interface PowerPointViewerProps {
  *  - `onDirtyChange`       → `@dirty-change`
  *  - `onContentChange`     → `@content-change`
  *  - `onActiveSlideChange` → `@active-slide-change`
+ *  - `onModeChange`        → `@mode-change`
+ *  - `onZoomChange`        → `@zoom-change`
+ *  - `onSelectionChange`   → `@selection-change`
+ *  - `onSlideCountChange`  → `@slide-count-change`
  */
 export interface PowerPointViewerEmits {
     /** Fired when the unsaved-changes flag toggles. */
@@ -98,8 +102,12 @@ export interface PowerPointViewerEmits {
      * edits) and when autosave persists the presentation.
      */
     (e: 'content-change' | 'autosave', content: Uint8Array): void;
-    /** Fired when the active slide changes. */
-    (e: 'active-slide-change', slideIndex: number): void;
+    /** Fired when the active slide, zoom level, or slide count changes. */
+    (e: 'active-slide-change' | 'zoom-change' | 'slide-count-change', value: number): void;
+    /** Fired when the viewer mode changes. */
+    (e: 'mode-change', mode: string): void;
+    /** Fired when element selection changes. */
+    (e: 'selection-change', elementIds: string[]): void;
     /** Fired when the user starts a collaboration session from the Share dialog. */
     (e: 'start-collaboration', config: CollaborationConfig): void;
     /** Fired when the user stops a collaboration session from the Share dialog. */
@@ -107,7 +115,7 @@ export interface PowerPointViewerEmits {
 }
 /**
  * Imperative surface exposed via `defineExpose`, retrievable through a
- * template ref. Mirrors the React `PowerPointViewerHandle`.
+ * template ref. Implements the shared {@link PowerPointViewerAPI} contract.
  *
  * @example
  * ```vue
@@ -121,7 +129,7 @@ export interface PowerPointViewerEmits {
  * </script>
  * ```
  */
-export interface PowerPointViewerExpose {
+export interface PowerPointViewerExpose extends PowerPointViewerAPI {
     /** Serialise the current presentation to `.pptx` bytes. */
     getContent: () => Promise<Uint8Array>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/viewer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AACH,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,yDAAyD;IACzD,OAAO,EAAE,UAAU,GAAG,WAAW,CAAC;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,kDAAkD;IAClD,aAAa,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACrC,mDAAmD;IACnD,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,CAAC,CAAC,EAAE,gBAAgB,GAAG,UAAU,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9D,2CAA2C;IAC3C,CAAC,CAAC,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACrD,gFAAgF;IAChF,CAAC,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC9D,+EAA+E;IAC/E,CAAC,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,sBAAsB;IACtC,2DAA2D;IAC3D,UAAU,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/viewer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AACH,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,yDAAyD;IACzD,OAAO,EAAE,UAAU,GAAG,WAAW,CAAC;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,kDAAkD;IAClD,aAAa,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,qBAAqB;IACrC,mDAAmD;IACnD,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C;;;OAGG;IACH,CAAC,CAAC,EAAE,gBAAgB,GAAG,UAAU,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9D,uEAAuE;IACvE,CAAC,CAAC,EAAE,qBAAqB,GAAG,aAAa,GAAG,oBAAoB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACvF,0CAA0C;IAC1C,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,4CAA4C;IAC5C,CAAC,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACpD,gFAAgF;IAChF,CAAC,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC9D,+EAA+E;IAC/E,CAAC,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IAClE,2DAA2D;IAC3D,UAAU,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,CAAC;CACtC"}

package/dist/{viewer-90hBuLYm.cjs → viewer-3CMqXDnN.cjs}

@@ -35454,7 +35454,7 @@ function hQ(e) {
 		canvasSize: a,
 		rasterizeSlide: d
 	}), m = function(e) {
-		const { slideCount: t, rasterizeSlide: o } = e, r = e.loadGifEncoder ?? (async () => (await Promise.resolve().then(() => require("./gif-encoder-CBDIqbU9.cjs"))).encodeGif), a = e.createRecorder ?? fQ, l = e.createCanvas ?? (() => document.createElement("canvas")), i = e.downloadBlob ?? qi, s = (0, n.ref)(!1), c = (0, n.ref)(0);
+		const { slideCount: t, rasterizeSlide: o } = e, r = e.loadGifEncoder ?? (async () => (await Promise.resolve().then(() => require("./gif-encoder-DYX4iRih.cjs"))).encodeGif), a = e.createRecorder ?? fQ, l = e.createCanvas ?? (() => document.createElement("canvas")), i = e.downloadBlob ?? qi, s = (0, n.ref)(!1), c = (0, n.ref)(0);
 		return {
 			exporting: s,
 			progress: c,
@@ -36934,6 +36934,10 @@ var RQ = ["tabindex"], UQ = {
 		"content-change",
 		"autosave",
 		"active-slide-change",
+		"zoom-change",
+		"slide-count-change",
+		"mode-change",
+		"selection-change",
 		"start-collaboration",
 		"stop-collaboration"
 	],
@@ -37048,7 +37052,15 @@ var RQ = ["tabindex"], UQ = {
 			pushHistory: oe.pushHistory,
 			selectedElementIds: te,
 			templateElementsBySlideId: p
-		}), ae = (0, n.computed)(() => te.value.length > 0), le = (0, n.computed)(() => p.value[R.value?.id ?? ""] ?? []);
+		}), ae = (0, n.computed)(() => te.value.length > 0);
+		(0, n.watch)(Y, (e) => {
+			l("zoom-change", e);
+		}), (0, n.watch)(te, (e) => {
+			l("selection-change", e);
+		}), (0, n.watch)(O, (e) => {
+			l("slide-count-change", e);
+		});
+		const le = (0, n.computed)(() => p.value[R.value?.id ?? ""] ?? []);
 		function ie(e) {
 			return nr(e) ? le.value.find((t) => t.id === e) : R.value?.elements.find((t) => t.id === e);
 		}
@@ -37749,7 +37761,11 @@ var RQ = ["tabindex"], UQ = {
 			slides: d,
 			pushHistory: oe.pushHistory,
 			ops: re
-		}), Sr = (Er = {
+		});
+		(0, n.watch)(vr, (e) => {
+			l("mode-change", e);
+		});
+		const Sr = (Er = {
 			ribbonMode: vr,
 			canEdit: () => a.canEdit,
 			isMobile: Yn,
@@ -37861,7 +37877,67 @@ var RQ = ["tabindex"], UQ = {
 			...DQ(Er)
 		})));
 		var Er;
-		return o({ getContent: I }), (e, t) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", {
+		return o({
+			getContent: I,
+			goTo: U,
+			goPrev: W,
+			goNext: j,
+			undo: () => oe.undo(),
+			redo: () => oe.redo(),
+			canUndo: () => oe.canUndo.value,
+			canRedo: () => oe.canRedo.value,
+			getZoom: () => Y.value,
+			setZoom: (e) => {
+				Y.value = Math.min(Math.max(e, .2), 3);
+			},
+			zoomIn: X,
+			zoomOut: q,
+			zoomReset: Z,
+			getMode: () => vr.value,
+			setMode: (e) => {
+				"present" === e ? dt() : "master" === e ? io.value = !0 : (ut.value = !1, io.value = !1);
+			},
+			getActiveSlideIndex: () => _.value,
+			setActiveSlideIndex: (e) => U(e),
+			getSlideCount: () => O.value,
+			isDirty: () => ln.isDirty.value,
+			getSlides: () => d.value,
+			getSlide: (e) => d.value[e],
+			getActiveSlide: () => R.value,
+			addSlide: () => rt.addSlide(),
+			deleteSlides: (e) => {
+				for (const t of [...e].sort((e, t) => t - e)) rt.deleteSlide(t);
+			},
+			duplicateSlides: (e) => {
+				for (const t of e) rt.duplicateSlide(t);
+			},
+			moveSlide: (e, t) => rt.moveSlide(e, t),
+			toggleHideSlides: (e) => {
+				for (const t of e) _t(t);
+			},
+			getElements: (e) => {
+				const t = e ?? _.value;
+				return d.value[t]?.elements ?? [];
+			},
+			getElementById: (e, t) => {
+				const n = t ?? _.value;
+				return d.value[n]?.elements.find((t) => t.id === e);
+			},
+			updateElement: (e, t) => {
+				re.updateElement(e, t);
+			},
+			deleteElements: (e) => {
+				for (const t of e) re.removeElement(t);
+			},
+			duplicateElement: (e) => re.duplicateElement(e),
+			getSelectedElementIds: () => te.value,
+			selectElements: (e) => {
+				te.value = e;
+			},
+			clearSelection: () => {
+				te.value = [];
+			}
+		}), (e, t) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", {
 			ref_key: "viewerRootRef",
 			ref: Gn,
 			class: (0, n.normalizeClass)(["pptx-vue-viewer", a.class]),

package/dist/{viewer-BEoa6OFB.js → viewer-DnYNLAqp.js}

@@ -35453,7 +35453,7 @@ function k5(e) {
 		canvasSize: a,
 		rasterizeSlide: c
 	}), d = function(e) {
-		const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-i2G5pvrX.js")).encodeGif), a = e.createRecorder ?? y5, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? Zp, i = nt(!1), s = nt(0);
+		const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-1oQk8IOn.js")).encodeGif), a = e.createRecorder ?? y5, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? Zp, i = nt(!1), s = nt(0);
 		return {
 			exporting: i,
 			progress: s,
@@ -36932,6 +36932,10 @@ var Y5 = ["tabindex"], V5 = {
 		"content-change",
 		"autosave",
 		"active-slide-change",
+		"zoom-change",
+		"slide-count-change",
+		"mode-change",
+		"selection-change",
 		"start-collaboration",
 		"stop-collaboration"
 	],
@@ -37045,7 +37049,15 @@ var Y5 = ["tabindex"], V5 = {
 			pushHistory: ce.pushHistory,
 			selectedElementIds: se,
 			templateElementsBySlideId: f
-		}), de = Ie(() => se.value.length > 0), me = Ie(() => f.value[G.value?.id ?? ""] ?? []);
+		}), de = Ie(() => se.value.length > 0);
+		bt(ee, (e) => {
+			s("zoom-change", e);
+		}), bt(se, (e) => {
+			s("selection-change", e);
+		}), bt(K, (e) => {
+			s("slide-count-change", e);
+		});
+		const me = Ie(() => f.value[G.value?.id ?? ""] ?? []);
 		function fe(e) {
 			return os(e) ? me.value.find((t) => t.id === e) : G.value?.elements.find((t) => t.id === e);
 		}
@@ -37746,7 +37758,11 @@ var Y5 = ["tabindex"], V5 = {
 			slides: m,
 			pushHistory: ce.pushHistory,
 			ops: pe
-		}), er = (tr = {
+		});
+		bt(Xa, (e) => {
+			s("mode-change", e);
+		});
+		const er = (tr = {
 			ribbonMode: Xa,
 			canEdit: () => a.canEdit,
 			isMobile: To,
@@ -37858,7 +37874,67 @@ var Y5 = ["tabindex"], V5 = {
 			...L5(tr)
 		})));
 		var tr;
-		return t({ getContent: N }), (e, t) => (Qe(), Ae("div", {
+		return t({
+			getContent: N,
+			goTo: Y,
+			goPrev: V,
+			goNext: X,
+			undo: () => ce.undo(),
+			redo: () => ce.redo(),
+			canUndo: () => ce.canUndo.value,
+			canRedo: () => ce.canRedo.value,
+			getZoom: () => ee.value,
+			setZoom: (e) => {
+				ee.value = Math.min(Math.max(e, .2), 3);
+			},
+			zoomIn: te,
+			zoomOut: oe,
+			zoomReset: ae,
+			getMode: () => Xa.value,
+			setMode: (e) => {
+				"present" === e ? jt() : "master" === e ? No.value = !0 : (Wt.value = !1, No.value = !1);
+			},
+			getActiveSlideIndex: () => H.value,
+			setActiveSlideIndex: (e) => Y(e),
+			getSlideCount: () => K.value,
+			isDirty: () => Rn.isDirty.value,
+			getSlides: () => m.value,
+			getSlide: (e) => m.value[e],
+			getActiveSlide: () => G.value,
+			addSlide: () => Lt.addSlide(),
+			deleteSlides: (e) => {
+				for (const t of [...e].sort((e, t) => t - e)) Lt.deleteSlide(t);
+			},
+			duplicateSlides: (e) => {
+				for (const t of e) Lt.duplicateSlide(t);
+			},
+			moveSlide: (e, t) => Lt.moveSlide(e, t),
+			toggleHideSlides: (e) => {
+				for (const t of e) gn(t);
+			},
+			getElements: (e) => {
+				const t = e ?? H.value;
+				return m.value[t]?.elements ?? [];
+			},
+			getElementById: (e, t) => {
+				const n = t ?? H.value;
+				return m.value[n]?.elements.find((t) => t.id === e);
+			},
+			updateElement: (e, t) => {
+				pe.updateElement(e, t);
+			},
+			deleteElements: (e) => {
+				for (const t of e) pe.removeElement(t);
+			},
+			duplicateElement: (e) => pe.duplicateElement(e),
+			getSelectedElementIds: () => se.value,
+			selectElements: (e) => {
+				se.value = e;
+			},
+			clearSelection: () => {
+				se.value = [];
+			}
+		}), (e, t) => (Qe(), Ae("div", {
 			ref_key: "viewerRootRef",
 			ref: $o,
 			class: Ge(["pptx-vue-viewer", a.class]),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vue-viewer",
-	"version": "1.5.2",
+	"version": "1.6.0",
 	"description": "Vue 3 PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",

package/dist/gif-encoder-CBDIqbU9.cjs

@@ -1,2 +0,0 @@
-const e = require("./viewer-90hBuLYm.cjs");
-exports.encodeGif = e.encodeGif;

package/dist/gif-encoder-i2G5pvrX.js

@@ -1,2 +0,0 @@
-import { H as r } from "./viewer-BEoa6OFB.js";
-export { r as encodeGif };