architwin 1.10.0 → 1.10.2

package/lib/architwin.d.ts

@@ -10,6 +10,7 @@ import '../static/media_screen.css';
 import { createMeetingTemplate, joinMeetingTemplate } from "./meeting/templates";
 import { ActionHistory } from "./actionHistory";
 import * as meet from './zoom';
+import 'notyf/notyf.min.css';
 declare const transformHistory: ActionHistory;
 declare const _config: {
     mp: {
@@ -532,6 +533,7 @@ declare function getWallBaseHeight(): number;
 declare function clearWallBaseHeight(): void;
 declare function undoDrawAction(): void;
 declare function redoDrawAction(): void;
+declare function addUndoDrawActions(action: any): void;
 declare function setTagIcon(payload: {
     tag: MpSdk.Tag.TagData;
     iconName: string;
@@ -684,4 +686,4 @@ declare function getPathBetweenSweeps(startSweepId: string, endSweepId: string,
     }[];
 }>;
 declare function moveAlongPath(path: any[], iframeId: any): 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, drawPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, toggleMeshChildrenVisibility, toggleFloorVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, disposePathLine, getFloorBaseHeight, setMeshChildrenMaterialProperty, undoDrawAction, redoDrawAction, setWallBaseHeight, getWallBaseHeight, clearWallBaseHeight, setSpacePartitionNodes, setCurrentPolygon, getSpaceId, getCurrentPolygon, getPathBetweenSweeps, moveAlongPath, };
+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, drawPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, toggleMeshChildrenVisibility, toggleFloorVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, disposePathLine, getFloorBaseHeight, setMeshChildrenMaterialProperty, undoDrawAction, redoDrawAction, addUndoDrawActions, setWallBaseHeight, getWallBaseHeight, clearWallBaseHeight, setSpacePartitionNodes, setCurrentPolygon, getSpaceId, getCurrentPolygon, getPathBetweenSweeps, moveAlongPath, };

package/lib/architwin.js

@@ -34,7 +34,10 @@ import log from 'loglevel';
 import * as meet from './zoom';
 import ShortUniqueId from 'short-unique-id';
 import { setPreferredLanguage } from "./atwinui/components/toolbar";
-import { getDrawingMode } from "./atwinui/components/toolbar/spacePartition/roomFormPane";
+import { getCurrentPolygonData, getDrawingMode, setCurrentPartitionData } from "./atwinui/components/toolbar/spacePartition/roomFormPane";
+import { Notyf } from 'notyf';
+import 'notyf/notyf.min.css';
+import i18n from "./atwinui/components/toolbar/i18n";
 const uid = new ShortUniqueId({
     dictionary: 'number'
 });
@@ -207,7 +210,7 @@ _vertexPathDeleteUndoHistory = new Array(); // history of deleted vertex (undo)
 // _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, _polygonWallDataPath, _polygonDataPath, _polygonWallHeightPath, _verticeComponentsCollection = [], _vertexConnectiveComponentCollection = [], _vertexConnectiveNodeCollection = [], _highestYaxisPoint, _polygonFloorOffset = 0.1, _autoLevelFloorEnabled = true, _floorBaseHeight, _offsetedBaseHeight = _floorBaseHeight ? _floorBaseHeight + _polygonFloorOffset : undefined, _wallBaseHeight;
+let visualize = true, _activeVertex, editMode = false, drawMode = false, _thisVertexNode, _thisVertexComponent, _thisVerticesNode, _thisVertexPath = new Array(), _currentPolygon, _polygonShapePath, _polygonWallDataPath, _polygonDataPath, _polygonWallHeightPath, _verticeComponentsCollection = [], _vertexConnectiveComponentCollection = [], _vertexConnectiveNodeCollection = [], _polygonFloorOffset = 0.1, _floorBaseHeight, _offsetedBaseHeight = _floorBaseHeight ? _floorBaseHeight + _polygonFloorOffset : undefined, _wallBaseHeight;
 let _intersectionData, _tubes, _verticeEmitPath, _verticeEditEmitPath;
 let _navigationInputNode;
 let _navigationComponent;
@@ -221,6 +224,13 @@ let _tubeLinePath;
 let _partitionNodes = undefined;
 //Keybindings flags
 let isCtrlPressed = false, isShiftPressed = false, lastKeyPressed = null;
+let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
+        {
+            type: 'info',
+            background: 'blue',
+            icon: '<span class="mdi mdi-information-outline"></span>'
+        }
+    ] });
 // end here
 // =========================================== INITIALIZATION ===========================================
 /**
@@ -5173,6 +5183,10 @@ function renderPolygon(payload, options) {
                 path: payload
             };
         }
+        options.excludeHiddenWallsFromCalculation = false;
+        if (_wallBaseHeight) {
+            options.wallHeight = _wallBaseHeight;
+        }
         if (!_currentPolygon) {
             try {
                 polyNode = _sceneObject.addNode();
@@ -5227,6 +5241,7 @@ function renderPolygon(payload, options) {
         if (!options) {
             options = {};
         }
+        options.excludeHiddenWallsFromCalculation = false;
         const targetPolygon = _3DXObjects.find(obj => obj.object.object_data.uuid == payload.uuid);
         if (!targetPolygon) {
             log.info("Creating new partition");
@@ -5477,6 +5492,10 @@ function createVertexPoints(position, redrawing = false) {
         log.error("Position is undefined");
         return;
     }
+    if (_floorBaseHeight == undefined && Math.sign(position.y) == -1) {
+        notyf.error(`${i18n.t('CannotPlaceInArea')}`);
+        return;
+    }
     // If no node is active
     if (_thisVertexNode === undefined) {
         log.info("_thisVertexNode is undefined. Adding vertex...");
@@ -5590,11 +5609,12 @@ function createVerticeClickSpy() {
                     //   // Show Vertices
                     //   createVerticeControls(_thisVertexComponent);
                     // }
-                    _undoDrawActions.push('addVertex');
+                    _undoDrawActions.push({ action: "addVertex" });
                     dispatchSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, {
                         position: _intersectionData.position,
                         path: _thisVertexPath
                     });
+                    _redoDrawActions = [];
                 }
             }
         },
@@ -5703,7 +5723,8 @@ function deleteEdge(component, endPoint) {
     const index = component.inputs.path.findIndex(path => isEqual(path, endPoint));
     if (index != undefined) {
         //@ts-expect-error
-        const newArr = component.inputs.path.slice(index, 1);
+        const newArr = component.inputs.path.filter((_, i) => i !== index);
+        console.log("newArr", newArr);
         component.inputs.path = [...newArr];
         return;
     }
@@ -6090,10 +6111,42 @@ function clearWallBaseHeight() {
 }
 function undoDrawAction() {
     console.log("undoDrawAction()");
-    const action = _undoDrawActions.pop();
-    if (action === 'addVertex') {
+    const undo = _undoDrawActions.pop();
+    if (undo && undo.action === 'addVertex') {
         deleteVertex();
-        _redoDrawActions.push('deleteVertex');
+        _redoDrawActions.push({ action: 'deleteVertex' });
+        if (_currentPolygon && (_currentPolygon.object.object_data.json_data.path).length <= 3) {
+            _currentPolygon = undefined;
+            _polygonShapePath = undefined;
+            _undoDrawActions = _undoDrawActions.filter(undo => undo.action != "deleteWall");
+            _redoDrawActions = _redoDrawActions.filter(redo => redo.action != "addWall");
+        }
+        setCurrentPartitionData();
+    }
+    else if (undo && undo.action == 'deleteWall') {
+        console.log("undo", undo);
+        const polygon = getCurrentPolygonData();
+        polygon.walls = polygon.walls.map(wall => {
+            if (wall.uuid === undo.wallId) {
+                return Object.assign(Object.assign({}, wall), { options: Object.assign(Object.assign({}, wall.options), { is_visible: true, is_deleted: false }) });
+            }
+            return wall;
+        });
+        let payload;
+        payload = {
+            uuid: undo.payload.uuid,
+            space_uuid: undo.payload.space_uuid,
+            name: undo.payload.name,
+            parent_uuid: undo.payload.parent_uuid,
+            polygon_json: polygon
+        };
+        console.log("payload", payload, _currentPolygon);
+        renderPolygon(payload);
+        _redoDrawActions.push({
+            action: 'addWall',
+            wallId: undo.wallId,
+            payload: payload
+        });
     }
     const drawHistory = {
         redoDrawActions: _redoDrawActions,
@@ -6104,23 +6157,46 @@ function undoDrawAction() {
 function redoDrawAction() {
     console.log("redoDrawAction()");
     if (Array.isArray(_redoDrawActions) && _redoDrawActions.length > 0) {
-        const action = _redoDrawActions.pop();
-        console.log("Redoing action:", action);
-        if (action === "deleteVertex") {
+        const redo = _redoDrawActions.pop();
+        console.log("Redoing action:", redo.action);
+        if (redo && redo.action === "deleteVertex") {
             if (Array.isArray(_vertexPathDeleteUndoHistory) && _vertexPathDeleteUndoHistory.length > 0) {
                 if (!_thisVertexPath)
                     _thisVertexPath = [];
-                _thisVertexPath.push(_vertexPathDeleteUndoHistory.pop());
-                if (_thisVertexComponent && _thisVertexComponent.inputs) {
-                    _thisVertexComponent.inputs.path = [..._thisVertexPath];
-                    createVerticeControls(_thisVertexComponent, true);
-                }
+                let point = _vertexPathDeleteUndoHistory.pop();
+                _thisVertexPath.push(Object.assign({}, point));
+                _thisVertexComponent.inputs.path = [..._thisVertexPath];
+                createVerticeControls(_thisVertexComponent);
                 console.info("_thisVertexComponent", _thisVertexComponent);
                 if (!_undoDrawActions)
                     _undoDrawActions = [];
-                _undoDrawActions.push("addVertex");
+                _undoDrawActions.push({ action: "addVertex" });
+                setCurrentPartitionData();
             }
         }
+        else if (redo && redo.action === "addWall") {
+            let partition;
+            let polygon = getCurrentPolygonData();
+            polygon.walls = polygon.walls.map(wall => {
+                if (wall.uuid === redo.wallId) {
+                    return Object.assign(Object.assign({}, wall), { options: Object.assign(Object.assign({}, wall.options), { is_visible: false, is_deleted: true }) });
+                }
+                return wall;
+            });
+            partition = {
+                uuid: redo.payload.uuid,
+                space_uuid: redo.payload.space_uuid,
+                name: redo.payload.name,
+                parent_uuid: redo.payload.parent_uuid,
+                polygon_json: polygon
+            };
+            renderPolygon(partition);
+            _undoDrawActions.push({
+                action: 'deleteWall',
+                wallId: redo.wallId,
+                payload: partition
+            });
+        }
     }
     const drawHistory = {
         redoDrawActions: _redoDrawActions || [],
@@ -6129,6 +6205,15 @@ function redoDrawAction() {
     console.log("Updated draw history:", drawHistory);
     dispatchSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, drawHistory);
 }
+function addUndoDrawActions(action) {
+    _undoDrawActions.push(action);
+    const drawHistory = {
+        redoDrawActions: _redoDrawActions || [],
+        undoDrawActions: _undoDrawActions || [],
+    };
+    console.log("Updated draw history:", drawHistory);
+    dispatchSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, drawHistory);
+}
 function clearDrawActionHistory() {
     log.info("clearDrawActionHistory()");
     _redoDrawActions = [];
@@ -7257,7 +7342,7 @@ initToolbarUI, themeManager,
 //utils
 convertToEuler, disableSweeps, enableSweep, disableSweep, 
 //Draw polygon
-tubeLineType, _sceneObject, _tubes, drawPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, toggleMeshChildrenVisibility, toggleFloorVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, disposePathLine, getFloorBaseHeight, setMeshChildrenMaterialProperty, undoDrawAction, redoDrawAction, setWallBaseHeight, getWallBaseHeight, clearWallBaseHeight, 
+tubeLineType, _sceneObject, _tubes, drawPath, toggleSpaceNavigation, startDraw, exitDraw, cancelDraw, setPolygonPath, setTubeLinePath, getCurrentTubeLine, renderPolygon, toggleWallVisibility, toggleMeshChildrenVisibility, toggleFloorVisibility, getChildrenOfModel, toggleVerticeRingVisibility, setPolygonFloorOffset, getPolygonFloorOffset, setFloorBaseHeight, clearFloorBaseHeight, enableVerticeControls, deleteEdge, disposePathLine, getFloorBaseHeight, setMeshChildrenMaterialProperty, undoDrawAction, redoDrawAction, addUndoDrawActions, setWallBaseHeight, getWallBaseHeight, clearWallBaseHeight, 
 // Space partition
 setSpacePartitionNodes, setCurrentPolygon, 
 // others

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

@@ -108,6 +108,7 @@ i18n
                 "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.",
+                "ConfirmDeleteWall": "Are you sure you want to delete this wall?",
                 "SuccessRoomSaved": "Successfully saved room",
                 "SuccessRoomDeleted": "Successfully deleted room",
                 "NoRoomDeleted": "No room to delete",
@@ -120,7 +121,10 @@ i18n
                 "ModifyPartition": "Modify Partition",
                 "InvalidNaN": "Invalid input. Please enter a valid number",
                 "CannotPlaceInArea": "Cannot place point at selected area. Please try again",
-                "SuccessWallHeight": "Successfully updated wall height"
+                "SuccessWallHeight": "Successfully updated wall height",
+                "Edge": "Edge",
+                "Area": "Area",
+                "DeleteWall": "Delete Wall"
             }
         },
         ja: {
@@ -225,6 +229,7 @@ i18n
                 "NoRoomSaved": "保存する部屋がありません",
                 "ConfirmDeletePartition": "本当に区画を削除しますか？（戻せません）",
                 "ConfirmDeleteRoom": "本当にルームを削除しますか？（戻せません）",
+                "ConfirmDeleteWall": "本当に壁を削除しますか？（戻せません) ",
                 "SuccessRoomSaved": "保存しました",
                 "SuccessRoomDeleted": "削除しました",
                 "NoRoomDeleted": "削除できるルームがありません",
@@ -235,7 +240,10 @@ i18n
                 "ModifyPartition": "パーティションの変更",
                 "InvalidNaN": "値が不正です。正しい数値を入力してくさい。",
                 "CannotPlaceInArea": "ここには設定できません。位置を変えて試してください。",
-                "SuccessWallHeight": "壁の高さが正常に更新されました"
+                "SuccessWallHeight": "壁の高さが正常に更新されました",
+                "Edge": "辺長",
+                "Area": "面積",
+                "DeleteWall": "ウォール削除",
             }
         }
     },

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

@@ -1,4 +1,4 @@
-import { FORM_MODE, PartitionNode, PolygonData } from "../../../../types";
+import { FORM_MODE, PartitionNode, PolygonData, IObjectData } from "../../../../types";
 export declare function renderRoomFormPane(): HTMLDivElement;
 /**
  * Toggles the state of the partition drawing functionality.
@@ -57,6 +57,17 @@ export declare function setPartitionFormMode(formType: FORM_MODE): void;
  * @returns {FORM_MODE} - The current form mode.
  */
 export declare function getPartitionFormMode(): FORM_MODE;
+/**
+ * Returns a temporary copy of the current polygon.
+ *
+ * @returns
+ */
+export declare function getTempCurrentPolygon(): IObjectData;
+/**
+ *Clears the temporary current polygon
+ *
+ */
+export declare function clearTempCurrentPolygon(): void;
 /**
  * Sets the polygon data for the current partition, including rounding numeric values
  * to two decimal places and assigning UUIDs to the floor and walls.

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import i18n from '../i18n';
 import { SPACE_EVENTS } from "../../../../types";
 import { batchAddEventListenerByClassName } from "../../../events";
-import { startDraw, cancelDraw, disposeModel, _3DXObjects, getCurrentPolygon, dispatchSpaceEvent, enableVerticeControls, setCurrentPolygon, setMeshChildrenMaterialProperty, get3DXObjects, getChildrenOfModel, clearSelectedObject } from '../../../../architwin';
+import { startDraw, cancelDraw, disposeModel, _3DXObjects, getCurrentPolygon, dispatchSpaceEvent, enableVerticeControls, setCurrentPolygon, setMeshChildrenMaterialProperty, get3DXObjects, getChildrenOfModel, clearSelectedObject, renderPolygon, addUndoDrawActions, setWallBaseHeight, clearWallBaseHeight } from '../../../../architwin';
 import { generateUUID, extractUUID } from '../../../../utils';
 import { getCurrentEditRoomData } from './roomTreePane';
 import { toggleModal, setModalAction } from "../modal";
@@ -31,6 +31,7 @@ let newlyAddedPartition = [];
 let deletedSavedPartitionArray = [];
 let currentHighlightedFace = null;
 let previousPartitionData = null;
+let tempCurrentPolygon = undefined;
 export function renderRoomFormPane() {
     console.info("__@ renderRoomFormPane");
     const element = document.createElement('div');
@@ -167,6 +168,10 @@ export function toggleDrawPartitionButton() {
         const redoBtn = document.getElementById('at-draw-redo-btn');
         undoBtn.classList.add('at_disabled');
         redoBtn.classList.add('at_disabled');
+        const formMode = getPartitionFormMode();
+        if (formMode == "ADD" /* FORM_MODE.ADD */) {
+            tempCurrentPolygon = getCurrentPolygon();
+        }
         cancelDrawing();
         goBackToPartitionList();
         if (currentPartitionDataArray.length !== 0) {
@@ -455,7 +460,7 @@ function displayFaces(polygon) {
     // Display the floor details
     if (polygon.floor) {
         const floorModel = modelChildren.find(model => model.name.includes(polygon.floor.name));
-        faceVertexContainer.appendChild(displayFloor(polygon.floor, floorModel));
+        faceVertexContainer.appendChild(displayFloor(polygon.floor, polygon.walls, floorModel));
     }
     /* Do not erase
     // Display each wall's details
@@ -528,6 +533,57 @@ function displayFaces(polygon) {
             };
         }
     });
+    batchAddEventListenerByClassName('at_delete_wall_btn', (event) => {
+        const targetElement = event.target;
+        console.log("targetElement", targetElement);
+        const wallId = extractUUID(targetElement.id);
+        console.log("wallId", wallId);
+        toggleModal();
+        setModalAction({
+            title: `${i18n.t('DeleteWall')}`,
+            description: `${i18n.t('ConfirmDeleteWall')}`,
+            buttonLabel: `${i18n.t('YesDelete')}`
+        }, () => __awaiter(this, void 0, void 0, function* () {
+            currentPolygonData.walls = currentPolygonData.walls.map(wall => {
+                if (wall.uuid === wallId) {
+                    return Object.assign(Object.assign({}, wall), { options: Object.assign(Object.assign({}, wall.options), { is_visible: false, is_deleted: true }) });
+                }
+                return wall;
+            });
+            let payload;
+            if (currentEditPartitionData) {
+                payload = {
+                    uuid: currentEditPartitionData.uuid,
+                    space_uuid: currentEditPartitionData.space_uuid,
+                    name: currentEditPartitionData.name,
+                    parent_uuid: currentEditPartitionData.parent_uuid,
+                    polygon_json: currentPolygonData
+                };
+            }
+            else if (currentPartitionData) {
+                payload = {
+                    uuid: currentPartitionData.uuid,
+                    space_uuid: currentPartitionData.space_uuid,
+                    name: currentPartitionData.name,
+                    parent_uuid: currentPartitionData.parent_uuid,
+                    polygon_json: currentPolygonData
+                };
+            }
+            console.log("renderPolygon:", payload);
+            // Re-render polygon    
+            renderPolygon(payload);
+            const undoPaylaod = {
+                action: "deleteWall",
+                wallId: wallId,
+                payload: payload
+            };
+            addUndoDrawActions(undoPaylaod);
+            const redoBtn = document.getElementById('at-draw-redo-btn');
+            redoBtn.classList.add('at_disabled');
+            toggleModal(false);
+            notify.success(`${i18n.t('SuccessWallDelete')}`);
+        }));
+    });
 }
 /**
  * Handles the transition back to the partition list view by updating the visibility of relevant UI elements.
@@ -554,7 +610,7 @@ function goBackToPartitionList() {
  * @param floor - The floor data to display.
  * @returns The created HTML element representing the floor and its associated data.
  */
-function displayFloor(floor, floorModel) {
+function displayFloor(floor, walls, floorModel) {
     const floorModelUUID = floorModel ? floorModel.name : null;
     const element = document.createElement('div');
     element.classList.add('at_face_vertex_item');
@@ -587,8 +643,10 @@ function displayFloor(floor, floorModel) {
     const vertexListContainer = element.querySelector(`#at-vertex-list-${floor.uuid}`);
     // Append lines to the at_vertex_list container
     floor.edges.forEach((vertex, index) => {
-        const row = displayLines(vertex, index + 1, 'floor');
-        vertexListContainer.appendChild(row); // Append to the correct container
+        if (!walls[index].options.is_deleted) {
+            const row = displayWalls(vertex, walls[index], index + 1, 'floor');
+            vertexListContainer.appendChild(row); // Append to the correct container
+        }
     });
     return element;
 }
@@ -596,18 +654,22 @@ function displayFloor(floor, floorModel) {
  * Displays the wall information in the UI, including the wall name, edit options, and associated vertices.
  * @param wall - The wall data to display.
  * @returns The created HTML element representing the wall and its associated data.
- */
-function displayWalls(wall, wallModel) {
+ *\/
+function displayWalls(wall: WallPolyData, wallModel): HTMLElement {
     const wallModelUUID = wallModel ? wallModel.name : null;
+
     // Extract the wall name from the format "_wall-{number}" using regex
     const match = wall.name.match(/wall-(\d+)$/);
     let wallName = '';
+
     if (match) {
         const wallNumber = parseInt(match[1]) + 1;
         wallName = `${i18n.t('Wall')} ${wallNumber}`;
     }
+
     const element = document.createElement('div');
     element.classList.add('at_face_vertex_item');
+
     element.innerHTML = `
         <div class="at_face_item">
             <div class="at_icon_left">
@@ -634,15 +696,19 @@ function displayWalls(wall, wallModel) {
         <div class="at_vertex_list" id="at-vertex-list-${wall.uuid}" data-cy="at-vertex-list-${wall.uuid}">
         </div>
     `;
+
     // Get the at_vertex_list container for this wall
     const vertexListContainer = element.querySelector(`#at-vertex-list-${wall.uuid}`);
+
     // Append lines to the at_vertex_list container
     wall.edges.forEach((vertex, index) => {
-        const row = displayLines(vertex, index + 1, 'wall');
+        const row = displayWalls(vertex, index + 1, 'wall');
         vertexListContainer.appendChild(row); // Append to the correct container
     });
+
     return element;
 }
+*/
 /**
  * Displays the line information for a given vertex, including its name, distance, and delete icon.
  * The delete icon visibility depends on whether the face type is 'floor'.
@@ -651,14 +717,21 @@ function displayWalls(wall, wallModel) {
  * @param faceType - The type of face ('floor' or 'wall').
  * @returns The created HTML element representing the line and its associated data.
  */
-function displayLines(vertex, index, faceType) {
-    console.log('displayLines()', vertex);
+function displayWalls(vertex, wall, index, faceType) {
+    console.log('displayWalls()', vertex);
+    // Extract the wall name from the format "_wall-{number}" using regex
+    const match = wall.name.match(/wall-(\d+)$/);
+    let wallName = '';
+    if (match) {
+        const wallNumber = parseInt(match[1]) + 1;
+        wallName = `${i18n.t('Wall')} ${wallNumber}`;
+    }
     const element = document.createElement('div');
     element.classList.add('at_vertex_item');
     // Determine whether to display the delete icon based on faceType ('floor' only)
     const deleteIconHtml = faceType === 'floor' ?
-        `<div class="at_vertex_icon_right">
-            <span class="mdi mdi-delete-outline"></span>
+        `<div class="at_vertex_icon_right at_delete_wall_btn" id="at-delete-wall-btn_${wall.uuid}">
+            <span class="mdi mdi-delete-outline" id="at-delete-wall-btn_${wall.uuid}"></span>
         </div>` :
         `<div class="at_vertex_icon_right at_invisible">
             <span class="mdi mdi-delete-outline"></span>
@@ -669,7 +742,7 @@ function displayLines(vertex, index, faceType) {
         </div>
         <div class="at_vertex_center">
             <div class="at_vertex_name">
-                ${i18n.t('Line') + " " + index}
+                ${wallName}
             </div>
             <div class="at_vertex_distance">
                 ${vertex.length + " m"}
@@ -727,6 +800,7 @@ export function clearPartitionForm() {
  */
 function cancelDrawing() {
     console.log('cancelDrawing()');
+    clearWallBaseHeight();
     if (currentHighlightedFace) {
         const object = getCurrentPolygon();
         const modelChildren = getChildrenOfModel(object.component).filter((model) => model.name !== '' && !model.name.includes('wallLabel') && !model.name.includes('edgeLabel'));
@@ -761,6 +835,13 @@ function cancelDrawing() {
  */
 function startDrawing() {
     console.log('startDrawing()');
+    const wallHeightInput = document.getElementById('at-room-wall-height-input');
+    if (wallHeightInput.value && wallHeightInput.value != '') {
+        const newWallHeight = Number.parseFloat(wallHeightInput.value);
+        if (newWallHeight > 0) {
+            setWallBaseHeight(Number.parseFloat(wallHeightInput.value));
+        }
+    }
     startDraw();
     isDrawing = true;
     const drawRoomBtn = document.getElementById('at-draw-partition-form-btn');
@@ -809,6 +890,7 @@ export function getPartitionFormData() {
         partition.polygon_json = JSON.stringify(polygonJson);
     });
     if (currentEditRoomData) {
+        currentEditRoomData.children = currentPartitionDataArray;
         payload = currentEditRoomData;
         payload.name = name;
         payload.polygon_json = JSON.stringify({ memo: memo });
@@ -850,6 +932,21 @@ export function setPartitionFormMode(formType) {
 export function getPartitionFormMode() {
     return roomFormMode;
 }
+/**
+ * Returns a temporary copy of the current polygon.
+ *
+ * @returns
+ */
+export function getTempCurrentPolygon() {
+    return tempCurrentPolygon;
+}
+/**
+ *Clears the temporary current polygon
+ *
+ */
+export function clearTempCurrentPolygon() {
+    tempCurrentPolygon = undefined;
+}
 /**
  * Sets the polygon data for the current partition, including rounding numeric values
  * to two decimal places and assigning UUIDs to the floor and walls.
@@ -895,7 +992,7 @@ export function setPolygonData(payload) {
     }
     currentPolygonData = payload;
     console.log("setPolygonData() currentPolygonData:", currentPolygonData);
-    // setCurrentPartitionData()
+    setCurrentPartitionData();
 }
 /**
  * Returns current polygon data
@@ -954,14 +1051,6 @@ export function setCurrentPartitionData() {
                 dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, currentEditPartitionData);
                 currentEditPartitionData.uuid = newPayload.uuid;
             }
-            if (previousPartitionData) {
-                const target = _3DXObjects.find(obj => obj.object.object_data.uuid === previousPartitionData.uuid);
-                disposeModel(target);
-                console.log("_3DXObjects", _3DXObjects);
-                currentPartitionDataArray = currentPartitionDataArray.map(partition => partition.uuid === previousPartitionData.uuid
-                    ? Object.assign(Object.assign({}, partition), { uuid: newPayload.uuid }) : partition);
-                dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, previousPartitionData);
-            }
             if (currentHighlightedFace) {
                 setMeshChildrenMaterialProperty(currentHighlightedFace.component, currentHighlightedFace.name, currentHighlightedFace.type, currentHighlightedFace.value);
             }
@@ -973,6 +1062,8 @@ export function setCurrentPartitionData() {
             const faceVertexContainer = document.getElementById('at-face-vertex-container');
             faceVertexContainer.innerHTML = '';
             if (currentPartitionData) {
+                const target = _3DXObjects.find(obj => obj.object.object_data.uuid === currentPartitionData.uuid);
+                disposeModel(target);
                 currentPartitionDataArray = currentPartitionDataArray.filter(partition => partition.uuid != currentPartitionData.uuid);
                 dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, currentPartitionData);
                 currentPartitionData = null;

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

@@ -1,4 +1,4 @@
-import { IObjectData, PartitionNode, PolygonData } 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.
@@ -47,7 +47,6 @@ export declare function getSelectedPartitionId(): String;
  * @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>;
-export declare function calculatePolygonDimensions(payload: PolygonData): PolygonData;
 /**
  * Updates the visibility of a specific polygon (floor or wall) within a partition.
  * @param isVisible - The visibility state to set (true/false).

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

@@ -207,18 +207,20 @@ export function displayPartitionItems(partitionItems, partitionId, object) {
         // This is for the walls
         partitionItems.forEach((item, index) => {
             console.log("__@ partition item: ", item);
-            if (!item.hide) {
-                // Split wall name to localize
-                const match = item.name.match(/wall-(\d+)$/);
-                const wallNumber = parseInt(match[1]) + 1;
-                const isVisible = item.options.is_visible;
-                const objName = object[index].name.includes('_') ? object[index].name : `${partitionId}_${object[index].name}`;
-                console.log("__@ objName: ", objName);
-                itemsHTML += `
-                    <li class="at_toggle">${i18n.t(`Wall`)} ${wallNumber}
-                        <span id="${objName}" partition-id="${partitionId}"  polygon-item-id="${item.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn at_pull_right"></span>
-                    </li>
-                `;
+            if (!item.options.is_deleted) {
+                if (!item.hide) {
+                    // Split wall name to localize
+                    const match = item.name.match(/wall-(\d+)$/);
+                    const wallNumber = parseInt(match[1]) + 1;
+                    const isVisible = item.options.is_visible;
+                    const objName = object[index].name.includes('_') ? object[index].name : `${partitionId}_${object[index].name}`;
+                    console.log("__@ objName: ", objName);
+                    itemsHTML += `
+                        <li class="at_toggle">${i18n.t(`Wall`)} ${wallNumber}
+                            <span id="${objName}" partition-id="${partitionId}"  polygon-item-id="${item.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn at_pull_right"></span>
+                        </li>
+                    `;
+                }
             }
         });
     }
@@ -458,24 +460,6 @@ export function updatePartitionVisibilityUI(isVisible, currPartition, isParentPa
         }
     });
 }
-export function calculatePolygonDimensions(payload) {
-    console.log("calculatePolygonDimensions: ", payload);
-    let totalWallArea = 0;
-    let totalWallLength = 0;
-    for (let index = 0; index < payload.walls.length; index++) {
-        if (payload.walls[index].options && payload.walls[index].options.is_visible == false) {
-            continue;
-        }
-        totalWallArea += payload.walls[index].area;
-        totalWallLength += payload.walls[index].width;
-    }
-    const totalWallPerimeter = totalWallLength + (payload.walls[0].wall_height * 2);
-    payload.totalWallArea = totalWallArea;
-    payload.totalWallPerimeter = totalWallPerimeter;
-    payload.floor.area = payload.floor.options.is_visible ? payload.floor.area : 0;
-    payload.floor.perimeter = payload.floor.options.is_visible ? payload.floor.perimeter : 0;
-    return payload;
-}
 /**
  * Updates the visibility of a specific polygon (floor or wall) within a partition.
  * @param isVisible - The visibility state to set (true/false).

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, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setCurrentPolygon, setWallBaseHeight, clearWallBaseHeight, } 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, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS } from "../types";
@@ -24,7 +24,7 @@ import log from 'loglevel';
 import * as minimap from '../minimap';
 import { clearActiveThemeCard, getSelectedTheme } from "./components/toolbar/themePane";
 import { getCurrentEditRoomData, displayRoomTree, updatePartitionVisibilityUI, getSelectedPartitionId, updatePolygonVisibilityData, toggleVisibilityState, setFilteredDisplay, updateRoomVisibilityUI } from "./components/toolbar/spacePartition/roomTreePane";
-import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, setPreviousPartitionData } from "./components/toolbar/spacePartition/roomFormPane";
+import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon } from "./components/toolbar/spacePartition/roomFormPane";
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
 let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
         {
@@ -1109,7 +1109,7 @@ function handleDrawHistory(payload) {
         const undoBtn = document.getElementById('at-draw-undo-btn');
         undoBtn.classList.add('at_disabled');
     }
-    else if (redoCount > 0) {
+    else {
         const undoBtn = document.getElementById('at-draw-undo-btn');
         undoBtn.classList.remove('at_disabled');
     }
@@ -1117,7 +1117,7 @@ function handleDrawHistory(payload) {
         const redoBtn = document.getElementById('at-draw-redo-btn');
         redoBtn.classList.add('at_disabled');
     }
-    else if (redoCount > 0) {
+    else {
         const redoBtn = document.getElementById('at-draw-redo-btn');
         redoBtn.classList.remove('at_disabled');
     }
@@ -1126,6 +1126,8 @@ function handleVertexPlace() {
     const undoBtn = document.getElementById('at-draw-undo-btn');
     undoBtn.classList.remove('at_disabled');
     setCurrentPartitionData();
+    const redoBtn = document.getElementById('at-draw-redo-btn');
+    redoBtn.classList.add('at_disabled');
 }
 function handleMouseClickObject(object) {
     log.info("handleMouseClickObject()", object);
@@ -1343,7 +1345,7 @@ function handlePartitionVisibility(targetId) {
                 getChildrenOfModel(component)
                     .filter(model => model.name !== "")
                     .map(child => {
-                    if (child.visible !== isVisible) {
+                    if (child.visible !== isVisible && child.deleted !== true) {
                         if (child.name.includes('wall')) {
                             toggleWallVisibility(component, child.name);
                         }
@@ -1594,6 +1596,7 @@ function handleSavePartition() {
                 dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, { data: partitionEditPayload });
                 break;
         }
+        clearTempCurrentPolygon();
         clearSelectedObject();
         notyf.success(`${i18n.t('SuccessRoomSaved')}`);
     });
@@ -1660,7 +1663,6 @@ function handleCancelPartition() {
                 target
             });
             if (target) {
-                setSelectedObject(target.object, target.node, target.component, target.type);
                 if (currentPartitionData) {
                     const currentPartition = currentPartitionData.children.find(child => child.uuid == target.object.object_data.uuid);
                     const polyJson = typeof currentPartition.polygon_json === 'string' ? JSON.parse(currentPartition.polygon_json) : currentPartition.polygon_json;
@@ -1677,6 +1679,7 @@ function handleCancelPartition() {
         else {
             log.warn('currentPartitionData is undefined');
         }
+        clearTempCurrentPolygon();
         clearPartitionForm();
         clearSelectedObject();
         toggleDisplayPane('at-cancel-room-form-btn');
@@ -1761,10 +1764,12 @@ function handleWallHeightInputChange() {
         if (!isNaN(newWallHeight) && Math.sign(newWallHeight) == 1) {
             setWallBaseHeight(newWallHeight);
             const objects = get3DXObjects();
-            const latestObj = objects[objects.length - 1];
             const currentPartitionData = getCurrentEditRoomData();
-            const currentPolygon = getCurrentPolygon();
-            log.info("latestObj ", latestObj);
+            let currentPolygon = getCurrentPolygon();
+            if (!currentPolygon && !currentPartitionData) {
+                currentPolygon = getTempCurrentPolygon();
+            }
+            log.info("currentPolygon ", currentPolygon);
             log.info("wallHeight currentPartitionData ", currentPartitionData);
             log.info("wallHeight _3DXObjects ", _3DXObjects);
             if (currentPartitionData) {
@@ -1774,7 +1779,13 @@ function handleWallHeightInputChange() {
                 log.info("target ", target);
                 if (target) {
                     setSelectedObject(target.object, target.node, target.component, target.type);
-                    const polyJson = target.object.object_data.json_data;
+                    let polyJson = typeof target.object.object_data.json_data == 'string' ? JSON.parse(target.object.object_data.json_data) : target.object.object_data.json_data;
+                    if (!polyJson.walls || polyJson.walls.length <= 0) {
+                        const partition = currentPartitionData.children.find(child => child.uuid == target.object.object_data.uuid);
+                        if (partition) {
+                            polyJson = typeof partition.polygon_json == 'string' ? JSON.parse(partition.polygon_json) : partition.polygon_json;
+                        }
+                    }
                     if (polyJson) {
                         polyJson.walls[0].wall_height = newWallHeight;
                         const payload = {
@@ -1800,7 +1811,7 @@ function handleWallHeightInputChange() {
                 if (polyJson.walls && polyJson.walls.length > 0) {
                     polyJson.walls[0].wall_height = newWallHeight;
                     const payload = {
-                        uuid: latestObj.object.object_data.uuid,
+                        uuid: currentPolygon.object.object_data.uuid,
                         polygon_json: polyJson
                     };
                     renderPolygon(payload);
@@ -1813,7 +1824,7 @@ function handleWallHeightInputChange() {
                 notyf.success(`${i18n.t('SuccessWallHeight')}`);
             }
             else {
-                log.warn("currentPartitionData and latestObj value is undefined or its type is not valid");
+                log.warn("currentPartitionData and currentPolygon value is undefined or its type is not valid");
             }
         }
         else {
@@ -1887,13 +1898,11 @@ function handleMarkFloor() {
             });
             yield getTargetPosition((coord) => {
                 const objects = get3DXObjects();
-                const latestObj = objects[objects.length - 1];
                 const currentPartitionData = getCurrentEditRoomData();
                 const currentPolygon = getCurrentPolygon();
                 if (Math.sign(coord.y) == 1) {
                     setFloorBaseHeight(coord.y);
                     const adjustedHeight = getFloorBaseHeight();
-                    log.info("latestObj ", latestObj);
                     if (currentPartitionData) {
                         let partitionsUUIDs = [];
                         partitionsUUIDs = currentPartitionData.children.map(child => child.uuid);
@@ -1913,7 +1922,7 @@ function handleMarkFloor() {
                     }
                     else if (currentPolygon) {
                         //setSelectedObject(currentPolygon.object,currentPolygon.node,currentPolygon.component,currentPolygon.type)
-                        const polyJson = latestObj.object.object_data.json_data;
+                        const polyJson = currentPolygon.object.object_data.json_data;
                         const updatedPath = polyJson.path.map(path => {
                             path.y = adjustedHeight;
                             return path;
@@ -1974,21 +1983,12 @@ function handleUndoDrawAction() {
     const undoBtn = document.getElementById('at-draw-undo-btn');
     undoBtn.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () {
         undoDrawAction();
-        setCurrentPartitionData();
-        const currentPolygon = getCurrentPolygon();
-        if (currentPolygon) {
-            if ((currentPolygon.object.object_data.json_data.path).length <= 3) {
-                setPreviousPartitionData(getCurrentPartitionData());
-                setCurrentPolygon(undefined);
-            }
-        }
     }));
 }
 function handleRedoDrawAction() {
     const redooBtn = document.getElementById('at-draw-redo-btn');
     redooBtn.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () {
         redoDrawAction();
-        setCurrentPartitionData();
     }));
 }
 export { 

package/lib/loaders/polydrawerLoader.js

@@ -3,6 +3,7 @@ import { dispatchSpaceEvent, renderPolygon, getPolygonFloorOffset, getCurrentFlo
 import { SPACE_EVENTS } from "../types";
 import { getPolygonArea } from "../utils";
 import { PolygonCalculator, WallCalculator } from "../math";
+import i18n from "../atwinui/components/toolbar/i18n";
 export class TubeLine {
     constructor(mpSdk) {
         this.time = 0;
@@ -533,10 +534,10 @@ export class BufferGeometry {
             const floorDimension = PolygonCalculator.calculatePolygonProperties(this.inputs.path);
             if (floorConfig && floorConfig.options) {
                 floorMesh.visible = floorConfig.options.is_visible;
-                if (floorConfig.options.is_visible == false) {
-                    floorDimension.area = 0;
-                    floorDimension.perimeter = 0;
-                }
+                // if (floorConfig.options.is_visible == false) {
+                //   floorDimension.area = 0
+                //   floorDimension.perimeter = 0
+                // }
             }
             this.groupedMesh.add(floorMesh);
             const floorArea = getPolygonArea(this.inputs.path);
@@ -561,6 +562,9 @@ export class BufferGeometry {
             let totalWallArea = 0;
             let totalWallLength = 0;
             for (let index = 0; index < wallDataArray.length; index++) {
+                if (wallDataArray[index].options && wallDataArray[index].options.is_deleted) {
+                    continue;
+                }
                 if (this.inputs.excludeHiddenWallsFromCalculation && wallDataArray[index].options && wallDataArray[index].options.is_visible == false) {
                     continue;
                 }
@@ -670,9 +674,9 @@ export class BufferGeometry {
             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
-            const wallCanvas = this.createLabelCanvas(`Wall ${i + 1}: ${wallArea.toFixed(2)}m²`);
+            const wallCanvas = this.createLabelCanvas(`${i18n.t('Wall')} ${i + 1} (${i18n.t('Area')}): ${wallArea.toFixed(2)}m²`);
             // Create floor edge label
-            const floorCanvas = this.createLabelCanvas(`Edge ${i + 1}: ${wallLength.toFixed(2)}m`);
+            const floorCanvas = this.createLabelCanvas(`${i18n.t('Wall')} ${i + 1} (${i18n.t('Edge')}): ${wallLength.toFixed(2)}m`);
             const midPoint = {
                 x: (startPoint.x + endPoint.x) / 2,
                 y: (startPoint.y + endPoint.y) / 2,
@@ -709,11 +713,23 @@ export class BufferGeometry {
             floorLabelMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}_edgeLabel-${i}` : `edgeLabel-${i}`;
             const polyData = this.inputs.polygonData;
             const walls = polyData ? polyData.walls : this.inputs.wallData;
+            let wallDeleted;
             if (walls && walls.length > 0) {
                 const wallData = walls.find((w) => w.index == i);
                 if (wallData && wallData.options) {
-                    wallMesh.visible = wallData.options.is_visible;
-                    wallLabelMesh.visible = wallData.options.is_visible;
+                    wallDeleted = wallData.options.is_deleted;
+                    if (wallDeleted) {
+                        wallMesh.visible = false;
+                        wallLabelMesh.visible = false;
+                        // @ts-ignore
+                        wallMesh.deleted = true;
+                    }
+                    else {
+                        wallMesh.visible = wallData.options.is_visible;
+                        wallLabelMesh.visible = wallData.options.is_visible;
+                        // @ts-ignore
+                        wallMesh.deleted = false;
+                    }
                 }
             }
             const floorConfig = polyData ? polyData.floor : this.inputs.floorData;
@@ -744,7 +760,8 @@ export class BufferGeometry {
                 options: {
                     color: this.inputs.wallColor,
                     opacity: this.inputs.wallOpacity,
-                    is_visible: wallMesh.visible
+                    is_visible: wallMesh.visible,
+                    is_deleted: wallDeleted
                 },
                 index: i,
                 area: wallDimensions.area,

package/lib/types.d.ts

@@ -1011,6 +1011,7 @@ export interface WallPolyData {
         color?: number | undefined;
         opacity?: number | undefined;
         is_visible?: boolean | undefined;
+        is_deleted?: boolean | undefined;
     };
     area: number;
     perimeter: number | undefined;

package/package.json

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

package/static/atwinui.css

@@ -109,6 +109,7 @@
     gap: var(--container-gap);
     flex-direction: column;
     margin: 2px;
+    pointer-events: auto;
 }
 
 .at_toolbar_sidebar_container {
@@ -120,6 +121,7 @@
     flex-direction: row;
     justify-content: flex-end;
     align-items: stretch;
+    pointer-events: none;
 }
 
 .at_toolbar_container {
@@ -134,6 +136,7 @@
     flex-direction: column;
     gap: var(--container-gap);
     margin: 2px;
+    pointer-events: auto;
 }
 
 .at_scrollable_container {
@@ -1283,7 +1286,7 @@
 }
 
 .at_vertex_list {
-    display: none;
+    display: var(--container-display);
     flex-direction: column;
     border-radius: 4px;
     margin-bottom: 6px;