vim-web 0.3.44-dev.16 → 0.3.44-dev.17

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

@@ -1,4 +1,4 @@
-export declare const elementIds: {
+export declare const ids: {
     sectionCamera: string;
     sectionActions: string;
     sectionTools: string;

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

@@ -1 +1,3 @@
 export * from './ultraComponent';
+export * from './ultraComponentRef';
+export * as ControlBar from '../controlbar/controlBar';

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

@@ -1,30 +1,6 @@
 import * as Ultra from '../../core-viewers/ultra/index';
 import { Container } from '../container';
-import { ModalRef } from '../panels/modal';
-import { SectionBoxRef } from '../state/sectionBoxState';
-export type UltraComponentRef = {
-    /**
-     * The Vim viewer instance associated with the component.
-     */
-    viewer: Ultra.Viewer;
-    /**
-     * API to manage the modal dialog.
-     */
-    modal: ModalRef;
-    /**
-     * API to manage the section box.
-     */
-    sectionBox: SectionBoxRef;
-    /**
-     * Disposes of the component and its resources.
-     */
-    dispose: () => void;
-    /**
-     * Loads a file into the viewer.
-     * @param url The URL of the file to load.
-     */
-    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.

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

@@ -0,0 +1,31 @@
+import * as Ultra from '../../core-viewers/ultra';
+import { ModalRef } from '../panels/modal';
+import { SectionBoxRef } from '../state/sectionBoxState';
+import { ControlBarRef } from '../webgl/webglComponentRef';
+export type UltraComponentRef = {
+    /**
+     * The Vim viewer instance associated with the component.
+     */
+    viewer: Ultra.Viewer;
+    /**
+     * API to manage the modal dialog.
+     */
+    modal: ModalRef;
+    /**
+     * API to manage the section box.
+     */
+    sectionBox: SectionBoxRef;
+    /**
+     * API to customize the control.
+     */
+    controlBar: ControlBarRef;
+    /**
+     * Disposes of the component and its resources.
+     */
+    dispose: () => void;
+    /**
+     * Loads a file into the viewer.
+     * @param url The URL of the file to load.
+     */
+    load(url: Ultra.VimSource): Ultra.ILoadRequest;
+};

package/dist/vim-web.iife.js

@@ -45835,7 +45835,7 @@ void main() {
     }
   }
   class ElementMapping {
-    constructor(instances, instanceToElement, elementIds2, instanceMeshes) {
+    constructor(instances, instanceToElement, elementIds, instanceMeshes) {
       __publicField(this, "_instanceToElement");
       __publicField(this, "_instanceMeshes");
       __publicField(this, "_elementToInstances");
@@ -45848,17 +45848,17 @@ void main() {
       this._elementToInstances = ElementMapping.invertMap(
         this._instanceToElement
       );
-      this._elementIds = elementIds2;
-      this._elementIdToElements = ElementMapping.invertArray(elementIds2);
+      this._elementIds = elementIds;
+      this._elementIdToElements = ElementMapping.invertArray(elementIds);
       this._instanceMeshes = instanceMeshes;
     }
     static async fromG3d(g3d2, bim) {
       const instanceToElement = await bim.node.getAllElementIndex();
-      const elementIds2 = await bim.element.getAllId();
+      const elementIds = await bim.element.getAllId();
       return new ElementMapping(
         Array.from(g3d2.instanceNodes),
         instanceToElement,
-        elementIds2,
+        elementIds,
         g3d2.instanceMeshes
       );
     }
@@ -60812,8 +60812,8 @@ Averrage Date/Second ${avgDataRatePS} kb
       if (nodes === "all") {
         this._rpc.RPCClearMaterialOverrides(this._handle);
       } else {
-        const ids = new Array(nodes.length).fill(MaterialHandles.Invalid);
-        this._rpc.RPCSetMaterialOverrides(this._handle, nodes, ids);
+        const ids2 = new Array(nodes.length).fill(MaterialHandles.Invalid);
+        this._rpc.RPCSetMaterialOverrides(this._handle, nodes, ids2);
       }
     }
     updateMap(nodes, state) {
@@ -67577,7 +67577,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     if (section.enable !== void 0 && !section.enable()) return null;
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style ?? sectionDefaultStyle}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
   }
-  const elementIds = {
+  const ids = {
     // Sections
     sectionCamera: "controlBar.sectionCamera",
     sectionActions: "controlBar.sectionActions",
@@ -67639,7 +67639,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     buttonExpandStyle,
     createButton,
     createSection: createSection$1,
-    elementIds,
+    ids,
     sectionBlueStyle,
     sectionDefaultStyle,
     sectionNoPadStyle
@@ -67827,12 +67827,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function controlBarSectionBox(section, hasSelection) {
     return {
-      id: elementIds.sectionSectionBox,
+      id: ids.sectionSectionBox,
       style: section.enable.get() ? sectionNoPadStyle : sectionDefaultStyle,
       //enable: () => section.getEnable(),
       buttons: [
         {
-          id: elementIds.buttonSectionBoxEnable,
+          id: ids.buttonSectionBoxEnable,
           tip: "Enable Section Box",
           isOn: () => section.enable.get(),
           style: (on) => buttonExpandStyle(on),
@@ -67840,7 +67840,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBox
         },
         {
-          id: elementIds.buttonSectionBoxShrinkToSelection,
+          id: ids.buttonSectionBoxShrinkToSelection,
           tip: "Fit Section",
           enabled: () => section.enable.get(),
           isOn: () => hasSelection,
@@ -67849,7 +67849,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxShrink
         },
         {
-          id: elementIds.buttonSectionBoxClip,
+          id: ids.buttonSectionBoxClip,
           tip: "Reset Section",
           enabled: () => section.enable.get(),
           style: (on) => buttonDefaultStyle(on),
@@ -67857,7 +67857,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxReset
         },
         {
-          id: elementIds.buttonSectionBoxVisible,
+          id: ids.buttonSectionBoxVisible,
           tip: "Show Section Box",
           enabled: () => section.enable.get(),
           isOn: () => section.visible.get(),
@@ -67866,7 +67866,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: visible
         },
         {
-          id: elementIds.buttonSectionBoxAuto,
+          id: ids.buttonSectionBoxAuto,
           tip: "Auto Section",
           enabled: () => section.enable.get(),
           isOn: () => section.auto.get(),
@@ -67875,7 +67875,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           icon: sectionBoxAuto
         },
         {
-          id: elementIds.buttonSectionBoxSettings,
+          id: ids.buttonSectionBoxSettings,
           tip: "Section Settings",
           enabled: () => section.enable.get(),
           isOn: () => section.showOffsetPanel.get(),
@@ -67889,12 +67889,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   function controlBarPointer(viewer, camera2, settings2, section) {
     const pointer = getPointerState(viewer);
     return {
-      id: elementIds.sectionCamera,
+      id: ids.sectionCamera,
       enable: () => anyUiCursorButton(settings2),
       style: sectionDefaultStyle,
       buttons: [
         {
-          id: elementIds.buttonCameraOrbit,
+          id: ids.buttonCameraOrbit,
           enabled: () => isTrue(settings2.ui.orbit),
           tip: "Orbit",
           action: () => pointer.onButton("orbit"),
@@ -67903,7 +67903,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonCameraLook,
+          id: ids.buttonCameraLook,
           enabled: () => isTrue(settings2.ui.lookAround),
           tip: "Look Around",
           action: () => pointer.onButton("look"),
@@ -67912,7 +67912,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonCameraPan,
+          id: ids.buttonCameraPan,
           enabled: () => isTrue(settings2.ui.pan),
           tip: "Pan",
           action: () => pointer.onButton("pan"),
@@ -67921,7 +67921,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonCameraZoom,
+          id: ids.buttonCameraZoom,
           enabled: () => isTrue(settings2.ui.zoom),
           tip: "Zoom",
           action: () => pointer.onButton("zoom"),
@@ -67930,7 +67930,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonCameraZoomWindow,
+          id: ids.buttonCameraZoomWindow,
           enabled: () => isTrue(settings2.ui.zoomWindow),
           tip: "Zoom Window",
           action: () => {
@@ -67945,12 +67945,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function controlBarActions(camera2, settings2, isolation, measure$1) {
     return {
-      id: elementIds.sectionActions,
+      id: ids.sectionActions,
       enable: () => true,
       style: sectionDefaultStyle,
       buttons: [
         {
-          id: elementIds.buttonZoomToFit,
+          id: ids.buttonZoomToFit,
           enabled: () => isTrue(settings2.ui.zoomToFit),
           tip: "Zoom to Fit",
           action: () => camera2.frameContext(),
@@ -67959,7 +67959,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonToggleIsolation,
+          id: ids.buttonToggleIsolation,
           enabled: () => isTrue(settings2.ui.toggleIsolation),
           tip: "Toggle Isolation",
           action: () => isolation.toggle("controlBar"),
@@ -67967,7 +67967,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonMeasure,
+          id: ids.buttonMeasure,
           enabled: () => isTrue(settings2.ui.measuringMode),
           isOn: () => measure$1.active,
           tip: "Measuring Mode",
@@ -67981,12 +67981,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   function controlBarSettings(modal, side, settings$1) {
     const fullScreen = getFullScreenState();
     return {
-      id: elementIds.sectionSettings,
+      id: ids.sectionSettings,
       enable: () => anyUiSettingButton(settings$1),
       style: sectionDefaultStyle,
       buttons: [
         {
-          id: elementIds.buttonProjectInspector,
+          id: ids.buttonProjectInspector,
           enabled: () => isTrue(settings$1.ui.projectInspector) && (isTrue(settings$1.ui.bimTreePanel) || isTrue(settings$1.ui.bimInfoPanel)),
           tip: "Project Inspector",
           action: () => side.toggleContent("bim"),
@@ -67994,7 +67994,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonSettings,
+          id: ids.buttonSettings,
           enabled: () => isTrue(settings$1.ui.settings),
           tip: "Settings",
           action: () => side.toggleContent("settings"),
@@ -68002,7 +68002,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonHelp,
+          id: ids.buttonHelp,
           enabled: () => isTrue(settings$1.ui.help),
           tip: "Help",
           action: () => modal.help(true),
@@ -68010,7 +68010,7 @@ Averrage Date/Second ${avgDataRatePS} kb
           style: buttonDefaultStyle
         },
         {
-          id: elementIds.buttonMaximize,
+          id: ids.buttonMaximize,
           enabled: () => isTrue(settings$1.ui.maximise) && settings$1.capacity.canGoFullScreen,
           tip: fullScreen.get() ? "Minimize" : "Fullscreen",
           action: () => fullScreen.toggle(),
@@ -76510,15 +76510,26 @@ Averrage Date/Second ${avgDataRatePS} kb
   function UltraComponent(props) {
     const modal = useModal(true);
     const sectionBox2 = useUltraSectionBox(props.viewer);
-    const controlBar2 = useUltraControlBar(props.viewer, sectionBox2, (_2) => _2);
     const side = useSideState(true, 400);
     const [_, setSelectState] = React2.useState(0);
+    const [controlBarCustom, setControlBarCustom] = React2.useState(() => (c) => c);
+    const controlBar2 = useUltraControlBar(props.viewer, sectionBox2, (_2) => _2);
     React2.useEffect(() => {
       props.viewer.onStateChanged.subscribe((state) => updateModal(modal, state));
       props.viewer.selection.onValueChanged.subscribe(() => {
         setSelectState((i2) => (i2 + 1) % 2);
       });
-      props.onMount(createComponentRef(props.viewer, modal, sectionBox2));
+      props.onMount({
+        viewer: props.viewer,
+        modal,
+        sectionBox: sectionBox2,
+        dispose: () => {
+        },
+        controlBar: {
+          customize: (v) => setControlBarCustom(() => v)
+        },
+        load: patchLoad(props.viewer, modal)
+      });
     }, []);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
@@ -76528,18 +76539,28 @@ Averrage Date/Second ${avgDataRatePS} kb
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ControlBar,
             {
-              content: controlBar2,
+              content: controlBarCustom(controlBar2),
               show: true
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 })
         ] });
       } }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { state: modal })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { state: modal }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ReactTooltip,
+        {
+          multiline: true,
+          arrowColor: "transparent",
+          type: "light",
+          className: "!vc-max-w-xs !vc-border !vc-border-solid !vc-border-gray-medium !vc-bg-white !vc-text-xs !vc-text-gray-darkest !vc-opacity-100 !vc-shadow-[2px_6px_15px_rgba(0,0,0,0.3)] !vc-transition-opacity",
+          delayShow: 200
+        }
+      )
     ] });
   }
-  function createComponentRef(viewer, modal, sectionBox2) {
-    function load(source) {
+  function patchLoad(viewer, modal) {
+    return function load(source) {
       const request2 = viewer.loadVim(source);
       void updateProgress(request2, modal);
       void request2.getResult().then(
@@ -76554,18 +76575,11 @@ Averrage Date/Second ${avgDataRatePS} kb
         }
       );
       return request2;
-    }
-    return {
-      viewer,
-      modal,
-      sectionBox: sectionBox2,
-      dispose: () => {
-      },
-      load
     };
   }
   const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
+    ControlBar: controlBar,
     UltraComponent,
     createUltraComponent
   }, Symbol.toStringTag, { value: "Module" }));