pptx-vue-viewer 4.74.0 → 4.75.0

package/dist/index.cjs

@@ -1,219 +1,567 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-Co39Flri.cjs"), r = require("./useAiPanelController-Bc1diEUl.cjs"), t = require("./useViewerSettingsDialog-B33MOSx-.cjs");
-let n = require("ooxml-ui/pptx");
+const e = require("./viewer-DUQQxRyn.cjs"), t = require("./useAiPanelController-Bc1diEUl.cjs"), o = require("./useViewerSettingsDialog-DVOl4qYL.cjs"), n = require("./useController-BPpUYfta.cjs");
+let r = require("ooxml-ui/pptx"), i = require("vue");
+var s = (0, i.defineComponent)({
+	__name: "BuildingBlocksCanvas",
+	props: { blocks: {} },
+	setup(t) {
+		const o = t, n = [
+			"statusBar",
+			"slidesPane",
+			"inspector",
+			"notes",
+			"quickAccessToolbar",
+			"titleBar",
+			"selectionPane",
+			"accessibilityPane",
+			"comparePane"
+		];
+		(0, i.provide)(e.BuildingBlocksBridgeKey, o.blocks.bridge);
+		const s = (0, i.ref)(null), l = (0, i.ref)(null);
+		(0, i.watch)(l, (e) => {
+			o.blocks.bridge.viewer.value = e;
+		});
+		const a = (0, i.computed)(() => o.blocks.options.value), u = (0, i.computed)(() => ({
+			...a.value.customization,
+			hiddenPanels: [...a.value.customization?.hiddenPanels ?? [], ...n]
+		})), d = (0, i.computed)(() => {
+			const { content: e, canEdit: t, customization: o, onRequest: n, fileLimits: r, onContentChange: i, onDirtyChange: s, onActiveSlideChange: l, onModeChange: u, onZoomChange: d, onSelectionChange: c, onSlideCountChange: p, onOpenLayoutGallery: m, ...S } = a.value;
+			return S;
+		});
+		let c;
+		const p = () => {
+			const e = o.blocks.bridge.engine.value;
+			if (s.value && e) {
+				const { matches: t, current: o, slideIndex: n } = e.findHighlights();
+				(0, r.syncFindHighlights)(s.value, t, o, n);
+			}
+		};
+		return (0, i.onMounted)(() => {
+			s.value && (c = new MutationObserver(p), c.observe(s.value, {
+				childList: !0,
+				subtree: !0
+			}));
+		}), (0, i.onBeforeUnmount)(() => {
+			c?.disconnect(), o.blocks.bridge.viewer.value = null;
+		}), (0, i.watch)(() => o.blocks.bridge.engine.value?.findHighlights(), p, { flush: "post" }), (t, o) => ((0, i.openBlock)(), (0, i.createElementBlock)("div", {
+			ref_key: "root",
+			ref: s,
+			"data-pptx-block": "canvas",
+			class: "pptx-vue-bb-canvas"
+		}, [(0, i.createVNode)(e.PowerPointViewer_default, (0, i.mergeProps)({
+			ref_key: "viewer",
+			ref: l
+		}, d.value, {
+			content: a.value.content ?? null,
+			"can-edit": !0 === a.value.canEdit,
+			"show-toolbar": !1,
+			"show-thumbnails": !1,
+			"show-compatibility-toasts": !1,
+			customization: u.value,
+			onContentChange: o[0] || (o[0] = (e) => a.value.onContentChange?.(e)),
+			onDirtyChange: o[1] || (o[1] = (e) => a.value.onDirtyChange?.(e)),
+			onActiveSlideChange: o[2] || (o[2] = (e) => a.value.onActiveSlideChange?.(e)),
+			onModeChange: o[3] || (o[3] = (e) => a.value.onModeChange?.(e)),
+			onZoomChange: o[4] || (o[4] = (e) => a.value.onZoomChange?.(e)),
+			onSelectionChange: o[5] || (o[5] = (e) => a.value.onSelectionChange?.(e)),
+			onSlideCountChange: o[6] || (o[6] = (e) => a.value.onSlideCountChange?.(e))
+		}), null, 16, [
+			"content",
+			"can-edit",
+			"customization"
+		])], 512));
+	}
+}), l = {
+	"data-pptx-block": "slides-pane",
+	class: "pptx-vue-viewer pptx-vue-bb-slides-pane"
+}, a = (0, i.defineComponent)({
+	__name: "BuildingBlocksSlidesPane",
+	props: { blocks: {} },
+	setup(t) {
+		const o = t, n = (0, i.computed)(() => o.blocks.bridge.engine.value?.slidesPane() ?? null);
+		function r(e) {
+			o.blocks.options.value.onOpenLayoutGallery?.(e);
+		}
+		return (t, o) => ((0, i.openBlock)(), (0, i.createElementBlock)("div", l, [n.value ? ((0, i.openBlock)(), (0, i.createBlock)(e.SlidesPane_default, {
+			key: 0,
+			slides: [...n.value.slides],
+			"active-slide-index": n.value.activeSlideIndex,
+			"canvas-size": n.value.canvasSize,
+			"media-data-urls": n.value.mediaDataUrls,
+			"section-groups": n.value.sectionGroups,
+			"can-edit": n.value.canEdit,
+			"header-footer": n.value.headerFooter,
+			"custom-properties": n.value.customProperties,
+			"first-slide-number": n.value.firstSlideNumber,
+			theme: n.value.theme,
+			"table-style-map": n.value.tableStyleMap,
+			onSelect: n.value.goTo,
+			onMoveSlide: n.value.slideOps.moveSlide,
+			onAddSlide: o[0] || (o[0] = (e) => n.value.slideOps.addSlide()),
+			onAddSlideAfter: n.value.slideOps.addSlide,
+			onDuplicateSlide: n.value.slideOps.duplicateSlide,
+			onDeleteSlide: n.value.slideOps.deleteSlide,
+			onToggleSlideHidden: n.value.toggleSlideHidden,
+			onOpenLayoutGallery: r,
+			onAddSection: n.value.sectionOps.addSection,
+			onRenameSection: n.value.sectionOps.renameSection,
+			onDeleteSection: n.value.sectionOps.deleteSection,
+			onMoveSectionUp: n.value.sectionOps.moveSectionUp,
+			onMoveSectionDown: n.value.sectionOps.moveSectionDown,
+			onToggleSectionCollapse: n.value.sectionOps.toggleSectionCollapse
+		}, null, 8, [
+			"slides",
+			"active-slide-index",
+			"canvas-size",
+			"media-data-urls",
+			"section-groups",
+			"can-edit",
+			"header-footer",
+			"custom-properties",
+			"first-slide-number",
+			"theme",
+			"table-style-map",
+			"onSelect",
+			"onMoveSlide",
+			"onAddSlideAfter",
+			"onDuplicateSlide",
+			"onDeleteSlide",
+			"onToggleSlideHidden",
+			"onAddSection",
+			"onRenameSection",
+			"onDeleteSection",
+			"onMoveSectionUp",
+			"onMoveSectionDown",
+			"onToggleSectionCollapse"
+		])) : (0, i.createCommentVNode)("", !0)]));
+	}
+}), u = {
+	"data-pptx-block": "toolbar",
+	class: "pptx-vue-bb-toolbar",
+	role: "toolbar"
+}, d = ["data-group"], c = [
+	"data-control",
+	"disabled",
+	"aria-pressed",
+	"onClick"
+], p = (0, i.defineComponent)({
+	__name: "BuildingBlocksToolbar",
+	props: {
+		blocks: {},
+		groups: {}
+	},
+	setup(e) {
+		const t = e, { t: o } = n.useI18n(), s = (0, i.computed)(() => {
+			const { state: e, actions: o, options: n } = t.blocks, i = (0, r.describeBuildingBlockToolbar)({
+				availability: o.value.availability,
+				canUndo: e.value.canUndo,
+				canRedo: e.value.canRedo,
+				findOpen: o.value.findReplace.open,
+				slideIndex: e.value.slideIndex,
+				slideCount: e.value.slideCount,
+				hiddenActions: n.value.hiddenActions
+			}), s = t.groups;
+			return s ? i.filter((e) => s.includes(e.id)) : i;
+		});
+		return (e, n) => ((0, i.openBlock)(), (0, i.createElementBlock)("div", u, [((0, i.openBlock)(!0), (0, i.createElementBlock)(i.Fragment, null, (0, i.renderList)(s.value, (e) => ((0, i.openBlock)(), (0, i.createElementBlock)("span", {
+			key: e.id,
+			"data-group": e.id,
+			role: "group"
+		}, [((0, i.openBlock)(!0), (0, i.createElementBlock)(i.Fragment, null, (0, i.renderList)(e.controls, (e) => ((0, i.openBlock)(), (0, i.createElementBlock)("button", {
+			key: e.id,
+			type: "button",
+			"data-control": e.id,
+			disabled: e.disabled,
+			"aria-pressed": e.pressed,
+			onClick: (o) => function(e) {
+				const o = t.blocks.bridge.engine.value?.view;
+				(0, r.runBuildingBlockToolbarControl)(e, t.blocks.session, {
+					undo: () => o?.undo(),
+					redo: () => o?.redo(),
+					toggleFind: () => o?.toggleFind(),
+					zoomOut: () => o?.zoomOut(),
+					zoomIn: () => o?.zoomIn(),
+					zoomToFit: () => o?.zoomToFit(),
+					previousSlide: () => o?.previousSlide(),
+					nextSlide: () => o?.nextSlide()
+				});
+			}(e.id)
+		}, (0, i.toDisplayString)((0, i.unref)(o)(e.labelKey)), 9, c))), 128))], 8, d))), 128))]));
+	}
+}), m = {
+	ready: !1,
+	hasActiveSlide: !1,
+	canEdit: !1,
+	editing: !1,
+	canInsert: !1,
+	hasSelection: !1,
+	selectionHasHyperlink: !1,
+	selectionHasEquation: !1,
+	layoutCount: 0,
+	hasCurrentLayout: !1,
+	hasHandler: !1
+};
 Object.defineProperty(exports, "AUDIENCE_HASH", {
 	enumerable: !0,
 	get: function() {
-		return n.AUDIENCE_HASH;
+		return r.AUDIENCE_HASH;
 	}
 }), Object.defineProperty(exports, "BACKSTAGE_CARD_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.BACKSTAGE_CARD_IDS;
+		return r.BACKSTAGE_CARD_IDS;
 	}
 }), Object.defineProperty(exports, "BACKSTAGE_PAGE_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.BACKSTAGE_PAGE_IDS;
+		return r.BACKSTAGE_PAGE_IDS;
 	}
-}), Object.defineProperty(exports, "CANVAS_CONTEXT_MENU_COMMAND_IDS", {
+}), exports.BuildingBlocksCanvas = s, exports.BuildingBlocksSlidesPane = a, exports.BuildingBlocksToolbar = p, Object.defineProperty(exports, "CANVAS_CONTEXT_MENU_COMMAND_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.CANVAS_CONTEXT_MENU_COMMAND_IDS;
+		return r.CANVAS_CONTEXT_MENU_COMMAND_IDS;
 	}
 }), exports.CollaborationCursors = e.CollaborationCursors_default, exports.CollaborationStatusIndicator = e.CollaborationStatusIndicator_default, Object.defineProperty(exports, "EDITOR_SHORTCUT_ACTION_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.EDITOR_SHORTCUT_ACTION_IDS;
+		return r.EDITOR_SHORTCUT_ACTION_IDS;
 	}
 }), Object.defineProperty(exports, "ELEMENT_CONTEXT_MENU_COMMAND_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.ELEMENT_CONTEXT_MENU_COMMAND_IDS;
+		return r.ELEMENT_CONTEXT_MENU_COMMAND_IDS;
 	}
-}), exports.ElementRenderer = t.ElementRenderer_default, exports.FollowModeBar = e.FollowModeBar_default, Object.defineProperty(exports, "OPTIONS_PAGE_IDS", {
+}), exports.ElementRenderer = o.ElementRenderer_default, exports.FollowModeBar = e.FollowModeBar_default, Object.defineProperty(exports, "OPTIONS_PAGE_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.OPTIONS_PAGE_IDS;
+		return r.OPTIONS_PAGE_IDS;
 	}
 }), Object.defineProperty(exports, "OPTIONS_SECTION_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.OPTIONS_SECTION_IDS;
+		return r.OPTIONS_SECTION_IDS;
 	}
 }), Object.defineProperty(exports, "OPTIONS_SETTING_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.OPTIONS_SETTING_IDS;
+		return r.OPTIONS_SETTING_IDS;
 	}
 }), Object.defineProperty(exports, "PPTX_OPEN_ACCEPT", {
 	enumerable: !0,
 	get: function() {
-		return n.PPTX_OPEN_ACCEPT;
+		return r.PPTX_OPEN_ACCEPT;
 	}
 }), Object.defineProperty(exports, "PRESENTATION_OPEN_EXTENSIONS", {
 	enumerable: !0,
 	get: function() {
-		return n.PRESENTATION_OPEN_EXTENSIONS;
+		return r.PRESENTATION_OPEN_EXTENSIONS;
 	}
 }), exports.PowerPointViewer = e.PowerPointViewer_default, Object.defineProperty(exports, "RIBBON_TAB_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.RIBBON_TAB_IDS;
+		return r.RIBBON_TAB_IDS;
 	}
-}), exports.RemoteSelectionOverlay = e.RemoteSelectionOverlay_default, exports.RibbonToolbar = e.RibbonToolbar_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = t.SlideStage_default, exports.SlideThumbnail = e.SlideThumbnail_default, exports.SlidesPane = e.SlidesPane_default, Object.defineProperty(exports, "TOOLBAR_BUTTON_IDS", {
+}), exports.RemoteSelectionOverlay = e.RemoteSelectionOverlay_default, exports.RibbonToolbar = e.RibbonToolbar_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = o.SlideStage_default, exports.SlideThumbnail = e.SlideThumbnail_default, exports.SlidesPane = e.SlidesPane_default, Object.defineProperty(exports, "TOOLBAR_BUTTON_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.TOOLBAR_BUTTON_IDS;
+		return r.TOOLBAR_BUTTON_IDS;
 	}
 }), Object.defineProperty(exports, "VIEWER_DIALOG_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.VIEWER_DIALOG_IDS;
+		return r.VIEWER_DIALOG_IDS;
 	}
 }), Object.defineProperty(exports, "VIEWER_EXPORT_FORMAT_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.VIEWER_EXPORT_FORMAT_IDS;
+		return r.VIEWER_EXPORT_FORMAT_IDS;
 	}
 }), Object.defineProperty(exports, "VIEWER_FEATURE_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.VIEWER_FEATURE_IDS;
+		return r.VIEWER_FEATURE_IDS;
 	}
 }), Object.defineProperty(exports, "VIEWER_PANEL_IDS", {
 	enumerable: !0,
 	get: function() {
-		return n.VIEWER_PANEL_IDS;
+		return r.VIEWER_PANEL_IDS;
 	}
 }), Object.defineProperty(exports, "clearAudienceContent", {
 	enumerable: !0,
 	get: function() {
-		return n.clearAudienceContent;
+		return r.clearAudienceContent;
 	}
-}), exports.cn = r.cn, Object.defineProperty(exports, "createImageElementFromFile", {
+}), exports.cn = t.cn, Object.defineProperty(exports, "createImageElementFromFile", {
 	enumerable: !0,
 	get: function() {
-		return n.createImageElementFromFile;
+		return r.createImageElementFromFile;
 	}
 }), Object.defineProperty(exports, "defaultCssVars", {
 	enumerable: !0,
 	get: function() {
-		return n.defaultCssVars;
+		return r.defaultCssVars;
 	}
 }), Object.defineProperty(exports, "defaultRadius", {
 	enumerable: !0,
 	get: function() {
-		return n.defaultRadius;
+		return r.defaultRadius;
 	}
 }), Object.defineProperty(exports, "defaultThemeColors", {
 	enumerable: !0,
 	get: function() {
-		return n.defaultThemeColors;
+		return r.defaultThemeColors;
 	}
 }), Object.defineProperty(exports, "describeCollaborationShellState", {
 	enumerable: !0,
 	get: function() {
-		return n.describeCollaborationShellState;
+		return r.describeCollaborationShellState;
 	}
-}), exports.exportAllSlidesToSvg = t.exportAllSlidesToSvg, exports.exportAllSlidesToSvgBlobs = t.exportAllSlidesToSvgBlobs, exports.exportSlideToSvg = t.exportSlideToSvg, exports.exportSlideToSvgBlob = t.exportSlideToSvgBlob, Object.defineProperty(exports, "forgetSessionDeck", {
+}), exports.exportAllSlidesToSvg = o.exportAllSlidesToSvg, exports.exportAllSlidesToSvgBlobs = o.exportAllSlidesToSvgBlobs, exports.exportSlideToSvg = o.exportSlideToSvg, exports.exportSlideToSvgBlob = o.exportSlideToSvgBlob, Object.defineProperty(exports, "forgetSessionDeck", {
 	enumerable: !0,
 	get: function() {
-		return n.forgetSessionDeck;
+		return r.forgetSessionDeck;
 	}
 }), Object.defineProperty(exports, "getSessionTabId", {
 	enumerable: !0,
 	get: function() {
-		return n.getSessionTabId;
+		return r.getSessionTabId;
 	}
 }), Object.defineProperty(exports, "isAudienceTab", {
 	enumerable: !0,
 	get: function() {
-		return n.isAudienceTab;
+		return r.isAudienceTab;
 	}
 }), Object.defineProperty(exports, "isLegacyBinaryPresentation", {
 	enumerable: !0,
 	get: function() {
-		return n.isLegacyBinaryPresentation;
+		return r.isLegacyBinaryPresentation;
 	}
 }), Object.defineProperty(exports, "isSupportedPresentationFile", {
 	enumerable: !0,
 	get: function() {
-		return n.isSupportedPresentationFile;
+		return r.isSupportedPresentationFile;
 	}
 }), Object.defineProperty(exports, "loadAudienceContent", {
 	enumerable: !0,
 	get: function() {
-		return n.loadAudienceContent;
+		return r.loadAudienceContent;
 	}
 }), Object.defineProperty(exports, "loadSessionDeck", {
 	enumerable: !0,
 	get: function() {
-		return n.loadSessionDeck;
+		return r.loadSessionDeck;
 	}
 }), Object.defineProperty(exports, "parseAudienceNonce", {
 	enumerable: !0,
 	get: function() {
-		return n.parseAudienceNonce;
+		return r.parseAudienceNonce;
 	}
 }), Object.defineProperty(exports, "parsePresentationSessionId", {
 	enumerable: !0,
 	get: function() {
-		return n.parsePresentationSessionId;
+		return r.parsePresentationSessionId;
 	}
 }), Object.defineProperty(exports, "presentationBaseName", {
 	enumerable: !0,
 	get: function() {
-		return n.presentationBaseName;
+		return r.presentationBaseName;
 	}
 }), exports.provideViewerTheme = e.provideViewerTheme, Object.defineProperty(exports, "rememberSessionDeck", {
 	enumerable: !0,
 	get: function() {
-		return n.rememberSessionDeck;
+		return r.rememberSessionDeck;
 	}
-}), exports.renderToCanvas = t.renderToCanvas, Object.defineProperty(exports, "restoreSessionDeck", {
+}), exports.renderToCanvas = o.renderToCanvas, Object.defineProperty(exports, "restoreSessionDeck", {
 	enumerable: !0,
 	get: function() {
-		return n.restoreSessionDeck;
+		return r.restoreSessionDeck;
 	}
 }), Object.defineProperty(exports, "savedPresentationFileName", {
 	enumerable: !0,
 	get: function() {
-		return n.savedPresentationFileName;
+		return r.savedPresentationFileName;
 	}
 }), Object.defineProperty(exports, "storeAudienceContent", {
 	enumerable: !0,
 	get: function() {
-		return n.storeAudienceContent;
+		return r.storeAudienceContent;
 	}
 }), Object.defineProperty(exports, "themeToCssVars", {
 	enumerable: !0,
 	get: function() {
-		return n.themeToCssVars;
-	}
-}), exports.useCollaboration = t.useCollaboration, exports.useCollaborativeHistory = e.useCollaborativeHistory, exports.useCollaborativeState = e.useCollaborativeState, exports.usePresenceTracking = e.usePresenceTracking, exports.useThemeStyle = e.useThemeStyle, exports.useViewerTheme = e.useViewerTheme, exports.useYjsProvider = e.useYjsProvider, Object.defineProperty(exports, "vermilionDarkColors", {
-	enumerable: !0,
-	get: function() {
-		return n.vermilionDarkColors;
+		return r.themeToCssVars;
+	}
+}), exports.useCollaboration = o.useCollaboration, exports.useCollaborativeHistory = e.useCollaborativeHistory, exports.useCollaborativeState = e.useCollaborativeState, exports.usePresenceTracking = e.usePresenceTracking, exports.useThemeStyle = e.useThemeStyle, exports.useViewerBuildingBlocks = function(t) {
+	const o = (0, i.computed)(() => (0, i.toValue)(t)), s = e.createBuildingBlocksBridge({
+		request: (e) => {
+			u.request(e);
+		},
+		announceShortcuts: (e) => u.announce({
+			kind: "shortcuts",
+			open: e
+		}, e)
+	}), l = () => s.engine.value, u = (0, r.createPptxBuildingBlockSession)({
+		availabilityInput: () => l()?.session.availabilityInput() ?? m,
+		fileLimits: () => o.value.fileLimits,
+		onRequest: (e) => o.value.onRequest?.(e),
+		onCancel: () => l()?.closeShortcuts(),
+		target: () => l()?.session.target() ?? {
+			deck: null,
+			slideId: void 0,
+			slideIndex: -1
+		},
+		canvasSize: () => l()?.session.canvasSize() ?? {
+			width: 0,
+			height: 0
+		},
+		selectedElement: () => l()?.session.selectedElement() ?? null,
+		slideCount: () => l()?.session.slideCount() ?? 0,
+		activeSlide: () => l()?.session.activeSlide(),
+		scopedLayouts: () => l()?.session.scopedLayouts() ?? [],
+		addElement: (e) => l()?.session.addElement(e),
+		insertMediaFile: async (e, t) => {
+			const o = l();
+			return o ? o.session.insertMediaFile(e, t) : {
+				ok: !1,
+				code: "not-ready"
+			};
+		},
+		applyHyperlink: (e) => l()?.session.applyHyperlink(e) ?? {
+			ok: !1,
+			code: "not-ready"
+		},
+		removeHyperlink: () => l()?.session.removeHyperlink() ?? {
+			ok: !1,
+			code: "not-ready"
+		},
+		insertSmartArt: (e, t) => l()?.session.insertSmartArt(e, t),
+		insertChart: (e, t) => l()?.session.insertChart(e, t),
+		insertEquation: (e) => l()?.session.insertEquation(e),
+		updateEquation: (e) => l()?.session.updateEquation(e),
+		findReplace: () => {
+			const e = l();
+			return e ? e.session.findReplace() : {
+				open: !1,
+				setOpen: () => {},
+				query: "",
+				replacement: "",
+				options: {
+					matchCase: !1,
+					includeNotes: !1,
+					includeChartTitles: !1,
+					includeChartData: !1
+				},
+				matches: [],
+				currentIndex: -1,
+				setQuery: () => {},
+				setReplacement: () => {},
+				setOptions: () => {},
+				find: () => {},
+				navigate: () => {},
+				replaceCurrent: () => {},
+				replaceAll: () => {}
+			};
+		},
+		applyLayout: async (e) => {
+			const t = l();
+			if (!t) throw new Error(`Layout ${e} was not applied`);
+			await t.session.applyLayout(e);
+		}
+	}), d = (0, r.registerBuildingBlockGroups)(u, function(e) {
+		const t = {
+			input: () => ({
+				openPasswordSet: !1,
+				recommendation: { kind: null },
+				hasModifyVerifier: !1,
+				customProperties: [],
+				embedFonts: !1,
+				embeddedFamilies: [],
+				usedFamilies: [],
+				descriptor: { canEmbed: !1 }
+			}),
+			customProperties: () => [],
+			current: () => ({
+				core: {},
+				custom: [],
+				app: {}
+			}),
+			signed: () => !1,
+			count: () => 0,
+			content: () => null,
+			presentationProperties: () => ({}),
+			slideCount: () => 0,
+			customShows: () => [],
+			slides: () => [],
+			activeId: () => null,
+			open: () => !1,
+			translate: (e) => e
+		}, o = (o) => new Proxy({}, { get: (n, r) => (...n) => {
+			const i = e()?.[o];
+			return i ? i[r]?.(...n) : t[r]?.();
+		} });
+		return {
+			passwordProtection: o("passwordProtection"),
+			documentProperties: o("documentProperties"),
+			fontEmbedding: o("fontEmbedding"),
+			digitalSignatures: o("digitalSignatures"),
+			setUpSlideShow: o("setUpSlideShow"),
+			customShows: o("customShows"),
+			shortcuts: o("shortcuts")
+		};
+	}(() => l()?.groups)), c = n.useController(u.requests);
+	(0, i.onScopeDispose)(d);
+	const p = (0, i.computed)(() => (c.value, s.engine.value, u.actions())), S = (0, i.computed)(() => {
+		const e = l()?.state();
+		if (!e) return {
+			mode: "preview",
+			loading: Boolean(o.value.content),
+			error: null,
+			slideIndex: -1,
+			slideCount: 0,
+			canUndo: !1,
+			canRedo: !1,
+			dirty: !1
+		};
+		const { canEdit: t, ...n } = e;
+		return {
+			...n,
+			mode: e.mode
+		};
+	});
+	return {
+		actions: p,
+		state: S,
+		mode: (0, i.computed)(() => S.value.mode),
+		loading: (0, i.computed)(() => S.value.loading),
+		error: (0, i.computed)(() => S.value.error),
+		viewer: s.viewer,
+		options: o,
+		session: u,
+		bridge: s
+	};
+}, exports.useViewerTheme = e.useViewerTheme, exports.useYjsProvider = e.useYjsProvider, Object.defineProperty(exports, "vermilionDarkColors", {
+	enumerable: !0,
+	get: function() {
+		return r.vermilionDarkColors;
 	}
 }), Object.defineProperty(exports, "vermilionDarkTheme", {
 	enumerable: !0,
 	get: function() {
-		return n.vermilionDarkTheme;
+		return r.vermilionDarkTheme;
 	}
 }), Object.defineProperty(exports, "vermilionLightColors", {
 	enumerable: !0,
 	get: function() {
-		return n.vermilionLightColors;
+		return r.vermilionLightColors;
 	}
 }), Object.defineProperty(exports, "vermilionLightTheme", {
 	enumerable: !0,
 	get: function() {
-		return n.vermilionLightTheme;
+		return r.vermilionLightTheme;
 	}
 }), Object.defineProperty(exports, "vermilionRadius", {
 	enumerable: !0,
 	get: function() {
-		return n.vermilionRadius;
+		return r.vermilionRadius;
 	}
 });