pptx-react-viewer 1.23.0 → 1.24.1

package/CHANGELOG.md

@@ -4,6 +4,18 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.24.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.24.0) - 2026-07-18
+
+### Features
+
+- **react:** Export Toolbar/SlideCanvas + useViewerBuildingBlocks hook (by @ChristopherVR) ([37220c3](https://github.com/ChristopherVR/pptx-viewer/commit/37220c3afa1f7eaf62ec9eaa6fca72ee6ab19d7d))
+
+## [1.23.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.23.0) - 2026-07-18
+
+### Dependencies
+
+- **deps:** Update dependencies to latest and migrate core/shared/locales to TypeScript 7 (by @ChristopherVR) ([cc72948](https://github.com/ChristopherVR/pptx-viewer/commit/cc729482cc5ae4ae56e1219f290c2953ec83c12a))
+
 ## [1.22.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.22.2) - 2026-07-18
 
 ## [1.22.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.22.1) - 2026-07-18

package/README.md

@@ -12,8 +12,6 @@ Slides render with real **HTML/CSS** (not `<canvas>`), so text stays crisp at an
 
 <samp>**[▶️ Try the live demo](https://christophervr.github.io/pptx-viewer/demo/)** · **[📦 npm](https://www.npmjs.com/package/pptx-react-viewer)** · **[📖 Full docs](https://christophervr.github.io/pptx-viewer/)** · **[🧩 Core SDK](https://www.npmjs.com/package/pptx-viewer-core)**</samp>
 
-> **[▶️ Try the live demo](https://christophervr.github.io/pptx-viewer/demo/)**: open a `.pptx` in your browser and view, edit, present, and export it. No install required.
-
 ---
 
 ## Install
@@ -29,7 +27,7 @@ npm install react react-dom framer-motion lucide-react react-icons jspdf jszip f
 ```
 
 > The package is named **`pptx-react-viewer`** on npm. `pptx-viewer-core` (the engine) is **bundled in**, so you don't install it separately unless you want to call the SDK directly.
-> **Optional:** `three` for 3D models/charts · `yjs y-websocket` for real-time collaboration.
+> **Optional:** `three` (3D models/charts, 3D SmartArt) and `yjs` / `y-websocket` / `y-webrtc` (real-time collaboration) are declared as `optionalDependencies`, so npm installs them automatically when possible; the features degrade gracefully if they're absent.
 
 ## Quick start
 
@@ -40,11 +38,11 @@ import { PowerPointViewer } from 'pptx-react-viewer';
 import 'pptx-react-viewer/styles';
 
 export default function App() {
-	const [content, setContent] = useState<ArrayBuffer | null>(null);
+	const [content, setContent] = useState<Uint8Array | null>(null);
 
-	// Load any .pptx as an ArrayBuffer (fetch, <input type="file">, drag-drop, …)
+	// Load any .pptx as bytes (fetch, <input type="file">, drag-drop, …)
 	const onPick = (e: React.ChangeEvent<HTMLInputElement>) =>
-		e.target.files?.[0]?.arrayBuffer().then(setContent);
+		e.target.files?.[0]?.arrayBuffer().then((buf) => setContent(new Uint8Array(buf)));
 
 	return (
 		<div style={{ height: '100vh' }}>
@@ -78,7 +76,7 @@ const bytes = await viewerRef.current?.getContent(); // Uint8Array of a valid .p
 | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
 | **View**           | Render slides with 16 element types: shapes, text, images, tables, 23 chart types, SmartArt, connectors, media, ink, OLE, 3D models, zoom |
 | **Edit**           | Insert/move/resize/delete elements, edit text inline, modify styles, manage slides                                                        |
-| **Present**        | Fullscreen slideshow with 40+ animations, 42 transitions (including morph), speaker notes, presenter view with timer                      |
+| **Present**        | Fullscreen slideshow with 40+ animations, 46 transitions (including morph), speaker notes, presenter view with timer                      |
 | **Export**         | PNG/JPEG/SVG/PDF/GIF/video slide export, save-as PPTX                                                                                     |
 | **Collaborate**    | Real-time multi-user editing (powered by Yjs) with live presence, remote cursors, and user avatars                                        |
 | **Print**          | Print dialog with handout layouts and notes page formatting with overflow pagination                                                      |
@@ -93,20 +91,37 @@ const bytes = await viewerRef.current?.getContent(); // Uint8Array of a valid .p
 
 ### `PowerPointViewer` props
 
-| Prop                  | Type                                | Default  | Description                                                                                                                            |
-| --------------------- | ----------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- |
-| `content`             | `ArrayBuffer \| Uint8Array \| null` | required | Raw .pptx file bytes                                                                                                                   |
-| `filePath`            | `string`                            | n/a      | Optional file path (for display and autosave)                                                                                          |
-| `canEdit`             | `boolean`                           | `false`  | Enable editing mode                                                                                                                    |
-| `onContentChange`     | `(dirty: boolean) => void`          | n/a      | Called when content changes                                                                                                            |
-| `onDirtyChange`       | `(isDirty: boolean) => void`        | n/a      | Called when dirty state changes                                                                                                        |
-| `onActiveSlideChange` | `(index: number) => void`           | n/a      | Called when the active slide changes                                                                                                   |
-| `onModeChange`        | `(mode: ViewerMode) => void`        | n/a      | Called when the viewer mode changes                                                                                                    |
-| `onZoomChange`        | `(zoom: number) => void`            | n/a      | Called when the zoom level changes                                                                                                     |
-| `onSelectionChange`   | `(ids: string[]) => void`           | n/a      | Called when element selection changes                                                                                                  |
-| `onSlideCountChange`  | `(count: number) => void`           | n/a      | Called when the total slide count changes                                                                                              |
-| `theme`               | `ViewerTheme`                       | n/a      | Theme configuration for customising colours, radius, and CSS vars                                                                      |
-| `hiddenActions`       | `ToolbarActionId[]`                 | n/a      | Hide individual toolbar buttons and/or ribbon tabs (e.g. `['share', 'broadcast']`) instead of the whole toolbar; omitted hides nothing |
+| Prop                   | Type                                    | Default  | Description                                                                                                                            |
+| ---------------------- | --------------------------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `content`              | `Uint8Array`                            | required | Raw .pptx file bytes                                                                                                                   |
+| `filePath`             | `string`                                | n/a      | Optional file path (for display and autosave recovery)                                                                                 |
+| `fileName`             | `string`                                | n/a      | Display name of the open document, shown in the title bar                                                                              |
+| `className`            | `string`                                | n/a      | Class applied to the root element                                                                                                      |
+| `canEdit`              | `boolean`                               | `false`  | Enable editing mode                                                                                                                    |
+| `fonts`                | `ViewerFontSource[]`                    | n/a      | Licensed font sources supplied by the host application                                                                                 |
+| `authorName`           | `string`                                | n/a      | Author name for comments/annotations and collaboration presence                                                                        |
+| `collaboration`        | `CollaborationConfig`                   | n/a      | Yjs real-time collaboration config (server URL, room, role)                                                                            |
+| `shareDefaults`        | `{ roomId?, userName?, serverUrl? }`    | n/a      | Seed values for the Share dialog fields                                                                                                |
+| `smartArt3D`           | `boolean`                               | `false`  | Opt-in Three.js 3D SmartArt renderer (needs the optional `three` dependency; falls back to SVG without it)                             |
+| `onOpenFile`           | `() => void`                            | n/a      | Host override for File > Open; bypasses the built-in file picker                                                                       |
+| `onContentChange`      | `(content: Uint8Array) => void`         | n/a      | Called with freshly serialised `.pptx` bytes when the content changes                                                                  |
+| `onDirtyChange`        | `(isDirty: boolean) => void`            | n/a      | Called when dirty state changes                                                                                                        |
+| `onActiveSlideChange`  | `(index: number) => void`               | n/a      | Called when the active slide changes                                                                                                   |
+| `onModeChange`         | `(mode: ViewerMode) => void`            | n/a      | Called when the viewer mode changes                                                                                                    |
+| `onZoomChange`         | `(zoom: number) => void`                | n/a      | Called when the zoom level changes                                                                                                     |
+| `onSelectionChange`    | `(ids: string[]) => void`               | n/a      | Called when element selection changes                                                                                                  |
+| `onSlideCountChange`   | `(count: number) => void`               | n/a      | Called when the total slide count changes                                                                                              |
+| `onStartCollaboration` | `(config: CollaborationConfig) => void` | n/a      | Called when the user starts a collaboration session from the Share dialog                                                              |
+| `onStopCollaboration`  | `() => void`                            | n/a      | Called when the collaboration session stops                                                                                            |
+| `theme`                | `ViewerTheme`                           | n/a      | Theme configuration for customising colours, radius, and CSS vars                                                                      |
+| `hiddenActions`        | `ToolbarActionId[]`                     | n/a      | Hide individual toolbar buttons and/or ribbon tabs (e.g. `['share', 'broadcast']`) instead of the whole toolbar; omitted hides nothing |
+| `defaultThemeKey`      | `string`                                | n/a      | Initial File > Options > Appearance selection when no persisted preference exists                                                      |
+| `availableThemes`      | `ThemeCatalogEntry[]`                   | n/a      | Theme choices offered by File > Options > Appearance (defaults to the built-in catalog)                                                |
+| `onThemeChange`        | `(key: string) => void`                 | n/a      | Host hook for the appearance picker; when set, the host owns persisting the choice                                                     |
+| `defaultLocale`        | `string`                                | n/a      | Initial locale code when no persisted preference exists                                                                                |
+| `availableLocales`     | `LocaleCatalogEntry[]`                  | n/a      | Locale choices offered by File > Options > Language (defaults to the registered i18next locales)                                       |
+| `onLocaleChange`       | `(code: string) => void`                | n/a      | Host hook for the language picker; when set, the host owns applying/persisting the switch                                              |
+| `accountAuth`          | `AccountAuthConfig`                     | n/a      | Optional sign-in hook point for File > Account (disabled unless `enabled: true`)                                                       |
 
 ### `PowerPointViewerHandle` (via `ref`)
 
@@ -134,6 +149,15 @@ const bytes = await viewerRef.current?.getContent(); // Uint8Array of a valid .p
 | `selectElements`        | `(ids: string[]) => void`    | Programmatically select elements by ID   |
 | `clearSelection`        | `() => void`                 | Clear the current selection              |
 
+The handle implements the full shared `PowerPointViewerAPI`, so the following
+slide/element manipulation methods are also available:
+`setActiveSlideIndex(index)`, `getSlides()`, `getSlide(index)`,
+`getActiveSlide()`, `addSlide(afterIndex?)`, `deleteSlides(indexes)`,
+`duplicateSlides(indexes)`, `moveSlide(from, to)`, `toggleHideSlides(indexes)`,
+`getElements(slideIndex?)`, `getElementById(id, slideIndex?)`,
+`updateElement(id, patch)`, `deleteElements(ids)`, and
+`duplicateElement(id)`.
+
 ### `renderToCanvas`
 
 Standalone utility for rendering a DOM element to a Canvas (with an oklch colour-space workaround):
@@ -144,6 +168,34 @@ import { renderToCanvas } from 'pptx-react-viewer';
 const canvas = await renderToCanvas(element, options); // => HTMLCanvasElement
 ```
 
+### Composing a custom viewer shell
+
+`<PowerPointViewer>` bundles a full editor chrome (toolbar, canvas, side panels, dialogs, presentation mode). If you only need the toolbar and slide canvas, with your own layout around them, `Toolbar` and `SlideCanvas` are exported as standalone components, and `useViewerBuildingBlocks` wires up the same state and hooks `PowerPointViewer` uses internally, mapped into the flat props those two components expect:
+
+```tsx
+import { Toolbar, SlideCanvas, useViewerBuildingBlocks } from 'pptx-react-viewer';
+
+function MyCustomViewer({ content }: { content: Uint8Array }) {
+	// Also returned: `mode` (current ViewerMode) and `autosaveStatus`
+	const { toolbarProps, canvasProps, loading, error } = useViewerBuildingBlocks({
+		content,
+		canEdit: true,
+	});
+
+	if (loading) return <p>Loading…</p>;
+	if (error) return <p>Failed to load: {error}</p>;
+
+	return (
+		<div className='my-custom-layout'>
+			<Toolbar {...toolbarProps} />
+			<SlideCanvas {...canvasProps} />
+		</div>
+	);
+}
+```
+
+`useViewerBuildingBlocks` accepts the same `content` / `canEdit` / `filePath` / `hiddenActions` / `onDirtyChange`-style inputs as `PowerPointViewer`, plus `onOpenSettings` / `onOpenHeaderFooter` / `onOpenShareDialog` callbacks (fired by the corresponding toolbar buttons) since this composition doesn't render those dialogs itself. It's an additive alternative, not a replacement: dialogs, presentation-mode overlays, mobile chrome, resizable side panels, and real-time collaboration are all part of `PowerPointViewer` and are out of scope for these building blocks. Reach for `PowerPointViewer` when you need the full editor; reach for `useViewerBuildingBlocks` when you're assembling your own chrome around just the toolbar and canvas.
+
 ---
 
 ## Styling & theming

package/dist/{Model3DScene-4XNBDASE.mjs → Model3DScene-E7YIHJ2R.mjs}

@@ -1,5 +1,5 @@
-import { mountModel3D } from './chunk-I42XL2WU.mjs';
-import './chunk-AFWMAFWR.mjs';
+import { mountModel3D } from './chunk-MEVZNYJK.mjs';
+import './chunk-LDZQNYWL.mjs';
 import './chunk-6DZX6EAA.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Model3DScene-AQS7KDM4.js → Model3DScene-RYR4SSOM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk2DXNTVFV_js = require('./chunk-2DXNTVFV.js');
-require('./chunk-MS6S6YYR.js');
+var chunk275WERXZ_js = require('./chunk-275WERXZ.js');
+require('./chunk-KV3EOLP3.js');
 require('./chunk-QGM4M3NI.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunk2DXNTVFV_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunk275WERXZ_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{PowerPointViewer-DFTatVS4.d.ts → PowerPointViewer-CnADroqZ.d.ts}

@@ -1,4 +1,4 @@
-import { f as PowerPointViewerHandle, p as PowerPointViewerProps } from "./types-Da1M5VBY.js";
+import { m as PowerPointViewerProps, p as PowerPointViewerHandle } from "./animation-timeline-CEJJLFqK.js";
 import { PptxAnimationPreset, PptxNativeAnimation } from "pptx-viewer-core";
 import "pptx-viewer-shared";
 import React from "react";
@@ -18,4 +18,4 @@ declare function getAnimationInitialStyle(preset: PptxAnimationPreset | undefine
 declare const PowerPointViewer: import("react").ForwardRefExoticComponent<PowerPointViewerProps & import("react").RefAttributes<PowerPointViewerHandle>>;
 //#endregion
 export { getAnimationInitialStyle as n, PowerPointViewer as t };
-//# sourceMappingURL=PowerPointViewer-DFTatVS4.d.ts.map
+//# sourceMappingURL=PowerPointViewer-CnADroqZ.d.ts.map

package/dist/{PowerPointViewer-DFTatVS4.d.ts.map → PowerPointViewer-CnADroqZ.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"PowerPointViewer-DFTatVS4.d.ts","names":[],"sources":["../src/viewer/utils/animation-effects.ts","../src/viewer/PowerPointViewer.tsx"],"mappings":";;;;;iBAmBgB,yBACf,QAAQ,iCACR,kBAAkB,sBAChB,MAAM;;;;;;;;;;;;cC4EI,kCAAgB,0BAAA,wCAAA,cAAA"}
+{"version":3,"file":"PowerPointViewer-CnADroqZ.d.ts","names":[],"sources":["../src/viewer/utils/animation-effects.ts","../src/viewer/PowerPointViewer.tsx"],"mappings":";;;;;iBAmBgB,yBACf,QAAQ,iCACR,kBAAkB,sBAChB,MAAM;;;;;;;;;;;;cC4EI,kCAAgB,0BAAA,wCAAA,cAAA"}

package/dist/{SurfaceChart3DScene-HA2SD6BY.js → SurfaceChart3DScene-PBSZVNAM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk2DXNTVFV_js = require('./chunk-2DXNTVFV.js');
-require('./chunk-MS6S6YYR.js');
+var chunk275WERXZ_js = require('./chunk-275WERXZ.js');
+require('./chunk-KV3EOLP3.js');
 require('./chunk-QGM4M3NI.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -26,7 +26,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunk2DXNTVFV_js.mountSurfaceChart3D(container, {
+    void chunk275WERXZ_js.mountSurfaceChart3D(container, {
       cols,
       rows,
       heightMap,

package/dist/{SurfaceChart3DScene-K7ZDXDBL.mjs → SurfaceChart3DScene-ZM3J67VQ.mjs}

@@ -1,5 +1,5 @@
-import { mountSurfaceChart3D } from './chunk-I42XL2WU.mjs';
-import './chunk-AFWMAFWR.mjs';
+import { mountSurfaceChart3D } from './chunk-MEVZNYJK.mjs';
+import './chunk-LDZQNYWL.mjs';
 import './chunk-6DZX6EAA.mjs';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{types-Da1M5VBY.d.ts → animation-timeline-CEJJLFqK.d.ts}

@@ -1,6 +1,6 @@
 import { n as LocaleCatalogEntry } from "./index-CGKutKk1.js";
 import { ConnectorArrowType, PptxAnimationPreset, PptxElement, PptxElementAnimation, PptxSlide, PptxSlideTransition, ShapeStyle, StrokeDashType, XmlObject } from "pptx-viewer-core";
-import { AccountAuthConfig, CollaborationConfig as CollaborationConfig$1, CollaborationRole, ElementClipboardPayload, PowerPointViewerAPI, THEME_CATALOG, ThemeCatalogEntry, ThemeCatalogEntry as ThemeCatalogEntry$1, ToolbarActionId, ViewerFontSource, ViewerMode as ViewerMode$1, ViewerTheme, ViewerThemeColors, defaultCssVars, defaultRadius, defaultThemeColors, resolveThemeCatalogEntry, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius } from "pptx-viewer-shared";
+import { AccountAuthConfig, CollaborationConfig as CollaborationConfig$1, CollaborationRole, ElementAnimationState, ElementClipboardPayload, PowerPointViewerAPI, THEME_CATALOG, ThemeCatalogEntry, ThemeCatalogEntry as ThemeCatalogEntry$1, ToolbarActionId, ViewerFontSource, ViewerMode as ViewerMode$1, ViewerTheme, ViewerThemeColors, defaultCssVars, defaultRadius, defaultThemeColors, resolveThemeCatalogEntry, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius } from "pptx-viewer-shared";
 import React$1 from "react";
 import { Doc } from "yjs";
 //#region src/viewer/types-core.d.ts
@@ -542,5 +542,5 @@ interface PowerPointViewerHandle extends FileViewerHandle, PowerPointViewerAPI {
   getContent: () => Promise<Uint8Array>;
 }
 //#endregion
-export { ShapeAdjustmentDragState as $, THEME_CATALOG as A, defaultRadius as B, CollaborationConfig$1 as C, UserPresence as D, ConnectionStatus as E, vermilionDarkColors as F, ConnectorGeometryType as G, ViewerTheme as H, vermilionDarkTheme as I, EditorHistorySnapshot as J, ConnectorPathGeometry as K, vermilionLightColors as L, resolveThemeCatalogEntry as M, defaultCssVars as N, ViewerThemeProvider as O, themeToCssVars as P, ResizeState as Q, vermilionLightTheme as R, ToolbarSection as S, CollaborationRole as T, ViewerThemeColors as U, defaultThemeColors as V, CanvasSize as W, ElementClipboardPayload as X, ElementBounds as Y, ResizeHandle as Z, SlideAlignment as _, DrawingTool as a, StrokeDashOption as b, FileViewerHandle as c, ParsedTableData as d, ShapeAdjustmentHandleDescriptor as et, PowerPointViewerHandle as f, ShortcutReferenceItem as g, ShapePreset as h, ConnectorGeometryOption as i, ThemeCatalogEntry$1 as j, useViewerTheme as k, MarqueeSelectionState as l, PresentationAnimationRuntime as m, AnimationPresetOption as n, SupportedShapeType as nt, ElementContextMenuAction as o, PowerPointViewerProps as p, DragState as q, ConnectorArrowOption as r, ViewerMode$1 as rt, ElementContextMenuState as s, AccessibilityIssue as t, ShapeQuickStyle as tt, ParsedTableCell as u, SlideSectionGroup as v, CollaborationContextValue as w, TableCellEditorState as x, SlideTransitionOption as y, vermilionRadius as z };
-//# sourceMappingURL=types-Da1M5VBY.d.ts.map
+export { ResizeState as $, useViewerTheme as A, vermilionRadius as B, ToolbarSection as C, ConnectionStatus as D, CollaborationRole as E, themeToCssVars as F, CanvasSize as G, defaultThemeColors as H, vermilionDarkColors as I, DragState as J, ConnectorGeometryType as K, vermilionDarkTheme as L, ThemeCatalogEntry$1 as M, resolveThemeCatalogEntry as N, UserPresence as O, defaultCssVars as P, ResizeHandle as Q, vermilionLightColors as R, TableCellEditorState as S, CollaborationContextValue as T, ViewerTheme as U, defaultRadius as V, ViewerThemeColors as W, ElementBounds as X, EditorHistorySnapshot as Y, ElementClipboardPayload as Z, ShortcutReferenceItem as _, ConnectorGeometryOption as a, SlideTransitionOption as b, ElementContextMenuState as c, ParsedTableCell as d, ShapeAdjustmentDragState as et, ParsedTableData as f, ShapePreset as g, PresentationAnimationRuntime as h, ConnectorArrowOption as i, ViewerMode$1 as it, THEME_CATALOG as j, ViewerThemeProvider as k, FileViewerHandle as l, PowerPointViewerProps as m, AccessibilityIssue as n, ShapeQuickStyle as nt, DrawingTool as o, PowerPointViewerHandle as p, ConnectorPathGeometry as q, AnimationPresetOption as r, SupportedShapeType as rt, ElementContextMenuAction as s, ElementAnimationState as t, ShapeAdjustmentHandleDescriptor as tt, MarqueeSelectionState as u, SlideAlignment as v, CollaborationConfig$1 as w, StrokeDashOption as x, SlideSectionGroup as y, vermilionLightTheme as z };
+//# sourceMappingURL=animation-timeline-CEJJLFqK.d.ts.map

package/dist/animation-timeline-CEJJLFqK.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-timeline-CEJJLFqK.d.ts","names":[],"sources":["../src/viewer/types-core.ts","../src/theme/context.tsx","../src/viewer/hooks/collaboration/types.ts","../src/viewer/types-ui.ts"],"mappings":";;;;;;;;;;;KA+BY;;;;;KAqCA;;UAgBK;;EAEhB;;EAEA;;;;;;;;UAagB;;EAEhB;;EAEA;;EAEA;;EAEA,oBAAoB;IAAiB;IAAW;;;EAEhD,QAAQ,YAAY;;EAEpB;;EAEA;EACA;;;KAIW;;;;;;UAOK;;EAEhB;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,QAAQ;;EAER;;EAEA,OAAO;;EAEP;EACA;EACA;EACA;;;;;;;UAQgB;EAChB;EACA;EACA;EACA;EACA;;;;;;;UAQgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;;;;;UAoBgB;EAChB;EACA;EACA;EACA,QAAQ;EACR,2BAA2B,eAAe;EAC1C;;;UAQgB;EAChB;EACA;EACA;EACA;;;;;;;UAQgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;UAQgB;EAChB;EACA,OAAO,QAAQ;;;;UCxOC;EAChB,QAAQ;EACR,UAAU,MAAM;;;;;;;;;;iBAWD,sBAAsB,OAAO,YAAY,2CAAwB,IAAA;;;;;iBAYjE,kBAAkB;;;;KCOtB;;;;;UAUK;;EAEhB;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,OAAO;;;UAQS;;EAEhB,QAAQ;;EAER,aAAa;;EAEb,oBAAoB,QAAQ,QAAQ,KAAK;;EAEzC;;EAEA,QAAQ;;EAER,KAAK;;;;;EAKL;;EAEA;;;;;;;;;;UCtEgB;;EAEhB,kBAAkB,iBAAiB;;;UAQnB;EAChB,MAAM;EACN;EACA,MAAM,QAAM;;;UAQI;EAChB;EACA;EACA;;;KAIW;;;;;;UA8BK;EAChB;EACA;EACA;EACA;EACA;EACA;;;UAQgB;EAChB;EACA;;EAEA;;EAEA,gBAAgB;IAAQ;IAAa;;;;UAIrB;EAChB;EACA;EACA;EACA,OAAO,QAAM;EACb,SAAS;;;UAIO;EAChB;EACA;EACA,MAAM;EACN;EACA,OAAO;;;UAQS;EAChB;EACA;EACA,WAAW;;;;;;UAWK;EAChB;EACA;EACA;;EAEA;;EAEA;;;KAQW;;KAGA;;KAiBA;;UAOK;EAChB;EACA;;;UAIgB;EAChB;EACA;EACA;EACA;;;UAQgB;EAChB,OAAO;EACP;;;UAIgB;EAChB,OAAO;EACP;;;UAIgB;EAChB,OAAO;EACP;;;UAIgB;EAChB,OAAO,YAAY;EACnB;;;UAIgB;EAChB,OAAO,QAAQ;EACf;;UAOgB;;EAEhB,SAAS;;EAET,QAAQ;;EAER;;;;;EAKA;;EAEA,iBAAiB;EACjB,mBAAmB,SAAS;;EAE5B,uBAAuB;;EAEvB,gBAAgB,mCAAmC;;EAEnD,gBAAgB;;EAEhB,qBAAqB;;EAErB,sBAAsB;;;;;;;EAOtB;;EAGA;;EAEA;;;;;EAMA;;;;;;;;;;;;;;;;;;;;;EAsBA,QAlD4B;;;;;;;;EA2D5B;;;;;EAMA,kBAAkB;;;;;;;EAQlB,iBAAiB;;;;;EAMjB;;;;;;EAOA,mBAAmB;;;;;;;EAQnB,kBAAkB;;;;;;EAOlB,cAAc;;;;;;;;;;;;;;;;;;;;;EAsBd,gBAAgB;;;;;;EAOhB,wBAAwB,QAAQ;;;;;EAMhC;;;;;;;;;;;;;;;;;EAkBA;IACC;IACA;IACA;;;;;;;;;EAUD;;;;;;;;;;;;;;;;;;EAmBA,gBAAgB;;UAGA,+BAA+B,kBAAkB;EACjE,kBAAkB,QAAQ"}