architwin 1.8.7 → 1.8.8

package/lib/architwin.d.ts

@@ -111,6 +111,7 @@ declare function getCurrentCameraPose(): MpSdk.Camera.Pose;
 declare function getCurrentCameraZoom(): MpSdk.Camera.ZoomData;
 declare function getCameraPosition(): MpSdk.Vector3;
 declare function getCurrentSweepPosition(): MpSdk.Vector3;
+declare function getCurrentFloor(): MpSdk.Floor.FloorData;
 declare function getSweeps(): Promise<ISweep | null>;
 declare function getAllSweeps(): {
     id: string;
@@ -417,11 +418,13 @@ declare function getCurrentTubeLine(): IObjectData;
  * Renders a polygon from an array of coordinates
  * @param {Vector3} path - Array of coordinates
  * @returns {void}
+ * @deprecated - Use renderPolygon
  */
 declare function renderPolygonFromPath(path: Array<Vector3>): void;
 /**
  * Renders a polygon from an array of coordinates or an object containing an array of coordinates
  * @param {PartitionPayload|Array<Vector3>} payload
+ * @param {boolean} updatePolygon - Update an existing polygon instance. Defaults to false
  * @returns {void}
  */
 declare function renderPolygon(payload: PartitionPayload | Array<Vector3>, updatePolygon?: boolean): IShowcaseObject;
@@ -448,6 +451,32 @@ declare function toggleWallVisibility(component: MpSdk.Scene.IComponent, name: s
  * @returns
  */
 declare function getChildrenOfModel(component: MpSdk.Scene.IComponent): any;
+/**
+ * Toggle the visibility of the vertice rings. This requires the rings to be rendered in the space to work
+ * @param visibility - Default is false
+ */
+declare function toggleVerticeRingVisibility(visibility?: boolean): void;
+/**
+ * Sets the global offset value of the y axis of a rendered polygon.
+ * @param {number} offset
+ * @returns
+ */
+declare function setPolygonFloorOffset(offset: number): void;
+/**
+ * Returns the value of the global floor offset
+ * @returns
+ */
+declare function getPolygonFloorOffset(): number;
+/**
+ * Set the value of the base height or y-axis of the vertex of a polygon
+ * @param baseHeight
+ * @returns
+ */
+declare function setFloorBaseHeight(baseHeight: number): void;
+/**
+ * Clear the value of the base height for floors of polygons
+ */
+declare function clearFloorBaseHeight(): void;
 declare function setTagIcon(payload: {
     tag: MpSdk.Tag.TagData;
     iconName: string;
@@ -591,4 +620,4 @@ declare function unFollowParticipant(unFollowParticipant: any): void;
  * @param roomNodes Array of room nodes
  */
 declare function setSpaceRoomNodes(roomNodes: Array<RoomNode>): 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, _roomNodes, initAtwinApi, getAtwinSdk, connectSpace, disconnectSpace, clearActionHistory, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, getAllSweeps, getCurrentCameraPose, getCurrentCameraZoom, getCameraPosition, 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, setSpaceRoomNodes, 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, _roomNodes, 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, setSpaceRoomNodes, getSpaceId, getCurrentPolygon };

package/lib/architwin.js

@@ -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;
+let visualize = true, _activeVertex, editMode = false, drawMode = false, _thisVertexNode, _thisVertexComponent, _thisVerticesNode, _thisVertexPath = new Array(), _currentPolygon, _polygonShapePath, _verticeComponentsCollection = [], _highestYaxisPoint, _polygonFloorOffset = 0.15, _autoLevelFloorEnabled = true, _floorBaseHeight;
 let _intersectionData, _tubes, _verticeEmitPath, _verticeEditEmitPath;
 let _navigationInputNode;
 let _navigationComponent;
@@ -213,6 +213,8 @@ let _tubeLinePath;
 // let _iframeSrc = '/bundle/showcase.html?m=&applicationKey=a3ae8341bd8f44899eba16df86307d7d&newtags=1&play=1'
 // ROOM CREATION
 let _roomNodes = undefined;
+//Keybindings flags
+let isCtrlPressed = false, lastKeyPressed = null;
 // end here
 // =========================================== INITIALIZATION ===========================================
 /**
@@ -454,6 +456,7 @@ function loadDefaultMpSpace(url, config, showcase, callbacks = undefined) {
                         yield handleParamValuesInSpaceUrl(url);
                         createNavigationControlComponent();
                         createVerticeClickSpy();
+                        setupKeybindingEventListeners(showcase);
                         let pointerTexturePath = '';
                         if ('bundlePath' in config) {
                             pointerTexturePath = 'https://cdn.jsdelivr.net/npm/architwin@latest/static/objective.png';
@@ -633,6 +636,15 @@ function loadDefaultMpSpace(url, config, showcase, callbacks = undefined) {
                         }
                         _atwin.Mode.current.subscribe((mode) => {
                             _currentViewMode = mode;
+                            if (mode == 'mode.floorplan') {
+                                log.info("_verticeComponentsCollection ", _verticeComponentsCollection);
+                                toggleVerticeRingVisibility(true);
+                            }
+                            else {
+                                if (_verticeComponentsCollection && _verticeComponentsCollection.length > 0) {
+                                    toggleVerticeRingVisibility();
+                                }
+                            }
                         });
                         _atwin.Pointer.intersection.subscribe(function (intersection) {
                             // log.info('intersection', intersection)
@@ -1815,6 +1827,9 @@ function getCameraPosition() {
 function getCurrentSweepPosition() {
     return _currentSweep.position;
 }
+function getCurrentFloor() {
+    return _currentFloor;
+}
 // gets all Sweeps in loaded Space
 function getSweeps() {
     return __awaiter(this, void 0, void 0, function* () {
@@ -5073,6 +5088,7 @@ function getCurrentTubeLine() {
  * Renders a polygon from an array of coordinates
  * @param {Vector3} path - Array of coordinates
  * @returns {void}
+ * @deprecated - Use renderPolygon
  */
 function renderPolygonFromPath(path) {
     if (!path || path.length <= 0) {
@@ -5129,6 +5145,7 @@ function renderPolygonFromPath(path) {
 /**
  * Renders a polygon from an array of coordinates or an object containing an array of coordinates
  * @param {PartitionPayload|Array<Vector3>} payload
+ * @param {boolean} updatePolygon - Update an existing polygon instance. Defaults to false
  * @returns {void}
  */
 function renderPolygon(payload, updatePolygon = false) {
@@ -5162,6 +5179,7 @@ function renderPolygon(payload, updatePolygon = false) {
                 polyNode.start();
                 //Add an input path so that we can easily update the polygon component.
                 _sceneObject.addInputPath(polyComponent, 'path', `path_${showcaseObj.id}`);
+                _sceneObject.addInputPath(polyComponent, 'visible', `visible_${showcaseObj.id}`);
                 const newObj = {
                     object: showcaseObj,
                     node: polyNode,
@@ -5178,20 +5196,22 @@ function renderPolygon(payload, updatePolygon = false) {
                 log.error("Error renderPolygon ", error);
             }
         }
-        if (updatePolygon) {
+        else {
             const index = _3DXObjects.findIndex(item => item.object.id == _currentPolygon.object.id);
-            _currentPolygon.node = polyNode;
-            _currentPolygon.component = polyComponent;
+            // _currentPolygon.node = polyNode
+            // _currentPolygon.component = polyComponent
             _currentPolygon.object.object_data.uuid = generateUUID();
             _currentPolygon.object.object_data.json_data = {
                 vertexPath: payload
             };
             _3DXObjects[index] = _currentPolygon;
-            if (payload.length > 3) {
+            if (payload.length >= 3) {
                 console.log(" _3DXObjects[index] ", _3DXObjects[index]);
                 setPolygonPath(_3DXObjects[index].object.id, payload);
             }
         }
+        if (updatePolygon) {
+        }
     }
     else {
         polyNode = _sceneObject.addNode();
@@ -5260,6 +5280,7 @@ function addVerticeControls(component, index) {
         index,
         position: Object.assign({}, component.inputs.path[index]),
     });
+    _verticeComponentsCollection.push(verticeComponent);
     const editVertice = _sceneObject.addEmitPath(verticeComponent, "changed");
     _sceneObject.spyOnEvent({
         path: editVertice,
@@ -5288,7 +5309,7 @@ function addVerticeControls(component, index) {
         },
     });
 }
-function createVerticeControls(component) {
+function createVerticeControls(component, isDeleting = false) {
     if (!component) {
         log.error("component is undefined");
         return;
@@ -5303,6 +5324,19 @@ function createVerticeControls(component) {
     for (let i = 0; i <= sections; i++) {
         addVerticeControls(component, i);
     }
+    if (_currentPolygon) {
+        //@ts-expect-error
+        if (isDeleting && component.inputs.path.length <= 2) {
+            //@ts-expect-error
+            _currentPolygon.component.groupedMesh.visible = false;
+            //@ts-expect-error
+        }
+        else if (isDeleting == false && component.inputs.path.length > 2) {
+            log.info(" _currentPolygon.component ", _currentPolygon.component);
+            //@ts-expect-error
+            _currentPolygon.component.groupedMesh.visible = true;
+        }
+    }
     verticeNode.start();
 }
 function createVerticeClickSpy() {
@@ -5323,40 +5357,91 @@ function createVerticeClickSpy() {
         onEvent(event_data) {
             log.info("ClickSpy");
             // If user is in drawMode and has not yet clicked...
-            if (_drawPolygonMode) {
-                // If no node is active
-                if (_thisVertexNode === undefined) {
-                    let start = Object.assign({}, _intersectionData.position);
-                    start.y += 0.3;
-                    // 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);
-                    if (visualize) {
-                        // In visualize mode we don't want the tube blocking raycasting
-                        // as we're redrawing it whenever a user moves their cursor.
-                        _activeVertex.inputs.collider = false;
+            log.info("isCtrlPressed ", isCtrlPressed);
+            if (isCtrlPressed) {
+                if (_drawPolygonMode) {
+                    // If no node is active
+                    if (_thisVertexNode === undefined) {
+                        let start = Object.assign({}, _intersectionData.position);
+                        if (_floorBaseHeight !== undefined) {
+                            start.y += (_floorBaseHeight + _polygonFloorOffset);
+                        }
+                        if (_autoLevelFloorEnabled) {
+                            if (!_highestYaxisPoint) {
+                                _highestYaxisPoint = _intersectionData.position.y;
+                            }
+                            if (start.y > _highestYaxisPoint) {
+                                _highestYaxisPoint = _intersectionData.position.y;
+                            }
+                            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);
                     }
-                    // Return the tag id -- we'll use this for the component id too.
-                }
-                else {
-                    _thisVertexPath.push(Object.assign({}, _intersectionData.position));
-                    _thisVertexComponent.inputs.path = [..._thisVertexPath];
-                    // Show Vertices
-                    createVerticeControls(_thisVertexComponent);
+                    else {
+                        if (!_highestYaxisPoint) {
+                            _highestYaxisPoint = _intersectionData.position.y;
+                        }
+                        if (_intersectionData.position.y > _highestYaxisPoint) {
+                            _highestYaxisPoint = _intersectionData.position.y;
+                        }
+                        _intersectionData.position.y += (_highestYaxisPoint + _polygonFloorOffset);
+                        _thisVertexPath.push(Object.assign({}, _intersectionData.position));
+                        _thisVertexComponent.inputs.path = [..._thisVertexPath];
+                        // Show Vertices
+                        createVerticeControls(_thisVertexComponent);
+                    }
+                    dispatchSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, {
+                        position: _intersectionData.position,
+                        path: _thisVertexPath
+                    });
                 }
-                dispatchSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, {
-                    position: _intersectionData.position,
-                    path: _thisVertexPath
-                });
             }
         },
     };
     //_sceneObject.spyOnEvent(new VerticeClickSpy(_verticeEmitPath,dispatchSpaceEvent))
     _sceneObject.spyOnEvent(click_spy);
 }
+/**
+ * Removes a vertex sphere from the space. If no argument is passed it will remove the last vertex that has been added
+ * @param {number} index - (optional) Index of an element of vertex path
+ * @returns
+ */
+function deleteVertex(index) {
+    log.info("deleteVertex()");
+    if (!_thisVertexComponent) {
+        log.error("An active vertex component is required");
+        return;
+    }
+    if (!_thisVertexPath || _thisVertexPath.length <= 0) {
+        log.error("Vertex path is empty or undefined");
+        return;
+    }
+    if (index !== undefined) {
+        _thisVertexPath = _thisVertexPath.slice(index, 1);
+        _thisVertexComponent.inputs.path = [..._thisVertexPath];
+        // Rerender Vertices
+        createVerticeControls(_thisVertexComponent, true);
+    }
+    else {
+        //const newPath = _thisVertexPath
+        log.info("_thisVertexPath before ", _thisVertexPath);
+        _thisVertexPath.pop();
+        log.info("_thisVertexPath after ", _thisVertexPath);
+        _thisVertexComponent.inputs.path = [..._thisVertexPath];
+        // Rerender Vertices
+        createVerticeControls(_thisVertexComponent, true);
+    }
+}
 function startDraw() {
     //Disable certain features in space when drawing is active
     _atwin.Measurements.toggleMode(false);
@@ -5371,7 +5456,7 @@ function startDraw() {
     _thisVertexNode = undefined;
     _thisVertexComponent = undefined;
     _thisVertexPath = new Array();
-    toggleSpaceNavigation(false);
+    //toggleSpaceNavigation(false)
 }
 function exitDraw() {
     //Enabled MP features when  exiting draw mode
@@ -5390,6 +5475,7 @@ function exitDraw() {
     _drawPolygonMode = false;
     _currentPolygon = undefined;
     _polygonShapePath = undefined;
+    _verticeComponentsCollection = [];
     _atwin.Pointer.resetTexture();
 }
 function cancelDraw() {
@@ -5424,6 +5510,7 @@ function addVertex(name, path) {
         path: _activeVertexPath,
         onEvent(eventData) {
             if (editMode) {
+                log.info("_activeVertexPath event triggered");
                 //@ts-expect-error
                 if (_activeVertex != eventData.component) {
                     // Set previously active tube to inactive
@@ -5520,7 +5607,105 @@ function getChildrenOfModel(component) {
     const children = component.mesh.children;
     return children;
 }
+/**
+ * Toggle the visibility of the vertice rings. This requires the rings to be rendered in the space to work
+ * @param visibility - Default is false
+ */
+function toggleVerticeRingVisibility(visibility = false) {
+    if (!_verticeComponentsCollection || _verticeComponentsCollection.length <= 0) {
+        log.error("No actively visible vertices to invoke this function");
+        return;
+    }
+    try {
+        _verticeComponentsCollection.forEach((component) => {
+            //@ts-expect-error
+            if (component.mesh.children) {
+                //@ts-expect-error
+                component.mesh.children.forEach(comp => {
+                    if (comp.name == 'ring') {
+                        comp.visible = visibility;
+                    }
+                });
+            }
+        });
+    }
+    catch (error) {
+        log.error("Error toggling ring visibility ", error);
+    }
+}
+/**
+ * Sets the global offset value of the y axis of a rendered polygon.
+ * @param {number} offset
+ * @returns
+ */
+function setPolygonFloorOffset(offset) {
+    log.info("setPolygonFloorOffset()");
+    if (offset == undefined) {
+        log.error("Parameter offset is undefined");
+        return;
+    }
+    if (typeof offset !== 'number') {
+        log.error("Parameter offset is not a number");
+        return;
+    }
+    _polygonFloorOffset = offset;
+}
+/**
+ * Returns the value of the global floor offset
+ * @returns
+ */
+function getPolygonFloorOffset() {
+    log.info("getPolygonFloorOffset()");
+    return _polygonFloorOffset;
+}
+/**
+ * Set the value of the base height or y-axis of the vertex of a polygon
+ * @param baseHeight
+ * @returns
+ */
+function setFloorBaseHeight(baseHeight) {
+    log.info("setFloorBaseHeight()");
+    if (!baseHeight || isNaN(baseHeight)) {
+        log.error("baseHeight is undefined or NaN");
+        return;
+    }
+    _floorBaseHeight;
+}
+/**
+ * Clear the value of the base height for floors of polygons
+ */
+function clearFloorBaseHeight() {
+    _floorBaseHeight = undefined;
+}
 //===================== END VERTEX DRAWING METHODS =========================//
+//===================== START KEYBINDINGS =========================//
+function handleKeyDown(event) {
+    if (event.ctrlKey) {
+        log.info("Ctrl key down");
+        isCtrlPressed = true;
+        toggleSpaceNavigation(false);
+    }
+    if (isCtrlPressed && event.key === 'z' && lastKeyPressed === 'Control') {
+        log.info("Ctrl + Z works");
+        deleteVertex();
+    }
+    lastKeyPressed = event.key;
+}
+function handleKeyUp(event) {
+    if (event.key === "Control") {
+        log.info("Ctrl key down");
+        isCtrlPressed = false;
+        toggleSpaceNavigation(true);
+    }
+}
+function setupKeybindingEventListeners(iframe) {
+    log.info("setupKeybindingEventListeners()");
+    iframe.contentDocument.body.addEventListener('keydown', handleKeyDown);
+    iframe.contentDocument.body.addEventListener('keyup', handleKeyUp);
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('keyup', handleKeyUp);
+}
+//===================== END KEYBINDING =========================//
 //===================== START TAGS =========================//
 // set tag icon
 function setTagIcon(payload) {
@@ -6507,7 +6692,7 @@ _roomNodes, initAtwinApi, getAtwinSdk, connectSpace, disconnectSpace, clearActio
 //sweeps
 getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, getAllSweeps, 
 // camera
-getCurrentCameraPose, getCurrentCameraZoom, getCameraPosition, moveInDirection, cameraLookAt, cameraPan, cameraRotate, cameraSetRotation, getViewMode, setViewMode, captureSpaceScreenshot, captureScreenshotAndCameraDetails, 
+getCurrentCameraPose, getCurrentCameraZoom, getCameraPosition, getCurrentFloor, moveInDirection, cameraLookAt, cameraPan, cameraRotate, cameraSetRotation, getViewMode, setViewMode, captureSpaceScreenshot, captureScreenshotAndCameraDetails, 
 // objects
 getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, 
 // deleteObjectFromSpace,
@@ -6556,7 +6741,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, 
+tubeLineType, _sceneObject, _tubes, drawLine, renderPolygonFromPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, 
 // Room creation
 setSpaceRoomNodes, 
 // others

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

@@ -100,11 +100,22 @@ i18n
                 "RoomTree": "Room Tree",
                 "Report": "Report",
                 "ALL": "ALL",
-                "FloorLevel": "Floor Level",
+                "FloorLevel": "Floor Offset",
+                "AutoLevel": "Auto Level",
                 "Line": "Line",
                 "Name": "Name",
-                "NoRoomSave": "No Room Saved",
-                "NothingToReport": "Nothing to report. Please create a partition."
+                "NoRoomSaved": "No room to save",
+                "NothingToReport": "Nothing to report. Please create a partition.",
+                "ConfirmDeletePartition": "Are you sure you want to delete this partition? This action cannot be reversed.",
+                "ConfirmDeleteRoom": "Are you sure you want to delete this room? This action cannot be reversed.",
+                "SuccessRoomSaved": "Successfully saved room",
+                "SuccessRoomDeleted": "Successfully deleted room",
+                "NoRoomDeleted": "No room to delete",
+                "SuccessPartitionAddSpace": "Successfully added a partition to the space",
+                "SuccessPartitionDelete": "Successfully deleted partition",
+                "NoPartitionDeleted": "No partition to delete",
+                "SuccessBaseHeight": "Successfully set floor base height",
+                "MarkBaseHeight": "Click to mark an area as your desired base height"
             }
         },
         ja: {
@@ -199,10 +210,13 @@ i18n
                 "Floor": "床",
                 "Wall": "壁",
                 "ClickEditName": "クリック",
-                "FloorLevel": "床の基本高",
+                "FloorLevel": "フロアオフセット",
+                "AutoLevel": "自動レベル",
                 "Line": "線",
                 "Name": "名前",
-                "NothingToReport": "Nothing to report. Please create a partition."
+                "NothingToReport": "Nothing to report. Please create a partition.",
+                "SuccessBaseHeight": "床ベースの高さの設定に成功しました",
+                "MarkBaseHeight": "クリックして、希望するベース高さとして領域をマークします"
             }
         }
     },

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

@@ -1,12 +1,68 @@
 import { FORM_MODE, RoomNode, PolygonData } from "../../../../types";
 export declare function renderRoomFormPane(): HTMLDivElement;
-export declare function toggleDrawPartionButton(): void;
-export declare function renderRoomFormMode(): void;
-export declare function clearRoomForm(): void;
-export declare function getRoomFormData(): RoomNode;
-export declare function getPartitionFormData(): Array<RoomNode>;
-export declare function setPartitionSavingMode(mode: boolean): void;
+/**
+ * Toggles the state of the partition drawing functionality.
+ * If drawing is not active, it starts the drawing process.
+ * Otherwise, it cancels the current drawing, updates partition data,
+ * and displays the relevant UI elements for partitions.
+ */
+export declare function toggleDrawPartitionButton(): void;
+/**
+ * Displays the partition form based on the current form mode.
+ * Handles different UI behaviors for edit and add modes.
+ */
+export declare function displayPartitionFormMode(): void;
+/**
+ * Clears the partition form by resetting UI elements and internal data.
+ * - Navigates back to the partition list view.
+ * - Cancels any ongoing drawing actions.
+ * - Hides relevant UI elements like wall height, delete button, and partition container.
+ * - Resets the form and clears data related to the current partition, room, and polygon.
+ */
+export declare function clearPartitionForm(): void;
+/**
+ * Retrieves the form data for creating or editing a room partition.
+ * - Collects values from form inputs (name, floor level, memo).
+ * - Constructs a payload object containing the room data, including the space UUID and polygon data.
+ * - Updates the polygon data for each partition in the currentPartitionDataArray to reflect the new floor level.
+ * - If there is existing room data (currentEditRoomData), it returns that data with updated values.
+ *
+ * @returns {RoomNode} The room data object with partition and floor details.
+ */
+export declare function getPartitionFormData(): RoomNode;
+/**
+ * Sets the saving mode for the partition form.
+ * - If saving is enabled, `isSaving` is set to true, indicating that the form is in saving mode.
+ * - If saving is disabled, `isSaving` is set to false.
+ *
+ * @param {boolean} savingEnabled - True to enable saving mode, false to disable.
+ */
+export declare function setPartitionSavingMode(savingEnabled: boolean): void;
+/**
+ * Gets the current saving mode for the partition form.
+ *
+ * @returns {boolean} - Returns true if saving mode is enabled, false otherwise.
+ */
 export declare function getPartitionSavingMode(): boolean;
-export declare function setRoomFormMode(formType: FORM_MODE): void;
-export declare function getRoomFormMode(): FORM_MODE;
+/**
+ * Sets the form mode for the partition form.
+ * - The form mode can be one of the predefined FORM_MODE values (e.g., CREATE, EDIT, etc.).
+ *
+ * @param {FORM_MODE} formType - The type of form mode to set.
+ */
+export declare function setPartitionFormMode(formType: FORM_MODE): void;
+/**
+ * Gets the current form mode for the partition form.
+ *
+ * @returns {FORM_MODE} - The current form mode.
+ */
+export declare function getPartitionFormMode(): FORM_MODE;
+/**
+ * Sets the polygon data for the current partition, including rounding numeric values
+ * to two decimal places and assigning UUIDs to the floor and walls.
+ *
+ * @param {PolygonData} payload - The polygon data to set, including floor and walls.
+ */
 export declare function setPolygonData(payload: PolygonData): void;
+export declare function getNewlyAddedPartition(): Array<RoomNode>;
+export declare function getDeletedSavedPartitionArray(): Array<RoomNode>;