architwin 1.9.2 → 1.9.4

package/lib/architwin.d.ts

@@ -452,12 +452,24 @@ declare function startDraw(): void;
 declare function exitDraw(): void;
 declare function cancelDraw(): void;
 declare function getCurrentPolygon(): IObjectData;
+/**
+ * Toggles the visibility of the children of a mesh
+ * @param {MpSdk.Scene.IComponent} component - Component of the model
+ * @param {string} name - name of the model
+ */
+declare function toggleMeshChildrenVisibility(component: MpSdk.Scene.IComponent, name: string): boolean;
 /**
  * Wrapper function around toggleMeshChildrenVisibility
  * @param {MpSdk.Scene.IComponent} component - Component of the model
  * @param {string} name - name of the model
  */
 declare function toggleWallVisibility(component: MpSdk.Scene.IComponent, name: string): boolean;
+/**
+ * Wrapper function around toggleMeshChildrenVisibility
+ * @param {MpSdk.Scene.IComponent} component - Component of the model
+ * @param {string} name - name of the model
+ */
+declare function toggleFloorVisibility(component: MpSdk.Scene.IComponent, name: string): boolean;
 /**
  * Returns the children of a model's component
  * @param component
@@ -633,4 +645,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, enableVerticeControls, deleteEdge, 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, toggleMeshChildrenVisibility, toggleFloorVisibility, 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, replaceWordInString } from "./utils";
+import { meterToMillimeter, generateUUID, formatMatterportUrl, initBundleVersion, isEqual } from "./utils";
 import { initToolbarUI, themeManager, toggleActionBarButtons, setActiveActionBtn } from "./atwinui";
 import { SPACE_EVENTS, } from "./types";
 import * as JSZip from "jszip";
@@ -202,7 +202,7 @@ 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;
@@ -2844,13 +2844,13 @@ function addImageToSlideShow(data, component, objectID) {
 }
 function getMousePosition() {
     return __awaiter(this, void 0, void 0, function* () {
-        let planePosition;
-        const pointer = _atwin.Pointer.intersection.subscribe(function (intersection) {
-            planePosition = intersection.position;
-            // log.info("This is intersection mouse position", planePosition);
+        return new Promise((resolve) => {
+            const pointer = _atwin.Pointer.intersection.subscribe(function (intersection) {
+                // log.info("This is intersection mouse position", intersection.position);
+                pointer.cancel();
+                resolve(intersection.position);
+            });
         });
-        pointer.cancel();
-        return planePosition;
     });
 }
 function getDomMousePosition(event) {
@@ -5222,7 +5222,10 @@ function renderPolygon(payload, updatePolygon = false) {
         polyNode = _sceneObject.addNode();
         polyComponent = polyNode.addComponent(bufferGeometryType, {
             path: payload.polygon_json.path,
-            uuid: payload.uuid
+            uuid: payload.uuid,
+            wallData: payload.polygon_json.walls,
+            floorData: payload.polygon_json.floor,
+            visible: payload.polygon_json.options ? payload.polygon_json.options.is_visible : true
         });
         polyNode.start();
         polyObj.uuid = payload.uuid;
@@ -5312,6 +5315,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
@@ -5350,6 +5354,68 @@ 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() {
     log.info("createVerticeClickSpy()");
     if (_isVerticeClickSpyCreated) {
@@ -5371,65 +5437,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
@@ -5496,7 +5543,26 @@ 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);
 }
 /**
  * Deletes the edge of a polygon.
@@ -5679,10 +5745,46 @@ function toggleWallVisibility(component, name) {
         return;
     }
     const state = toggleMeshChildrenVisibility(component, name);
-    const wallLabelName = replaceWordInString(name, 'wall', 'wallLabel');
+    // const wallLabelName = replaceWordInString(name,'wall','wallLabel')
+    const wallLabelName = name.replace("wall", "wallLabel");
     toggleMeshChildrenVisibility(component, wallLabelName);
     return state;
 }
+/**
+ * Wrapper function around toggleMeshChildrenVisibility
+ * @param {MpSdk.Scene.IComponent} component - Component of the model
+ * @param {string} name - name of the model
+ */
+function toggleFloorVisibility(component, name) {
+    if (!component) {
+        log.error("Component is undefined");
+        return;
+    }
+    if (!name) {
+        log.error("name is undefined");
+        return;
+    }
+    const state = toggleMeshChildrenVisibility(component, name);
+    //@ts-expect-error
+    const edgeCount = component.inputs.path.length;
+    if (edgeCount !== undefined) {
+        let edgeLabelNames = [];
+        const parts = name.split('_');
+        if (parts.length > 1) {
+            const uuid = parts[0];
+            for (let index = 0; index < edgeCount; index++) {
+                toggleMeshChildrenVisibility(component, `${uuid}_edgeLabel-${index}`);
+            }
+        }
+        else {
+            for (let index = 0; index < edgeCount; index++) {
+                edgeLabelNames.push(`edgeLabel-${index}`);
+                toggleMeshChildrenVisibility(component, `edgeLabel-${index}`);
+            }
+        }
+    }
+    return state;
+}
 /**
  * Returns the children of a model's component
  * @param component
@@ -5760,12 +5862,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 =========================//
@@ -6749,35 +6853,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, 
@@ -6835,7 +6917,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, enableVerticeControls, deleteEdge, 
+tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, toggleMeshChildrenVisibility, toggleFloorVisibility, 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>
@@ -388,7 +393,9 @@ function displayFaces(polygon) {
     const element = document.createElement('div');
     element.classList.add('at_face_vertex_item');
     // Display the floor details
-    element.appendChild(displayFloor(polygon.floor));
+    if (polygon.floor) {
+        element.appendChild(displayFloor(polygon.floor));
+    }
     // Display each wall's details
     polygon.walls.forEach((wall) => {
         element.appendChild(displayWalls(wall));
@@ -741,16 +748,9 @@ export function setPolygonData(payload) {
     }
     // Iterate over walls to set UUID and names
     if (payload.walls && payload.walls.length > 0) {
-        payload.walls = payload.walls.map((wall, index) => {
-            var _a, _b, _c, _d;
-            return (Object.assign(Object.assign({}, roundToTwoDecimals(wall)), { name: `_wall-${index + 1}`, uuid: wall.uuid || generateUUID(), options: {
-                    color: (_b = (_a = wall.options) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : 0xffffff,
-                    opacity: (_d = (_c = wall.options) === null || _c === void 0 ? void 0 : _c.opacity) !== null && _d !== void 0 ? _d : 1.0
-                } }));
-        });
+        payload.walls = payload.walls.map((wall, index) => (Object.assign(Object.assign({}, roundToTwoDecimals(wall)), { name: `_wall-${index + 1}`, uuid: wall.uuid || generateUUID() })));
     }
     currentPolygonData = payload;
-    setCurrentPartitionData();
 }
 /**
  * Sets the partition data, including updating the floor level and generating a new
@@ -766,8 +766,13 @@ export function setCurrentPartitionData() {
         let currentPolygon = null;
         yield new Promise(resolve => {
             const interval = setInterval(() => {
+                var _a, _b;
                 currentPolygon = getCurrentPolygon();
-                if (currentPolygon.object.object_data.uuid != undefined) {
+                if (((_b = (_a = currentPolygon === null || currentPolygon === void 0 ? void 0 : currentPolygon.object) === null || _a === void 0 ? void 0 : _a.object_data) === null || _b === void 0 ? void 0 : _b.uuid) !== undefined) {
+                    clearInterval(interval);
+                    resolve();
+                }
+                if (!(currentPolygon === null || currentPolygon === void 0 ? void 0 : currentPolygon.object)) {
                     clearInterval(interval);
                     resolve();
                 }
@@ -807,7 +812,7 @@ function updatePartitionDataArray(payload, currentPartitionDataArray) {
     newlyAddedPartition.push(payload);
     console.log("newlyAddedPartition", payload);
     currentPartitionData = payload;
-    dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, currentPartitionData);
+    dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, { data: currentPartitionData });
 }
 export function getCurrentPartitionData() {
     return currentPartitionData;
@@ -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

@@ -1,4 +1,4 @@
-import { PartitionNode } from "../../../../types";
+import { IObjectData, PartitionNode } from "../../../../types";
 /**
  * Renders and returns the HTML element for the room tree pane.
  * @returns {HTMLElement} The HTML element representing the room tree pane.
@@ -8,29 +8,63 @@ export declare function renderRoomTreePane(): HTMLElement;
  * Displays the UI for the Room tree structure.
  * @param partitions - Details of the partitions to construct the tree.
  */
-export declare function displayRoomTree(partitions: Array<PartitionNode>): void;
+export declare function displayRoomTree(partitions: Array<PartitionNode>, objectData?: Array<IObjectData>): void;
 /**
  * Creates and returns a DOM element representing a partition node in the room tree.
  * @param {PartitionNode} partition - The details of the room to be rendered.
  * @returns {HTMLElement}
  */
-export declare function displayPartition(partition: PartitionNode): HTMLUListElement;
+export declare function displayRoomPartition(partition: PartitionNode, objectData?: Array<IObjectData>): HTMLUListElement;
 /**
  * Displays the partitions for a specific room.
  * @param {PartitionNode} partitions - The details of the room partitions to be rendered.
  * @param partitionId - The identifier of the room to which the partitions belong.
  * @returns {HTMLElement}
  */
-export declare function displayPartitions(partitions: PartitionNode[], partitionId: string): void;
+export declare function displayChildPartitions(partitions: PartitionNode[], parentPartitionId: string, objectData?: Array<IObjectData>): void;
 /**s
  * Displays the items within a specific partition.
  * @param partitionItems - The details of the partition items to be rendered.
  * @returns {HTMLElement}
  */
-export declare function displayPartitionItems(partitionItems: any): string;
+export declare function displayPartitionItems(partitionItems: any, partitionId?: string, object?: any): string;
 export declare function updateParentVisibility(isPartition: boolean, currentBtn: HTMLElement): void;
+/**
+ * Retrieves the stored room data.
+ * @returns An array of room nodes.
+ */
+export declare function getRoomData(): PartitionNode[];
 /**
  * Retrieves the current room data being edited.
  * @returns The current room node being edited.
  */
 export declare function getCurrentEditRoomData(): PartitionNode;
+export declare function getSelectedPartitionId(): String;
+/**
+ * Updates the visibility of a partition and its children if it's a parent partition.
+ * @param isVisible - The visibility state to set (true/false).
+ * @param currPartition - The current partition node to update.
+ * @param isParentPartition - Indicates if the current partition is a parent (true) or a child (false).
+ */
+export declare function updatePartitionVisibilityUI(isVisible: boolean, currPartition: PartitionNode, isParentPartition: boolean, isUpdateAllChildren: boolean): Promise<void>;
+/**
+ * Updates the visibility of a specific polygon (floor or wall) within a partition.
+ * @param isVisible - The visibility state to set (true/false).
+ * @param currPartition - The current partition node containing the polygon data.
+ * @param isFloor - Indicates if the target is a floor (true) or a wall (false).
+ * @param polygonItemId - The ID of the specific polygon (floor or wall) to update.
+ */
+export declare function updatePolygonVisibilityData(isVisible: boolean, currPartition: PartitionNode, isFloor: boolean, polygonItemId: string): Promise<void>;
+/**
+ * Toggles the target element visibility state.
+ * @param element - Target HTML element.
+ * @param isVisible - Visibility state of the element.
+ */
+export declare function toggleVisibilityState(element: HTMLElement, isVisible: boolean): void;
+export declare function setFilteredDisplay(type: String): void;
+/**
+ * Toggles the visibility button state of the target room.
+ * @param parentId - ID of the room
+ * @param isVisible - Visibility value
+ */
+export declare function updateRoomVisibilityUI(parentId: string, isVisible: boolean): void;