vim-web 0.3.44-dev.3 → 0.3.44-dev.31

package/README.md

@@ -11,11 +11,11 @@ https://www.npmjs.com/package/vim-web
 
 ### WebGL Viewer
 - **[Small - Residence](https://vimaec.github.io/vim-web/webgl)**
-- **[Medium - Medical Tower](https://vimaec.github.io/vim-web/webgl?vim=https://vim.azureedge.net/samples/Medical_Tower.vim)**
+- **[Medium - Medical Tower](https://vimaec.github.io/vim-web/webgl?vim=https://storage.cdn.vimaec.com/samples/Medical_Tower.vim)**
 
 ### Ultra Viewer
 - **[Small - Residence](https://vimaec.github.io/vim-web/ultra)**
-- **[Medium - Medical Tower](https://vimaec.github.io/vim-web/ultra?vim=https://vim.azureedge.net/samples/Medical_Tower.vim)**
+- **[Medium - Medical Tower](https://vimaec.github.io/vim-web/ultra?vim=https://storage.cdn.vimaec.com/samples/Medical_Tower.vim)**
 
 Find detailed camera controls here: [Camera Controls](https://docs.vimaec.com/docs/vim-cloud/webgl-navigation-and-controls-guide).
 

package/dist/style.css

@@ -733,6 +733,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-top-1 {
   top: 0.25rem;
 }
+.vc-top-10 {
+  top: 2.5rem;
+}
 .vc-top-4 {
   top: 1rem;
 }
@@ -982,6 +985,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-justify-evenly {
   justify-content: space-evenly;
 }
+.vc-gap-1 {
+  gap: 0.25rem;
+}
 .vc-gap-2 {
   gap: 0.5rem;
 }
@@ -1098,6 +1104,9 @@ video:where(.vim-component,.vim-component *) {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
 }
+.vc-bg-gray {
+  background-color: var(--c-gray);
+}
 .vc-bg-gray-light {
   background-color: var(--c-light-gray);
 }
@@ -1110,9 +1119,6 @@ video:where(.vim-component,.vim-component *) {
 .vc-bg-gray-warm {
   background-color: var(--c-dark-gray-warm);
 }
-.vc-bg-overflow {
-  background-color: var(--c-overflow);
-}
 .vc-bg-primary {
   background-color: var(--c-primary);
 }
@@ -1304,11 +1310,6 @@ video:where(.vim-component,.vim-component *) {
   --tw-saturate: saturate(0);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.vc-backdrop-blur {
-  --tw-backdrop-blur: blur(8px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
 .\!vc-transition-opacity {
   transition-property: opacity !important;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

package/dist/types/core-viewers/ultra/index.d.ts

@@ -2,9 +2,9 @@ import "./style.css";
 export * from './viewer/viewer';
 export * as utils from './utils/promise';
 export * from './viewer/vim';
-export * from './viewer/vim';
 export * from './utils/math3d';
 export * from './viewer/color';
 export type { ILoadRequest, VimRequestErrorType } from './viewer/loadRequest';
 export type { ClientState, ConnectionSettings } from './viewer/socketClient';
 export type { VimSource } from './viewer/rpcSafeClient';
+export type { SectionBoxState } from './viewer/marshal';

package/dist/types/core-viewers/ultra/viewer/camera.d.ts

@@ -1,4 +1,4 @@
-import { Box3, Segment } from '../utils/math3d';
+import { Box3, Segment, Vector3 } from '../utils/math3d';
 import { RpcSafeClient } from './rpcSafeClient';
 import { Vim } from './vim';
 /**
@@ -78,6 +78,7 @@ export declare class Camera implements ICamera {
      */
     onConnect(): void;
     onCameraPose(pose: Segment): void;
+    set(position: Vector3, target: Vector3, blendTime?: number): void;
     /**
      * Pauses or resumes rendering
      * @param value - True to pause rendering, false to resume

package/dist/types/core-viewers/ultra/viewer/inputs/{inputKeyboard.d.ts → keyboardHandler.d.ts}

@@ -3,7 +3,7 @@ import { RpcSafeClient } from "../rpcSafeClient";
 import { ViewerSelection } from "../selection";
 import { InputHandler } from "./inputHandler";
 import { Inputs } from "./inputs";
-export declare class InputKeyboard extends InputHandler {
+export declare class KeyboardHandler extends InputHandler {
     private readonly _rpc;
     private readonly _selection;
     private _camera;

package/dist/types/core-viewers/ultra/viewer/inputs/{inputMouse.d.ts → mouseHandler.d.ts}

@@ -2,20 +2,21 @@ import { InputHandler } from "./inputHandler";
 import { RpcSafeClient } from "../rpcSafeClient";
 import { ViewerSelection } from "../selection";
 import { ICamera } from "../camera";
-export declare class InputMouse extends InputHandler {
+export declare class MouseHandler extends InputHandler {
     private readonly _rpc;
     private readonly _canvas;
     private _lastMouseDownPosition;
     private _selection;
     private _camera;
+    private _capture;
     constructor(canvas: HTMLCanvasElement, rpc: RpcSafeClient, selection: ViewerSelection, camera: ICamera);
     register(): void;
     dispose(): void;
-    private handlePointerDown;
-    private handlePointerUp;
+    private onPointerDown;
+    private onPointerUp;
     private handleMouseClick;
-    private handlePointerMove;
-    private handleDoubleClick;
-    private handleMouseScroll;
+    private onPointerMove;
+    private onDoubleClick;
+    private onMouseScroll;
     private relativePosition;
 }

package/dist/types/core-viewers/ultra/viewer/inputs/{InputTouch.d.ts → touchHandler.d.ts}

@@ -1,6 +1,6 @@
 import { InputHandler } from "./inputHandler";
 import { RpcSafeClient } from "../rpcSafeClient";
-export declare class InputTouch extends InputHandler {
+export declare class TouchHandler extends InputHandler {
     private readonly _rpc;
     private readonly _canvas;
     private _lastTouchStartPosition;

package/dist/types/core-viewers/ultra/viewer/marshal.d.ts

@@ -14,7 +14,7 @@ export type VimStatus = {
 };
 export type SectionBoxState = {
     visible: boolean;
-    interactible: boolean;
+    interactive: boolean;
     clip: boolean;
     box: Box3;
 };

package/dist/types/core-viewers/ultra/viewer/sectionBox.d.ts

@@ -8,6 +8,7 @@ export declare class SectionBox {
     private _rpc;
     private _interval;
     private _animationFrame;
+    private _pullId;
     private _onUpdate;
     get onUpdate(): import("ste-signals").ISignal;
     private get needUpdate();

package/dist/types/core-viewers/ultra/viewer/selection.d.ts

@@ -9,6 +9,7 @@ export interface IViewerSelection {
     add(vim: Vim, node: number | number[]): void;
     remove(vim: Vim, node: number | number[]): void;
     clear(vim?: Vim): void;
+    get(): ReadonlyMap<Vim, ReadonlySet<number>>;
 }
 /**
  * Represents the result of a hit test operation.
@@ -32,6 +33,7 @@ export declare class ViewerSelection implements IViewerSelection {
     private _selectedNodes;
     private _onValueChanged;
     get onValueChanged(): import("ste-signals").ISignal;
+    get(): ReadonlyMap<Vim, ReadonlySet<number>>;
     /**
      * Creates a new ViewerSelection instance.
      * @param rpc - RPC client for communication with the viewer.
@@ -82,6 +84,7 @@ export declare class ViewerSelection implements IViewerSelection {
      * @param vim - Optional. If provided, only clears selections for the specified VIM.
      */
     clear(vim?: Vim): void;
+    private _clear;
     /**
      * Calculates the bounding box encompassing all selected nodes.
      * @returns Promise resolving to a Box3 representing the bounds of all selected nodes,

package/dist/types/core-viewers/ultra/viewer/vim.d.ts

@@ -76,7 +76,7 @@ export declare class Vim {
      * @param nodes - The nodes to remove the highlight from.
      * @param fallback - The state to revert the nodes to.
      */
-    removeHighlight(nodes: number[], fallback: NodeState): void;
+    removeHighlight(nodes: number[] | 'all', fallback: NodeState): void;
     /**
      * Retrieves the bounding box of the given nodes.
      * @param nodes - The nodes to get the bounding box for.

package/dist/types/core-viewers/webgl/loader/materials/viewerMaterials.d.ts

@@ -131,7 +131,7 @@ export declare class ViewerMaterials {
     get outlineAntialias(): boolean;
     set outlineAntialias(value: boolean);
     /**
-     * Size of the blur convolution on the selection outline effect.
+     * Size of the blur convolution on the selection outline effect. Minimum 2.
      */
     get outlineBlur(): number;
     set outlineBlur(value: number);

package/dist/types/core-viewers/webgl/viewer/gizmos/sectionBox/sectionBoxHandle.d.ts

@@ -8,9 +8,11 @@ export declare class SectionBoxHandle extends THREE.Mesh {
     private _color;
     private _highlightColor;
     private _materials;
+    private _camera;
     private _camSub;
     constructor(axes: Axis, sign: number, size: number, color?: THREE.Color);
     trackCamera(camera: ICamera): void;
+    update(): void;
     setPosition(position: THREE.Vector3): void;
     get forward(): THREE.Vector3;
     highlight(value: boolean): void;

package/dist/types/core-viewers/webgl/viewer/inputs/inputHandler.d.ts

@@ -3,6 +3,7 @@
  */
 import { Viewer } from '../viewer';
 /**
+ * TODO: Use the same code for ULTRA and webgl.
  * Base class for various input handlers.
  * It provides convenience to register to and unregister from events.
  */

package/dist/types/react-viewers/bim/bimPanel.d.ts

@@ -5,13 +5,13 @@ import React from 'react';
 import * as VIM from '../../core-viewers/webgl/index';
 import { TreeActionRef } from './bimTree';
 import { Isolation } from '../helpers/isolation';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { ViewerState } from '../webgl/viewerState';
 import { ComponentSettings } from '../settings/settings';
 import { BimInfoPanelRef } from './bimInfoData';
 export declare function OptionalBimPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     viewerState: ViewerState;
     isolation: Isolation;
     visible: boolean;
@@ -30,7 +30,7 @@ export declare function OptionalBimPanel(props: {
  */
 export declare function BimPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     viewerState: ViewerState;
     isolation: Isolation;
     visible: boolean;

package/dist/types/react-viewers/bim/bimTree.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import 'react-complex-tree/lib/style.css';
 import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera as CameraHelpers } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { Isolation } from '../helpers/isolation';
 import { BimTreeData } from './bimTreeData';
 export type TreeActionRef = {
@@ -23,7 +23,7 @@ export type TreeActionRef = {
 export declare function BimTree(props: {
     actionRef: React.MutableRefObject<TreeActionRef>;
     viewer: VIM.Viewer;
-    camera: CameraHelpers;
+    camera: CameraRef;
     objects: VIM.Object3D[];
     isolation: Isolation;
     treeData: BimTreeData;

package/dist/types/react-viewers/controlbar/controlBar.d.ts

@@ -5,6 +5,7 @@ import { IControlBarSection } from './controlBarSection';
 export * from './controlBarSection';
 export * from './controlBarButton';
 export * from './controlBarSection';
+export * from './controlBarIds';
 /**
  * A map function that changes the context menu.
  */

package/dist/types/react-viewers/controlbar/controlBarIds.d.ts

@@ -0,0 +1,29 @@
+export declare const ids: {
+    sectionCamera: string;
+    sectionInputs: string;
+    sectionActions: string;
+    sectionTools: string;
+    sectionSettings: string;
+    sectionMeasure: string;
+    sectionSectionBox: string;
+    buttonCameraAuto: string;
+    buttonCameraOrbit: string;
+    buttonCameraLook: string;
+    buttonCameraPan: string;
+    buttonCameraZoom: string;
+    buttonCameraZoomWindow: string;
+    buttonProjectInspector: string;
+    buttonSettings: string;
+    buttonHelp: string;
+    buttonMaximize: string;
+    buttonToggleIsolation: string;
+    buttonZoomToFit: string;
+    buttonSectionBox: string;
+    buttonMeasure: string;
+    buttonSectionBoxEnable: string;
+    buttonSectionBoxVisible: string;
+    buttonSectionBoxShrinkToSelection: string;
+    buttonSectionBoxAuto: string;
+    buttonSectionBoxReset: string;
+    buttonSectionBoxSettings: string;
+};

package/dist/types/react-viewers/helpers/{inputs.d.ts → componentInputs.d.ts}

@@ -3,7 +3,7 @@
  */
 import * as VIM from '../../core-viewers/webgl/index';
 import { SideState } from '../sidePanel/sideState';
-import { ComponentCamera } from './camera';
+import { CameraRef } from '../state/cameraState';
 import { Isolation } from './isolation';
 /**
  * Custom viewer input scheme for the vim component
@@ -14,7 +14,7 @@ export declare class ComponentInputs implements VIM.InputScheme {
     private _default;
     private _isolation;
     private _sideState;
-    constructor(viewer: VIM.Viewer, camera: ComponentCamera, isolation: Isolation, sideState: SideState);
+    constructor(viewer: VIM.Viewer, camera: CameraRef, isolation: Isolation, sideState: SideState);
     private _getSelection;
     onMainAction(hit: VIM.InputAction): void;
     onIdleAction(hit: VIM.InputAction): void;

package/dist/types/react-viewers/helpers/isolation.d.ts

@@ -1,6 +1,6 @@
 import * as VIM from '../../core-viewers/webgl/index';
 import { ComponentSettings } from '../settings/settings';
-import { ComponentCamera } from './camera';
+import { CameraRef } from '../state/cameraState';
 import { ISimpleEvent } from 'ste-simple-events';
 /**
  * Manages the isolation mechanic in the VIM component.
@@ -32,7 +32,7 @@ export declare class Isolation {
      * @param camera - A component that handles camera control and framing.
      * @param settings - The settings that control isolation and material usage.
      */
-    constructor(viewer: VIM.Viewer, camera: ComponentCamera, settings: ComponentSettings);
+    constructor(viewer: VIM.Viewer, camera: CameraRef, settings: ComponentSettings);
     /**
      * Applies relevant settings to the isolation behavior.
      *

package/dist/types/react-viewers/helpers/reactUtils.d.ts

@@ -0,0 +1,39 @@
+export interface StateRef<T> {
+    get(): T;
+    set(value: T): void;
+    confirm(): void;
+}
+export declare function useStateRef<T>(initialValue: T): {
+    get(): T;
+    set: (value: T) => void;
+    confirm(): void;
+    useOnChange(on: (value: T) => (void | (() => void))): void;
+    useMemo<TOut>(on: (value: T) => TOut, deps?: any[]): TOut;
+    useValidate(on: (value: T) => T): void;
+    useConfirm(on: (value: T) => T): void;
+};
+export interface ActionRef {
+    call(): void;
+    set(func: () => void): void;
+}
+export declare function useActionRef(action: () => void): ActionRef;
+export interface ArgActionRef<T> {
+    call(arg: T): void;
+    set(func: (arg: T) => void): void;
+}
+export declare function useArgActionRef<T>(action: (arg: T) => void): ArgActionRef<T>;
+export interface FuncRef<T> {
+    call(): T;
+    set(func: () => T): void;
+}
+export declare function useFuncRef<T>(func: () => T): FuncRef<T>;
+export interface AsyncFuncRef<T> {
+    call(): Promise<T>;
+    set(func: () => Promise<T>): void;
+}
+export declare function useAsyncFuncRef<T>(func: () => Promise<T>): AsyncFuncRef<T>;
+export interface ArgFuncRef<TArg, TResult> {
+    call(arg: TArg): TResult;
+    set(func: (arg: TArg) => TResult): void;
+}
+export declare function useArgFuncRef<TArg, TResult>(func: (arg: TArg) => TResult): ArgFuncRef<TArg, TResult>;

package/dist/types/react-viewers/index.d.ts

@@ -5,5 +5,9 @@ export * as ErrorStyle from './errors/errorStyle';
 export * as Errors from './errors/errors';
 export * as Urls from './urls';
 export * as Icons from './panels/icons';
+export type { ActionRef, ArgActionRef, ArgFuncRef, AsyncFuncRef, FuncRef, StateRef } from './helpers/reactUtils';
 export type { MessageBoxProps } from './panels/messageBox';
 export * from './container';
+export { type CameraRef } from './state/cameraState';
+export { type SectionBoxRef } from './state/sectionBoxState';
+export * as ControlBar from './controlbar/controlBar';

package/dist/types/react-viewers/panels/axesPanel.d.ts

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { SettingsState } from '../settings/settingsState';
 /**
  * Memoized version of the AxesPanelMemo.
@@ -14,7 +14,7 @@ export declare const AxesPanelMemo: React.MemoExoticComponent<typeof AxesPanel>;
  */
 declare function AxesPanel(props: {
     viewer: VIM.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     settings: SettingsState;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/react-viewers/panels/contextMenu.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import { WebglViewer } from '../..';
 import { Isolation } from '../helpers/isolation';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from '../state/cameraState';
 import { TreeActionRef } from '../bim/bimTree';
 import { ModalRef } from './modal';
 type ClickCallback = React.MouseEvent<HTMLDivElement, MouseEvent>;
@@ -65,7 +65,7 @@ export declare const VimContextMenuMemo: React.MemoExoticComponent<typeof VimCon
  */
 export declare function VimContextMenu(props: {
     viewer: WebglViewer.Viewer;
-    camera: ComponentCamera;
+    camera: CameraRef;
     modal: ModalRef;
     isolation: Isolation;
     selection: WebglViewer.Object3D[];

package/dist/types/react-viewers/panels/icons.d.ts

@@ -27,6 +27,7 @@ export declare function arrowLeft({ height, width, fill, className }: IconOption
 export declare function fullArrowLeft({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function visible({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function hidden({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function autoCamera({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function orbit({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function look({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function perspective({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/state/cameraState.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @module viw-webgl-react
+ */
+import { THREE } from '../../index';
+import { ActionRef, AsyncFuncRef, StateRef } from '../helpers/reactUtils';
+import { ISignal } from 'ste-signals';
+export interface CameraRef {
+    autoCamera: StateRef<boolean>;
+    reset: ActionRef;
+    frameSelection: AsyncFuncRef<void>;
+    frameScene: AsyncFuncRef<void>;
+}
+interface ICameraAdapter {
+    onSelectionChanged: ISignal;
+    frameCamera: (box: THREE.Box3, duration: number) => void;
+    resetCamera: (duration: number) => void;
+    frameAll: (duration: number) => void;
+    hasSelection: () => boolean;
+    getSelectionBox: () => Promise<THREE.Box3>;
+}
+export declare function useCamera(adapter: ICameraAdapter): CameraRef;
+export {};

package/dist/types/react-viewers/state/controlBarState.d.ts

@@ -1,5 +1,5 @@
 import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera } from '../helpers/camera';
+import { CameraRef } from './cameraState';
 import { CursorManager } from '../helpers/cursor';
 import { Isolation } from '../helpers/isolation';
 import { ComponentSettings } from '../settings/settings';
@@ -8,41 +8,27 @@ import * as Icons from '../panels/icons';
 import { SectionBoxRef } from './sectionBoxState';
 import { ModalRef } from '../panels/modal';
 import * as ControlBar from '../controlbar/controlBar';
-export declare const elementIds: {
-    sectionCamera: string;
-    sectionActions: string;
-    sectionTools: string;
-    sectionSettings: string;
-    sectionMeasure: string;
-    sectionSectionBox: string;
-    buttonCameraOrbit: string;
-    buttonCameraLook: string;
-    buttonCameraPan: string;
-    buttonCameraZoom: string;
-    buttonCameraZoomWindow: string;
-    buttonProjectInspector: string;
-    buttonSettings: string;
-    buttonHelp: string;
-    buttonMaximize: string;
-    buttonToggleIsolation: string;
-    buttonZoomToFit: string;
-    buttonSectionBox: string;
-    buttonMeasure: string;
-    buttonSectionBoxEnable: string;
-    buttonSectionBoxVisible: string;
-    buttonSectionBoxShrinkToSelection: string;
-    buttonSectionBoxAuto: string;
-    buttonSectionBoxClip: string;
-    buttonSectionBoxSettings: string;
-};
 /**
  * Returns a control bar section for the section box.
  */
 export declare function controlBarSectionBox(section: SectionBoxRef, hasSelection: boolean): ControlBar.IControlBarSection;
+export declare function controlBarCamera(camera: CameraRef): {
+    id: string;
+    enable: () => boolean;
+    style: string;
+    buttons: {
+        id: string;
+        tip: string;
+        isOn: () => boolean;
+        action: () => void;
+        icon: typeof Icons.autoCamera;
+        style: typeof ControlBar.buttonDefaultStyle;
+    }[];
+};
 /**
  * Combines all control bar sections into one control bar.
  */
-export declare function useControlBar(viewer: VIM.Viewer, camera: ComponentCamera, modal: ModalRef, side: SideState, isolation: Isolation, cursor: CursorManager, settings: ComponentSettings, section: SectionBoxRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
+export declare function useControlBar(viewer: VIM.Viewer, camera: CameraRef, modal: ModalRef, side: SideState, isolation: Isolation, cursor: CursorManager, settings: ComponentSettings, section: SectionBoxRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
     id: string;
     enable: () => boolean;
     style: string;
@@ -51,16 +37,28 @@ export declare function useControlBar(viewer: VIM.Viewer, camera: ComponentCamer
         enabled: () => boolean;
         tip: string;
         action: () => void;
-        icon: typeof Icons.frameSelection;
-        isOn: () => boolean;
+        icon: typeof Icons.toggleIsolation;
         style: typeof ControlBar.buttonDefaultStyle;
+        isOn?: undefined;
     } | {
         id: string;
         enabled: () => boolean;
+        isOn: () => boolean;
         tip: string;
         action: () => void;
-        icon: typeof Icons.toggleIsolation;
+        icon: typeof Icons.measure;
         style: typeof ControlBar.buttonDefaultStyle;
-        isOn?: undefined;
     })[];
+} | {
+    id: string;
+    enable: () => boolean;
+    style: string;
+    buttons: {
+        id: string;
+        tip: string;
+        isOn: () => boolean;
+        action: () => void;
+        icon: typeof Icons.autoCamera;
+        style: typeof ControlBar.buttonDefaultStyle;
+    }[];
 })[];

package/dist/types/react-viewers/state/sectionBoxState.d.ts

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { ISignal } from 'ste-signals';
+import { ArgActionRef, AsyncFuncRef, StateRef } from '../helpers/reactUtils';
 export type Offsets = {
     topOffset: string;
     sideOffset: string;
@@ -7,27 +8,24 @@ export type Offsets = {
 };
 export type OffsetField = keyof Offsets;
 export interface SectionBoxRef {
-    getEnable: () => boolean;
-    setEnable: (enable: boolean) => void;
-    getVisible: () => boolean;
-    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    getAuto: () => boolean;
-    setAuto: (auto: boolean) => void;
-    sectionSelection: () => void;
-    sectionReset: () => void;
-    getOffsetVisible: () => boolean;
-    setOffsetsVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    getText: (field: OffsetField) => string;
-    setText: (field: OffsetField, value: string) => void;
-    validate: (field: OffsetField) => void;
+    enable: StateRef<boolean>;
+    visible: StateRef<boolean>;
+    auto: StateRef<boolean>;
+    sectionSelection: AsyncFuncRef<void>;
+    sectionReset: AsyncFuncRef<void>;
+    section: ArgActionRef<THREE.Box3>;
+    showOffsetPanel: StateRef<boolean>;
+    topOffset: StateRef<string>;
+    sideOffset: StateRef<string>;
+    bottomOffset: StateRef<string>;
 }
 export interface SectionBoxAdapter {
+    setClip: (b: boolean) => void;
     setVisible: (visible: boolean) => void;
     getBox: () => THREE.Box3;
     fitBox: (box: THREE.Box3) => void;
     getSelectionBox: () => Promise<THREE.Box3 | undefined>;
     getRendererBox: () => Promise<THREE.Box3>;
     onSelectionChanged: ISignal;
-    onSceneChanged: ISignal;
 }
 export declare function useSectionBox(adapter: SectionBoxAdapter): SectionBoxRef;

package/dist/types/react-viewers/ultra/errors/ultraErrors.d.ts

@@ -1,3 +1,3 @@
 import * as Ultra from '../../../core-viewers/ultra';
 export declare function getErrorMessage(state: Ultra.ClientState): import("../..").MessageBoxProps;
-export declare function getRequestErrorMessage(source: Ultra.VimSource, error: Ultra.VimRequestErrorType): import("../..").MessageBoxProps;
+export declare function getRequestErrorMessage(serverUrl: string, source: Ultra.VimSource, error: Ultra.VimRequestErrorType): import("../..").MessageBoxProps;

package/dist/types/react-viewers/ultra/index.d.ts

@@ -1 +1,2 @@
 export * from './ultraComponent';
+export * from './ultraComponentRef';

package/dist/types/react-viewers/ultra/ultraCameraState.d.ts

@@ -0,0 +1,2 @@
+import { UltraViewer } from "../..";
+export declare function useUltraCamera(viewer: UltraViewer.Viewer): import("../..").CameraRef;

package/dist/types/react-viewers/ultra/ultraComponent.d.ts

@@ -1,12 +1,6 @@
 import * as Ultra from '../../core-viewers/ultra/index';
 import { Container } from '../container';
-import { ModalRef } from '../panels/modal';
-export type UltraComponentRef = {
-    viewer: Ultra.Viewer;
-    modal: ModalRef;
-    dispose: () => void;
-    load(url: Ultra.VimSource): Ultra.ILoadRequest;
-};
+import { UltraComponentRef } from './ultraComponentRef';
 /**
  * Creates a UI container along with a VIM.Viewer and its associated React component.
  * @param container An optional container object. If none is provided, a container will be created.