architwin 1.9.1 → 1.9.3

package/lib/architwin.d.ts

@@ -435,6 +435,19 @@ declare function renderPolygon(payload: PartitionPayload | Array<Vector3>, updat
  * @returns {void}
  */
 declare function setPolygonPath(id: number, vertices: Array<Vector3>): void;
+/**
+ * Enables vertice controls on an existing polygon
+ * @param component
+ * @returns
+ */
+declare function enableVerticeControls(component: MpSdk.Scene.IComponent): void;
+/**
+ * Deletes the edge of a polygon.
+ * @param component - The component of the polygon instance
+ * @param endPoint - Endpoint of the edge to be deleted
+ * @returns
+ */
+declare function deleteEdge(component: MpSdk.Scene.IComponent, endPoint: Vector3): void;
 declare function startDraw(): void;
 declare function exitDraw(): void;
 declare function cancelDraw(): void;
@@ -442,7 +455,7 @@ declare function getCurrentPolygon(): IObjectData;
 /**
  * Wrapper function around toggleMeshChildrenVisibility
  * @param {MpSdk.Scene.IComponent} component - Component of the model
- * @param {string | Array<string>} name - name of the model
+ * @param {string} name - name of the model
  */
 declare function toggleWallVisibility(component: MpSdk.Scene.IComponent, name: string): boolean;
 /**
@@ -620,4 +633,4 @@ declare function unFollowParticipant(unFollowParticipant: any): void;
  * @param {Array<PartitionNode>} partitionNodes Array of partition nodes
  */
 declare function setSpacePartitionNodes(partitionNodes: Array<PartitionNode>): Promise<void>;
-export { _atwin, _config, _mpConfig, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _tags, _tagCategories, _tagMessageRecepients, _space, _spaceId, _api, _pointerCoord, _3DXObjects, _meetingParticipants, _generatedObjectIds, tagColors, domMousePosition, isFitScreenOccupied, isCdnMapDataAvailable, minimap, _modelDetails, _onMouseClickInstance, transformHistory, _partitionNodes, initAtwinApi, getAtwinSdk, connectSpace, disconnectSpace, clearActionHistory, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, getAllSweeps, getCurrentCameraPose, getCurrentCameraZoom, getCameraPosition, getCurrentFloor, moveInDirection, cameraLookAt, cameraPan, cameraRotate, cameraSetRotation, getViewMode, setViewMode, captureSpaceScreenshot, captureScreenshotAndCameraDetails, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates, addTextMarkupScreen, setTextMarkupScreenContent, goTo3dx, goToModel, hasTimeElapsed, getSelectedObject, renderAvatar, setSpaceAvatar, get3DXObjects, setLibrary, getLibrary, disposeModel, renderInSpaceMediaScreen, goToPosition, goToParticipant, getNearestSweepFromObject, cancelModelPlacement, renderViewpointMarker, toggleViewpointVisibility, convertDegRotationToEuler, pauseVideo, playVideo, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, getMapConfig, addTag, getTags, gotoTag, renderTag, disposeTag, disposeTags, getMpTags, getMpTag, showTags, attachTagMedia, detachTagMedia, moveTag, editTagLabel, editTagDescription, editTagStem, editTagIcon, editTagColor, saveTag, rotateCameraToObject, setModelVisibility, tagStateSubscriber, setTagIcon, setTagCategories, setUserAssignedCategories, getUserAssignedCategories, setTagMessageRecepients, getTagMessageRecepients, setTagMessages, getTagMessages, setSelectedTagUuid, getSelectedTagUuid, toggleFitToScreen, getFloors, getLabels, renderMeetingSidebar, createMeetingTemplate, joinMeetingTemplate, meet, dispatchSpaceEvent, subscribeSpaceEvent, unsubscribeSpaceEvent, registerCustomSpaceEvent, initSocketIo, socketEmit, getParticipants, followParticipant, unFollowParticipant, enableHUD, disableHUD, getMediaScreenHUDs, canSetHud, saveMediaScreenHud, removeMediaScreenHud, enableFitScreen, disableFitScreen, initToolbarUI, themeManager, convertToEuler, disableSweeps, enableSweep, disableSweep, tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, setSpacePartitionNodes, getSpaceId, getCurrentPolygon };
+export { _atwin, _config, _mpConfig, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _tags, _tagCategories, _tagMessageRecepients, _space, _spaceId, _api, _pointerCoord, _3DXObjects, _meetingParticipants, _generatedObjectIds, tagColors, domMousePosition, isFitScreenOccupied, isCdnMapDataAvailable, minimap, _modelDetails, _onMouseClickInstance, transformHistory, _partitionNodes, initAtwinApi, getAtwinSdk, connectSpace, disconnectSpace, clearActionHistory, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, getAllSweeps, getCurrentCameraPose, getCurrentCameraZoom, getCameraPosition, getCurrentFloor, moveInDirection, cameraLookAt, cameraPan, cameraRotate, cameraSetRotation, getViewMode, setViewMode, captureSpaceScreenshot, captureScreenshotAndCameraDetails, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates, addTextMarkupScreen, setTextMarkupScreenContent, goTo3dx, goToModel, hasTimeElapsed, getSelectedObject, renderAvatar, setSpaceAvatar, get3DXObjects, setLibrary, getLibrary, disposeModel, renderInSpaceMediaScreen, goToPosition, goToParticipant, getNearestSweepFromObject, cancelModelPlacement, renderViewpointMarker, toggleViewpointVisibility, convertDegRotationToEuler, pauseVideo, playVideo, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, getMapConfig, addTag, getTags, gotoTag, renderTag, disposeTag, disposeTags, getMpTags, getMpTag, showTags, attachTagMedia, detachTagMedia, moveTag, editTagLabel, editTagDescription, editTagStem, editTagIcon, editTagColor, saveTag, rotateCameraToObject, setModelVisibility, tagStateSubscriber, setTagIcon, setTagCategories, setUserAssignedCategories, getUserAssignedCategories, setTagMessageRecepients, getTagMessageRecepients, setTagMessages, getTagMessages, setSelectedTagUuid, getSelectedTagUuid, toggleFitToScreen, getFloors, getLabels, renderMeetingSidebar, createMeetingTemplate, joinMeetingTemplate, meet, dispatchSpaceEvent, subscribeSpaceEvent, unsubscribeSpaceEvent, registerCustomSpaceEvent, initSocketIo, socketEmit, getParticipants, followParticipant, unFollowParticipant, enableHUD, disableHUD, getMediaScreenHUDs, canSetHud, saveMediaScreenHud, removeMediaScreenHud, enableFitScreen, disableFitScreen, initToolbarUI, themeManager, convertToEuler, disableSweeps, enableSweep, disableSweep, tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, setSpacePartitionNodes, getSpaceId, getCurrentPolygon };

package/lib/architwin.js

@@ -11,7 +11,7 @@ import axios from "axios";
 import { planeType, planeFactory, 
 // planeType2,
 planeImageFactory, planeVideoFactory, planePdfFactory, setHudState, gltfType, gltfFactory, boxType, boxFactory, textType, textFactory, css3DType, css3DFactory, planeTypeImage, planeTypeVideo, planeTypePdf, sweepPuckType, puckBackgroundFactory, viewpointType, viewpointFactory, tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry } from "./loaders";
-import { meterToMillimeter, generateUUID, formatMatterportUrl, initBundleVersion, isEqual } from "./utils";
+import { meterToMillimeter, generateUUID, formatMatterportUrl, initBundleVersion, isEqual, replaceWordInString } from "./utils";
 import { initToolbarUI, themeManager, toggleActionBarButtons, setActiveActionBtn } from "./atwinui";
 import { SPACE_EVENTS, } from "./types";
 import * as JSZip from "jszip";
@@ -202,11 +202,12 @@ let _visualize = true, _editPolygonMode = false, _drawPolygonMode = false, _tube
 // _thisVertexComponent:MpSdk.Scene.IComponent, // Current Vertex Component
 // _thisVerticeNode:MpSdk.Scene.INode, // Current VerticeNode
 // _thisVertexPath = new Array()
-let visualize = true, _activeVertex, editMode = false, drawMode = false, _thisVertexNode, _thisVertexComponent, _thisVerticesNode, _thisVertexPath = new Array(), _currentPolygon, _polygonShapePath, _verticeComponentsCollection = [], _highestYaxisPoint, _polygonFloorOffset = 0.1, _autoLevelFloorEnabled = true, _floorBaseHeight;
+let visualize = true, _activeVertex, editMode = false, drawMode = false, _thisVertexNode, _thisVertexComponent, _thisVerticesNode, _thisVertexPath = new Array(), _currentPolygon, _polygonShapePath, _verticeComponentsCollection = [], _vertexConnectiveComponentCollection = [], _vertexConnectiveNodeCollection = [], _highestYaxisPoint, _polygonFloorOffset = 0.1, _autoLevelFloorEnabled = true, _floorBaseHeight, _offsetedBaseHeight = _floorBaseHeight ? _floorBaseHeight + _polygonFloorOffset : undefined;
 let _intersectionData, _tubes, _verticeEmitPath, _verticeEditEmitPath;
 let _navigationInputNode;
 let _navigationComponent;
 let _isNavigationComponentCreated = false;
+let _isVerticeClickSpyCreated = false;
 //Pathfinding TubeLine
 let _currentPathfindingTubeline;
 let _tubeLinePath;
@@ -5216,8 +5217,6 @@ function renderPolygon(payload, updatePolygon = false) {
                 setPolygonPath(_3DXObjects[index].object.id, payload);
             }
         }
-        if (updatePolygon) {
-        }
     }
     else {
         polyNode = _sceneObject.addNode();
@@ -5313,6 +5312,7 @@ function addVerticeControls(component, index) {
             // Trigger onInputsUpdated
             _activeVertex.inputs.active = false;
             if (_currentPolygon) {
+                //setSelectedObject(_currentPolygon.object,_currentPolygon.node,_currentPolygon.component, 'POLYGON')
                 setPolygonPath(_currentPolygon.object.id, _thisVertexPath);
             }
             //@ts-expect-error
@@ -5351,12 +5351,74 @@ function createVerticeControls(component, isDeleting = false) {
     }
     verticeNode.start();
 }
+/**
+ * Creates the individual vertex nodes and components and attached vertice controls
+ * @param {Vector3} position - Coordinates
+ */
+function createVertexPoints(position, redrawing = false) {
+    log.info("createVertexPoints()");
+    if (!position) {
+        log.error("Position is undefined");
+        return;
+    }
+    // If no node is active
+    if (_thisVertexNode === undefined) {
+        log.info("_thisVertexNode is undefined. Adding vertex...");
+        let start = Object.assign({}, position);
+        log.info("_floorBaseHeight", _floorBaseHeight);
+        if (_floorBaseHeight !== undefined) {
+            log.info("Using _floorBaseHeight");
+            start.y = _floorBaseHeight;
+        }
+        if (redrawing == false) {
+            start.y += _polygonFloorOffset;
+        }
+        // Generate Tag ID from position
+        const r = (x) => Math.round(x * 100) / 100;
+        let thisName = "x" + r(start.x) + "y" + r(start.y) + "z" + r(start.z);
+        if (redrawing) {
+            thisName = `${thisName}-${uid.rnd()}`;
+        }
+        //@ts-expect-error
+        [_thisVertexNode, _thisVertexComponent] = addVertex(thisName, [start]);
+        _thisVertexPath.push(start);
+        log.info("_thisVertexPath ", _thisVertexPath);
+        if (visualize) {
+            _activeVertex.inputs.collider = false;
+        }
+        //Add to the array so we can re enable the vertex controls of the polygon later
+        _vertexConnectiveComponentCollection.push(_thisVertexComponent);
+        _vertexConnectiveNodeCollection.push(_thisVertexNode);
+        log.info("_thisVertexNode ", _thisVertexNode);
+        createVerticeControls(_thisVertexComponent);
+    }
+    else {
+        log.info("_thisVertexNode is defined");
+        log.info("before position ", position);
+        log.info("before _floorBaseHeight ", _floorBaseHeight);
+        let point = Object.assign({}, position);
+        // _intersectionData.position.y += (_highestYaxisPoint + _polygonFloorOffset)
+        if (_floorBaseHeight !== undefined) {
+            point = {
+                x: position.x,
+                y: _floorBaseHeight,
+                z: position.z
+            };
+        }
+        //point.y += _polygonFloorOffset
+        log.info("after position ", point);
+        _thisVertexPath.push(Object.assign({}, point));
+        _thisVertexComponent.inputs.path = [..._thisVertexPath];
+        // Show Vertices
+        createVerticeControls(_thisVertexComponent);
+    }
+}
 function createVerticeClickSpy() {
-    // createVerticeClickPath()
-    // if (!_verticeEmitPath) {
-    //   log.error("_verticeEmitPath is undefined")
-    //   return
-    // }
+    log.info("createVerticeClickSpy()");
+    if (_isVerticeClickSpyCreated) {
+        log.info("Vertice click spy has already been created");
+        return;
+    }
     const click_path = _sceneObject.addPath({
         id: "clicklistener",
         type: _atwin.Scene.PathType.EMIT,
@@ -5372,65 +5434,46 @@ function createVerticeClickSpy() {
             log.info("isCtrlPressed ", isCtrlPressed);
             if (isCtrlPressed) {
                 if (_drawPolygonMode) {
+                    createVertexPoints(_intersectionData.position);
                     // If no node is active
-                    if (_thisVertexNode === undefined) {
-                        let start = Object.assign({}, _intersectionData.position);
-                        log.info("_floorBaseHeight", _floorBaseHeight);
-                        if (_floorBaseHeight !== undefined) {
-                            log.info("Using _floorBaseHeight");
-                            start.y = _floorBaseHeight;
-                        }
-                        start.y += _polygonFloorOffset;
-                        // if (!_highestYaxisPoint) {
-                        //   _highestYaxisPoint = _intersectionData.position.y
-                        // }
-                        // if (start.y > _highestYaxisPoint) {
-                        //   _highestYaxisPoint = _intersectionData.position.y
-                        // }
-                        // if (_floorBaseHeight !== undefined && _floorBaseHeight > _highestYaxisPoint) {
-                        //   _highestYaxisPoint = _floorBaseHeight
-                        // }
-                        // start.y += (_highestYaxisPoint + _polygonFloorOffset)
-                        // Generate Tag ID from position
-                        const r = (x) => Math.round(x * 100) / 100;
-                        let thisName = "x" + r(start.x) + "y" + r(start.y) + "z" + r(start.z);
-                        //@ts-expect-error
-                        [_thisVertexNode, _thisVertexComponent] = addVertex(thisName, [start]);
-                        _thisVertexPath.push(start);
-                        log.info("_thisVertexPath ", _thisVertexPath);
-                        if (visualize) {
-                            _activeVertex.inputs.collider = false;
-                        }
-                        createVerticeControls(_thisVertexComponent);
-                    }
-                    else {
-                        log.info("before _intersectionData.position ", _intersectionData.position);
-                        log.info("before _floorBaseHeight ", _floorBaseHeight);
-                        let point = Object.assign({}, _intersectionData.position);
-                        // if (!_highestYaxisPoint) {
-                        //   _highestYaxisPoint = _intersectionData.position.y
-                        // }
-                        // if (_intersectionData.position.y > _highestYaxisPoint) {
-                        //   _highestYaxisPoint = _intersectionData.position.y
-                        // }
-                        // if (_floorBaseHeight !== undefined && _floorBaseHeight > _highestYaxisPoint) {
-                        //   _highestYaxisPoint = _floorBaseHeight
-                        // }
-                        // _intersectionData.position.y += (_highestYaxisPoint + _polygonFloorOffset)
-                        if (_floorBaseHeight !== undefined) {
-                            point = {
-                                x: _intersectionData.position.x,
-                                y: _floorBaseHeight,
-                                z: _intersectionData.position.z
-                            };
-                        }
-                        //point.y += _polygonFloorOffset
-                        log.info("after _intersectionData.position ", point);
-                        _thisVertexPath.push(Object.assign({}, point));
-                        _thisVertexComponent.inputs.path = [..._thisVertexPath];
-                        // Show Vertices
-                        createVerticeControls(_thisVertexComponent);
-                    }
+                    // if (_thisVertexNode === undefined) {
+                    //   let start = { ..._intersectionData.position };
+                    //   log.info("_floorBaseHeight", _floorBaseHeight)
+                    //   if (_floorBaseHeight !== undefined) {
+                    //     log.info("Using _floorBaseHeight")
+                    //     start.y = _floorBaseHeight
+                    //   }
+                    //   start.y += _polygonFloorOffset
+                    //   // Generate Tag ID from position
+                    //   const r = (x) => Math.round(x * 100) / 100;
+                    //   let thisName = "x" + r(start.x) + "y" + r(start.y) + "z" + r(start.z);
+                    //   //@ts-expect-error
+                    //   [_thisVertexNode, _thisVertexComponent] = addVertex(thisName, [start]);
+                    //   _thisVertexPath.push(start);
+                    //   log.info("_thisVertexPath ", _thisVertexPath)
+                    //   if (visualize) {
+                    //     _activeVertex.inputs.collider = false;
+                    //   }
+                    //   createVerticeControls(_thisVertexComponent);
+                    // } else {
+                    //   log.info("before _intersectionData.position ",_intersectionData.position)
+                    //   log.info("before _floorBaseHeight ",_floorBaseHeight)
+                    //   let point = {..._intersectionData.position}
+                    //   // _intersectionData.position.y += (_highestYaxisPoint + _polygonFloorOffset)
+                    //   if (_floorBaseHeight !== undefined) {
+                    //     point = {
+                    //       x: _intersectionData.position.x,
+                    //       y: _floorBaseHeight,
+                    //       z: _intersectionData.position.z
+                    //     }
+                    //   }
+                    //   //point.y += _polygonFloorOffset
+                    //   log.info("after _intersectionData.position ",point)
+                    //   _thisVertexPath.push({ ...point });
+                    //   _thisVertexComponent.inputs.path = [..._thisVertexPath];
+                    //   // Show Vertices
+                    //   createVerticeControls(_thisVertexComponent);
+                    // }
                     dispatchSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, {
                         position: _intersectionData.position,
                         path: _thisVertexPath
@@ -5439,8 +5482,8 @@ function createVerticeClickSpy() {
             }
         },
     };
-    //_sceneObject.spyOnEvent(new VerticeClickSpy(_verticeEmitPath,dispatchSpaceEvent))
     _sceneObject.spyOnEvent(click_spy);
+    _isVerticeClickSpyCreated = true;
 }
 /**
  * Removes a vertex sphere from the space. If no argument is passed it will remove the last vertex that has been added
@@ -5497,9 +5540,34 @@ function enableVerticeControls(component) {
         log.error("Path of component is empty or undefined");
         return;
     }
-    createVerticeControls(component);
+    startDraw();
+    //@ts-expect-error
+    const currenPath = [...component.inputs.path];
+    const last = currenPath.pop();
+    log.info("currenPath ", currenPath);
+    ////@ts-expect-error
+    _thisVertexPath = [...currenPath];
+    const first = _thisVertexPath[0];
+    const r = (x) => Math.round(x * 100) / 100;
+    let name = "x" + r(first.x) + "y" + r(first.y) + "z" + r(first.z);
+    name = `${name}-${uid.rnd()}`;
+    //@ts-expect-error
+    [_thisVertexNode, _thisVertexComponent] = addVertex(name, _thisVertexPath);
+    log.info("_thisVertexPath ", _thisVertexPath);
+    if (visualize) {
+        _activeVertex.inputs.collider = false;
+    }
+    _thisVertexPath.push(Object.assign({}, last));
+    _thisVertexComponent.inputs.path = [..._thisVertexPath];
+    createVerticeControls(_thisVertexComponent);
 }
-function deletePolygonLine(component, endPoint) {
+/**
+ * Deletes the edge of a polygon.
+ * @param component - The component of the polygon instance
+ * @param endPoint - Endpoint of the edge to be deleted
+ * @returns
+ */
+function deleteEdge(component, endPoint) {
     log.info("deletePolygonLine()");
     if (!component) {
         log.error("Component is undefined");
@@ -5662,7 +5730,7 @@ function toggleMeshChildrenVisibility(component, name) {
 /**
  * Wrapper function around toggleMeshChildrenVisibility
  * @param {MpSdk.Scene.IComponent} component - Component of the model
- * @param {string | Array<string>} name - name of the model
+ * @param {string} name - name of the model
  */
 function toggleWallVisibility(component, name) {
     if (!component) {
@@ -5674,6 +5742,8 @@ function toggleWallVisibility(component, name) {
         return;
     }
     const state = toggleMeshChildrenVisibility(component, name);
+    const wallLabelName = replaceWordInString(name, 'wall', 'wallLabel');
+    toggleMeshChildrenVisibility(component, wallLabelName);
     return state;
 }
 /**
@@ -5753,12 +5823,14 @@ function setFloorBaseHeight(baseHeight) {
         return;
     }
     _floorBaseHeight = baseHeight;
+    _offsetedBaseHeight = _floorBaseHeight + _polygonFloorOffset;
 }
 /**
  * Clear the value of the base height for floors of polygons
  */
 function clearFloorBaseHeight() {
     _floorBaseHeight = undefined;
+    _offsetedBaseHeight = undefined;
 }
 //===================== END VERTEX DRAWING METHODS =========================//
 //===================== START KEYBINDINGS =========================//
@@ -5783,6 +5855,10 @@ function handleKeyUp(event) {
 }
 function setupKeybindingEventListeners(iframe) {
     log.info("setupKeybindingEventListeners()");
+    if (!_navigationInputNode || !_navigationComponent) {
+        log.info("Navigation node and component is undefined. Skipping key binding creation");
+        return;
+    }
     iframe.contentDocument.body.addEventListener('keydown', handleKeyDown);
     iframe.contentDocument.body.addEventListener('keyup', handleKeyUp);
     window.addEventListener('keydown', handleKeyDown);
@@ -6738,35 +6814,13 @@ class PolygonClickSpy {
                 _currentPolygon = {
                     node: this.node,
                     component: this.component,
-                    object: this.object_data
+                    object: this.object_data,
+                    type: 'POLYGON'
                 };
             }
         }
     }
 }
-class VerticeEditSpy {
-    constructor(path, callback) {
-        this.path = path;
-        this.callback = callback;
-    }
-    onEvent(data) {
-        log.info("VerticeEditSpy");
-        // if (data.collider !== null) {
-        //   const nodeIterator = _tubes.nodeIterator();
-        //   let nodes = nodeIterator.next();
-        //   while (!nodes.done) {
-        //     const componentIterator = nodes.value.componentIterator();
-        //     let component = componentIterator.next();
-        //     component.value.inputs.collider = data.collider;
-        //     nodes = nodeIterator.next();
-        //   }
-        // }
-        // // Trigger onInputsUpdated
-        // _activeVertex.inputs.active = false;
-        // _activeVertex.inputs.path[data.index] = data.position;
-        // _activeVertex.inputs.active = true;
-    }
-}
 export { _atwin, _config, _mpConfig, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _tags, _tagCategories, _tagMessageRecepients, _space, _spaceId, _api, _pointerCoord, _3DXObjects, _meetingParticipants, _generatedObjectIds, tagColors, domMousePosition, isFitScreenOccupied, isCdnMapDataAvailable, 
 //minimap
 minimap, _modelDetails, _onMouseClickInstance, transformHistory, 
@@ -6824,7 +6878,7 @@ initToolbarUI, themeManager,
 //utils
 convertToEuler, disableSweeps, enableSweep, disableSweep, 
 //Draw polygon
-tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, 
+tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, 
 // Space partition
 setSpacePartitionNodes, 
 // others

package/lib/atwinui/components/toolbar/i18n.js

@@ -117,6 +117,7 @@ i18n
                 "MarkBaseHeight": "Click to mark an area as your desired base height",
                 "Saving": "Saving",
                 "DeletePartition": "Delete Partition",
+                "ModifyPartition": "Modify Partition"
             }
         },
         ja: {
@@ -228,6 +229,7 @@ i18n
                 "NoPartitionDeleted": "削除できる区画がありません",
                 "Saving": "保存",
                 "DeletePartition": "パーティション削除",
+                "ModifyPartition": "パーティションの変更"
             }
         }
     },

package/lib/atwinui/components/toolbar/spacePartition/roomFormPane.d.ts

@@ -72,3 +72,5 @@ export declare function setCurrentPartitionData(): Promise<void>;
 export declare function getCurrentPartitionData(): PartitionNode;
 export declare function getNewlyAddedPartition(): Array<PartitionNode>;
 export declare function getDeletedSavedPartitionArray(): Array<PartitionNode>;
+export declare function getDrawingMode(): boolean;
+export declare function setDrawingMode(state: boolean): void;

package/lib/atwinui/components/toolbar/spacePartition/roomFormPane.js

@@ -15,6 +15,7 @@ import { generateUUID, extractUUID } from '../../../../utils';
 import { getCurrentEditRoomData } from './roomTreePane';
 import { toggleModal, setModalAction } from "../modal";
 import { Notyf } from 'notyf';
+import log from 'loglevel';
 let isDrawing = false;
 let roomFormMode = "ADD" /* FORM_MODE.ADD */;
 let isSaving = false;
@@ -69,6 +70,10 @@ export function renderRoomFormPane() {
                 ${i18n.t('DrawPartition')}
                 <span class="mdi mdi-cube-outline"></span>
             </div>
+            <div class="at_button at_draw_partition_btn at_w-full at_hidden" id="at-modify-partition-form-btn" data-cy="at-modify-partition-form-btn">
+                ${i18n.t('ModifyPartition')}
+                <span class="mdi mdi-cube-outline"></span>
+            </div>
             <div class="at_partition_list_container at_h-min-40" id="at-partition-list-container" data-cy="at-partition-list-container">
                 <div class="at_face_title" id="at-face-title" style="display: none;">
                     <span class="mdi mdi-chevron-left" id="at-back-partition"></span>
@@ -818,3 +823,13 @@ export function getNewlyAddedPartition() {
 export function getDeletedSavedPartitionArray() {
     return deletedSavedPartitionArray;
 }
+export function getDrawingMode() {
+    return isDrawing;
+}
+export function setDrawingMode(state) {
+    if (typeof state !== 'boolean') {
+        log.error("Invalid parameter value");
+        return;
+    }
+    isDrawing = state;
+}

package/lib/atwinui/components/toolbar/spacePartition/roomTreePane.d.ts

@@ -34,3 +34,4 @@ export declare function updateParentVisibility(isPartition: boolean, currentBtn:
  * @returns The current room node being edited.
  */
 export declare function getCurrentEditRoomData(): PartitionNode;
+export declare function getSelectedPartitionId(): String;

package/lib/atwinui/components/toolbar/spacePartition/roomTreePane.js

@@ -14,6 +14,7 @@ import { setPartitionFormMode } from "./roomFormPane";
 import { _3DXObjects } from "../../../../architwin";
 let roomDataArray = [];
 let currentEditRoomData = null;
+let currentSelectedPartitionId = null;
 /**
  * Renders and returns the HTML element for the room tree pane.
  * @returns {HTMLElement} The HTML element representing the room tree pane.
@@ -107,7 +108,7 @@ export function displayPartition(partition) {
     element.innerHTML = `
         <li class="at_room_tree_parent">
             <div class="at_flex at_space_between at_toggle">
-                <span class="toggle selectable" >▶ ${partition.name}</span> 
+                <span class="toggle selectable" id="at-room-${partition.uuid}">▶ ${partition.name}</span> 
                 <div>
                     <span id="at-room-edit-${partition.uuid}-btn" class="mdi mdi-pencil at_room_edit_btn" target-pane="at-room-form-pane"></span>
                     <span id="at-room-visibility-${partition.uuid}-btn" class="mdi mdi-eye at_room_visible_btn"></span>
@@ -137,7 +138,7 @@ export function displayPartitions(partitions, partitionId) {
             let partitionHTML = `
                 <li class="at_room_tree_child">
                     <div class="at_flex at_space_between at_toggle">
-                        <span class="toggle selectable">▶ ${i18n.t(`${partitionItem[0]}`)} ${partitionItem[1]}</span> 
+                        <span class="toggle selectable" id="at-partition-${partition.uuid}" parentId="at-partition-${partitionId}">▶ ${i18n.t(`${partitionItem[0]}`)} ${partitionItem[1]}</span> 
                         <div>
                             <span id="at-partition-visibility-${partition.uuid}-btn" class="mdi mdi-eye at_room_visible_btn"></span>
                         </div>
@@ -199,6 +200,13 @@ function toggleSelectedPartition() {
     try {
         document.querySelectorAll('.at_room_tree .toggle, .at_room_tree .selectable').forEach(function (item) {
             item.addEventListener('click', function (event) {
+                const targetElement = event.target;
+                const partitionId = extractUUID(targetElement.id);
+                setSelectedPartitionId(partitionId);
+                if (item.getAttribute('parentId')) {
+                    const parentnId = extractUUID(item.getAttribute('parentId'));
+                    setSelectedPartitionId(parentnId);
+                }
                 // Prevent event from propagating to parent elements
                 event.stopPropagation();
                 // Find the parent div of the clicked toggle
@@ -328,3 +336,9 @@ function setCurrentEditRoomData(id) {
 export function getCurrentEditRoomData() {
     return currentEditRoomData;
 }
+function setSelectedPartitionId(partitionId) {
+    currentSelectedPartitionId = partitionId;
+}
+export function getSelectedPartitionId() {
+    return currentSelectedPartitionId;
+}

package/lib/atwinui/events.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { actionBar, renderObjectCards, renderLibraryCards, renderTags, renderTagRow, getTagFormData, addClickEventToTagRow, setActiveCard, setActiveMenu, removeObjectCard, setTagCategoriesOption, toggleDropdown, tagFormMode, selectedTag, renderRecepientOptions, renderTagMessages, createTagMessage, setTagLink, setTagMessagingDetails, renderCategoryDropdownOptions, clearTagFormDropdown, clearActiveActionBtn, clearActiveCard, toggleActionBarButtons, selectedCategoryFilterId, selectedSubCategoryFilterId, filterTagList, toggleModal, setModalAction } from "./components/toolbar";
-import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, getPolygonFloorOffset, setPolygonFloorOffset, setFloorBaseHeight, } from "../architwin";
+import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, enableVerticeControls, cancelDraw, } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS } from "../types";
@@ -23,8 +23,8 @@ import { isValidUrl, debounce } from "../utils";
 import log from 'loglevel';
 import * as minimap from '../minimap';
 import { clearActiveThemeCard, getSelectedTheme } from "./components/toolbar/themePane";
-import { getCurrentEditRoomData, displayRoomTree, updateParentVisibility } from "./components/toolbar/spacePartition/roomTreePane";
-import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition } from "./components/toolbar/spacePartition/roomFormPane";
+import { getCurrentEditRoomData, displayRoomTree, updateParentVisibility, getSelectedPartitionId } from "./components/toolbar/spacePartition/roomTreePane";
+import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setDrawingMode, getDrawingMode } from "./components/toolbar/spacePartition/roomFormPane";
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
 let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
         {
@@ -248,13 +248,14 @@ function setupIndividualEventListeners() {
     handleSaveTheme();
     handlePartitionDisplay();
     handleDrawPartition();
-    handleSaveRoom();
-    handeDeleteRoom();
-    handleCancelRoom();
+    handleSavePartition();
+    handleDeletePartition();
+    handleCancelPartition();
     //handleToggleFloorLevelInput()
     handleFloorLevelInputChange();
     handleMarkFloor();
     handleSpacePartitionReport();
+    handleModifyPartition();
 }
 //================ OBJECT EVENT HANDLERS ===============//
 function handleTranslateObject() {
@@ -1085,6 +1086,7 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.TAGPLACER_CREATED, handleTagPlacerCreated);
     subscribeSpaceEvent(SPACE_EVENTS.PARTITION_UPDATED, handlePolygonData);
     subscribeSpaceEvent(SPACE_EVENTS.UPDATE_ROOM_TREE, handleUpdateRoomTree);
+    subscribeSpaceEvent(SPACE_EVENTS.PARTITION_CLICKED, handlePartitionSelected);
     // subscribeSpaceEvent(SPACE_EVENTS.PARTITION_RENDERED, handlePolygonObjectData)
 }
 function handlePolygonData(payload) {
@@ -1370,9 +1372,7 @@ function handleDrawPartition() {
     });
 }
 function handleSavePartition() {
-}
-function handleSaveRoom() {
-    log.info("__@ handleSaveRoom()");
+    log.info("__@ handleSavePartition()");
     const saveRoomBtn = document.getElementById('at-save-room-btn');
     saveRoomBtn.addEventListener('click', () => {
         document.getElementById('at-save-room-btn').innerHTML = `
@@ -1416,8 +1416,8 @@ function handleSaveRoom() {
         notyf.success(`${i18n.t('SuccessRoomSaved')}`);
     });
 }
-function handeDeleteRoom() {
-    log.info("handeDeleteRoom()");
+function handleDeletePartition() {
+    log.info("handleDeletePartition()");
     const deleteRoomBtn = document.getElementById('at-delete-room-btn');
     deleteRoomBtn.addEventListener('click', () => {
         const currentEditRoomData = getCurrentEditRoomData();
@@ -1447,7 +1447,7 @@ function handeDeleteRoom() {
         }
     });
 }
-function handleCancelRoom() {
+function handleCancelPartition() {
     const cancelRoomBtn = document.getElementById('at-cancel-room-form-btn');
     cancelRoomBtn.addEventListener('click', () => {
         getNewlyAddedPartition().map(partition => {
@@ -1503,8 +1503,13 @@ function handleSpacePartitionReport() {
                 if (_partitionNodes.length > 0) {
                     // Should route to report page
                     const spaceId = getSpaceId(window.location.href);
-                    log.info("__@ Report spaceId: ", spaceId);
-                    dispatchSpaceEvent(SPACE_EVENTS.DISPLAY_SPACE_PARTITION_REPORT, spaceId);
+                    const partitionId = getSelectedPartitionId();
+                    const paylaod = {
+                        spaceId: spaceId,
+                        partitionId: partitionId
+                    };
+                    log.info("__@ Report payload", paylaod);
+                    dispatchSpaceEvent(SPACE_EVENTS.DISPLAY_SPACE_PARTITION_REPORT, paylaod);
                 }
                 else {
                     // Nothing to display
@@ -1517,41 +1522,12 @@ function handleSpacePartitionReport() {
         log.error("Error report: ", error);
     }
 }
-/**
- * Toggles the enabled state of the floor level input based on the checkbox state.
- */
-function handleToggleFloorLevelInput() {
-    const checkbox = document.getElementById('at-floor-offset-checkbox');
-    const floorLevelInput = document.getElementById('at-room-floor-level-input');
-    floorLevelInput.disabled = !checkbox.checked;
-    checkbox.addEventListener('change', (e) => {
-        const floorLevelInput = document.getElementById('at-room-floor-level-input');
-        const isChecked = e.target.checked; // Get the checked state
-        log.info("Checkbox checked state:", isChecked);
-        floorLevelInput.disabled = !isChecked;
-        if (isChecked == false) {
-            floorLevelInput.classList.add('at_disabled');
-            floorLevelInput.value = '0';
-            setPolygonFloorOffset(0);
-        }
-        else {
-            floorLevelInput.value = getPolygonFloorOffset().toString();
-            floorLevelInput.classList.remove('at_disabled');
-        }
-    });
-}
 function handleFloorLevelInputChange() {
     const floorLevelInput = document.getElementById('at-room-floor-level-input');
     // Function to handle input change
     const handleInputChange = debounce(() => {
         const newFloorLevel = Number.parseFloat(floorLevelInput.value);
         if (!isNaN(newFloorLevel)) {
-            // if (newOffset > 2) {
-            //     notyf.open({
-            //         type: 'info',
-            //         message: 'Your offset value is very high. Consider lowering it'
-            //     })
-            // }
             setFloorBaseHeight(newFloorLevel);
             notyf.success("Updated floor offset");
         }
@@ -1580,6 +1556,69 @@ function handleMarkFloor() {
         }));
     }
 }
+function handleModifyPartition() {
+    const modifyBtn = document.getElementById('at-modify-partition-form-btn');
+    if (!modifyBtn) {
+        log.error("Modify partition button element is undefined");
+        return;
+    }
+    modifyBtn.addEventListener('click', () => {
+        const modifyPartitionBtn = document.getElementById('at-modify-partition-form-btn');
+        let selectedPartition = getSelectedObject();
+        const isDrawingEnabled = getDrawingMode();
+        if (isDrawingEnabled) {
+            modifyPartitionBtn.classList.add('at_draw_partition_btn');
+            modifyPartitionBtn.classList.remove('at_draw_partition_btn_active');
+            modifyPartitionBtn.innerHTML = `
+                ${i18n.t('ModifyPartition')}
+                <span class="mdi mdi-check-bold"></span>
+            `;
+            const drawBtn = document.getElementById('at-draw-partition-form-btn');
+            const modifyBtn = document.getElementById('at-modify-partition-form-btn');
+            drawBtn.classList.remove('at_hidden');
+            modifyBtn.classList.add('at_hidden');
+            setDrawingMode(false);
+            cancelDraw();
+        }
+        else {
+            modifyPartitionBtn.classList.remove('at_draw_partition_btn');
+            modifyPartitionBtn.classList.add('at_draw_partition_btn_active');
+            modifyPartitionBtn.innerHTML = `
+                ${i18n.t('DoneDrawing')}
+                <span class="mdi mdi-check-bold"></span>
+            `;
+            if (!selectedPartition) {
+                log.error("No partition selected");
+                notyf.error("No partition selected to modify");
+                return;
+            }
+            if (selectedPartition.type !== 'POLYGON') {
+                log.error("Vertice editing can only be enabled for partitions");
+                notyf.error("Vertice editing can only be enabled for partitions");
+                return;
+            }
+            setDrawingMode(true);
+            enableVerticeControls(selectedPartition.component);
+        }
+    });
+}
+function handlePartitionSelected(object) {
+    log.info("handlePartitionSelected() ", object);
+    if (object) {
+        const drawBtn = document.getElementById('at-draw-partition-form-btn');
+        const modifyBtn = document.getElementById('at-modify-partition-form-btn');
+        if (!drawBtn) {
+            log.error("Draw partition button element is undefined");
+            return;
+        }
+        if (!modifyBtn) {
+            log.error("Modify partition button element is undefined");
+            return;
+        }
+        drawBtn.classList.add('at_hidden');
+        modifyBtn.classList.remove('at_hidden');
+    }
+}
 export { 
 //state
 activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, 

package/lib/loaders/polydrawerLoader.js

@@ -510,6 +510,7 @@ export class BufferGeometry {
                 opacity: this.inputs.floorOpacity,
                 transparent: true
             }));
+            floorMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}-floor` : 'floor';
             this.groupedMesh.add(floorMesh);
             const floorArea = getPolygonArea(this.inputs.path);
             let [floors, walls] = this.renderWalls(WALL_HEIGHT);
@@ -616,6 +617,7 @@ export class BufferGeometry {
             const outlineMaterial = new THREE.LineBasicMaterial({ color: 0x00ff00, linewidth: 3 });
             const outlineMesh = new THREE.LineSegments(outlineGeometry, outlineMaterial);
             wallMesh.add(outlineMesh);
+            wallMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}_wall-${i}` : `wall-${i}`;
             const wallLength = new THREE.Vector3(endPoint.x - startPoint.x, endPoint.y - startPoint.y, endPoint.z - startPoint.z).length();
             const wallArea = wallLength * WALL_HEIGHT;
             // Create wall label
@@ -641,6 +643,7 @@ export class BufferGeometry {
             const wallLabelMesh = new THREE.Mesh(wallLabelGeometry, wallLabelMaterial);
             wallLabelMesh.position.set((startPoint.x + endPoint.x) / 2, midPoint.y + WALL_HEIGHT / 2, (startPoint.z + endPoint.z) / 2);
             wallLabelMesh.rotation.y = angle;
+            wallLabelMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}_wallLabel-${i}` : `wallLabel-${i}`;
             //wallLabelMesh.rotation.x = -Math.PI / 8;
             // Floor edge label
             const floorLabelGeometry = new THREE.PlaneGeometry(WALL_HEIGHT, WALL_HEIGHT / 4);

package/lib/types.d.ts

@@ -993,9 +993,11 @@ export interface FloorPolyData {
 export interface WallPolyData {
     uuid?: string | undefined;
     name?: string | undefined;
+    index?: number | undefined;
     options?: {
-        color: number | undefined;
-        opacity: number | undefined;
+        color?: number | undefined;
+        opacity?: number | undefined;
+        visible?: boolean | undefined;
     };
     area: number;
     wall_height: number;

package/lib/utils.d.ts

@@ -61,3 +61,12 @@ export declare function debounce(func: Function, delay: number): (...args: any[]
  * @returns boolean indicating if the values are equivalent
  */
 export declare function isEqual(value: any, other: any): boolean;
+/**
+ * Replaces a specific word in a string with another word, preserving the string structure
+ * Case insensitive version
+ * @param originalString The original string to modify
+ * @param targetWord The word to find and replace
+ * @param replacementWord The word to replace the target with
+ * @returns The modified string with the replacement word
+ */
+export declare function replaceWordInString(originalString: string, targetWord: string, replacementWord: string, caseInsensitive?: boolean): string;

package/lib/utils.js

@@ -302,3 +302,19 @@ export function isEqual(value, other) {
     }
     return false;
 }
+/**
+ * Replaces a specific word in a string with another word, preserving the string structure
+ * Case insensitive version
+ * @param originalString The original string to modify
+ * @param targetWord The word to find and replace
+ * @param replacementWord The word to replace the target with
+ * @returns The modified string with the replacement word
+ */
+export function replaceWordInString(originalString, targetWord, replacementWord, caseInsensitive = true) {
+    if (!originalString || !targetWord || !replacementWord) {
+        return originalString;
+    }
+    const caseMode = caseInsensitive ? 'gi' : 'g';
+    const pattern = new RegExp(`\\b${targetWord}\\b`, caseMode);
+    return originalString.replace(pattern, replacementWord);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",

package/static/utility.css

@@ -203,6 +203,10 @@ width: 100vw;
     opacity: 0.6;
   }
 
+  .at_hidden {
+    display: none;
+  }
+
   .at_bolder {
     font-weight: bolder;
   }