vim-web 0.3.44-dev.2 → 0.3.44-dev.4

package/dist/style.css

@@ -165,7 +165,17 @@
     transform: translateX(0%);
   }
 }
-*, ::before, ::after {
+body {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden;
+}
+canvas:focus {
+  outline: none;
+}*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -779,6 +789,10 @@ video:where(.vim-component,.vim-component *) {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.vc-my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .vc-my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -819,6 +833,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-block {
   display: block;
 }
+.vc-inline {
+  display: inline;
+}
 .vc-flex {
   display: flex;
 }
@@ -858,6 +875,9 @@ video:where(.vim-component,.vim-component *) {
 .vc-min-h-0 {
   min-height: 0px;
 }
+.vc-w-1\/2 {
+  width: 50%;
+}
 .vc-w-1\/3 {
   width: 33.333333%;
 }
@@ -1048,6 +1068,9 @@ video:where(.vim-component,.vim-component *) {
 .\!vc-border-solid {
   border-style: solid !important;
 }
+.vc-border-none {
+  border-style: none;
+}
 .\!vc-border-gray-medium {
   border-color: var(--c-medium-gray) !important;
 }
@@ -1115,6 +1138,10 @@ video:where(.vim-component,.vim-component *) {
 .vc-p-6 {
   padding: 1.5rem;
 }
+.vc-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .vc-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1401,6 +1428,16 @@ video:where(.vim-component,.vim-component *) {
 }
 
 @container (width > 0px){
+  .vim-sectionbox-offsets .vc-text-xs{
+    font-size: min(5.5cqmin, 0.8rem);
+    line-height: min(6.5cqmin, 1rem);
+  }
+
+  .vim-sectionbox-offsets .vim-sectionbox-offsets-entry{
+    margin-top: min(3.0cqmin, 0.5rem);
+    margin-bottom: min(3.0cqmin, 0.5rem);
+  }
+
   .vim-message-box .vc-text-xs{
     font-size: min(5.5cqmin, 0.8rem);
     line-height: min(6.5cqmin, 1rem);

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

@@ -1,3 +1,4 @@
+import "./style.css";
 export * from './viewer/viewer';
 export * as utils from './utils/promise';
 export * from './viewer/vim';

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

@@ -13,7 +13,6 @@ export type VimStatus = {
     progress: number;
 };
 export type SectionBoxState = {
-    enabled: boolean;
     visible: boolean;
     interactible: boolean;
     clip: boolean;

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

@@ -28,6 +28,7 @@ export declare class RpcClient {
     RPCCreateText(position: Vector3, color: RGBA32, text: string): Promise<number>;
     RPCDestroyMaterialInstances(materialInstanceHandle: number[]): void;
     RPCDestroyText(componentHandle: number): void;
+    RPCEnableSectionBox(value: boolean): void;
     RPCFrameAll(blendTime: number): Promise<Segment>;
     RPCFrameBox(box: Box3, blendTime: number): Promise<Segment>;
     RPCFrameInstances(componentHandle: number, nodes: number[], blendTime: number): Promise<Segment>;

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

@@ -142,6 +142,7 @@ export declare class RpcSafeClient {
      * SECTION BOX METHODS
      * Methods for controlling section box visibility and position.
      ******************************************************************************/
+    RPCEnableSectionBox(enable: boolean): void;
     RPCSetSectionBox(state: SectionBoxState): void;
     RPCGetSectionBox(): Promise<SectionBoxState | undefined>;
     /*******************************************************************************

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

@@ -1,7 +1,6 @@
 import { Box3 } from "../utils/math3d";
 import { RpcSafeClient } from "./rpcSafeClient";
 export declare class SectionBox {
-    private _enabled;
     private _visible;
     private _interactible;
     private _clip;
@@ -17,12 +16,10 @@ export declare class SectionBox {
     scheduleUpdate(): void;
     private pull;
     private push;
-    get enabled(): boolean;
-    set enabled(value: boolean);
     get visible(): boolean;
     set visible(value: boolean);
-    get interactible(): boolean;
-    set interactible(value: boolean);
+    get interactive(): boolean;
+    set interactive(value: boolean);
     get clip(): boolean;
     set clip(value: boolean);
     fitBox(box: Box3): void;

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

@@ -30,6 +30,8 @@ export declare class ViewerSelection implements IViewerSelection {
     private _rpc;
     private _vims;
     private _selectedNodes;
+    private _onValueChanged;
+    get onValueChanged(): import("ste-signals").ISignal;
     /**
      * Creates a new ViewerSelection instance.
      * @param rpc - RPC client for communication with the viewer.

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

@@ -9,6 +9,7 @@ import { ColorManager } from './colorManager';
 import { ICamera } from './camera';
 import { RpcSafeClient, VimSource } from './rpcSafeClient';
 import { ISimpleEvent } from 'ste-simple-events';
+import { ViewerSelection } from './selection';
 import { IReadonlyVimCollection } from './vimCollection';
 import { IRenderer } from './renderer';
 import { SectionBox } from './sectionBox';
@@ -48,6 +49,7 @@ export declare class Viewer {
     get viewport(): IViewport;
     get renderer(): IRenderer;
     get decoder(): IDecoder;
+    get selection(): ViewerSelection;
     /**
      * API to create, manage, and destroy colors.
      */

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

@@ -1,12 +1,16 @@
+import { ISignal } from "ste-signals";
 import { Vim } from "./vim";
 export interface IReadonlyVimCollection {
     getFromHandle(handle: number): Vim | undefined;
     getAll(): ReadonlyArray<Vim>;
     getAt(index: number): Vim | undefined;
     count: number;
+    onChanged: ISignal;
 }
 export declare class VimCollection implements IReadonlyVimCollection {
     private _vims;
+    private _onChanged;
+    get onChanged(): ISignal;
     constructor();
     get count(): number;
     /**

package/dist/types/core-viewers/webgl/utils/threeUtils.d.ts

@@ -0,0 +1,3 @@
+import * as THREE from 'three';
+export declare function addBox(b1: THREE.Box3, b2: THREE.Box3): THREE.Box3;
+export declare function subBox(b1: THREE.Box3, b2: THREE.Box3): THREE.Box3;

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

@@ -20,7 +20,7 @@ export declare class Gizmos {
     /**
      * The section box gizmo.
      */
-    readonly section: SectionBox;
+    readonly sectionBox: SectionBox;
     /**
      * The loading indicator gizmo.
      */

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

@@ -88,7 +88,7 @@ export declare class SectionBox {
      * @param box - The bounding box to match (required).
      * @param padding - The scalar amount by which to expand the bounding box. Default is `1`.
      */
-    fitBox(box: THREE.Box3, padding?: number): void;
+    fitBox(box: THREE.Box3): void;
     /**
      * Updates the section box to match the current size of `this.section.box`.
      *

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

@@ -1,57 +1,19 @@
 /**
  * @module viw-webgl-react
  */
-import * as VIM from '../../core-viewers/webgl/index';
-import { ComponentCamera } from '../helpers/camera';
-import { CursorManager } from '../helpers/cursor';
-import { Isolation } from '../helpers/isolation';
-import { ComponentSettings } from '../settings/settings';
-import { SideState } from '../sidePanel/sideState';
 import { IControlBarSection } from './controlBarSection';
-import { ModalRef } from '../panels/modal';
-export { buttonDefaultStyle, buttonBlueStyle } from './controlBarButton';
-export { sectionDefaultStyle, sectionBlueStyle } from './controlBarSection';
+export * from './controlBarSection';
+export * from './controlBarButton';
+export * from './controlBarSection';
+export * from './controlBarIds';
 /**
  * A map function that changes the context menu.
  */
 export type ControlBarCustomization = (e: IControlBarSection[]) => IControlBarSection[];
-export declare const elementIds: {
-    sectionCamera: string;
-    sectionTools: string;
-    sectionSettings: string;
-    sectionMeasure: string;
-    sectionSectionBox: string;
-    buttonCameraOrbit: string;
-    buttonCameraLook: string;
-    buttonCameraPan: string;
-    buttonCameraZoom: string;
-    buttonCameraZoomWindow: string;
-    buttonCameraZoomToFit: string;
-    buttonProjectInspector: string;
-    buttonSettings: string;
-    buttonHelp: string;
-    buttonMaximize: string;
-    buttonSectionBox: string;
-    buttonMeasure: string;
-    buttonToggleIsolation: string;
-    buttonMeasureDelete: string;
-    buttonMeasureDone: string;
-    buttonSectionBoxReset: string;
-    buttonSectionBoxShrinkToSelection: string;
-    buttonSectionBoxClip: string;
-    buttonSectionBoxIgnore: string;
-    buttonSectionBoxDone: string;
-};
 /**
  * JSX Component for the control bar.
  */
 export declare function ControlBar(props: {
-    viewer: VIM.Viewer;
-    camera: ComponentCamera;
-    modal: ModalRef;
-    side: SideState;
-    isolation: Isolation;
-    cursor: CursorManager;
-    settings: ComponentSettings;
-    customization: ControlBarCustomization | undefined;
+    content: IControlBarSection[];
+    show: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,6 @@
 export declare function buttonDefaultStyle(on: boolean): string;
+export declare function buttonExpandStyle(on: boolean): string;
+export declare function buttonDisableStyle(on: boolean): string;
 export declare function buttonBlueStyle(on: boolean): string;
 export interface IControlBarButtonItem {
     id: string;
@@ -12,6 +14,6 @@ export interface IControlBarButtonItem {
         className: any;
     }) => JSX.Element;
     isOn?: () => boolean;
-    style: (on: boolean) => string;
+    style?: (on: boolean) => string;
 }
 export declare function createButton(button: IControlBarButtonItem): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+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;
+};

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

@@ -1,10 +1,11 @@
 import { IControlBarButtonItem } from './controlBarButton';
 export declare const sectionDefaultStyle: string;
 export declare const sectionBlueStyle: string;
+export declare const sectionNoPadStyle: string;
 export interface IControlBarSection {
     id: string;
     enable?: (() => boolean) | undefined;
     buttons: IControlBarButtonItem[];
-    style: string;
+    style?: string;
 }
 export declare function createSection(section: IControlBarSection): import("react/jsx-runtime").JSX.Element;

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

@@ -10,6 +10,7 @@ export type IconOptions = {
     fill: string;
     className?: string;
 };
+export declare function slidersHoriz({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function settings({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function help({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function trash({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
@@ -37,10 +38,15 @@ export declare function frameRect({ height, width, fill, className }: IconOption
 export declare function frameSelection({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function toggleIsolation({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function measure({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxSettings({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxAuto({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxVisible({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBox({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxDisable({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxClip({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxIgnore({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxReset({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function sectionBoxShrink({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
+export declare function sectionBoxShrink2({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function ghost({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;
 export declare function ghostDead({ height, width, fill, className }: IconOptions): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { SectionBoxRef } from "../state/sectionBoxState";
+export declare function SectionBoxPanel(props: {
+    state: SectionBoxRef;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+import * as VIM from '../../core-viewers/webgl/index';
+import { ComponentCamera } from '../helpers/camera';
+import { CursorManager } from '../helpers/cursor';
+import { Isolation } from '../helpers/isolation';
+import { ComponentSettings } from '../settings/settings';
+import { SideState } from '../sidePanel/sideState';
+import * as Icons from '../panels/icons';
+import { SectionBoxRef } from './sectionBoxState';
+import { ModalRef } from '../panels/modal';
+import * as ControlBar from '../controlbar/controlBar';
+/**
+ * Returns a control bar section for the section box.
+ */
+export declare function controlBarSectionBox(section: SectionBoxRef, hasSelection: boolean): ControlBar.IControlBarSection;
+/**
+ * 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 | {
+    id: string;
+    enable: () => boolean;
+    style: string;
+    buttons: ({
+        id: string;
+        enabled: () => boolean;
+        tip: string;
+        action: () => void;
+        icon: typeof Icons.frameSelection;
+        isOn: () => boolean;
+        style: typeof ControlBar.buttonDefaultStyle;
+    } | {
+        id: string;
+        enabled: () => boolean;
+        tip: string;
+        action: () => void;
+        icon: typeof Icons.toggleIsolation;
+        style: typeof ControlBar.buttonDefaultStyle;
+        isOn?: undefined;
+    })[];
+})[];

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

@@ -0,0 +1,33 @@
+import * as THREE from 'three';
+import { ISignal } from 'ste-signals';
+export type Offsets = {
+    topOffset: string;
+    sideOffset: string;
+    bottomOffset: string;
+};
+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;
+}
+export interface SectionBoxAdapter {
+    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/ultraControlBarState.d.ts

@@ -0,0 +1,6 @@
+import { ControlBarCustomization } from '../controlbar/controlBar';
+import { SectionBoxRef } from '../state/sectionBoxState';
+import * as Ultra from '../../core-viewers/ultra/index';
+export { buttonDefaultStyle, buttonBlueStyle } from '../controlbar/controlBarButton';
+export { sectionDefaultStyle, sectionBlueStyle } from '../controlbar/controlBarSection';
+export declare function useUltraControlBar(viewer: Ultra.Viewer, section: SectionBoxRef, customization: ControlBarCustomization | undefined): import("../controlbar/controlBarSection").IControlBarSection[];

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

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

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

@@ -0,0 +1,3 @@
+import * as Ultra from '../../core-viewers/ultra/index';
+import { SectionBoxRef } from '../state/sectionBoxState';
+export declare function useUltraSectionBox(viewer: Ultra.Viewer): SectionBoxRef;

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

@@ -1,4 +1,3 @@
-import '../style.css';
 export * from './webglComponent';
 export * as ContextMenu from '../panels/contextMenu';
 export * as BimInfo from '../bim/bimInfoData';

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

@@ -0,0 +1,3 @@
+import * as VIM from '../../core-viewers/webgl/index';
+import { SectionBoxRef } from '../state/sectionBoxState';
+export declare function useWebglSectionBox(viewer: VIM.Viewer): SectionBoxRef;