pptx-vue-viewer 4.36.2 → 4.37.0

package/dist/viewer/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../useViewerSettingsDialog-TAbf4Ixp.cjs"), t = require("../viewer-CDJjPn4g.cjs");
+const e = require("../useViewerSettingsDialog-Deo8WA7S.cjs"), t = require("../viewer-CGm4yC4h.cjs");
 let r = require("ooxml-ui/pptx");
 Object.defineProperty(exports, "AUDIENCE_HASH", {
 	enumerable: !0,

package/dist/viewer/index.d.ts

@@ -81,6 +81,7 @@ import { PptxThemeOption } from 'ooxml-core/pptx';
 import { PptxViewProperties } from 'ooxml-core/pptx';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { ReviewCommentsHost } from 'ooxml-ui/pptx';
 import { RibbonAddInTab } from 'ooxml-ui/pptx';
 import { RibbonContextualTabId } from 'ooxml-ui/pptx';
 import { RulerUnit } from 'ooxml-ui/pptx';
@@ -1579,6 +1580,8 @@ export declare interface RibbonProps {
     isThemeGalleryOpen: boolean;
     isCommentsPanelOpen?: boolean;
     slideCommentCount?: number;
+    /** Review > Comments Previous / Next / Delete over the whole deck. */
+    reviewComments?: ReviewCommentsHost;
     formatPainterActive?: boolean;
     canActivateFormatPainter?: boolean;
     isSelectionPaneOpen?: boolean;

package/dist/viewer/index.js

@@ -1,3 +1,3 @@
-import { $ as a, Ar as s, Bn as r, C as e, Dr as o, Er as n, Hn as t, Kn as l, L as i, M as d, Mr as R, N as S, Nr as m, Or as C, P as b, Pr as w, S as c, Vn as v, X as u, Yn as f, Z as g, cr as j, dr as p, fr as x, j as y, jr as E, kr as M, lr as O, lt as P, nr as T, vr as A, w as D, x as I, yr as V } from "../useViewerSettingsDialog-r1bUiLdb.js";
-import { C as h, S as k, _ as B, a as N, b as Z, c as q, d as F, f as H, g as K, h as L, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-SxxyChcY.js";
-export { F as AUDIENCE_HASH, V as ChartRenderer, U as CollaborationCursors, aa as CollaborationStatusIndicator, A as ConnectorRenderer, s as DEFAULT_CANVAS_HEIGHT, E as DEFAULT_CANVAS_WIDTH, R as DEFAULT_FILL_COLOR, m as DEFAULT_STROKE_COLOR, w as DEFAULT_TEXT_COLOR, v as ElementRenderer, x as EquationRenderer, Q as FollowModeBar, p as InkRenderer, h as InlineTextEditor, O as Model3DRenderer, j as OleRenderer, q as PowerPointViewer, B as RemoteSelectionOverlay, Z as RibbonToolbar, k as SelectionOverlay, sa as SlideCanvas, r as SlideStage, T as SmartArtRenderer, f as TableRenderer, l as WordArtText, t as ZoomRenderer, d as buildInitialGuides, H as clearAudienceContent, S as collectImagePaths, b as collectMediaElements, I as exportAllSlidesToSvg, c as exportAllSlidesToSvgBlobs, e as exportSlideToSvg, D as exportSlideToSvgBlob, n as getContainerStyle, o as getImageSrc, Y as getResolvedShapeClipPath, z as getResolvedShapeClipPathFor, C as getShapeFillStrokeStyle, M as getTextBlockStyle, _ as isAudienceTab, X as loadAudienceContent, J as overlayInlineTextSnapshot, L as parseAudienceNonce, K as storeAudienceContent, P as useCollaboration, W as useCollaborativeHistory, N as useCollaborativeState, a as useEditorHistory, g as useEditorOperations, u as useElementDrag, i as useInlineEditing, y as useLoadContent, $ as usePresenceTracking, G as useYjsProvider };
+import { $ as a, Ar as s, Bn as r, C as e, Dr as o, Fr as n, Hn as t, Kn as l, L as i, M as d, Mr as R, N as S, Nr as m, Or as b, P as C, Pr as w, S as u, Vn as c, X as p, Yn as v, Z as f, br as g, fr as j, j as x, jr as y, kr as M, lr as O, lt as P, pr as T, rr as A, ur as D, w as E, x as I, yr as V } from "../useViewerSettingsDialog-fd8zrghi.js";
+import { C as h, S as k, _ as B, a as F, b as N, c as Z, d as q, f as H, g as K, h as L, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-nP5gJuGF.js";
+export { q as AUDIENCE_HASH, g as ChartRenderer, U as CollaborationCursors, aa as CollaborationStatusIndicator, V as ConnectorRenderer, y as DEFAULT_CANVAS_HEIGHT, R as DEFAULT_CANVAS_WIDTH, m as DEFAULT_FILL_COLOR, w as DEFAULT_STROKE_COLOR, n as DEFAULT_TEXT_COLOR, c as ElementRenderer, T as EquationRenderer, Q as FollowModeBar, j as InkRenderer, h as InlineTextEditor, D as Model3DRenderer, O as OleRenderer, Z as PowerPointViewer, B as RemoteSelectionOverlay, N as RibbonToolbar, k as SelectionOverlay, sa as SlideCanvas, r as SlideStage, A as SmartArtRenderer, v as TableRenderer, l as WordArtText, t as ZoomRenderer, d as buildInitialGuides, H as clearAudienceContent, S as collectImagePaths, C as collectMediaElements, I as exportAllSlidesToSvg, u as exportAllSlidesToSvgBlobs, e as exportSlideToSvg, E as exportSlideToSvgBlob, o as getContainerStyle, b as getImageSrc, Y as getResolvedShapeClipPath, z as getResolvedShapeClipPathFor, M as getShapeFillStrokeStyle, s as getTextBlockStyle, _ as isAudienceTab, X as loadAudienceContent, J as overlayInlineTextSnapshot, L as parseAudienceNonce, K as storeAudienceContent, P as useCollaboration, W as useCollaborativeHistory, F as useCollaborativeState, a as useEditorHistory, f as useEditorOperations, p as useElementDrag, i as useInlineEditing, x as useLoadContent, $ as usePresenceTracking, G as useYjsProvider };

package/dist/{viewer-CDJjPn4g.cjs → viewer-CGm4yC4h.cjs}

@@ -1,4 +1,4 @@
-const e = require("./useViewerSettingsDialog-TAbf4Ixp.cjs");
+const e = require("./useViewerSettingsDialog-Deo8WA7S.cjs");
 require("./i18n.cjs");
 let t = require("ooxml-ui/pptx"), n = require("vue"), o = require("lucide-vue-next"), a = require("clsx"), l = require("tailwind-merge"), r = require("ooxml-ui/pptx/ai"), i = require("ooxml-ui/pptx/i18n");
 var s = Symbol("pptx-viewer-theme");
@@ -2129,7 +2129,7 @@ var Pn = [".state"], In = (0, n.defineComponent)({
 			onDrawRequest: i
 		}, null, 40, Pn));
 	}
-}), _n = "4.36.2", An = Symbol("pptx-account-auth");
+}), _n = "4.37.0", An = Symbol("pptx-account-auth");
 var zn = { class: "pptx-vue-account mt-8 flex max-w-[760px] flex-col gap-6" }, Mn = { class: "pptx-vue-account-section border border-border bg-card p-6 text-card-foreground" }, On = { class: "text-base font-semibold" }, Rn = { class: "mt-4 flex items-center gap-4" }, Ln = { class: "min-w-0 flex-1" }, Un = { class: "block text-xs font-medium text-muted-foreground" }, Hn = ["value", "placeholder"], Kn = { class: "mt-4" }, Gn = { class: "block text-xs font-medium text-muted-foreground" }, $n = { class: "mt-2 flex gap-2" }, jn = [
 	"aria-pressed",
 	"aria-label",
@@ -3141,23 +3141,46 @@ var va = { class: "rounded-lg border border-border bg-popover shadow-2xl p-4 w-7
 		onToggleComments: { type: Function },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		commentsHost: {},
 		onCompare: { type: Function },
 		onOpenAccessibilityCheck: { type: Function },
 		onSetLanguage: { type: Function }
 	},
 	setup(o) {
-		const a = o, { t: l } = e.useI18n(), r = (0, n.computed)(() => (0, t.buildReviewRibbon)(l, {
-			editable: a.canEdit,
-			spellCheck: a.spellCheckEnabled,
-			canAccessibility: Boolean(a.onOpenAccessibilityCheck),
-			canLanguage: Boolean(a.onSetLanguage),
-			canCompare: Boolean(a.onCompare),
-			canComments: Boolean(a.onToggleComments),
-			commentsOpen: a.isCommentsPanelOpen,
-			commentCount: a.slideCommentCount
-		}));
-		function i(e) {
-			switch (e.detail.id) {
+		const a = o, { t: l } = e.useI18n(), r = (0, n.ref)(null);
+		let i;
+		(0, n.onMounted)(() => {
+			i = (0, t.trackActiveComment)(document, (e) => {
+				r.value = e;
+			});
+		}), (0, n.onBeforeUnmount)(() => i?.());
+		const s = (0, n.computed)(() => {
+			const e = a.commentsHost, n = e?.slides() ?? [], o = (0, t.commentCounts)(n, e?.currentSlide() ?? 0);
+			return (0, t.buildReviewRibbon)(l, {
+				editable: a.canEdit,
+				spellCheck: a.spellCheckEnabled,
+				canAccessibility: Boolean(a.onOpenAccessibilityCheck),
+				canLanguage: Boolean(a.onSetLanguage),
+				canCompare: Boolean(a.onCompare),
+				canComments: Boolean(a.onToggleComments),
+				commentsOpen: a.isCommentsPanelOpen,
+				commentCount: a.slideCommentCount,
+				totalCommentCount: o.total,
+				canNavigateComments: Boolean(e),
+				hasActiveComment: null !== (0, t.findCommentLocation)(n, r.value)
+			});
+		});
+		function c(e) {
+			const n = e.detail.id;
+			if ((0, t.isReviewCommentCommand)(n)) {
+				const e = "review.comments.previous" === n || "review.comments.next" === n;
+				if (a.commentsHost && (e || a.canEdit)) {
+					const e = (0, t.runReviewCommentCommand)(n, a.commentsHost, r.value);
+					void 0 !== e && (r.value = e);
+				}
+				return;
+			}
+			switch (n) {
 				case "review.proofing.spelling":
 					a.onSetSpellCheckEnabled(!a.spellCheckEnabled);
 					break;
@@ -3175,8 +3198,8 @@ var va = { class: "rounded-lg border border-border bg-popover shadow-2xl p-4 w-7
 			}
 		}
 		return (e, t) => ((0, n.openBlock)(), (0, n.createElementBlock)("pptx-ui-ribbon-section", {
-			".groups": r.value,
-			onCommandRequest: i
+			".groups": s.value,
+			onCommandRequest: c
 		}, null, 40, Ca));
 	}
 }), Na = /* @__PURE__ */ new WeakMap();
@@ -3949,6 +3972,7 @@ var nl = [".state"], ol = (0, n.defineComponent)({
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -4347,6 +4371,7 @@ var nl = [".state"], ol = (0, n.defineComponent)({
 				"on-toggle-comments": l.onToggleComments,
 				"is-comments-panel-open": l.isCommentsPanelOpen,
 				"slide-comment-count": l.slideCommentCount,
+				"comments-host": l.reviewComments,
 				"on-compare": l.onCompare,
 				"on-set-language": l.onOpenSettings,
 				"on-open-accessibility-check": l.onRunAccessibilityCheck
@@ -4357,6 +4382,7 @@ var nl = [".state"], ol = (0, n.defineComponent)({
 				"on-toggle-comments",
 				"is-comments-panel-open",
 				"slide-comment-count",
+				"comments-host",
 				"on-compare",
 				"on-set-language",
 				"on-open-accessibility-check"
@@ -4522,6 +4548,7 @@ var nl = [".state"], ol = (0, n.defineComponent)({
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -5372,6 +5399,7 @@ var Gl = {
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -5545,6 +5573,7 @@ var Gl = {
 				"on-toggle-comments": t.onToggleComments,
 				"is-comments-panel-open": t.isCommentsPanelOpen,
 				"slide-comment-count": t.slideCommentCount,
+				"comments-host": t.reviewComments,
 				"on-compare": t.onCompare,
 				"on-set-language": t.onOpenSettings,
 				"on-open-accessibility-check": t.onRunAccessibilityCheck
@@ -5555,6 +5584,7 @@ var Gl = {
 				"on-toggle-comments",
 				"is-comments-panel-open",
 				"slide-comment-count",
+				"comments-host",
 				"on-compare",
 				"on-set-language",
 				"on-open-accessibility-check"
@@ -5818,6 +5848,7 @@ var Gl = {
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -6049,6 +6080,7 @@ var Gl = {
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -6310,6 +6342,7 @@ var Gl = {
 		isThemeGalleryOpen: { type: Boolean },
 		isCommentsPanelOpen: { type: Boolean },
 		slideCommentCount: {},
+		reviewComments: {},
 		formatPainterActive: { type: Boolean },
 		canActivateFormatPainter: { type: Boolean },
 		isSelectionPaneOpen: { type: Boolean },
@@ -16449,26 +16482,26 @@ var Ly = {
 	__name: "QuickStylesGallery",
 	emits: ["select"],
 	setup(o) {
-		const { t: a } = e.useI18n(), { viewportWidth: l } = e.useIsMobile(), r = (0, n.computed)(() => `${(0, t.getDensePanelTouchTargetPx)(l.value)}px`);
-		function i(e) {
+		const { t: a } = e.useI18n(), l = (e) => (0, t.shapeQuickStyleLabel)(t.SHAPE_QUICK_STYLES[e], (e) => a(e)), { viewportWidth: r } = e.useIsMobile(), i = (0, n.computed)(() => `${(0, t.getDensePanelTouchTargetPx)(r.value)}px`);
+		function s(e) {
 			if (!e.shadowColor) return;
 			return `${e.shadowOffsetX ?? 2}px ${e.shadowOffsetY ?? 2}px ${e.shadowBlur ?? 4}px ${e.shadowColor}`;
 		}
-		function s(e) {
+		function c(e) {
 			if (e.strokeColor) return `${e.strokeWidth ?? 1}px solid ${e.strokeColor}`;
 		}
 		return (e, o) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", WV, [(0, n.createElementVNode)("span", qV, (0, n.toDisplayString)((0, n.unref)(a)("pptx.shape.quickStyles")), 1), (0, n.createElementVNode)("div", YV, [((0, n.openBlock)(!0), (0, n.createElementBlock)(n.Fragment, null, (0, n.renderList)((0, n.unref)(t.SHAPE_QUICK_STYLES), (t, o) => {
 			return (0, n.openBlock)(), (0, n.createElementBlock)("button", {
 				key: o,
 				type: "button",
-				title: t.name,
-				"aria-label": t.name,
+				title: l(o),
+				"aria-label": l(o),
 				class: "pptx-vue-quickstyles-swatch w-full rounded border border-border hover:border-primary transition-colors",
 				style: (0, n.normalizeStyle)({
 					background: (a = t.style, a.fillGradient || a.fillColor || "transparent"),
-					boxShadow: i(t.style),
-					border: s(t.style),
-					minHeight: r.value
+					boxShadow: s(t.style),
+					border: c(t.style),
+					minHeight: i.value
 				}),
 				onClick: (n) => e.$emit("select", t.style)
 			}, null, 12, XV);
@@ -16566,7 +16599,7 @@ var Ly = {
 	},
 	emits: ["pick"],
 	setup(o, { emit: a }) {
-		const l = o, r = a, { t: i } = e.useI18n(), s = el(), c = (0, n.computed)(() => (0, t.buildThemeColorSwatchGrid)(s?.value)), d = (0, n.computed)(() => (0, t.themeColorSwatchRows)(c.value)), p = (0, n.computed)(() => (0, t.findSelectedThemeSwatch)(c.value, l.selectedRef, l.selectedHex));
+		const l = o, r = a, { t: i } = e.useI18n(), s = el(), c = (0, n.computed)(() => (0, t.buildThemeColorSwatchGrid)(s?.value, (e, t) => t ? i(e, { ...t }) : i(e))), d = (0, n.computed)(() => (0, t.themeColorSwatchRows)(c.value)), p = (0, n.computed)(() => (0, t.findSelectedThemeSwatch)(c.value, l.selectedRef, l.selectedHex));
 		return (e, a) => c.value.length > 0 ? ((0, n.openBlock)(), (0, n.createElementBlock)("div", cT, [(0, n.createElementVNode)("div", dT, (0, n.toDisplayString)((0, n.unref)(i)("pptx.colorPicker.themeColors")), 1), (0, n.createElementVNode)("div", pT, [((0, n.openBlock)(!0), (0, n.createElementBlock)(n.Fragment, null, (0, n.renderList)(d.value, (e, a) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", {
 			key: a,
 			class: "flex gap-0.5"
@@ -24460,7 +24493,7 @@ var WK = (0, n.defineComponent)({
 			var a;
 		}), 128))])], 8, LG))), 128))])) : ((0, n.openBlock)(), (0, n.createElementBlock)("div", zG, [(0, n.createElementVNode)("p", MG, (0, n.toDisplayString)((0, n.unref)(i)("pptx.accessibility.noIssuesFound")), 1), (0, n.createElementVNode)("p", OG, (0, n.toDisplayString)((0, n.unref)(i)("pptx.accessibility.noIssuesHint")), 1)]))], 8, PG));
 	}
-}), YG = (0, n.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-BeOTgP5C.cjs"))), XG = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, ZG = { class: "pptx-vue-cs-header flex items-center" }, QG = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, JG = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, e$ = ["aria-label", "value"], t$ = {
+}), YG = (0, n.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-Ctnnmz7J.cjs"))), XG = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, ZG = { class: "pptx-vue-cs-header flex items-center" }, QG = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, JG = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, e$ = ["aria-label", "value"], t$ = {
 	key: 0,
 	value: "",
 	disabled: ""
@@ -26256,11 +26289,7 @@ var Nj = ["aria-busy", "tabindex"], Vj = {
 				}
 			};
 		}({ warnings: j });
-		(0, n.provide)(e.TableThemeKey, () => ({
-			colorScheme: ie.value?.colorScheme,
-			tableStyleMap: X.value,
-			fontScheme: ie.value?.fontScheme
-		}));
+		(0, n.provide)(e.TableThemeKey, () => e.tableThemeContextFor(ie.value, X.value));
 		const he = function(e) {
 			const o = (0, n.ref)((0, t.seedRecentColors)(e.presentationProperties.value));
 			return e.loadVersion && (0, n.watch)(e.loadVersion, () => {
@@ -27591,17 +27620,18 @@ var Nj = ["aria-busy", "tabindex"], Vj = {
 			n && _o.applyTheme(n, e.fontScheme ?? t?.fontScheme, e.name ?? t?.name ?? "Theme");
 		}
 		(function(e) {
-			const t = (0, n.computed)(() => {
-				const t = e.handler.value;
+			const o = (0, n.computed)(() => {
+				const n = e.handler.value;
 				return {
 					element: e.selectedElement(),
 					theme: e.theme.value,
 					themeColorMap: e.themeColorMap.value,
-					resolveStyleMatrix: t ? (e) => t.resolveStyleMatrixReferences(e) : void 0
+					resolveStyleMatrix: n ? (e) => n.resolveStyleMatrixReferences(e) : void 0,
+					selectedTableCells: (0, t.tableLayoutCells)(e.tableSelection?.())
 				};
-			}), o = {
+			}), a = {
 				editable: (0, n.computed)(e.editable),
-				context: t,
+				context: o,
 				dispatch: (t) => function(e, t) {
 					switch (e.kind) {
 						case "element":
@@ -27614,13 +27644,14 @@ var Nj = ["aria-busy", "tabindex"], Vj = {
 					}
 				}(t, e)
 			};
-			(0, n.provide)(Sn, o);
+			(0, n.provide)(Sn, a);
 		})({
 			editable: () => xe.value,
 			selectedElement: () => Le.value[0] ?? null,
 			theme: ie,
 			themeColorMap: se,
 			handler: ce,
+			tableSelection: () => ke.value,
 			updateElement: (e, t) => Ge.updateElement(e, t),
 			applyTheme: Ao
 		});
@@ -27865,6 +27896,7 @@ var Nj = ["aria-busy", "tabindex"], Vj = {
 			eyedropperActive: Oo.ui.eyedropperActive,
 			showComments: Oo.comments.showComments,
 			activeComments: Oo.comments.activeComments,
+			reviewComments: Oo.comments.reviewHost,
 			formatPainterActive: Oo.editing.formatPainterActive,
 			canActivateFormatPainter: Oo.editing.canActivateFormatPainter,
 			showSelectionPane: Oo.selectionPane.showSelectionPane,