pptx-vue-viewer 4.36.3 → 4.37.0

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

@@ -1,4 +1,4 @@
-const e = require("./useViewerSettingsDialog-B6Kgdt-N.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.3", 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 },
@@ -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-Bn-iDAZn.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: ""
@@ -27587,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":
@@ -27610,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
 		});
@@ -27861,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,