visio-svelte-viewer 0.6.2 → 0.7.1

package/README.md

@@ -44,7 +44,8 @@ npm install visio-svelte-viewer
 ## API
 
 The shared properties are `document` (a parsed `VisioDocument`, or `null` to clear),
-`pageIndex` (zero-based), `zoom` (`1` means 100%), `showToolbar` and `events`.
+`pageIndex` (zero-based), `zoom` (`1` means 100%), `showToolbar`, `ribbonAddIns` (tabs the host adds
+after Help) and `events`.
 The callback map uses `document-load`, `document-change`, `document-error`,
 `page-change`, `zoom-change` and `shape-select`. File loading uses the imperative
 `load(File | Blob | Uint8Array | ArrayBuffer)` handle; `document` is not a file URL.

package/dist/VisioViewer.svelte

@@ -3,8 +3,8 @@
   import { readonly, writable } from 'svelte/store';
   import { mountFrameworkViewer, viewerHandle, viewerOptions, viewerStateSource, type ViewerState, type MountedViewer, type ViewerProps, type VsdxSource, type VisioEdit, type VisioShapeSelection, type SvgExportOptions, type CurrentPagePrintSnapshotOptions } from './runtime.js';
   type Props = ViewerProps & { class?: string; style?: string; 'aria-label'?: string };
-  let { document, pageIndex, zoom, showToolbar, events, class: className, style, 'aria-label': ariaLabel }: Props = $props();
-  const options = $derived({ document, pageIndex, zoom, showToolbar, events } satisfies Required<ViewerProps>);
+  let { document, pageIndex, zoom, showToolbar, ribbonAddIns, events, class: className, style, 'aria-label': ariaLabel }: Props = $props();
+  const options = $derived({ document, pageIndex, zoom, showToolbar, ribbonAddIns, events } satisfies Required<ViewerProps>);
   let binding: MountedViewer | undefined;
   const handle = viewerHandle(() => binding);
   // The component owns its state store, so subscribers made before mount still see updates.
@@ -24,7 +24,7 @@
   export function getState() { return readonly(state); }
   export function getHandle() { return handle; }
   export function load(source: VsdxSource) { return handle.load(source); }
-  export function createBlankDrawing(options?: CreateVsdxOptions) { return handle.createBlankDrawing(options); }
+  export function createBlankDrawing(blankOptions?: CreateVsdxOptions) { return handle.createBlankDrawing(blankOptions); }
   export function applyEdits(edits: readonly VisioEdit[]) { return handle.applyEdits(edits); }
   export function selectShapes(shapes: readonly VisioShapeSelection[]) { handle.selectShapes(shapes); }
   export function selectAll() { handle.selectAll(); }
@@ -41,7 +41,7 @@
   export function fit() { handle.fit(); }
   export function setLayerVisibility(pageId: string, layerId: string, visible: boolean | null) { handle.setLayerVisibility(pageId, layerId, visible); }
   export function resetLayerVisibility(pageId?: string) { handle.resetLayerVisibility(pageId); }
-  export function exportSvg(options?: SvgExportOptions) { return handle.exportSvg(options); }
-  export function createPrintSnapshot(options?: CurrentPagePrintSnapshotOptions) { return handle.createPrintSnapshot(options); }
+  export function exportSvg(svgOptions?: SvgExportOptions) { return handle.exportSvg(svgOptions); }
+  export function createPrintSnapshot(printOptions?: CurrentPagePrintSnapshotOptions) { return handle.createPrintSnapshot(printOptions); }
 </script>
 <div class={className} {style} aria-label={ariaLabel} use:attach={options}></div>

package/dist/index.js

@@ -154,6 +154,7 @@ function VisioViewer($$anchor, $$props) {
 		pageIndex: $$props.pageIndex,
 		zoom: $$props.zoom,
 		showToolbar: $$props.showToolbar,
+		ribbonAddIns: $$props.ribbonAddIns,
 		events: $$props.events
 	}));
 	let binding;
@@ -187,8 +188,8 @@ function VisioViewer($$anchor, $$props) {
 	function load(source) {
 		return handle.load(source);
 	}
-	function createBlankDrawing(options) {
-		return handle.createBlankDrawing(options);
+	function createBlankDrawing(blankOptions) {
+		return handle.createBlankDrawing(blankOptions);
 	}
 	function applyEdits(edits) {
 		return handle.applyEdits(edits);
@@ -238,11 +239,11 @@ function VisioViewer($$anchor, $$props) {
 	function resetLayerVisibility(pageId) {
 		handle.resetLayerVisibility(pageId);
 	}
-	function exportSvg(options) {
-		return handle.exportSvg(options);
+	function exportSvg(svgOptions) {
+		return handle.exportSvg(svgOptions);
 	}
-	function createPrintSnapshot(options) {
-		return handle.createPrintSnapshot(options);
+	function createPrintSnapshot(printOptions) {
+		return handle.createPrintSnapshot(printOptions);
 	}
 	var $$exports = {
 		getState,

package/dist/index.server.js

@@ -84,12 +84,13 @@ function viewerHandle(current) {
 //#region packages/bindings/src/VisioViewer.svelte
 function VisioViewer($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { document, pageIndex, zoom, showToolbar, events, class: className, style, "aria-label": ariaLabel } = $$props;
+		let { document, pageIndex, zoom, showToolbar, ribbonAddIns, events, class: className, style, "aria-label": ariaLabel } = $$props;
 		$.derived(() => ({
 			document,
 			pageIndex,
 			zoom,
 			showToolbar,
+			ribbonAddIns,
 			events
 		}));
 		let binding;
@@ -105,8 +106,8 @@ function VisioViewer($$renderer, $$props) {
 		function load(source) {
 			return handle.load(source);
 		}
-		function createBlankDrawing(options) {
-			return handle.createBlankDrawing(options);
+		function createBlankDrawing(blankOptions) {
+			return handle.createBlankDrawing(blankOptions);
 		}
 		function applyEdits(edits) {
 			return handle.applyEdits(edits);
@@ -156,11 +157,11 @@ function VisioViewer($$renderer, $$props) {
 		function resetLayerVisibility(pageId) {
 			handle.resetLayerVisibility(pageId);
 		}
-		function exportSvg(options) {
-			return handle.exportSvg(options);
+		function exportSvg(svgOptions) {
+			return handle.exportSvg(svgOptions);
 		}
-		function createPrintSnapshot(options) {
-			return handle.createPrintSnapshot(options);
+		function createPrintSnapshot(printOptions) {
+			return handle.createPrintSnapshot(printOptions);
 		}
 		$$renderer.push(`<div${$.attr_class($.clsx(className))}${$.attr_style(style)}${$.attr("aria-label", ariaLabel)}></div>`);
 		$.bind_props($$props, {

package/dist/types/packages/bindings/src/common.d.ts

@@ -38,4 +38,5 @@ export { ViewerController, type ViewerState } from 'ooxml-ui/visio';
 export type { SvgExportOptions, SvgExportResult } from 'ooxml-ui/visio';
 export type { CurrentPagePrintSnapshotOptions, PrintSnapshot, PrintSnapshotPage, PrintSnapshotOptions, PrintSnapshotLimits, PrintSnapshotUsage, } from 'ooxml-ui/visio';
 export type { ViewerEditState, VsdxExportResult } from 'ooxml-ui/visio';
+export type { OfficeRibbonAddInEvent, RibbonAddInCommand, RibbonAddInGroup, RibbonAddInTab, } from 'ooxml-ui/visio';
 export type { VisioEdit, VisioGeometryEdit, CreateVsdxOptions } from 'ooxml-core/visio';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "visio-svelte-viewer",
-	"version": "0.6.2",
+	"version": "0.7.1",
 	"description": "Local-first Visio viewer for svelte",
 	"homepage": "https://christophervr.github.io/ooxml/visio/",
 	"bugs": {
@@ -38,8 +38,8 @@
 	},
 	"dependencies": {
 		"emf-converter": "4.11.2",
-		"ooxml-core": "^1.6.2",
-		"ooxml-ui": "^1.6.2",
+		"ooxml-core": "^1.8.2",
+		"ooxml-ui": "^1.8.3",
 		"visio-core": "^0.4.1"
 	},
 	"peerDependencies": {