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

package/dist/vim-web.js

@@ -45819,7 +45819,7 @@ class ElementNoMapping {
   }
 }
 class ElementMapping {
-  constructor(instances, instanceToElement, elementIds2, instanceMeshes) {
+  constructor(instances, instanceToElement, elementIds, instanceMeshes) {
     __publicField(this, "_instanceToElement");
     __publicField(this, "_instanceMeshes");
     __publicField(this, "_elementToInstances");
@@ -45832,17 +45832,17 @@ class ElementMapping {
     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
     );
   }
@@ -60796,8 +60796,8 @@ class Vim2 {
     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) {
@@ -67561,7 +67561,7 @@ function createSection$1(section) {
   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",
@@ -67623,7 +67623,7 @@ const controlBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   buttonExpandStyle,
   createButton,
   createSection: createSection$1,
-  elementIds,
+  ids,
   sectionBlueStyle,
   sectionDefaultStyle,
   sectionNoPadStyle
@@ -67811,12 +67811,12 @@ function getMeasureState(viewer, cursor) {
 }
 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),
@@ -67824,7 +67824,7 @@ function controlBarSectionBox(section, hasSelection) {
         icon: sectionBox
       },
       {
-        id: elementIds.buttonSectionBoxShrinkToSelection,
+        id: ids.buttonSectionBoxShrinkToSelection,
         tip: "Fit Section",
         enabled: () => section.enable.get(),
         isOn: () => hasSelection,
@@ -67833,7 +67833,7 @@ function controlBarSectionBox(section, hasSelection) {
         icon: sectionBoxShrink
       },
       {
-        id: elementIds.buttonSectionBoxClip,
+        id: ids.buttonSectionBoxClip,
         tip: "Reset Section",
         enabled: () => section.enable.get(),
         style: (on) => buttonDefaultStyle(on),
@@ -67841,7 +67841,7 @@ function controlBarSectionBox(section, hasSelection) {
         icon: sectionBoxReset
       },
       {
-        id: elementIds.buttonSectionBoxVisible,
+        id: ids.buttonSectionBoxVisible,
         tip: "Show Section Box",
         enabled: () => section.enable.get(),
         isOn: () => section.visible.get(),
@@ -67850,7 +67850,7 @@ function controlBarSectionBox(section, hasSelection) {
         icon: visible
       },
       {
-        id: elementIds.buttonSectionBoxAuto,
+        id: ids.buttonSectionBoxAuto,
         tip: "Auto Section",
         enabled: () => section.enable.get(),
         isOn: () => section.auto.get(),
@@ -67859,7 +67859,7 @@ function controlBarSectionBox(section, hasSelection) {
         icon: sectionBoxAuto
       },
       {
-        id: elementIds.buttonSectionBoxSettings,
+        id: ids.buttonSectionBoxSettings,
         tip: "Section Settings",
         enabled: () => section.enable.get(),
         isOn: () => section.showOffsetPanel.get(),
@@ -67873,12 +67873,12 @@ function controlBarSectionBox(section, hasSelection) {
 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"),
@@ -67887,7 +67887,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonCameraLook,
+        id: ids.buttonCameraLook,
         enabled: () => isTrue(settings2.ui.lookAround),
         tip: "Look Around",
         action: () => pointer.onButton("look"),
@@ -67896,7 +67896,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonCameraPan,
+        id: ids.buttonCameraPan,
         enabled: () => isTrue(settings2.ui.pan),
         tip: "Pan",
         action: () => pointer.onButton("pan"),
@@ -67905,7 +67905,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonCameraZoom,
+        id: ids.buttonCameraZoom,
         enabled: () => isTrue(settings2.ui.zoom),
         tip: "Zoom",
         action: () => pointer.onButton("zoom"),
@@ -67914,7 +67914,7 @@ function controlBarPointer(viewer, camera2, settings2, section) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonCameraZoomWindow,
+        id: ids.buttonCameraZoomWindow,
         enabled: () => isTrue(settings2.ui.zoomWindow),
         tip: "Zoom Window",
         action: () => {
@@ -67929,12 +67929,12 @@ function controlBarPointer(viewer, camera2, settings2, section) {
 }
 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(),
@@ -67943,7 +67943,7 @@ function controlBarActions(camera2, settings2, isolation, measure$1) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonToggleIsolation,
+        id: ids.buttonToggleIsolation,
         enabled: () => isTrue(settings2.ui.toggleIsolation),
         tip: "Toggle Isolation",
         action: () => isolation.toggle("controlBar"),
@@ -67951,7 +67951,7 @@ function controlBarActions(camera2, settings2, isolation, measure$1) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonMeasure,
+        id: ids.buttonMeasure,
         enabled: () => isTrue(settings2.ui.measuringMode),
         isOn: () => measure$1.active,
         tip: "Measuring Mode",
@@ -67965,12 +67965,12 @@ function controlBarActions(camera2, settings2, isolation, measure$1) {
 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"),
@@ -67978,7 +67978,7 @@ function controlBarSettings(modal, side, settings$1) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonSettings,
+        id: ids.buttonSettings,
         enabled: () => isTrue(settings$1.ui.settings),
         tip: "Settings",
         action: () => side.toggleContent("settings"),
@@ -67986,7 +67986,7 @@ function controlBarSettings(modal, side, settings$1) {
         style: buttonDefaultStyle
       },
       {
-        id: elementIds.buttonHelp,
+        id: ids.buttonHelp,
         enabled: () => isTrue(settings$1.ui.help),
         tip: "Help",
         action: () => modal.help(true),
@@ -67994,7 +67994,7 @@ function controlBarSettings(modal, side, settings$1) {
         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(),
@@ -76494,15 +76494,26 @@ function createUltraComponent(container) {
 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] = useState(0);
+  const [controlBarCustom, setControlBarCustom] = useState(() => (c) => c);
+  const controlBar2 = useUltraControlBar(props.viewer, sectionBox2, (_2) => _2);
   useEffect(() => {
     props.viewer.onStateChanged.subscribe((state) => updateModal(modal, state));
     props.viewer.selection.onValueChanged.subscribe(() => {
       setSelectState((i) => (i + 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: () => {
@@ -76512,18 +76523,28 @@ function UltraComponent(props) {
         /* @__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(
@@ -76538,18 +76559,11 @@ function createComponentRef(viewer, modal, sectionBox2) {
       }
     );
     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" }));