pptx-vue-viewer 1.1.9 → 1.1.11

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-wQu55LlZ.cjs");
+const e = require("./viewer-E6C9jlVo.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.cjs.br

@@ -1,4 +1,6 @@
-�`�v�K�������4C7��G��{�^�r1�
-�n�����͞���	��$k����5Z\�S�]򳝘�{\%���j����؆iM�#&�,ױ)|~�Q+Dr9�˽�a�N!̘��(G��l��a��펴�㊵��!���τ�\}-A_]ܐY�}�����RB�=�)���t�;�7�ڰ#4��������GvuO��R{��%mҧ$��������$%L�;�iў�$w���a��+�3P�
+�`�v,2mF�d7�wy3j[�2��%k�!�W_�U:��mc��B�۝�6����3��8���dm6���F�q
+�K~��c*��GWk�?�-Ƕt6�=FLF�Y�cS���B��\
+ؗ{�c�Jg��v��Xin����#fz�ݣ[�qey�ɐ���A♐r����\ܐY�}�����RB�=�)���^ݝ��	mؑ��Wt����
+����Woz��Ԟh͒�I�╽�D\o���$)a2�)w\��$w���a��+�3P�
 d
-�%Gug�&����5�QHߡ7��$,�
+�%Gu+�:ar�?'kp���Co4E9HX�

package/dist/index.js

@@ -1,7 +1,7 @@
-import { C as a, S as s, T as e, a as r, d as i, f as t, i as o, p as m, r as n, t as d, w as f } from "./viewer-DfpZaCMv.js";
-import { clsx as l } from "clsx";
-import { twMerge as p } from "tailwind-merge";
-function w(...a) {
-	return p(l(a));
+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 { clsx as d } from "clsx";
+import { twMerge as f } from "tailwind-merge";
+function p(...a) {
+	return f(d(a));
 }
-export { r as ElementRenderer, d as PowerPointViewer, n as SlideCanvas, o as SlideStage, w as cn, s as defaultCssVars, a as defaultRadius, f as defaultThemeColors, i as provideViewerTheme, e as themeToCssVars, t as useThemeStyle, m as useViewerTheme };
+export { n as ElementRenderer, l as PowerPointViewer, t as SlideCanvas, m as SlideStage, p as cn, e as defaultCssVars, r as defaultRadius, s as defaultThemeColors, o as provideViewerTheme, i as themeToCssVars, a as useThemeStyle, w as useViewerTheme };

package/dist/pptx-vue-viewer.css

@@ -177,6 +177,16 @@
 	background: #1e293b;
 }
 
+/*
+ * In editor mode the slide surface must own all pointer/touch gestures so a
+ * finger drag/resize/rotate isn't stolen by the browser for panning or
+ * pinch-zoom. View-only mode keeps default touch behaviour so the slide can
+ * still be scrolled.
+ */
+.pptx-vue-main.is-editable .pptx-vue-stage {
+	touch-action: none;
+}
+
 /* ── Canvas ─────────────────────────────────────────────────────────── */
 .pptx-vue-canvas-viewport {
 	width: 100%;
@@ -198,3 +208,75 @@
 	font-size: 0.75rem;
 	background: rgba(99, 102, 241, 0.06);
 }
+
+/* ── Mobile / coarse-pointer ─────────────────────────────────────────── */
+/*
+ * On small screens and touch devices the toolbar buttons are too small to tap
+ * reliably and the toolbar overflows. Below we (1) grow the nav/zoom buttons to
+ * ≥44px touch targets, (2) let the toolbar wrap / scroll horizontally instead
+ * of overflowing, and (3) collapse the side panels so the slide canvas gets the
+ * available width. Horizontal swipe navigation is wired up in the component
+ * (touchstart/touchend on <main>) for non-editing mode; the dedicated mobile
+ * bottom bar and the large ‹ › buttons remain the always-available fallback.
+ */
+@media (max-width: 640px), (pointer: coarse) {
+	.pptx-vue-toolbar {
+		flex-wrap: wrap;
+		gap: 0.5rem;
+		row-gap: 0.5rem;
+		padding: 0.5rem;
+	}
+
+	.pptx-vue-zoom {
+		flex: 1 1 100%;
+		flex-wrap: wrap;
+		overflow-x: auto;
+		-webkit-overflow-scrolling: touch;
+		scrollbar-width: thin;
+		padding-bottom: 0.15rem;
+	}
+
+	.pptx-vue-nav button,
+	.pptx-vue-zoom button {
+		min-width: 44px;
+		min-height: 44px;
+		height: auto;
+		padding: 0 0.65rem;
+		font-size: 1.1rem;
+		flex: 0 0 auto;
+	}
+
+	/* Emphasise the prev/next controls — primary on-screen navigation. */
+	.pptx-vue-nav button {
+		font-size: 1.5rem;
+		font-weight: 600;
+	}
+
+	/* Shrink the slide thumbnails rail to a slim horizontal strip. */
+	.pptx-vue-thumbnails {
+		flex-direction: row;
+		width: auto;
+		max-width: 100%;
+		overflow-x: auto;
+		overflow-y: hidden;
+		border-right: none;
+		border-bottom: 1px solid var(--pptx-border);
+		padding: 0.5rem;
+	}
+
+	.pptx-vue-thumbnails .pptx-vue-thumb {
+		flex: 0 0 4.5rem;
+		width: 4.5rem;
+	}
+
+	/* Stack the body vertically so the canvas spans the full width. */
+	.pptx-vue-body {
+		flex-direction: column;
+	}
+
+	/* Give the canvas the bulk of the vertical space. */
+	.pptx-vue-main {
+		flex: 1 1 auto;
+		min-height: 50vh;
+	}
+}

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

@@ -1,15 +1,17 @@
-import { PowerPointViewerExpose, PowerPointViewerProps } from './types';
+import { CollaborationConfig, PowerPointViewerExpose, PowerPointViewerProps } from './types';
 declare const __VLS_export: import('vue').DefineComponent<PowerPointViewerProps, PowerPointViewerExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "dirty-change": (isDirty: boolean) => any;
     "content-change": (content: Uint8Array<ArrayBufferLike>) => any;
+    autosave: (content: Uint8Array<ArrayBufferLike>) => any;
     "active-slide-change": (slideIndex: number) => any;
-    "start-collaboration": (config: import('pptx-viewer-shared').CollaborationConfig) => any;
+    "start-collaboration": (config: 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;
-    "onStart-collaboration"?: ((config: import('pptx-viewer-shared').CollaborationConfig) => any) | undefined;
+    "onStart-collaboration"?: ((config: CollaborationConfig) => any) | undefined;
     "onStop-collaboration"?: (() => any) | undefined;
 }>, {
     canEdit: boolean;

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":"AAuLA,OAAO,KAAK,EAAyB,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA+QpG,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":"AAswCA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAm7DjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,24 @@
+import { AccessibilityIssue } from 'pptx-viewer-core';
+/**
+ * AccessibilityPanel — lists accessibility issues for the current
+ * presentation, grouped by severity (errors first, then warnings, then tips).
+ *
+ * Each issue shows a human-readable type label, its message, and which slide
+ * it lives on. Clicking an issue emits `select-slide` with the issue's
+ * zero-based slide index so the host editor can jump to that slide. When there
+ * are no issues a clean empty state is shown instead.
+ *
+ * Purely presentational: the caller supplies the already-computed issue list
+ * (see the `useAccessibility` composable).
+ */
+type __VLS_Props = {
+    issues: AccessibilityIssue[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "select-slide": (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onSelect-slide"?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=AccessibilityPanel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/AccessibilityPanel.vue"],"names":[],"mappings":"AA8QA,OAAO,KAAK,EACX,kBAAkB,EAGlB,MAAM,kBAAkB,CAAC;AAG1B;;;;;;;;;;;GAWG;AACH,KAAK,WAAW,GAAG;IAClB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC7B,CAAC;AAmNF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,33 @@
+import { AlignEdge, DistributeAxis } from 'pptx-viewer-shared';
+/**
+ * AlignToolbar — a compact, purely presentational button row for the editor's
+ * align / distribute / group operations.
+ *
+ * It owns no state and performs no geometry: every button emits an intent and
+ * the host (PowerPointViewer) applies it against the current selection. Group
+ * is disabled until two or more elements are selected; Ungroup is disabled
+ * unless a single group element is selected — both gated by props.
+ *
+ * Icons are inline SVG glyphs (no external icon dependency) so the toolbar is
+ * self-contained. Styling is scoped with the `pptx-vue-` class prefix.
+ */
+type __VLS_Props = {
+    /** Whether the current selection can be grouped (≥ 2 elements). */
+    canGroup: boolean;
+    /** Whether the current selection can be ungrouped (a group is selected). */
+    canUngroup: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    distribute: (axis: DistributeAxis) => any;
+    group: () => any;
+    align: (edge: AlignEdge) => any;
+    ungroup: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDistribute?: ((axis: DistributeAxis) => any) | undefined;
+    onGroup?: (() => any) | undefined;
+    onAlign?: ((edge: AlignEdge) => any) | undefined;
+    onUngroup?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=AlignToolbar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlignToolbar.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/AlignToolbar.vue"],"names":[],"mappings":"AA8OA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpE;;;;;;;;;;;GAWG;AACH,KAAK,WAAW,GAAG;IAClB,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAqTF,QAAA,MAAM,YAAY;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,9 @@
+import { AutosaveStatus } from '../composables/useAutosave';
+type __VLS_Props = {
+    status: AutosaveStatus;
+    isDirty: boolean;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=AutosaveIndicator.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutosaveIndicator.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/AutosaveIndicator.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,KAAK,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;CACjB,CAAC;AAuFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,26 @@
+interface BroadcastDefaults {
+    roomId?: string;
+    serverUrl?: string;
+}
+interface BroadcastConfig {
+    roomId: string;
+    serverUrl: string;
+}
+type __VLS_Props = {
+    open: boolean;
+    defaults?: BroadcastDefaults;
+    active?: boolean;
+    viewerUrl?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    start: (config: BroadcastConfig) => any;
+    stop: () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onStart?: ((config: BroadcastConfig) => any) | undefined;
+    onStop?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=BroadcastDialog.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BroadcastDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/BroadcastDialog.vue"],"names":[],"mappings":"AA4UA,UAAU,iBAAiB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,eAAe;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,WAAW,GAAG;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAsQF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,40 @@
+import { PptxElement } from 'pptx-viewer-core';
+/**
+ * ChartRenderer — Vue port of the React chart renderer (`viewer/utils/chart.tsx`
+ * and friends). Renders a PPTX chart element as an inline SVG.
+ *
+ * Implemented chart types (faithful subset):
+ *   - bar / column (clustered)        — React `chart-bar.tsx`
+ *   - stacked + 100%-stacked bar      — React `chart-stacked-bar.tsx`
+ *   - line / line3D                   — React `chart-area-line.tsx`
+ *   - area / area3D                   — React `chart-area-line.tsx`
+ *   - pie / doughnut / pie3D          — React `chart-pie.tsx`
+ *   - chrome (title, axes, gridlines, legend, data labels) — `chart-chrome.tsx`
+ *
+ * Everything else renders a labelled placeholder box `Chart: <type>`.
+ * Deferred types (see the dispatch below):
+ *   // TODO(vue): port radar          (React chart-radar.tsx)
+ *   // TODO(vue): port scatter        (React chart-scatter-bubble.tsx)
+ *   // TODO(vue): port bubble         (React chart-scatter-bubble.tsx)
+ *   // TODO(vue): port stock          (React chart-stock.tsx)
+ *   // TODO(vue): port surface        (React chart-surface-treemap.tsx)
+ *   // TODO(vue): port treemap        (React chart-surface-treemap.tsx)
+ *   // TODO(vue): port sunburst       (React chart-sunburst-funnel.tsx)
+ *   // TODO(vue): port funnel         (React chart-sunburst-funnel.tsx)
+ *   // TODO(vue): port waterfall      (React chart-waterfall-combo.tsx)
+ *   // TODO(vue): port combo          (React chart-waterfall-combo.tsx)
+ *   // TODO(vue): port regionMap      (React chart-map.tsx)
+ *   // TODO(vue): port boxWhisker     (React chart-bar.tsx)
+ *   // TODO(vue): port histogram      (React chart-bar.tsx)
+ *   // TODO(vue): port trendlines + overlay lines (React chart-overlays/-trendlines)
+ *   // TODO(vue): port secondary axes + data tables + log/display-unit axes
+ */
+type __VLS_Props = {
+    element: PptxElement;
+    zIndex: number;
+    mediaDataUrls?: Map<string, string>;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ChartRenderer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ChartRenderer.vue"],"names":[],"mappings":"AAqpBA,OAAO,KAAK,EAAgC,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBlF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAssBF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,45 @@
+/**
+ * CollaborationCursors — presentational overlay that renders remote
+ * collaborators' cursors above the slide canvas.
+ *
+ * This component is purely visual: it owns no network/Yjs logic. The
+ * integrator supplies a reactive list of {@link RemoteCursor} entries (via the
+ * collaboration composable) and the current `zoom`. Each entry is drawn as an
+ * absolutely-positioned pointer SVG plus a name-label chip in the user's
+ * colour, placed at `(x * zoom, y * zoom)`.
+ *
+ * `x`/`y` are *unscaled* slide coordinates (px); this component multiplies by
+ * `zoom` so it can be mounted inside the scaled slide-stage host (like a
+ * selection overlay) while still receiving raw slide-space coordinates.
+ *
+ * The overlay sets `pointer-events: none` so it never intercepts canvas input.
+ */
+/** A single remote collaborator's cursor, in unscaled slide coordinates. */
+export interface RemoteCursor {
+    /** Stable id for the remote client (awareness clientId or peer id). */
+    clientId: number | string;
+    /** Display name shown in the label chip. */
+    userName: string;
+    /** Cursor + chip colour (any CSS colour string). */
+    color: string;
+    /** Unscaled slide-space X coordinate (px). */
+    x: number;
+    /** Unscaled slide-space Y coordinate (px). */
+    y: number;
+    /** Optional ids of elements this user has selected. */
+    selectionIds?: string[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    /** Remote collaborators to render, in unscaled slide coordinates. */
+    cursors: RemoteCursor[];
+    /** Current canvas zoom factor; cursor positions scale by this. */
+    zoom: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /** Remote collaborators to render, in unscaled slide coordinates. */
+    cursors: RemoteCursor[];
+    /** Current canvas zoom factor; cursor positions scale by this. */
+    zoom: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=CollaborationCursors.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationCursors.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/CollaborationCursors.vue"],"names":[],"mappings":"AA0IA;;;;;;;;;;;;;;;GAeG;AAEH,4EAA4E;AAC5E,MAAM,WAAW,YAAY;IAC5B,uEAAuE;IACvE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,CAAC,EAAE,MAAM,CAAC;IACV,8CAA8C;IAC9C,CAAC,EAAE,MAAM,CAAC;IACV,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEjB,qEAAqE;aAC5D,YAAY,EAAE;IACvB,kEAAkE;UAC5D,MAAM;;IAHZ,qEAAqE;aAC5D,YAAY,EAAE;IACvB,kEAAkE;UAC5D,MAAM;iGAsFT,CAAC"}

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

@@ -0,0 +1,27 @@
+import { PptxComment } from 'pptx-viewer-core';
+/**
+ * CommentsPanel — side panel listing the active slide's comments.
+ *
+ * Presentational only: it renders the supplied `comments` (already filtered to
+ * the active slide by the host) and surfaces add / remove / resolve intents via
+ * emits. The host owns state and commits history-aware comment-array writes.
+ *
+ * Timestamps are formatted with the core `formatCommentTimestamp` helper so the
+ * Vue binding matches the React/Angular formatting exactly.
+ */
+type __VLS_Props = {
+    comments: PptxComment[];
+    authorName: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: (text: string) => any;
+    remove: (id: string) => any;
+    resolve: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: ((text: string) => any) | undefined;
+    onRemove?: ((id: string) => any) | undefined;
+    onResolve?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=CommentsPanel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/CommentsPanel.vue"],"names":[],"mappings":"AA0QA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD;;;;;;;;;GASG;AACH,KAAK,WAAW,GAAG;IAClB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAmMF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,38 @@
+/**
+ * ContextMenu — generic right-click menu for the Vue editor.
+ *
+ * Vue port of the React `ContextMenu` component (see
+ * `packages/react/src/viewer/components/ContextMenu.tsx`), generalised into a
+ * data-driven menu: the caller supplies the item list and maps `select(id)`
+ * back to editor operations.
+ */
+export interface ContextMenuItem {
+    /** Stable id emitted via `select`. Ignored for separators. */
+    id: string;
+    /** Visible label. */
+    label: string;
+    /** When true the item is shown greyed-out and is non-interactive. */
+    disabled?: boolean;
+    /** When true the entry renders as a divider instead of a button. */
+    separator?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    open: boolean;
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (id: string) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    open: boolean;
+    x: number;
+    y: number;
+    items: ContextMenuItem[];
+}> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ContextMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ContextMenu.vue"],"names":[],"mappings":"AA2OA;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC/B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;UAEX,OAAO;OACV,MAAM;OACN,MAAM;WACF,eAAe,EAAE;;;;;UAHlB,OAAO;OACV,MAAM;OACN,MAAM;WACF,eAAe,EAAE;;;;kFA2NrB,CAAC"}

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

@@ -0,0 +1,52 @@
+/**
+ * EditorToolbar — Vue port of a viewer-first subset of React's `Toolbar.tsx`.
+ *
+ * A compact, self-contained editing ribbon. It contains no business logic:
+ * every button maps to a typed emit that the parent (`PowerPointViewer.vue`)
+ * wires into history / editor-operation handlers. The component only reflects
+ * enablement state via its props (`canUndo`, `canRedo`, `hasSelection`) and
+ * displays the current zoom level (`zoomPercent`).
+ *
+ * Icons are minimal inline SVG / unicode glyphs — no external icon dependency
+ * (React uses lucide; the Vue port stays dependency-free here).
+ */
+/** Shape presets offered by the Insert group. Mirrors React's `newShapeType`. */
+export type ShapePreset = 'rect' | 'ellipse' | 'roundRect' | 'triangle';
+interface Props {
+    /** Whether an undo step is available (disables the Undo button when false). */
+    canUndo: boolean;
+    /** Whether a redo step is available (disables the Redo button when false). */
+    canRedo: boolean;
+    /** Current zoom level, as a whole percentage (e.g. `100`). */
+    zoomPercent: number;
+    /** Whether one or more elements are selected (gates the selection actions). */
+    hasSelection: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "zoom-in": () => any;
+    "zoom-out": () => any;
+    undo: () => any;
+    redo: () => any;
+    "zoom-reset": () => any;
+    "add-text": () => any;
+    "add-shape": (preset: ShapePreset) => any;
+    "delete-selected": () => any;
+    "duplicate-selected": () => any;
+    "bring-forward": () => any;
+    "send-backward": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onZoom-in"?: (() => any) | undefined;
+    "onZoom-out"?: (() => any) | undefined;
+    onUndo?: (() => any) | undefined;
+    onRedo?: (() => any) | undefined;
+    "onZoom-reset"?: (() => any) | undefined;
+    "onAdd-text"?: (() => any) | undefined;
+    "onAdd-shape"?: ((preset: ShapePreset) => any) | undefined;
+    "onDelete-selected"?: (() => any) | undefined;
+    "onDuplicate-selected"?: (() => any) | undefined;
+    "onBring-forward"?: (() => any) | undefined;
+    "onSend-backward"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=EditorToolbar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/EditorToolbar.vue"],"names":[],"mappings":"AA0WA;;;;;;;;;;;GAWG;AAEH,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAExE,UAAU,KAAK;IACd,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,OAAO,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,YAAY,EAAE,OAAO,CAAC;CACtB;AA4aD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -2,16 +2,19 @@ import { PptxElement } from 'pptx-viewer-core';
 /**
  * ElementRenderer — Vue port of the React `ElementRenderer.tsx`.
  *
- * Renders a single slide element by its `type` discriminant. This is the
- * viewer-first subset:
- *  - `text` / `shape`        → positioned box with fill/stroke + rich text
+ * Renders a single slide element by its `type` discriminant. Each non-trivial
+ * type delegates to a dedicated renderer component:
+ *  - `text` / `shape`        → positioned box with fill/stroke/effects + rich text
  *  - `picture` / `image`     → `<img>`
  *  - `media`                 → poster frame (`<img>`) — playback TODO
  *  - `group`                 → recursive children
- *  - everything else         → labelled placeholder (TODO, see PORTING.md)
+ *  - `connector`             → `ConnectorRenderer` (SVG)
+ *  - `table` / `chart`       → `TableRenderer` / `ChartRenderer`
+ *  - `smartArt`              → `SmartArtRenderer`
+ *  - `ink` / `ole` / `model3d` / `zoom` → dedicated renderers
+ *  - anything else           → labelled placeholder (TODO, see PORTING.md)
  *
- * Interaction (selection, resize handles, inline editing), connectors,
- * charts, tables, SmartArt, ink, OLE, and 3D are not yet ported.
+ * Interaction (selection, resize handles, inline editing) is not yet ported.
  */
 type __VLS_Props = {
     element: PptxElement;

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

@@ -1 +1 @@
-{"version":3,"file":"ElementRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ElementRenderer.vue"],"names":[],"mappings":"AAmNA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,kBAAkB,CAAC;AAajE;;;;;;;;;;;;;GAaG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAqQF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ElementRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ElementRenderer.vue"],"names":[],"mappings":"AA2UA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,kBAAkB,CAAC;AAuBjE;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AA0cF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,23 @@
+import { PptxElement } from 'pptx-viewer-core';
+/**
+ * EquationRenderer — renders an element's math equation(s) as inline MathML.
+ *
+ * Vue port of the React equation rendering path
+ * (`text-segment-helpers.tsx#renderEquationSegment`). Equations live on text
+ * elements as {@link TextSegment} entries whose `equationXml` field holds the
+ * parsed OMML (`m:oMathPara` / `m:oMath`) tree. Each such segment is converted
+ * to MathML via {@link convertOmmlToMathMl}, sanitised, and injected with
+ * `v-html` — MathML is namespaced HTML, so browsers render `<math>` natively.
+ *
+ * The wrapper uses {@link getContainerStyle} for absolute positioning, matching
+ * every other element renderer.
+ */
+type __VLS_Props = {
+    element: PptxElement;
+    mediaDataUrls?: Map<string, string>;
+    zIndex: number;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=EquationRenderer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EquationRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/EquationRenderer.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,kBAAkB,CAAC;AASjE;;;;;;;;;;;;GAYG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAsIF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,17 @@
+/**
+ * ExportMenu — a small dropdown offering PNG (current slide) and PDF exports.
+ * Emits intent; the host runs the actual export via `useExport`.
+ */
+type __VLS_Props = {
+    exporting: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "export-png": () => any;
+    "export-pdf": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onExport-png"?: (() => any) | undefined;
+    "onExport-pdf"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ExportMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ExportMenu.vue"],"names":[],"mappings":"AAwFA;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAiG1C,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    matchCount: number;
+    currentIndex: number;
+};
+type __VLS_ModelProps = {
+    'query'?: string;
+    'replacement'?: string;
+    'matchCase'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    replace: () => any;
+    next: () => any;
+    close: () => any;
+    prev: () => any;
+    "replace-all": () => any;
+    "update:query": (value: string) => any;
+    "update:replacement": (value: string) => any;
+    "update:matchCase": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onReplace?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    "onReplace-all"?: (() => any) | undefined;
+    "onUpdate:query"?: ((value: string) => any) | undefined;
+    "onUpdate:replacement"?: ((value: string) => any) | undefined;
+    "onUpdate:matchCase"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FindReplaceBar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FindReplaceBar.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/FindReplaceBar.vue"],"names":[],"mappings":"AAqNA,KAAK,WAAW,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAgCF,KAAK,gBAAgB,GAAG;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAwKxD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}