visio-react-viewer 0.0.2 → 0.1.0

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

@@ -0,0 +1,29 @@
+import { mountViewer, type MountedViewer } from '../../../src/binding.js';
+import { eventKeys, propertyKeys, type ViewerCallbacks, type ViewerOptions, type ViewerProperties } from '../../../src/contract.js';
+/** Framework props permit undefined; omitted values preserve the shared binding's state. */
+export type ViewerProps = {
+    [K in keyof ViewerProperties]?: ViewerProperties[K] | undefined;
+} & {
+    events?: ViewerCallbacks | undefined;
+};
+export type ViewerHandle = Pick<MountedViewer, 'element' | 'controller' | 'load' | 'applyEdits' | 'replacePlainText' | 'undo' | 'redo' | 'cancelEdit' | 'exportVsdx' | 'fit' | 'setLayerVisibility' | 'resetLayerVisibility' | 'exportSvg' | 'createPrintSnapshot'>;
+/** One mapping for every property and event, shared by every framework adapter. */
+export declare function viewerOptions(props: ViewerProps): ViewerOptions;
+/**
+ * Native props are snapshots, while the browser binding accepts explicit patches. Forward only
+ * changed properties so a callback/class update cannot undo an imperative load or user zoom.
+ */
+export declare function mountFrameworkViewer(container: HTMLElement, initial: ViewerOptions): MountedViewer;
+/** Lazy imperative methods reject both before mount and after unmount. */
+export declare function viewerHandle(current: () => MountedViewer | undefined): ViewerHandle;
+/** Native framework emits and callback-map props share one complete event inventory. */
+export declare function withEventEmitter(props: ViewerProps, emit: (name: keyof ViewerCallbacks, value: unknown) => void): ViewerOptions;
+export { mountViewer };
+export type { MountedViewer, ViewerCallbacks, ViewerOptions, ViewerProperties };
+export { eventKeys, propertyKeys };
+export type { ViewerEvents, VsdxSource } from '../../../src/contract.js';
+export { ViewerController, type ViewerState } from '../../../src/controller.js';
+export type { SvgExportOptions, SvgExportResult } from '../../../src/export-svg.js';
+export type { CurrentPagePrintSnapshotOptions, PrintSnapshot, PrintSnapshotPage, PrintSnapshotOptions, PrintSnapshotLimits, PrintSnapshotUsage, } from '../../../src/print-snapshot.js';
+export type { ViewerEditState, VsdxExportResult } from '../../../src/document-history.js';
+export type { VisioEdit, VisioGeometryEdit } from 'ooxml-core/visio';

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

@@ -0,0 +1,10 @@
+import { type CSSProperties } from 'react';
+import { type ViewerHandle, type ViewerProps } from './common.js';
+export interface VisioViewerProps extends ViewerProps {
+    className?: string | undefined;
+    style?: CSSProperties | undefined;
+    'aria-label'?: string | undefined;
+}
+/** React owns only the host and lifecycle; the shared element owns all viewer behavior. */
+export declare const VisioViewer: import("react").ForwardRefExoticComponent<VisioViewerProps & import("react").RefAttributes<ViewerHandle>>;
+export type { ViewerHandle, ViewerCallbacks, ViewerOptions, ViewerEvents, ViewerEditState, VsdxExportResult, } from './common.js';

package/dist/types/packages/react/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../../../src/index.js';
+export * from 'visio-core';
+export * from '../../bindings/src/react.js';

package/dist/types/src/arrowheads.d.ts

@@ -0,0 +1,3 @@
+import type { VisioStyle } from 'ooxml-core/visio';
+/** Common Visio line/triangle and concave arrow styles. Sizes remain a documented visual approximation. */
+export declare function applyArrowheads(path: SVGPathElement, style: VisioStyle, defs: SVGDefsElement, warnings: Set<string>): void;

package/dist/types/src/binding.d.ts

@@ -0,0 +1,27 @@
+import type { VisioEdit } from 'ooxml-core/visio';
+import type { ViewerOptions, VsdxSource } from './contract.js';
+import { type VisioViewerElement } from './viewer-element.js';
+import type { ViewerController } from './controller.js';
+import type { SvgExportOptions, SvgExportResult } from './export-svg.js';
+import type { CurrentPagePrintSnapshotOptions, PrintSnapshot } from './print-snapshot.js';
+import type { VsdxExportResult } from './document-history.js';
+export interface MountedViewer {
+    readonly element: VisioViewerElement;
+    readonly controller: ViewerController;
+    update(options: ViewerOptions): void;
+    load(source: VsdxSource): Promise<void>;
+    applyEdits(edits: readonly VisioEdit[]): Promise<void>;
+    replacePlainText(pageId: string, shapeId: string, text: string): Promise<void>;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    cancelEdit(): void;
+    exportVsdx(): VsdxExportResult;
+    fit(): void;
+    setLayerVisibility(pageId: string, layerId: string, visible: boolean | null): void;
+    resetLayerVisibility(pageId?: string): void;
+    exportSvg(options?: SvgExportOptions): SvgExportResult;
+    createPrintSnapshot(options?: CurrentPagePrintSnapshotOptions): PrintSnapshot;
+    destroy(): void;
+}
+/** One client-only lifecycle adapter; framework wrappers forward to this implementation. */
+export declare function mountViewer(container: HTMLElement, initial?: ViewerOptions): MountedViewer;

package/dist/types/src/contract.d.ts

@@ -0,0 +1,32 @@
+import type { VisioDocument } from 'ooxml-core/visio';
+export interface ViewerProperties {
+    document: VisioDocument | null;
+    pageIndex: number;
+    zoom: number;
+    showToolbar: boolean;
+}
+export interface ViewerEvents {
+    'document-load': VisioDocument;
+    'document-change': {
+        document: VisioDocument;
+        dirty: boolean;
+        kind: 'edit' | 'undo' | 'redo';
+    };
+    'document-error': Error;
+    'page-change': number;
+    'zoom-change': number;
+    'shape-select': {
+        id: string;
+        name: string;
+        pageId?: string;
+    } | null;
+}
+export type ViewerCallbacks = {
+    [K in keyof ViewerEvents]?: (detail: ViewerEvents[K]) => void;
+};
+export declare const propertyKeys: readonly ["document", "pageIndex", "zoom", "showToolbar"];
+export declare const eventKeys: readonly ["document-load", "document-change", "document-error", "page-change", "zoom-change", "shape-select"];
+export type VsdxSource = ArrayBuffer | Uint8Array | Blob;
+export interface ViewerOptions extends Partial<ViewerProperties> {
+    events?: ViewerCallbacks;
+}

package/dist/types/src/controller.d.ts

@@ -0,0 +1,66 @@
+import { type ViewerEditState, type VsdxExportResult } from './document-history.js';
+import { type CancellableEditor } from './worker-editor.js';
+import { type VisioDocument, type VisioEdit } from 'ooxml-core/visio';
+import { type LayerVisibilityOverride } from './viewer-layers.js';
+import type { CancellableParser } from './worker-parser.js';
+import type { ViewerEvents } from './contract.js';
+import { type TextSearchState } from './document-text-search.js';
+export interface ViewerState {
+    readonly document: VisioDocument | null;
+    readonly edit: ViewerEditState;
+    readonly pageIndex: number;
+    readonly zoom: number;
+    readonly loading: boolean;
+    readonly error: Error | null;
+    readonly search: TextSearchState;
+    /** Viewer-only display overrides, independent of saved model and print policy. */
+    readonly layerVisibilityOverrides: readonly LayerVisibilityOverride[];
+    readonly selectedShape: {
+        id: string;
+        name: string;
+        pageId?: string;
+    } | null;
+}
+type Parser = CancellableParser;
+type EventListener = <K extends keyof ViewerEvents>(name: K, detail: ViewerEvents[K]) => void;
+export declare class ViewerController {
+    #private;
+    private readonly parser;
+    private readonly listenerError;
+    private readonly editor;
+    constructor(parser?: Parser, listenerError?: (error: unknown) => void, editor?: CancellableEditor);
+    get state(): ViewerState;
+    /** Accepted document replacements, including the same object, invalidate captured artifacts. */
+    get documentGeneration(): number;
+    /** Accepted source/model replacements invalidate drafts; edit/undo/redo keep this source epoch. */
+    get sourceGeneration(): number;
+    subscribe(listener: (state: ViewerState) => void): () => void;
+    onEvent(listener: EventListener): () => void;
+    setDocument(document: VisioDocument | null): void;
+    setPage(index: number): void;
+    setZoom(zoom: number): void;
+    selectShape(shape: ViewerState['selectedShape']): void;
+    /** Override one source-page layer for viewing. null restores its saved display flag. */
+    setLayerVisibility(pageId: string, layerId: string, visible: boolean | null): void;
+    /** Reset a source page, or all pages when omitted. Does not modify the document. */
+    resetLayerVisibility(pageId?: string): void;
+    /** Search does not change the page or selection until explicit result navigation. */
+    setSearchQuery(query: string): void;
+    selectSearchResult(index: number): void;
+    nextSearchResult(): void;
+    previousSearchResult(): void;
+    load(bytes: Uint8Array | ArrayBuffer): Promise<void>;
+    /** Reading bytes shares the same request epoch and error state as parsing them. */
+    loadSource(read: () => Uint8Array | ArrayBuffer | Promise<Uint8Array | ArrayBuffer>): Promise<void>;
+    cancelLoad(): void;
+    destroy(): void;
+    /** Replace one source-backed local plain-text target. Core decides target support. */
+    replacePlainText(pageId: string, shapeId: string, text: string): Promise<void>;
+    /** Atomic source-backed edits. Core owns protection, dependency and target validation. */
+    applyEdits(edits: readonly VisioEdit[]): Promise<void>;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    cancelEdit(): void;
+    exportVsdx(): VsdxExportResult;
+}
+export {};

package/dist/types/src/demo-document.d.ts

@@ -0,0 +1,3 @@
+import type { VisioDocument } from 'ooxml-core/visio';
+/** Original sample scene, not a Visio-authored reference fixture. */
+export declare const demoDocument: VisioDocument;

package/dist/types/src/diagnostics.d.ts

@@ -0,0 +1,9 @@
+import type { VisioDiagnostic } from 'ooxml-core/visio';
+export interface CompatibilityNote {
+    message: string;
+    count: number;
+    severity: 'info' | 'warning';
+}
+/** Presentation-only grouping keeps repeated per-shape diagnostics readable without losing counts. */
+export declare function compatibilityNotes(diagnostics: readonly VisioDiagnostic[], renderWarnings?: readonly string[]): CompatibilityNote[];
+export declare function compatibilityText(note: CompatibilityNote): string;

package/dist/types/src/document-history.d.ts

@@ -0,0 +1,42 @@
+/** Source snapshots only. No document model is serialized by the viewer. */
+export interface EditDiagnostic {
+    readonly code: string;
+    readonly message: string;
+}
+export interface VsdxExportResult {
+    bytes: Uint8Array;
+    dirty: boolean;
+    diagnostics: readonly EditDiagnostic[];
+}
+export interface ViewerEditState {
+    readonly sourceAvailable: boolean;
+    readonly busy: boolean;
+    readonly dirty: boolean;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    readonly historyTruncated: boolean;
+    readonly error: Error | null;
+    readonly diagnostics: readonly EditDiagnostic[];
+}
+export declare const EMPTY_EDIT_STATE: ViewerEditState;
+export declare const EDIT_HISTORY_LIMITS: Readonly<{
+    maxBytes: number;
+    maxEntries: 20;
+}>;
+export interface SourceSnapshot {
+    readonly bytes: Uint8Array;
+    readonly diagnostics: readonly EditDiagnostic[];
+}
+/** Private controller-owned bytes; transient worker copies and models are separate from this budget. */
+export declare class DocumentHistory {
+    #private;
+    readonly original: SourceSnapshot;
+    constructor(bytes: Uint8Array);
+    get current(): SourceSnapshot;
+    get undoTarget(): SourceSnapshot | undefined;
+    get redoTarget(): SourceSnapshot | undefined;
+    get state(): ViewerEditState;
+    append(bytes: Uint8Array, diagnostics: readonly EditDiagnostic[]): void;
+    move(target: SourceSnapshot): void;
+    export(): VsdxExportResult;
+}

package/dist/types/src/document-text-search.d.ts

@@ -0,0 +1,44 @@
+import type { VisioDocument, VisioShape } from 'ooxml-core/visio';
+/** UTF-16 character bounds, applied before copying or case conversion. */
+export declare const TEXT_SEARCH_LIMITS: Readonly<{
+    queryCharacters: 256;
+    results: 500;
+    indexedCharacters: 2000000;
+    shapeCharacters: 32768;
+    previewCharacters: 160;
+    shapes: 25000;
+    depth: 64;
+}>;
+export interface TextSearchResult {
+    readonly pageIndex: number;
+    readonly pageId: string;
+    readonly pageName: string;
+    readonly shapeId: string;
+    readonly shapeName: string;
+    /** Bounded start-of-text preview, not a match offset or highlighted excerpt. */
+    readonly preview: string;
+}
+export interface TextSearchState {
+    readonly query: string;
+    readonly results: readonly TextSearchResult[];
+    /** -1 until the user explicitly navigates, or after manual page/shape selection. */
+    readonly activeIndex: number;
+    readonly indexTruncated: boolean;
+    readonly resultsTruncated: boolean;
+}
+interface SearchEntry {
+    readonly result: TextSearchResult;
+    readonly foldedText: string;
+}
+export interface DocumentTextIndex {
+    readonly entries: readonly SearchEntry[];
+    readonly truncated: boolean;
+}
+export declare const EMPTY_TEXT_SEARCH: TextSearchState;
+/** Index canonical text for the current display state. No XML, DOM or layout parsing. */
+export declare function indexDocumentText(model: VisioDocument | null, isVisible?: (shape: VisioShape) => boolean): DocumentTextIndex;
+export declare function validateSearchQuery(query: string): void;
+/** One match per shape, literal ECMAScript lowercase comparison; no regex or language collation. */
+export declare function searchDocumentText(index: DocumentTextIndex, query: string): TextSearchState;
+export declare function textSearchStatus(search: TextSearchState): string;
+export {};

package/dist/types/src/edit-commands.d.ts

@@ -0,0 +1,3 @@
+import type { VisioEdit } from 'ooxml-core/visio';
+/** Bound cloning and strip arbitrary host properties. Semantic validation belongs to core. */
+export declare function snapshotEdits(edits: readonly VisioEdit[]): VisioEdit[];

package/dist/types/src/edit-error.d.ts

@@ -0,0 +1,4 @@
+/** Core error codes remain visible for a refused transaction; document content is plain text. */
+export declare function editErrorMessage(error: unknown): string;
+/** Superseded worker/load operations are cancellation, not a refused document edit. */
+export declare function isEditCancellation(error: unknown): boolean;

package/dist/types/src/edit-worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/export-svg.d.ts

@@ -0,0 +1,25 @@
+import { type VisioDocument, type VisioPage } from 'ooxml-core/visio';
+import { type CompatibilityNote } from './diagnostics.js';
+export declare const MAX_SVG_EXPORT_BYTES: number;
+export interface SvgExportOptions {
+    /** UTF-8 output ceiling. May lower, but never raise, the 16 MiB safety limit. */
+    maxBytes?: number;
+}
+export interface SvgExportResult {
+    readonly svg: string;
+    readonly byteLength: number;
+    readonly pageIndex: number;
+    readonly pageName: string;
+    /** Saved page dimensions in inches, independent of viewport zoom. */
+    readonly width: number;
+    readonly height: number;
+    readonly diagnostics: CompatibilityNote[];
+}
+/**
+ * Export one page through the shared renderer, including its resolved backgrounds.
+ * Requires a browser DOM at call time, never uploads, downloads or mutates viewer state.
+ * Conservative preflight limits can reject a page whose eventual serialization would be smaller.
+ */
+export declare function exportPageSvg(model: VisioDocument, pageIndex?: number, options?: SvgExportOptions): SvgExportResult;
+/** @internal Call only after canonical scene validation. Shared conservative allocation preflight. */
+export declare function estimatePageSvgBytes(model: VisioDocument, page: VisioPage, maxBytes: number): number;

package/dist/types/src/foreign-vector-budget.d.ts

@@ -0,0 +1,24 @@
+import { type VisioForeignVector } from 'ooxml-core/visio';
+/** UI allocation limits, charged for every instance, including repeated shared resources. */
+export declare const FOREIGN_VECTOR_SCENE_LIMITS: Readonly<{
+    maxNodes: 100000;
+    maxCommands: 400000;
+    maxOperands: 1000000;
+}>;
+export interface ForeignVectorResource {
+    readonly vector: VisioForeignVector;
+    readonly nodes: number;
+    readonly commands: number;
+    readonly operands: number;
+    readonly svgBytes: number;
+    readonly validationWork: number;
+}
+/** Count work only after canonical validation. Interpretation and safety remain in core. */
+export declare function inspectForeignVectorResource(source: unknown): ForeignVectorResource;
+/** Invocation-local budget. Never trusts frozen host objects or caches across calls. */
+export declare class ForeignVectorBudget {
+    private nodes;
+    private commands;
+    private operands;
+    take(source: unknown): ForeignVectorResource;
+}

package/dist/types/src/index.d.ts

@@ -0,0 +1,14 @@
+export { ViewerController, type ViewerState } from './controller.js';
+export { mountViewer, type MountedViewer } from './binding.js';
+export { VisioViewerElement, registerVisioViewer } from './viewer-element.js';
+export { renderPage, type RenderResult, type RenderOptions } from './render-svg.js';
+export { exportPageSvg, MAX_SVG_EXPORT_BYTES, type SvgExportOptions, type SvgExportResult, } from './export-svg.js';
+export { createPrintSnapshot, PRINT_SNAPSHOT_LIMITS, type PrintSnapshot, type PrintSnapshotPage, type PrintSnapshotOptions, type PrintSnapshotLimits, type PrintSnapshotUsage, type CurrentPagePrintSnapshotOptions, } from './print-snapshot.js';
+export { eventKeys, propertyKeys, type ViewerProperties, type ViewerEvents, type ViewerCallbacks, type ViewerOptions, type VsdxSource, } from './contract.js';
+export type { VisioDocument, VisioPage, VisioShape, VisioDiagnostic } from 'ooxml-core/visio';
+export { createWorkerParser, type CancellableParser } from './worker-parser.js';
+export { compatibilityNotes, compatibilityText, type CompatibilityNote } from './diagnostics.js';
+export { TEXT_SEARCH_LIMITS, type TextSearchResult, type TextSearchState, } from './document-text-search.js';
+export { VIEWER_LAYER_LIMITS, type LayerVisibilityOverride } from './viewer-layers.js';
+export type { ViewerEditState, VsdxExportResult } from './document-history.js';
+export type { VisioEdit, VisioGeometryEdit } from 'ooxml-core/visio';

package/dist/types/src/paragraph-layout.d.ts

@@ -0,0 +1,18 @@
+import type { VisioParagraph, VisioText } from 'ooxml-core/visio';
+import { type TextLayoutBudget, type MeasureText, type TextLine } from './text-layout.js';
+export interface PositionedLine extends TextLine {
+    x: number;
+    y: number;
+    availableWidth: number;
+    align: VisioParagraph['horizontalAlign'];
+    direction: 'ltr' | 'rtl';
+    last: boolean;
+    bullet?: NonNullable<VisioParagraph['bullet']> & {
+        x: number;
+    };
+}
+export interface ParagraphLayout {
+    lines: PositionedLine[];
+    height: number;
+}
+export declare function layoutParagraphs(text: VisioText, measure?: MeasureText, budget?: TextLayoutBudget): ParagraphLayout;

package/dist/types/src/parse-worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/print-snapshot.d.ts

@@ -0,0 +1,87 @@
+import { type VisioDocument } from 'ooxml-core/visio';
+import type { CompatibilityNote } from './diagnostics.js';
+/** Application guardrails, not printer capabilities or Microsoft Visio limits. */
+export declare const PRINT_SNAPSHOT_LIMITS: Readonly<{
+    maxPages: 32;
+    maxTotalBytes: number;
+    maxPageBytes: number;
+    maxShapeInstances: 100000;
+    maxGeometryInstances: 100000;
+    maxPathCharacters: 16000000;
+    maxTextCharacters: 1000000;
+    maxTextRuns: 100000;
+    maxImageBytes: number;
+    maxUniqueImagePixels: 64000000;
+    maxImageInstancePixels: 256000000;
+    maxVectorNodes: 100000;
+    maxVectorCommands: 400000;
+    maxVectorOperands: 1000000;
+    maxPageAxisCssPixels: 4096;
+    maxPageAreaCssPixels: 16000000;
+    maxTotalAreaCssPixels: 64000000;
+    maxValidationShapeVisits: 1000000;
+    maxValidationWork: number;
+}>;
+export type PrintSnapshotLimits = {
+    -readonly [K in keyof typeof PRINT_SNAPSHOT_LIMITS]: number;
+};
+export interface PrintSnapshotOptions {
+    /** Explicit output order. Background pages are included as sheets only when selected. */
+    readonly pageIndices: readonly number[];
+    /** Positive integer limits may lower, but never raise, the hard ceilings. */
+    readonly limits?: Partial<PrintSnapshotLimits>;
+}
+/** Viewer handles always capture exactly the current page. */
+export type CurrentPagePrintSnapshotOptions = Omit<PrintSnapshotOptions, 'pageIndices'>;
+export interface PrintSnapshotPage {
+    readonly pageIndex: number;
+    readonly pageId: string;
+    readonly pageName: string;
+    /** Saved drawing dimensions, not printer paper, margins, orientation or scale. */
+    readonly drawingSize: Readonly<{
+        width: number;
+        height: number;
+        unit: 'in';
+    }>;
+    /** An isolated SVG document. Do not concatenate page trees with colliding resource IDs. */
+    readonly svg: string;
+    readonly byteLength: number;
+    readonly diagnostics: readonly Readonly<CompatibilityNote>[];
+}
+export interface PrintSnapshotUsage {
+    readonly estimatedSvgBytes: number;
+    readonly svgBytes: number;
+    readonly shapeInstances: number;
+    readonly geometryInstances: number;
+    readonly pathCharacters: number;
+    readonly textCharacters: number;
+    readonly textRuns: number;
+    /** Raw resources counted once per byte identity per output page, including backgrounds. */
+    readonly imageBytes: number;
+    readonly uniqueImagePixels: number;
+    readonly imageInstancePixels: number;
+    /** Includes all clip reference expansions and repeated/background vector instances. */
+    readonly vectorNodes: number;
+    readonly vectorCommands: number;
+    readonly vectorOperands: number;
+    readonly totalAreaCssPixels: number;
+    readonly validationShapeVisits: number;
+    /** Conservative bytes, characters and records across validation and the private copy pass. */
+    readonly validationWork: number;
+}
+export interface PrintSnapshot {
+    readonly appearance: 'saved-display';
+    readonly pageIndices: readonly number[];
+    readonly pages: readonly PrintSnapshotPage[];
+    readonly byteLength: number;
+    readonly limits: Readonly<PrintSnapshotLimits>;
+    readonly usage: PrintSnapshotUsage;
+    readonly limitations: readonly string[];
+}
+/**
+ * Synchronously prepare bounded, immutable page artifacts through the shared SVG renderer.
+ * Requires its DOM/serializer, but never mounts nodes, downloads, fetches, opens frames or prints.
+ * Canonical scene/raster validation is repeated on every call. No source object is frozen.
+ * Conservative budgets include hidden content and can reject otherwise exportable individual pages.
+ */
+export declare function createPrintSnapshot(model: VisioDocument, options: PrintSnapshotOptions): PrintSnapshot;

package/dist/types/src/render-fill.d.ts

@@ -0,0 +1,2 @@
+import type { VisioStyle } from 'ooxml-core/visio';
+export declare function fillPaint(style: VisioStyle, defs: SVGDefsElement): string;

package/dist/types/src/render-foreign-vector-shape.d.ts

@@ -0,0 +1,4 @@
+import type { VisioShape } from 'ooxml-core/visio';
+import type { ForeignVectorBudget } from './foreign-vector-budget.js';
+/** Core supplies shape-local placement; converter coordinates have a downward Y axis. */
+export declare function renderForeignVectorShape(shape: VisioShape, budget: ForeignVectorBudget): SVGGElement | undefined;

package/dist/types/src/render-foreign-vector.d.ts

@@ -0,0 +1,3 @@
+import { ForeignVectorBudget } from './foreign-vector-budget.js';
+/** Render an independently validated inert scene. Never forwards source tags, IDs or attributes. */
+export declare function renderForeignVector(source: unknown, owner?: Document, budget?: ForeignVectorBudget): SVGSVGElement;

package/dist/types/src/render-image.d.ts

@@ -0,0 +1,4 @@
+import type { VisioShape } from 'ooxml-core/visio';
+import type { RenderResources } from './render-resources.js';
+/** URLs are created only from bounded embedded raster bytes, never from document strings. */
+export declare function renderImage(shape: VisioShape, resources: RenderResources): SVGGElement | undefined;

package/dist/types/src/render-resources.d.ts

@@ -0,0 +1,10 @@
+import type { VisioImage } from 'ooxml-core/visio';
+/** One reference per shared core image resource, with explicit per-render disposal. */
+export declare class RenderResources {
+    #private;
+    private readonly definitions?;
+    constructor(definitions?: SVGDefsElement | undefined);
+    get portable(): boolean;
+    imageUrl(image: VisioImage): string;
+    dispose(): void;
+}

package/dist/types/src/render-svg.d.ts

@@ -0,0 +1,17 @@
+import { type VisioDocument, type VisioPage, type VisioMatrix } from 'ooxml-core/visio';
+import { type LayerVisibilityOverride } from './viewer-layers.js';
+export declare function svgElement<K extends keyof SVGElementTagNameMap>(name: K): SVGElementTagNameMap[K];
+export declare function safeColor(value: string, fallback?: string): string;
+export declare function matrix(value: VisioMatrix): string;
+export interface RenderResult {
+    svg: SVGSVGElement;
+    warnings: string[];
+    dispose(): void;
+}
+export interface RenderOptions {
+    /** Static output embeds rasters and omits viewer selection semantics. Prefer exportPageSvg for bounded serialization. */
+    static?: boolean;
+    /** Optional viewer display state. Export/print snapshot APIs deliberately use saved display. */
+    layerVisibilityOverrides?: readonly LayerVisibilityOverride[];
+}
+export declare function renderPage(model: VisioDocument, page: VisioPage, options?: RenderOptions): RenderResult;

package/dist/types/src/render-text.d.ts

@@ -0,0 +1,4 @@
+import type { VisioText } from 'ooxml-core/visio';
+import type { TextLayoutBudget } from './text-layout.js';
+/** Browser-font layout is approximate until compared with the licensed Visio reference corpus. */
+export declare function renderText(text: VisioText, warnings: Set<string>, budget?: TextLayoutBudget): SVGGElement;

package/dist/types/src/scene-details.d.ts

@@ -0,0 +1,7 @@
+import type { VisioShape } from 'ooxml-core/visio';
+export interface DetailBudget {
+    rows: number;
+    characters: number;
+}
+/** Runtime model checks prevent implicit DOM stringification of host-provided objects. */
+export declare function assertShapeDetails(shape: VisioShape, budget: DetailBudget): void;

package/dist/types/src/scene-validation.d.ts

@@ -0,0 +1,4 @@
+import { type VisioDocument } from 'ooxml-core/visio';
+export declare const MAX_INPUT_BYTES: number;
+/** Defensive display limits also protect callers supplying their own typed scenes. */
+export declare function assertViewableDocument(model: VisioDocument): void;

package/dist/types/src/shape-inspector.d.ts

@@ -0,0 +1,5 @@
+import type { VisioDocument, VisioShape } from 'ooxml-core/visio';
+import type { ViewerState } from './controller.js';
+export declare function selectedShape(document: VisioDocument | null, selection: ViewerState['selectedShape'], pageIndex: number): VisioShape | undefined;
+export declare function safeExternalHref(value: string): string | undefined;
+export declare function shapeDetails(shape: VisioShape): DocumentFragment;

package/dist/types/src/snapshot-scene.d.ts

@@ -0,0 +1,8 @@
+import type { VisioDocument } from 'ooxml-core/visio';
+/**
+ * @internal Copy a canonically validated scene without retaining any renderer-used mutable input.
+ * The caller validates the result before use. Independent allocation caps also bound a host that
+ * changes its arrays while fields are read. Shared raster buffers are copied once per invocation.
+ * Inspector metadata, connectors, layers and unknown host properties are not used by static SVG.
+ */
+export declare function copySnapshotScene(model: VisioDocument): VisioDocument;

package/dist/types/src/styles.d.ts

@@ -0,0 +1,2 @@
+/** Inherited public tokens use local fallback aliases so host themes are never shadowed. */
+export declare const viewerStyles = "\n:host {\n  --_vv-bg:var(--vv-background,#eceae8); --_vv-surface:var(--vv-surface,#fff);\n  --_vv-secondary:var(--vv-secondary,#f3f2f1); --_vv-ink:var(--vv-ink,#1f1f1f);\n  --_vv-muted:var(--vv-muted,#605e5c); --_vv-border:var(--vv-border,#e1dfdd);\n  --_vv-accent:var(--vv-accent,#3955a3); --_vv-accent-soft:var(--vv-accent-soft,rgba(57,85,163,.10));\n  display:flex; flex-direction:column; min-width:0; min-height:320px; height:100%; overflow:hidden;\n  color:var(--_vv-ink); background:var(--_vv-bg); font:12px/1.5 \"Segoe UI\",Arial,sans-serif; contain:layout;\n}\n* { box-sizing:border-box; }\n[hidden] { display:none !important; }\nbutton,select,input,textarea { font:inherit; color:inherit; border:1px solid var(--_vv-border); background:var(--_vv-surface); border-radius:4px; min-height:28px; padding:3px 8px; }\nbutton { cursor:pointer; }\nbutton:hover:enabled { background:var(--_vv-accent-soft); border-color:var(--_vv-accent); }\nbutton:disabled { opacity:.4; cursor:default; }\nbutton:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--vv-focus,var(--_vv-accent)); outline-offset:2px; }\nbutton[aria-pressed=\"true\"] { color:var(--_vv-accent); background:var(--_vv-accent-soft); }\n.toolbar { flex:none; min-width:0; border-bottom:1px solid var(--_vv-border); background:var(--_vv-surface); }\n.ribbon-primary { height:32px; display:flex; align-items:center; gap:6px; padding:2px 8px; }\n.page-picker { display:flex; min-width:0; align-items:center; gap:8px; color:var(--_vv-muted); font-size:11px; }\n.page-picker select { width:190px; max-width:42vw; height:26px; min-height:26px; padding:2px 6px; font-size:11px; color:var(--_vv-ink); }\n.page-stepper { display:flex; align-items:center; gap:2px; }\n.page-stepper button { width:26px; height:26px; min-height:26px; padding:0; font-size:18px; line-height:22px; background:transparent; border-color:transparent; }\n.spacer { flex:1; }\n.local-label { color:var(--_vv-muted); font-size:10px; white-space:nowrap; }\n.ribbon-tabs { height:35px; display:flex; align-items:stretch; padding:0 4px; border-bottom:1px solid var(--_vv-border); }\n.ribbon-tabs button { position:relative; min-height:34px; padding:7px 14px; border:0; border-radius:0; background:transparent; color:var(--_vv-muted); font-size:12px; font-weight:500; }\n.ribbon-tabs button[aria-selected=\"true\"] { color:var(--_vv-accent); }\n.ribbon-tabs button[aria-selected=\"true\"]::after { content:\"\"; position:absolute; inset:auto 0 -1px; height:2.5px; background:var(--_vv-accent); }\n.ribbon-content { min-height:82px; display:flex; align-items:stretch; gap:0; padding:2px 4px; overflow-x:auto; }\n.ribbon-group { display:flex; flex-direction:column; justify-content:space-between; flex:none; gap:2px; padding:3px 10px 4px; border-right:1px solid var(--_vv-border); }\n.group-label { font-size:10px; line-height:12px; color:var(--_vv-muted); text-align:center; }\n.ribbon-actions { display:flex; align-items:stretch; gap:2px; flex:1; }\n.ribbon-command { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; min-width:70px; padding:2px 6px; border-color:transparent; background:transparent; font-size:11px; white-space:nowrap; }\n.command-icon { display:grid; place-items:center; width:26px; height:26px; color:var(--_vv-accent); }\n.command-icon::before { content:\"\"; width:24px; height:24px; background:currentColor; mask:var(--command-symbol) center / contain no-repeat; }\n[data-icon=\"selection\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%203%2013%209-6%201-3%206z%22%2F%3E%3C%2Fsvg%3E\"); }\n[data-icon=\"edit\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16M12%205v14M8%2019h8%22%2F%3E%3C%2Fsvg%3E\"); }\n[data-icon=\"layers\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205-9%205zM3%2012l9%205%209-5M3%2016l9%205%209-5%22%2F%3E%3C%2Fsvg%3E\"); }\n[data-icon=\"pages\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h8M8%2016h5%22%2F%3E%3C%2Fsvg%3E\"); }\n[data-icon=\"inspector\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M14%204v16M17%208h1M17%2012h1M17%2016h1%22%2F%3E%3C%2Fsvg%3E\"); }\n[data-icon=\"notes\"] { --command-symbol:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v12H9l-5%204z%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h5%22%2F%3E%3C%2Fsvg%3E\"); }\n.ribbon-command[data-chrome=\"edit\"] .command-icon { font-family:ui-serif,Georgia,serif; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }\n.ribbon-hint { align-self:center; flex:none; margin:0; padding:0 16px; font-size:11px; line-height:18px; color:var(--_vv-muted); }\n.search-group { width:330px; }\n.search-controls { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }\n.search-controls label { display:flex; align-items:center; min-width:0; gap:6px; flex:1; font-size:11px; }\n.search-controls input { width:100%; min-width:0; padding:3px 6px; font-size:11px; }\n.search-controls button { padding:3px 6px; font-size:10px; background:var(--_vv-secondary); }\n.search-controls [role=\"status\"] { display:block; width:100%; min-height:15px; font-size:10px; line-height:15px; color:var(--_vv-muted); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.workspace { position:relative; display:flex; flex:1; min-width:0; min-height:0; overflow:hidden; }\n.page-rail { flex:0 0 180px; width:180px; min-width:0; overflow:auto; border-right:1px solid var(--_vv-border); background:var(--_vv-secondary); }\n.pane-heading { height:37px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-bottom:1px solid var(--_vv-border); font-size:11px; font-weight:600; }\n.pane-heading [data-page-count],.inspector-kind { color:var(--_vv-muted); font-size:10px; font-weight:400; }\n.page-list { list-style:none; padding:8px 5px; margin:0; display:flex; flex-direction:column; gap:4px; }\n.page-link { display:flex; align-items:center; position:relative; width:100%; min-width:0; gap:4px; padding:4px 5px 4px 2px; border:0; border-radius:0; background:transparent; color:var(--_vv-muted); text-align:left; }\n.page-link[aria-current=\"page\"] { background:var(--_vv-accent-soft); }\n.page-link[aria-current=\"page\"]::before { content:\"\"; position:absolute; left:0; top:4px; bottom:4px; width:3px; border-radius:0 2px 2px 0; background:var(--_vv-accent); }\n.page-number { flex:0 0 20px; width:20px; padding-right:3px; font-size:10px; text-align:right; }\n.page-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; width:100%; min-height:98px; gap:3px; padding:10px; border:1px solid var(--_vv-border); border-radius:2px; background:var(--_vv-surface); }\n.page-link[aria-current=\"page\"] .page-card { border-color:var(--_vv-accent); }\n.page-link[aria-current=\"page\"] .page-number { color:var(--_vv-accent); font-weight:600; }\n.page-mark { color:var(--_vv-muted); font-size:20px; line-height:23px; }\n.page-name { color:var(--_vv-ink); font-size:11px; font-weight:500; line-height:16px; overflow-wrap:anywhere; }\n.page-meta { color:var(--_vv-muted); font-size:9px; line-height:14px; }\n.page-empty { margin:12px; color:var(--_vv-muted); font-size:11px; }\n.viewport { position:relative; display:flex; flex-direction:column; flex:1; overflow:auto; min-width:0; min-height:0; padding:16px 4px; background:var(--_vv-bg); }\n.paper { display:block; flex:none; background:white; box-shadow:var(--vv-shadow,0 2px 8px rgb(0 0 0 / 14%)); margin:auto; }\n.paper [data-shape-id] { cursor:pointer; }\n.paper [data-selected=\"true\"] > [data-geometry] { stroke:var(--_vv-accent) !important; stroke-width:.025 !important; }\n.inspector-pane { flex:0 0 288px; width:288px; min-width:0; overflow:auto; border-left:1px solid var(--_vv-border); background:var(--_vv-secondary); }\n.inspector-body { display:flex; flex-direction:column; gap:12px; padding:12px 10px; }\n.inspector-card,.edit-controls,.layer-controls { min-width:0; padding:8px; margin:0; border:1px solid var(--_vv-border); border-radius:4px; background:var(--_vv-surface); font-size:11px; line-height:17px; }\n.document-card h2 { margin:0 0 8px; font-size:10px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:var(--_vv-muted); }\n.current-page-name { margin:0 0 8px; font-size:12px; font-weight:500; overflow-wrap:anywhere; }\n.document-card dl { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin:0; font-size:11px; }\n.document-card dt { color:var(--_vv-muted); }\n.document-card dd { margin:0; text-align:right; overflow-wrap:anywhere; }\n.selection-hint { margin:0; padding:0 2px; color:var(--_vv-muted); font-size:11px; }\nsummary { cursor:pointer; min-height:22px; line-height:22px; font-weight:500; }\nsummary::marker { color:var(--_vv-muted); font-size:10px; }\n.shape-inspector div { max-height:260px; overflow:auto; }\n.shape-inspector p { margin:6px 0; overflow-wrap:anywhere; }\n.shape-inspector dl { display:grid; grid-template-columns:minmax(60px,1fr) 1.5fr; gap:6px 10px; }\n.shape-inspector dt { font-weight:500; }\n.shape-inspector dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }\n.shape-inspector h3 { margin:12px 0 5px; font-size:11px; }\n.shape-inspector a { color:var(--_vv-accent); overflow-wrap:anywhere; }\n.edit-controls p,.layer-controls p { margin:6px 0; color:var(--_vv-muted); overflow-wrap:anywhere; }\n.edit-controls textarea { display:block; width:100%; resize:vertical; max-height:180px; margin-top:4px; background:var(--_vv-secondary); }\n.edit-controls label { display:block; margin-top:8px; }\n.edit-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }\n.edit-actions button { font-size:11px; padding:3px 7px; }\n.edit-actions [data-edit=\"apply\"]:enabled { background:var(--_vv-accent); border-color:var(--_vv-accent); color:var(--vv-accent-ink,#fff); }\n.edit-controls [data-geometry] { min-width:0; margin:8px 0 0; padding:6px; border:1px solid var(--_vv-border); }\n.edit-controls [data-geometry-field] { display:block; width:100%; min-width:0; margin-top:4px; }\n.edit-controls [data-geometry-error] { color:var(--vv-danger,#b42318); }\n.edit-controls [data-edit-error] { color:var(--vv-danger,#b42318); }\n.edit-controls [data-edit-diagnostics] { max-height:100px; overflow:auto; padding-left:16px; }\n.layer-controls [data-layer-list] { max-height:240px; overflow:auto; }\n.layer-controls fieldset { border:1px solid var(--_vv-border); margin:6px 0; padding:6px; min-width:0; }\n.layer-controls legend { max-width:100%; overflow-wrap:anywhere; }\n.layer-controls fieldset div { display:flex; align-items:center; gap:6px; margin:3px 0; }\n.layer-controls label { display:flex; align-items:center; gap:6px; overflow-wrap:anywhere; }\n.layer-controls input { flex-shrink:0; width:16px; height:16px; min-height:16px; padding:0; accent-color:var(--_vv-accent); }\n.notes ul { max-height:220px; overflow:auto; padding-left:17px; margin:6px 0 0; color:var(--_vv-muted); }\n.notes li { margin:5px 0; overflow-wrap:anywhere; }\n.notes-strip { flex:none; display:flex; align-items:center; justify-content:space-between; min-height:25.5px; padding:0 12px; border-top:1px solid var(--_vv-border); background:var(--_vv-bg); color:var(--_vv-muted); font-size:10px; }\n.notes-strip button { min-height:24.5px; padding:2px 0; border:0; background:transparent; color:var(--_vv-muted); font-size:11px; }\n.notes-strip button::before { content:\"\u25B8\"; margin-right:6px; }\n.notes-strip button[aria-expanded=\"true\"]::before { content:\"\u25BE\"; }\n.status { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:29px; padding:0 8px 0 12px; border-top:1px solid var(--_vv-border); color:var(--_vv-muted); background:var(--_vv-surface); font-size:10px; }\n.status-message { display:flex; gap:16px; min-width:0; }\n.status-message span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.zoom-controls { display:flex; flex:none; align-items:center; gap:3px; }\n.zoom-controls button { min-height:24px; height:24px; padding:1px 6px; border-color:transparent; background:transparent; font-size:10px; }\n.zoom-controls [data-action=\"in\"],.zoom-controls [data-action=\"out\"] { min-width:24px; padding:0; font-size:17px; line-height:20px; }\n.zoom-divider { width:1px; height:14px; background:var(--_vv-border); margin:0 3px; }\n.zoom { min-width:40px; font-size:10px; text-align:center; font-variant-numeric:tabular-nums; }\n.empty { max-width:360px; margin:60px auto; padding:16px; text-align:center; color:var(--_vv-muted); font-size:12px; }\n.empty strong { display:block; color:var(--_vv-ink); font-size:18px; font-weight:500; margin-bottom:8px; }\n@media(max-width:1100px) { .ribbon-hint { display:none; } [data-diagnostics] { display:none; } }\n@media(max-width:760px) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary { min-height:44px; line-height:44px; }\n  .ribbon-primary { height:52px; padding:4px 8px; }\n  .page-picker { flex:1; }\n  .page-picker select { width:100%; max-width:none; min-height:44px; height:44px; font-size:12px; }\n  .page-stepper button { width:44px; min-height:44px; height:44px; }\n  .local-label,.ribbon-primary>.spacer { display:none; }\n  .ribbon-tabs { height:44px; }\n  .ribbon-tabs button { min-height:44px; padding:8px 16px; }\n  .ribbon-content { min-height:86px; }\n  .ribbon-group { padding:4px 8px; }\n  .search-group { width:100%; border-right:0; }\n  .search-controls { gap:4px; }\n  .search-controls label { font-size:12px; }\n  .search-controls input { font-size:12px; }\n  .search-controls button { min-width:44px; font-size:0; padding:3px; }\n  .search-controls [data-action=\"search-previous\"]::before { content:\"\u2039\"; font-size:22px; }\n  .search-controls [data-action=\"search-next\"]::before { content:\"\u203A\"; font-size:22px; }\n  #home-panel>.ribbon-group:not(.search-group) { display:none; }\n  .ribbon-command { min-width:90px; }\n  .workspace { display:block; overflow:auto; }\n  .page-rail { width:100%; max-height:190px; border-right:0; border-bottom:1px solid var(--_vv-border); }\n  .page-list { flex-direction:row; overflow-x:auto; }\n  .page-list li { flex:0 0 155px; }\n  .page-card { min-height:86px; }\n  .viewport { height:340px; min-height:260px; padding:16px 4px; }\n  .inspector-pane { width:100%; overflow:visible; border-left:0; border-top:1px solid var(--_vv-border); }\n  .inspector-body { gap:8px; padding:10px; }\n  .inspector-card,.edit-controls,.layer-controls { font-size:12px; }\n  .layer-controls label { min-height:44px; }\n  .layer-controls input { min-width:20px; width:20px; height:20px; min-height:20px; }\n  .notes-strip { min-height:44px; padding:0 10px; }\n  .notes-strip button { min-height:44px; }\n  .status { flex-wrap:wrap; gap:0; padding:4px 8px; }\n  .status-message { width:100%; min-height:18px; }\n  .zoom-controls { justify-content:flex-end; width:100%; }\n  .zoom-controls button { min-height:44px; height:44px; min-width:44px; font-size:11px; }\n  .zoom-controls [data-action=\"in\"],.zoom-controls [data-action=\"out\"] { min-width:44px; font-size:20px; }\n  .zoom { font-size:11px; }\n}\n@media(pointer:coarse) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary,.layer-controls label { min-height:44px; line-height:44px; }\n  .ribbon-primary { min-height:52px; height:52px; }\n  .page-picker select,.page-stepper button { min-height:44px; height:44px; }\n  .page-stepper button { min-width:44px; }\n  .ribbon-tabs { min-height:44px; height:44px; }\n  .ribbon-tabs button { min-height:44px; }\n  .ribbon-content { min-height:96px; }\n  .search-group { width:380px; max-width:100%; }\n  .zoom-controls button,.notes-strip button { min-height:44px; height:44px; }\n  .zoom-controls [data-action=\"in\"],.zoom-controls [data-action=\"out\"] { min-width:44px; }\n  .layer-controls input { min-height:20px; }\n}\n@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }\n";