vim-web 0.3.44-dev.71 → 0.3.44-dev.73

package/dist/types/react-viewers/generic/genericPanel.d.ts

@@ -1,5 +1,6 @@
 import { StateRef } from "../helpers/reactUtils";
 import { GenericEntryType } from "./genericField";
+import { Customizer } from "../helpers/customizer";
 export interface GenericPanelProps {
     showPanel: StateRef<boolean>;
     header?: React.ReactNode;
@@ -7,9 +8,5 @@ export interface GenericPanelProps {
     onClose?: () => void;
     anchorElement: HTMLElement | null;
 }
-export declare const GenericPanel: import("react").ForwardRefExoticComponent<GenericPanelProps & import("react").RefAttributes<GenericPanelRef>>;
-export type GenericPanelRef = Customizer<GenericEntryType[]>;
-export interface Customizer<TData> {
-    customize(fn: (entries: TData) => TData): any;
-}
-export declare function useCustomizer<TData>(baseEntries: TData, ref: React.Ref<Customizer<TData>>): TData;
+export type GenericPanelHandle = Customizer<GenericEntryType[]>;
+export declare const GenericPanel: import("react").ForwardRefExoticComponent<GenericPanelProps & import("react").RefAttributes<GenericPanelHandle>>;

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

@@ -0,0 +1,2 @@
+export type * from './genericField';
+export { type GenericPanelHandle } from './genericPanel';

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

@@ -0,0 +1,4 @@
+export interface Customizer<TData> {
+    customize(fn: (entries: TData) => TData): any;
+}
+export declare function useCustomizer<TData>(baseEntries: TData, ref: React.Ref<Customizer<TData>>): TData;

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

@@ -34,6 +34,18 @@ export interface StateRef<T> {
     confirm(): void;
     onChange: ISimpleEvent<T>;
 }
+/**
+ * A basic implementation of StateRef<T> without React.
+ */
+export declare class MutableState<T> implements StateRef<T> {
+    private _value;
+    private _onChange;
+    constructor(initial: T);
+    get(): T;
+    set(value: T): void;
+    confirm(): void;
+    get onChange(): ISimpleEvent<T>;
+}
 export interface StateRefresher {
     refresh: () => void;
 }

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

@@ -10,4 +10,5 @@ export * as Urls from './urls';
 export * from './container';
 export * from './panels';
 export * from './helpers';
+export * from './generic';
 export type * from './state';

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

@@ -4,7 +4,7 @@
 import React from 'react';
 import { CameraRef } from '../state/cameraState';
 import { TreeActionRef } from '../bim/bimTree';
-import { ModalRef } from './modal';
+import { ModalHandle } from './modal';
 import { IsolationRef } from '../state/sharedIsolation';
 import * as Core from '../../core-viewers';
 type ClickCallback = React.MouseEvent<HTMLDivElement, MouseEvent>;
@@ -76,7 +76,7 @@ export declare const VimContextMenuMemo: React.MemoExoticComponent<typeof Contex
 export declare function ContextMenu(props: {
     viewer: Core.Webgl.Viewer;
     camera: CameraRef;
-    modal: ModalRef;
+    modal: ModalHandle;
     isolation: IsolationRef;
     selection: Core.Webgl.Element3D[];
     customization?: (e: ContextMenuElement[]) => ContextMenuElement[];

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

@@ -1,6 +1,5 @@
 export * as ContextMenu from './contextMenu';
 export type * from './axesPanel';
-export type * from '../generic/genericPanel';
 export type * from './help';
 export type * from './loadingBox';
 export type * from './logo';

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

@@ -1,5 +1,5 @@
 import { IsolationRef } from "../state/sharedIsolation";
-import { GenericPanelRef } from "../generic/genericPanel";
+import { GenericPanelHandle } from "../generic/genericPanel";
 export declare const IsolationPanel: import("react").ForwardRefExoticComponent<{
     state: IsolationRef;
-} & import("react").RefAttributes<GenericPanelRef>>;
+} & import("react").RefAttributes<GenericPanelHandle>>;

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

@@ -7,7 +7,7 @@ export type ModalPropsTyped = (MessageBoxPropsTyped | LoadingBoxPropsTyped | Hel
     canClose?: boolean;
     onClose?: () => void;
 };
-export type ModalRef = {
+export type ModalHandle = {
     getActiveState(): ModalPropsTyped | undefined;
     loading(content: LoadingBoxProps | undefined): void;
     message(content: MessageBoxProps | undefined): void;
@@ -15,4 +15,4 @@ export type ModalRef = {
 };
 export declare const Modal: React.ForwardRefExoticComponent<{
     canFollowLinks: boolean;
-} & React.RefAttributes<ModalRef>>;
+} & React.RefAttributes<ModalHandle>>;

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

@@ -1,5 +1,5 @@
 import { SectionBoxRef } from "../state/sectionBoxState";
-import { GenericPanelRef } from "../generic/genericPanel";
+import { GenericPanelHandle } from "../generic/genericPanel";
 export declare const SectionBoxPanel: import("react").ForwardRefExoticComponent<{
     state: SectionBoxRef;
-} & import("react").RefAttributes<GenericPanelRef>>;
+} & import("react").RefAttributes<GenericPanelHandle>>;

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

@@ -6,7 +6,7 @@ import { SideState } from './sideState';
 import * as Icons from '../icons';
 import { SectionBoxRef } from './sectionBoxState';
 import { getMeasureState } from './measureState';
-import { ModalRef } from '../panels/modal';
+import { ModalHandle } from '../panels/modal';
 import { IsolationRef } from './sharedIsolation';
 import * as ControlBar from '../controlbar';
 /**
@@ -32,7 +32,7 @@ export declare function controlBarSelection(isolation: IsolationRef): ControlBar
 /**
  * Combines all control bar sections into one control bar.
  */
-export declare function useControlBar(viewer: Core.Webgl.Viewer, camera: CameraRef, modal: ModalRef, side: SideState, cursor: CursorManager, settings: Settings, section: SectionBoxRef, isolationRef: IsolationRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
+export declare function useControlBar(viewer: Core.Webgl.Viewer, camera: CameraRef, modal: ModalHandle, side: SideState, cursor: CursorManager, settings: Settings, section: SectionBoxRef, isolationRef: IsolationRef, customization: ControlBar.ControlBarCustomization | undefined): (ControlBar.IControlBarSection | {
     id: string;
     enable: () => boolean;
     style: string;

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

@@ -1,5 +1,5 @@
-import { ModalRef } from "../panels/modal";
+import { ModalHandle } from "../panels/modal";
 import * as Core from '../../core-viewers';
 import { RefObject } from "react";
-export declare function updateModal(modal: RefObject<ModalRef>, state: Core.Ultra.ClientState): void;
-export declare function updateProgress(request: Core.Ultra.ILoadRequest, modal: ModalRef): Promise<void>;
+export declare function updateModal(modal: RefObject<ModalHandle>, state: Core.Ultra.ClientState): void;
+export declare function updateProgress(request: Core.Ultra.ILoadRequest, modal: ModalHandle): Promise<void>;

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

@@ -1,9 +1,10 @@
 import * as Core from '../../core-viewers/ultra';
-import { ModalRef } from '../panels/modal';
+import { ModalHandle } from '../panels/modal';
 import { CameraRef } from '../state/cameraState';
 import { SectionBoxRef } from '../state/sectionBoxState';
 import { IsolationRef } from '../state/sharedIsolation';
 import { ControlBarRef } from '../controlbar';
+import { GenericPanelHandle } from '../generic/';
 export type ViewerRef = {
     /**
      * The Vim viewer instance associated with the viewer.
@@ -12,7 +13,7 @@ export type ViewerRef = {
     /**
      * API to manage the modal dialog.
      */
-    modal: ModalRef;
+    modal: ModalHandle;
     /**
      * API to manage the section box.
      */
@@ -26,6 +27,14 @@ export type ViewerRef = {
      */
     camera: CameraRef;
     isolation: IsolationRef;
+    /**
+     * API to interact with the isolation panel.
+     */
+    isolationPanel: GenericPanelHandle;
+    /**
+     * API to interact with the isolation panel.
+     */
+    sectionBoxPanel: GenericPanelHandle;
     /**
      * Disposes of the viewer and its resources.
      */

package/dist/types/react-viewers/webgl/loading.d.ts

@@ -3,7 +3,7 @@
  */
 import * as Core from '../../core-viewers';
 import { LoadRequest } from '../helpers/loadRequest';
-import { ModalRef } from '../panels/modal';
+import { ModalHandle } from '../panels/modal';
 type AddSettings = {
     /**
      * Controls whether to frame the camera on a vim everytime it is updated.
@@ -28,7 +28,7 @@ export type LoadingError = {
 export declare class ComponentLoader {
     private _viewer;
     private _modal;
-    constructor(viewer: Core.Webgl.Viewer, modal: React.RefObject<ModalRef>);
+    constructor(viewer: Core.Webgl.Viewer, modal: React.RefObject<ModalHandle>);
     /**
      * Event emitter for progress updates.
      */

package/dist/types/react-viewers/webgl/viewerRef.d.ts

@@ -9,10 +9,10 @@ import { Container } from '../container';
 import { BimInfoPanelRef } from '../bim/bimInfoData';
 import { ControlBarRef } from '../controlbar';
 import { ComponentLoader } from './loading';
-import { ModalRef } from '../panels/modal';
+import { ModalHandle } from '../panels/modal';
 import { SectionBoxRef } from '../state/sectionBoxState';
 import { IsolationRef } from '../state/sharedIsolation';
-import { GenericPanelRef } from '../panels';
+import { GenericPanelHandle } from '../generic';
 /**
 * Settings API managing settings applied to the viewer.
 */
@@ -83,7 +83,7 @@ export type ViewerRef = {
     /**
      * Message API to interact with the loading box.
      */
-    modal: ModalRef;
+    modal: ModalHandle;
     /**
      * Camera API to interact with the viewer camera at a higher level.
      */
@@ -92,8 +92,14 @@ export type ViewerRef = {
      * API To interact with the BIM info panel.
      */
     bimInfo: BimInfoPanelRef;
-    isolationPanel: GenericPanelRef;
-    sectionBoxPanel: GenericPanelRef;
+    /**
+     * API to interact with the isolation panel.
+     */
+    isolationPanel: GenericPanelHandle;
+    /**
+     * API to interact with the isolation panel.
+     */
+    sectionBoxPanel: GenericPanelHandle;
     /**
      * Cleans up and releases resources used by the viewer.
      */

package/dist/vim-web.iife.js

@@ -74583,6 +74583,26 @@ Averrage Date/Second ${avgDataRatePS} kb
       })
     );
   }
+  class MutableState {
+    constructor(initial) {
+      __publicField(this, "_value");
+      __publicField(this, "_onChange", new distExports.SimpleEventDispatcher());
+      this._value = initial;
+    }
+    get() {
+      return this._value;
+    }
+    set(value) {
+      if (value === this._value) return;
+      this._value = value;
+      this._onChange.dispatch(value);
+    }
+    confirm() {
+    }
+    get onChange() {
+      return this._onChange.asEvent();
+    }
+  }
   function useRefresher() {
     const [refresh, setRefresh] = React2.useState(false);
     return {
@@ -74817,6 +74837,7 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   const reactUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
+    MutableState,
     useActionRef,
     useArgActionRef,
     useArgFuncRef,
@@ -75720,6 +75741,24 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     );
   }
+  function useCustomizer(baseEntries, ref) {
+    const customization = React2.useRef();
+    const [entries, setEntries] = React2.useState(baseEntries);
+    const applyCustomization = () => {
+      setEntries(customization.current ? customization.current(baseEntries) : baseEntries);
+    };
+    const setCustomization = (fn) => {
+      customization.current = fn;
+      applyCustomization();
+    };
+    React2.useEffect(() => {
+      applyCustomization();
+    }, [baseEntries]);
+    React2.useImperativeHandle(ref, () => ({
+      customize: setCustomization
+    }));
+    return entries;
+  }
   const GenericPanel = React2.forwardRef((props, ref) => {
     const panelRef = React2.useRef(null);
     const panelPosition = useFloatingPanelPosition(
@@ -75758,24 +75797,6 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     ) });
   });
-  function useCustomizer(baseEntries, ref) {
-    const customization = React2.useRef();
-    const [entries, setEntries] = React2.useState(baseEntries);
-    const applyCustomization = () => {
-      setEntries(customization.current ? customization.current(baseEntries) : baseEntries);
-    };
-    const setCustomization = (fn) => {
-      customization.current = fn;
-      applyCustomization();
-    };
-    React2.useEffect(() => {
-      applyCustomization();
-    }, [baseEntries]);
-    React2.useImperativeHandle(ref, () => ({
-      customize: setCustomization
-    }));
-    return entries;
-  }
   const SectionBoxPanel = React2.forwardRef(
     (props, ref) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -76136,8 +76157,8 @@ Averrage Date/Second ${avgDataRatePS} kb
     const settings2 = useSettings(props.viewer, props.settings ?? {});
     const modal = React2.useRef(null);
     const sectionBoxRef = useWebglSectionBox(props.viewer);
-    const isolationPanelRef = React2.useRef(null);
-    const sectionBoxPanelRef = React2.useRef(null);
+    const isolationPanelHandle = React2.useRef(null);
+    const sectionBoxPanelHandle = React2.useRef(null);
     const camera2 = useWebglCamera(props.viewer, sectionBoxRef);
     const cursor = React2.useMemo(() => new CursorManager(props.viewer), []);
     const loader = React2.useRef(new ComponentLoader(props.viewer, modal));
@@ -76174,10 +76195,10 @@ Averrage Date/Second ${avgDataRatePS} kb
         camera: camera2,
         settings: settings2,
         get isolationPanel() {
-          return isolationPanelRef.current;
+          return isolationPanelHandle.current;
         },
         get sectionBoxPanel() {
-          return sectionBoxPanelRef.current;
+          return sectionBoxPanelHandle.current;
         },
         get sectionBox() {
           return sectionBoxRef;
@@ -76246,8 +76267,8 @@ Averrage Date/Second ${avgDataRatePS} kb
               show: isTrue(settings2.value.ui.controlBar)
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelRef, state: sectionBoxRef }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelRef, state: isolationRef }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelHandle, state: sectionBoxRef }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelHandle, state: isolationRef }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             AxesPanelMemo,
             {
@@ -76525,9 +76546,11 @@ Averrage Date/Second ${avgDataRatePS} kb
     return promise;
   }
   function Viewer(props) {
-    const modal = React2.useRef(null);
     const sectionBox2 = useUltraSectionBox(props.core);
     const camera2 = useUltraCamera(props.core, sectionBox2);
+    const isolationPanelHandle = React2.useRef(null);
+    const sectionBoxPanelHandle = React2.useRef(null);
+    const modalHandle = React2.useRef(null);
     const side = useSideState(true, 400);
     const [_, setSelectState] = React2.useState(0);
     const [controlBarCustom, setControlBarCustom] = React2.useState(() => (c) => c);
@@ -76535,24 +76558,30 @@ Averrage Date/Second ${avgDataRatePS} kb
     const controlBar = useUltraControlBar(props.core, sectionBox2, isolation, camera2, (_2) => _2);
     useViewerInput(props.core.inputs, camera2);
     React2.useEffect(() => {
-      props.core.onStateChanged.subscribe((state) => updateModal(modal, state));
+      props.core.onStateChanged.subscribe((state) => updateModal(modalHandle, state));
       props.core.selection.onSelectionChanged.subscribe(() => {
         setSelectState((i2) => (i2 + 1) % 2);
       });
       props.onMount({
         core: props.core,
         get modal() {
-          return modal.current;
+          return modalHandle.current;
         },
         isolation,
         sectionBox: sectionBox2,
         camera: camera2,
+        get isolationPanel() {
+          return isolationPanelHandle.current;
+        },
+        get sectionBoxPanel() {
+          return sectionBoxPanelHandle.current;
+        },
         dispose: () => {
         },
         controlBar: {
           customize: (v) => setControlBarCustom(() => v)
         },
-        load: patchLoad(props.core, modal)
+        load: patchLoad(props.core, modalHandle)
       });
     }, []);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -76567,11 +76596,11 @@ Averrage Date/Second ${avgDataRatePS} kb
               show: true
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { state: isolation })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelHandle, state: sectionBox2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelHandle, state: isolation })
         ] });
       } }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ref: modal, canFollowLinks: true }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ref: modalHandle, canFollowLinks: true }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ReactTooltip,
         {