architwin 1.16.0 → 1.16.2

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

@@ -277,7 +277,8 @@ i18n
                 "Window": "Window",
                 "CannotBackDrawingMode": "Cannot go back while drawing mode is active.",
                 "PleaseOffDrawingMode": "Action cannot be done, please turn off drawing mode.",
-                "IotCategoryRequired": "IoT Category is required"
+                "IotCategoryRequired": "IoT Category is required",
+                "SuccessUpdatedFloorLevel": "Updated the partition's floor level"
             }
         },
         ja: {
@@ -549,7 +550,8 @@ i18n
                 "CannotBackDrawingMode": "描画モードがアクティブな間は戻ることができません。",
                 "PleaseOffDrawingMode": "操作を行う前に、描画モードをオフにしてください。",
                 "Successfully Deleted Tag": "タグを削除しました",
-                "IotCategoryRequired": "IoTカテゴリは必須です"
+                "IotCategoryRequired": "IoTカテゴリは必須です",
+                "SuccessUpdatedFloorLevel": "区画のフロアオフセット値が更新されました"
             }
         }
     },

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

@@ -1,7 +1,4 @@
-import { FORM_MODE, PartitionNode, PolygonData, WallPolyData, IObjectData, WindowPolyData } from "../../../../types";
-export declare let isEditWindow: boolean;
-export declare let currentEditWindowIndex: number;
-export declare let currentWindow: WindowPolyData;
+import { FORM_MODE, PartitionNode, PolygonData, WallPolyData, IObjectData } from "../../../../types";
 export declare function renderRoomFormPane(): HTMLDivElement;
 /**
  * Toggles the state of the partition drawing functionality.
@@ -33,6 +30,7 @@ export declare function displayPartitionFormMode(): void;
  */
 export declare function handlePartitionRowEditBtnClickEvent(partitions: Array<PartitionNode>, targetElement: HTMLElement): void;
 export declare function displayWall(wall: WallPolyData): HTMLElement;
+export declare function setDrawConfig(drawMode: 'window' | 'partition'): void;
 /**
  * Clears the partition form by resetting UI elements and internal data.
  * - Navigates back to the partition list view.
@@ -105,7 +103,7 @@ export declare function getCurrentPolygonData(): PolygonData;
  * Sets the partition data, including updating the floor level and generating a new
  * partition with its corresponding UUID, space UUID, and polygon data.
  */
-export declare function setCurrentPartitionData(): Promise<void>;
+export declare function setCurrentPartitionData(payload: PolygonData | undefined): Promise<void>;
 export declare function removeWindow(index?: number): void;
 export declare function toggleUndoRedoButtons(undo: boolean, redo: boolean): void;
 export declare function getCurrentPartitionData(): PartitionNode;
@@ -125,3 +123,6 @@ export declare function handlePartitionWallEditBtn(wallUuid: string): Promise<vo
 export declare function getTempCurrentRoomEditData(): Array<PartitionNode>;
 export declare function setTempCurrentRoomEditData(roomEditData: Array<PartitionNode>): void;
 export declare function getCurrentWall(): WallPolyData;
+export declare function getIsEditWindow(): boolean;
+export declare function setIsEditWindow(value: boolean): void;
+export declare function setCurrentEditWindowIndex(value: number): void;

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

@@ -41,10 +41,10 @@ let inputFloorMaterial;
 let floorMaterial = '';
 let inputWallMaterial;
 let wallMaterial = '';
-export let isEditWindow = false;
-export let currentEditWindowIndex = null;
-export let currentWindow = null;
+let currentEditWindowIndex = null;
+let currentWindowIndex = null;
 let tempCurrentEditRoom = null;
+let isEditWindow = false;
 export function renderRoomFormPane() {
     log.info("__@ renderRoomFormPane: ", roomFormMode);
     const element = document.createElement('div');
@@ -228,10 +228,11 @@ export function toggleDrawPartitionButton() {
         isEditPartition = false;
         previousPartitionData = null;
     }
-    // toggleUndoRedoButtons(false, false)
+    partitionHistory.clearHistory();
+    toggleUndoRedoButtons(false, false);
 }
 export function toggleDrawWindowButton() {
-    var _a, _b;
+    var _a, _b, _c;
     log.info("toggleDrawWindowButton()", getCurrentPolygon(), _3DXObjects);
     setCurrentPolygon(undefined);
     const addDoorButton = document.getElementById('at-add-window-door-btn');
@@ -246,6 +247,7 @@ export function toggleDrawWindowButton() {
                 ${i18n.t('DoneDrawing')}
                 <span class="mdi mdi-check-bold"></span>
             `;
+            currentWindowIndex = (_a = currentWall.windows) === null || _a === void 0 ? void 0 : _a.length;
         }
         const objectIndex = _3DXObjects.findIndex(obj => obj.object.id == currentObject.object.id);
         log.info("objectIndex", objectIndex);
@@ -253,7 +255,7 @@ export function toggleDrawWindowButton() {
             lineTypeComponentConfig: {
                 renderPolygonOnAdd: false,
                 drawingMode: drawingMode,
-                targetIndex: (_b = currentEditWindowIndex !== null && currentEditWindowIndex !== void 0 ? currentEditWindowIndex : (_a = currentWall.windows) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0,
+                targetIndex: (_c = currentEditWindowIndex !== null && currentEditWindowIndex !== void 0 ? currentEditWindowIndex : (_b = currentWall.windows) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0,
                 polygonData: currentPolygonData,
                 targetUUID: currentWall.uuid,
                 objectIndex: objectIndex
@@ -266,6 +268,7 @@ export function toggleDrawWindowButton() {
     else {
         isDrawing = false;
         drawingMode = null;
+        currentWindowIndex = null;
         currentPartitionData.polygon_json = JSON.stringify(currentPolygonData);
         addDoorButton.classList.remove('at_add_window_door_btn_active');
         addDoorButton.classList.add('at_add_window_door_btn');
@@ -290,16 +293,17 @@ export function toggleDrawWindowButton() {
             log.info("objectIndex", objectIndex);
             if (_3DXObjects[objectIndex].children) {
                 _3DXObjects[objectIndex].children.map((win) => __awaiter(this, void 0, void 0, function* () {
-                    var _c;
+                    var _d;
                     log.info("WIND", win);
-                    if (win.index == ((_c = currentWall.windows) === null || _c === void 0 ? void 0 : _c.length) - 1 && win.wallUUID == currentWall.uuid) {
+                    if (win.index == ((_d = currentWall.windows) === null || _d === void 0 ? void 0 : _d.length) - 1 && win.wallUUID == currentWall.uuid) {
                         yield disposeModel(win);
                     }
                 }));
             }
         }
     }
-    // toggleUndoRedoButtons(false, false)
+    partitionHistory.clearHistory();
+    toggleUndoRedoButtons(false, false);
 }
 /**
  * Displays the partition form based on the current form mode.
@@ -919,7 +923,6 @@ function setupEditWindow(element, window) {
     const confirmBtn = element.querySelector(`#at-confirm-edit-window-${window.index}`);
     if (!editBtn || !editNameContainer || !inputName || !nameLabel || !editMaterialContainer || !inputMaterial)
         return;
-    currentWindow = window;
     // Show inputs when edit icon is clicked
     editBtn.addEventListener("click", () => {
         if (isDrawing) {
@@ -936,18 +939,7 @@ function setupEditWindow(element, window) {
         currentEditWindowIndex = window.index;
         drawingMode = 'window';
         toggleDrawWindowButton();
-        log.info("currentObject ", currentObject);
-        setCurrentPolygon(currentObject);
-        const drawConfig = {
-            lineTypeComponentConfig: {
-                renderPolygonOnAdd: false,
-                drawingMode: drawingMode,
-                polygonData: currentObject.object.object_data.json_data,
-                targetUUID: currentWall.uuid,
-                targetIndex: currentEditWindowIndex
-            }
-        };
-        setDrawingConfig(drawConfig);
+        setDrawConfig('window');
         // @ts-ignore
         const windowComponent = {
             inputs: {
@@ -956,17 +948,7 @@ function setupEditWindow(element, window) {
         };
         enableVerticeControls(windowComponent);
         isDrawing = true;
-        let data;
-        if (currentPartitionData) {
-            data = {
-                polygon: {
-                    uuid: currentPartitionData.uuid,
-                    polygon_json: currentPolygonData
-                },
-                verticePath: window.path,
-            };
-        }
-        // partitionHistory.setCurrent(data)
+        // partitionHistory.setCurrent(window.path)
     });
     // // Confirm edit name and material
     confirmBtn.addEventListener("click", () => {
@@ -977,7 +959,7 @@ function setupEditWindow(element, window) {
         nameLabel.textContent = window.name;
         editNameContainer.style.display = "none";
         const newMaterial = inputMaterial.value.trim();
-        window.material = newMaterial || window.material;
+        window.material = newMaterial;
         editMaterialContainer.style.display = "none";
         editBtn.style.display = "flex";
         confirmBtn.style.display = "none";
@@ -1001,9 +983,23 @@ function setupEditWindow(element, window) {
         isDrawing = false;
         isEditWindow = false;
         partitionHistory.clearHistory();
-        // toggleUndoRedoButtons(false, false)
+        toggleUndoRedoButtons(false, false);
     });
 }
+export function setDrawConfig(drawMode) {
+    log.info("currentObject ", currentObject);
+    setCurrentPolygon(currentObject);
+    const drawConfig = {
+        lineTypeComponentConfig: {
+            renderPolygonOnAdd: false,
+            drawingMode: drawMode,
+            polygonData: currentObject.object.object_data.json_data,
+            targetUUID: currentWall.uuid,
+            targetIndex: currentEditWindowIndex
+        }
+    };
+    setDrawingConfig(drawConfig);
+}
 function saveWallChanges() {
     log.info("currentWall", currentWall);
     updateWallInPolygon(currentWall);
@@ -1457,38 +1453,42 @@ export function clearTempCurrentPolygon() {
  */
 export function setPolygonData(payload) {
     console.log('setPolygonData()', payload);
-    // Helper function to round numbers to 2 decimals
-    function roundToFourDecimals(value) {
-        if (typeof value === "number") {
-            return Math.round(value * 10000) / 10000; // Round to 4 decimals
+    if (payload != undefined) {
+        // Helper function to round numbers to 2 decimals
+        function roundToFourDecimals(value) {
+            if (typeof value === "number") {
+                return Math.round(value * 10000) / 10000; // Round to 4 decimals
+            }
+            else if (Array.isArray(value)) {
+                return value.map(roundToFourDecimals); // Recursively round each item in the array
+            }
+            else if (typeof value === "object" && value !== null) {
+                return Object.keys(value).reduce((acc, key) => {
+                    acc[key] = roundToFourDecimals(value[key]); // Recursively process each object property
+                    return acc;
+                }, {});
+            }
+            return value;
         }
-        else if (Array.isArray(value)) {
-            return value.map(roundToFourDecimals); // Recursively round each item in the array
+        // Round numbers in the polygon JSON recursively
+        if (payload) {
+            payload = roundToFourDecimals(payload);
         }
-        else if (typeof value === "object" && value !== null) {
-            return Object.keys(value).reduce((acc, key) => {
-                acc[key] = roundToFourDecimals(value[key]); // Recursively process each object property
-                return acc;
-            }, {});
+        // Set floor UUID and name
+        if (payload.floor) {
+            payload.floor.uuid = payload.floor.uuid || generateUUID();
+            payload.floor.name = `floor`;
         }
-        return value;
-    }
-    // Round numbers in the polygon JSON recursively
-    if (payload) {
-        payload = roundToFourDecimals(payload);
-    }
-    // Set floor UUID and name
-    if (payload.floor) {
-        payload.floor.uuid = payload.floor.uuid || generateUUID();
-        payload.floor.name = `floor`;
+        // Iterate over walls to set UUID and names
+        if (payload.walls && payload.walls.length > 0) {
+            payload.walls = payload.walls.map((wall, index) => (Object.assign(Object.assign({}, roundToFourDecimals(wall)), { name: `wall-${index}`, uuid: wall.uuid || generateUUID() })));
+        }
+        currentPolygonData = payload;
+        setCurrentPartitionData(payload);
     }
-    // Iterate over walls to set UUID and names
-    if (payload.walls && payload.walls.length > 0) {
-        payload.walls = payload.walls.map((wall, index) => (Object.assign(Object.assign({}, roundToFourDecimals(wall)), { name: `wall-${index}`, uuid: wall.uuid || generateUUID() })));
+    else {
+        setCurrentPartitionData(undefined);
     }
-    currentPolygonData = payload;
-    console.log("setPolygonData() currentPolygonData:", currentPolygonData);
-    setCurrentPartitionData();
 }
 /**
  * Returns current polygon data
@@ -1501,10 +1501,10 @@ export function getCurrentPolygonData() {
  * Sets the partition data, including updating the floor level and generating a new
  * partition with its corresponding UUID, space UUID, and polygon data.
  */
-export function setCurrentPartitionData() {
+export function setCurrentPartitionData(payload) {
     var _a;
     return __awaiter(this, void 0, void 0, function* () {
-        console.log('setCurrentPartitionData()');
+        console.log('setCurrentPartitionData()', payload);
         const floorLevel = ((_a = document.getElementById('at-room-floor-level-input')) === null || _a === void 0 ? void 0 : _a.value) || null;
         const currentUrl = window.location.href;
         const spaceUUID = extractUUID(currentUrl);
@@ -1519,7 +1519,9 @@ export function setCurrentPartitionData() {
                     resolve();
                 }
                 if (currentObjectData == undefined) {
-                    currentPolygonData = null;
+                    if (drawingMode === 'partition') {
+                        currentPolygonData = null;
+                    }
                     clearInterval(interval);
                     resolve();
                 }
@@ -1530,7 +1532,7 @@ export function setCurrentPartitionData() {
                 }
             }, 50); // Check every 50ms
         });
-        if (currentPolygonData) {
+        if (payload) {
             let polygonData = currentPolygonData;
             polygonData.floor.floor_level = Number(floorLevel); // Set the floor level from the input
             // Create a new partition data payload
@@ -1546,13 +1548,11 @@ export function setCurrentPartitionData() {
             }
             if (isEditPartition) {
                 newPayload.name = currentPartitionData.name;
-                console.log("newPayload.name", newPayload.name);
             }
             if (currentHighlightedFace) {
                 setMeshChildrenMaterialProperty(currentHighlightedFace.component, currentHighlightedFace.name, currentHighlightedFace.type, currentHighlightedFace.value);
             }
             updatePartitionDataArray(newPayload, currentPartitionDataArray);
-            log.info("if currentPartitionDataArray", currentPartitionDataArray);
             if (drawingMode === 'partition') {
                 displayFaces(currentPolygonData);
             }
@@ -1569,13 +1569,19 @@ export function setCurrentPartitionData() {
         else {
             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;
-                log.info("else currentPartitionDataArray", currentPartitionDataArray);
+            if (drawingMode === 'partition') {
+                if (currentPartitionData) {
+                    currentPartitionDataArray = currentPartitionDataArray.filter(partition => partition.uuid != currentPartitionData.uuid);
+                    dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, currentPartitionData);
+                    currentPartitionData = null;
+                    log.info("else currentPartitionDataArray", currentPartitionDataArray);
+                }
+            }
+            else if (drawingMode === 'window') {
+                if (currentWall === null || currentWall === void 0 ? void 0 : currentWall.windows) {
+                    currentWall.windows.splice(currentWindowIndex, 1);
+                    faceVertexContainer.append(displayWall(currentWall));
+                }
             }
         }
     });
@@ -1605,7 +1611,7 @@ function updatePartitionDataArray(payload, currentPartitionDataArray) {
     else if (drawingMode === 'window') {
         log.info("currentPartitionData", currentPartitionData);
         // Update current partition data
-        currentPartitionData.polygon_json = JSON.stringify(payload.polygon_json);
+        currentPartitionData.polygon_json = payload.polygon_json;
         // Update current partition data array
         const currentPartitionDataIndex = currentPartitionDataArray.findIndex(partitionData => partitionData.uuid == currentPartitionData.uuid);
         currentPartitionDataArray[currentPartitionDataIndex] = currentPartitionData;
@@ -1819,3 +1825,12 @@ export function setTempCurrentRoomEditData(roomEditData) {
 export function getCurrentWall() {
     return currentWall;
 }
+export function getIsEditWindow() {
+    return isEditWindow;
+}
+export function setIsEditWindow(value) {
+    isEditWindow = value;
+}
+export function setCurrentEditWindowIndex(value) {
+    currentEditWindowIndex = value;
+}

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

@@ -10,9 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { getBundleVersion, extractUUID } from "../../../../utils";
 import { batchAddEventListenerByClassName, handleDeletePartition, handlePartitionVisibility, handlePolygonVisibility, handleWindowVisibility, toggleDisplayPane } from "../../../events";
 import i18n from "../i18n";
-import { getCurrentPolygonData, handlePartitionRowEditBtnClickEvent, handlePartitionWallEditBtn, setPartitionFormMode } from "./roomFormPane";
+import { getCurrentPolygonData, handlePartitionRowEditBtnClickEvent, handlePartitionWallEditBtn, setCurrentEditWindowIndex, setDrawConfig, setDrawingMode, setIsEditWindow, setPartitionFormMode } from "./roomFormPane";
 import { SPACE_EVENTS } from "../../../../types";
-import { _3DXObjects, dispatchSpaceEvent, getChildrenOfModel, goToModel, goToPosition, renderPolygon, setSelectedObject } from "../../../../architwin";
+import { _3DXObjects, dispatchSpaceEvent, enableVerticeControls, getChildrenOfModel, goToModel, goToPosition, renderPolygon, setSelectedObject } from "../../../../architwin";
 import log from 'loglevel';
 import { getShortcutTooltipHTML } from "../static/common";
 let roomDataArray = [];
@@ -773,11 +773,13 @@ function displayWindows(wall, partitionId, parentId) {
             if (!window.options.is_deleted) {
                 const windowCoords = JSON.stringify(window.edges);
                 const windowCoordsEncoded = btoa(windowCoords);
+                const windowPath = JSON.stringify(window.path);
+                const windowPathEncoded = btoa(windowPath);
                 itemsHTML += `
                 <li window-coords="${windowCoordsEncoded}" partition-id="${partitionId}" id="window-${wall.uuid}-${window.index}" wall-id="${wall.uuid}" window-name="${window.name}" window-index="${window.index}" class="at_window_row_item">
                     <div>${window.name}</div>
                     <div>
-                        <span window-coords="${windowCoordsEncoded}" partition-id="${partitionId}" partition-parent-uuid="${parentId}" polygon-item-id="${wall.uuid}" index="${window.index}"  class="mdi mdi-pencil at_window_edit_btn"></span>
+                        <span window-path="${windowPathEncoded}" window-coords="${windowCoordsEncoded}" partition-id="${partitionId}" partition-parent-uuid="${parentId}" polygon-item-id="${wall.uuid}" index="${window.index}"  class="mdi mdi-pencil at_window_edit_btn"></span>
                         <span id="${window.name}" partition-id="${partitionId}" partition-parent-uuid="${parentId}" polygon-item-id="${wall.uuid}" class="mdi ${window.options.is_visible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn"></span>
                     </div>
                 </li>
@@ -818,6 +820,9 @@ function openPartitionChildEdit(targetElement, parentRoomElement, parentRoomUuid
 function openWindowEdit(targetElement, parentRoomElement, parentRoomUuid, partitionId) {
     return __awaiter(this, void 0, void 0, function* () {
         const index = targetElement.getAttribute('index');
+        const windowPathEncoded = targetElement.getAttribute('window-path');
+        const windowPathJSON = atob(windowPathEncoded);
+        const windowPath = JSON.parse(windowPathJSON);
         yield openPartitionChildEdit(targetElement, parentRoomElement, parentRoomUuid, partitionId, true);
         yield new Promise(resolve => requestAnimationFrame(resolve));
         const editBtn = document.querySelector(`#at-edit-window-btn-${index}`);
@@ -834,6 +839,17 @@ function openWindowEdit(targetElement, parentRoomElement, parentRoomUuid, partit
             editBtn.style.display = "none";
             confirmBtn.style.display = "flex";
             inputName.focus();
+            setIsEditWindow(true);
+            setCurrentEditWindowIndex(Number(index));
+            setDrawConfig('window');
+            // @ts-ignore
+            const windowComponent = {
+                inputs: {
+                    path: windowPath
+                }
+            };
+            enableVerticeControls(windowComponent);
+            setDrawingMode(true);
         }
     });
 }

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

@@ -414,7 +414,7 @@ export function renderTagRow(tag, tagIconUrl, tag_type = null) {
         <td>
             <div class="at_table_button_row">
                 <span class="mdi mdi-eye at_visibility_tag_btn ${isGenerallyDisabled ? 'at_disabled' : ''}" id="at-visibility-tag-${tag.id}" data-cy="at-visibility-tag-${tag.id}" tag-id="${tag.id}" tag-id="${tag.id}"></span>
-                <span class="mdi mdi-pencil at_edit_tag_btn ${isGenerallyDisabled ? 'at_disabled' : ''}" id="at-edit-tag-${tag.id}" data-cy="at-edit-tag-${tag.id}" tag-id="${tag.id}" target-pane="at-tag-form-pane"></span>
+                <span class="mdi mdi-pencil at_edit_tag_btn ${isGenerallyDisabled ? 'at_disabled' : ''}" id="at-edit-tag-${tag.id}" data-cy="at-edit-tag-${tag.id}" tag-id="${tag.id}" target-pane="${isIoT ? 'at-tag-iot-form-pane' : 'at-tag-form-pane'}"></span>
                 <span class="mdi mdi-content-copy at_copy_tag_btn ${isTagReadOnly ? 'at_disabled' : ''} id="at-edit-tag-${tag.id}""  id="at-copy-tag-${tag.id}" data-cy="at-copy-tag-${tag.id}" tag-id="${tag.id}"></span>
                 <span class="mdi mdi-message at_message_tag_btn ${isIoT ? 'at_hidden' : ''}" id="at-message-tag-${tag.id}"  data-cy="at-message-tag-${tag.id}" tag-id="${tag.id}" target-pane="at-tag-messaging-pane"></span>
                 <span class="mdi mdi-map-marker at_locate_tag_btn ${!isIoT ? 'at_hidden' : ''} ${isIotTagReadOnly ? 'at_disabled' : ''}" id="at-relocate-tag-${tag.id}"  data-cy="at-relocate-tag-${tag.id}" tag-id="${tag.id}"></span>

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, clearActiveMenu, 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, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, toggleVisibilityTag, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects, partitionHistory,
+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, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, toggleVisibilityTag, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects, partitionHistory, _thisVertexPath,
 // polygonHistory
  } from "../architwin";
 import { Notyf } from 'notyf';
@@ -26,7 +26,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, highlightSelectedPartitionChild, highlightSelectedWindow, getRoomData } from "./components/toolbar/spacePartition/roomTreePane";
-import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getIsDrawing, getDrawingMode, getCurrentPolygonData, setTempCurrentRoomEditData, toggleUndoRedoButtons, getCurrentWall, currentWindow } from "./components/toolbar/spacePartition/roomFormPane";
+import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getIsDrawing, getDrawingMode, getCurrentPolygonData, setTempCurrentRoomEditData, toggleUndoRedoButtons } from "./components/toolbar/spacePartition/roomFormPane";
 import { actionSettingsSelectOption, getTempCoordinateSystem, getTempMeasurementUnit, getTempRotationUnit, setCoordinateSystem, setMeasurementUnit, setRotationUnit, initSettingsValues, setTempCoordinateSystem, setTempMeasurementUnit, setTempRotationUnit, toggleActionSettingsDropdown, toggleCalibrateBasepoint, setScaleFactor, getTempScaleFactor, setTempScaleFactor, setBasepoint, getTempBasepoint, setTempBasepoint, getBasepoint, toggleActionSettings, getBasepointObjectPayload, displayConvertedCoordinates, getCoordinateSystem, getScaleFactor, getMeasurementUnit, getRotationUnit, setBasepointObjectPayload } from "./components/toolbar/actionSettingsPane";
 import { getBasepointCalibrateBpCoordinateValues, getBasepointCalibrateMpCoordinateValues, initBsepointCalibratePane, toggleBasepointCalibratePane } from "./components/toolbar/basepointCalibratePane";
 import { toggleGeneralMapOptions, initGeneralSelectedMap, getSelectedMapOption } from './components/toolbar/generalSettingsMenuPane';
@@ -40,7 +40,6 @@ import { PipeForm } from "./components/toolbar/pipeFormPane";
 import { toggleIoTCategoryOptions, toggleIoTDevicesOptions, setSelectedIoTSystemRadio, clearIoTDropdowns, initIoTFormData, setIotCategoryOptions, getIotTagFormData, iotTagFormMode, selectedIotTag, clearIotFields, getIotCategoryOption } from './components/toolbar/tagIotFormPane';
 import { getTheseTagMessages, timedoutComment, unsendComment } from "./components/toolbar/tagMessagingPane";
 import { handleScreenShareResponsiveChanges, handleScreenShareAcceptRequest, handleScreenShareBackUserListPane, handleScreenShareEndSessionEvent, handleScreenShareUsersUpdated, renderScreenShareLeaveConfirmationModal } from "./components/toolbar/screenSharePane";
-import _ from "lodash";
 const pipeList = new PipeList();
 const pipeForm = new PipeForm();
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
@@ -1584,28 +1583,9 @@ function setupSpaceEventSubscriptions() {
 }
 function handleVertexDragEnd(payload) {
     log.info("handleVertexDragEnd()", payload);
-    setCurrentPartitionData();
     if (isToolbarFeatureEnabled("roomCreation")) {
-        let data;
-        const currentPartitionData = _.cloneDeep(getCurrentPartitionData());
-        const currentPolygonData = _.cloneDeep(getCurrentPolygonData());
-        const currentWall = getCurrentWall();
-        const wallIndex = currentPolygonData.walls.findIndex(w => w.uuid == currentWall.uuid);
-        if (currentPartitionData) {
-            data = {
-                polygon: {
-                    uuid: currentPartitionData.uuid,
-                    polygon_json: currentPolygonData
-                },
-                verticePath: currentPolygonData.walls[wallIndex].windows[currentWindow.index].path
-            };
-            partitionHistory.addToHistory(JSON.parse(JSON.stringify(data)));
-        }
-        log.info("all history", partitionHistory.getAllHistory());
+        partitionHistory.addToHistory([..._thisVertexPath]);
     }
-    // partitionHistory.addToHistory(data)
-    // polygonHistory.addToHistory(payload)
-    // toggleUndoRedoButtons(polygonHistory.canUndo(), polygonHistory.canRedo())
 }
 function handlePartitionColiderClickSelected(payload) {
     return __awaiter(this, void 0, void 0, function* () {
@@ -1678,6 +1658,9 @@ function handleDragEnd(payload) {
 function handleVertexPlace(payload) {
     console.log("handleVertexPlace ==>", payload);
     if (isToolbarFeatureEnabled('roomCreation')) {
+        if (payload.path.length <= 2) {
+            setPolygonData(undefined);
+        }
         toggleUndoRedoButtons(partitionHistory.canUndo(), partitionHistory.canRedo());
     }
     if (isToolbarFeatureEnabled('pipe')) {
@@ -1685,6 +1668,7 @@ function handleVertexPlace(payload) {
     }
 }
 function handlePathUpdated(payload) {
+    log.info("handlePathUpdated", payload);
     setVertexPath(payload.path);
     handleVertexPlace(payload);
 }
@@ -2551,7 +2535,7 @@ function handleFloorLevelInputChange() {
             notyf.success(`${i18n.t('SuccessBaseHeight')}`);
             const objects = get3DXObjects();
             const latestObj = objects[objects.length - 1];
-            const currentPartitionData = getCurrentEditRoomData();
+            const currentPartitionData = getCurrentPartitionData();
             const currentPolygon = getCurrentPolygon();
             log.info("latestObj ", latestObj);
             if (currentPartitionData) {
@@ -2567,7 +2551,7 @@ function handleFloorLevelInputChange() {
                         return path;
                     });
                     renderPolygon(updatedPath);
-                    notyf.success("Updated the partition's floor level");
+                    notyf.success(`${i18n.t('SuccessUpdatedFloorLevel')}`);
                 }
                 else {
                     log.error("No matching uuid for the polygon");
@@ -2582,7 +2566,7 @@ function handleFloorLevelInputChange() {
                     return path;
                 });
                 renderPolygon(updatedPath);
-                notyf.success("Updated the partition's floor level");
+                notyf.success(`${i18n.t('SuccessUpdatedFloorLevel')}`);
             }
             else {
                 log.warn("currentPartitionData and latestObj value is undefined or its type is not valid");
@@ -2604,7 +2588,7 @@ function handleMarkFloor() {
             });
             yield getTargetPosition((coord) => {
                 const objects = get3DXObjects();
-                const currentPartitionData = getCurrentEditRoomData();
+                const currentPartitionData = getCurrentPartitionData();
                 const currentPolygon = getCurrentPolygon();
                 log.info("coord ", coord);
                 if (coord.y < -1) {
@@ -2621,6 +2605,7 @@ function handleMarkFloor() {
                         partitionsUUIDs = currentPartitionData.children.map(child => child.uuid);
                         const target = objects.find(obj => partitionsUUIDs.includes(obj.object.object_data.uuid));
                         if (target) {
+                            setSelectedObject(target.object, target.node, target.component, target.type);
                             const polyJson = target.object.object_data.json_data;
                             const updatedPath = polyJson.path.map(path => {
                                 path.y = adjustedHeight;
@@ -2635,13 +2620,14 @@ function handleMarkFloor() {
                     }
                     else if (currentPolygon) {
                         //setSelectedObject(currentPolygon.object,currentPolygon.node,currentPolygon.component,currentPolygon.type)
+                        setSelectedObject(currentPolygon.object, currentPolygon.node, currentPolygon.component, currentPolygon.type);
                         const polyJson = currentPolygon.object.object_data.json_data;
                         const updatedPath = polyJson.path.map(path => {
                             path.y = adjustedHeight;
                             return path;
                         });
                         renderPolygon(updatedPath);
-                        notyf.success("Updated the partition's floor level");
+                        notyf.success(`${i18n.t('SuccessUpdatedFloorLevel')}`);
                     }
                     else {
                         log.warn("currentPolygon is undefined");

package/lib/loaders/planeGeometry2.js

@@ -539,10 +539,10 @@ class PlaneVideo {
                 });
                 // socketEmit({socketEvent: IO_SPACE_EVENTS.MEDIA_SCREEN, data: {event: IO_MEDIASCREEN_EVENTS.PAUSE, mediaViewerId: this.inputs.mediaViewerId }})
             }
-            else if (this.audio === 'unmuted' && eventData['collider'].name == 'muteBtn') {
+            else if (this.audio === 'unmuted' && eventData['collider'].name == 'unmuteBtn') {
                 this.planeElement.muted = true;
-                this.muteButtonModel.visible = false;
-                this.unmuteButtonModel.visible = true;
+                this.muteButtonModel.visible = true;
+                this.unmuteButtonModel.visible = false;
                 this.audio = 'muted';
                 const { duration, currentTime } = getVideoMetadata(this.planeElement);
                 dispatchSpaceEvent(SPACE_EVENTS.MEDIA_MUTE, {
@@ -555,10 +555,10 @@ class PlaneVideo {
                 });
                 // socketEmit({socketEvent: IO_SPACE_EVENTS.MEDIA_SCREEN, data: {event: IO_MEDIASCREEN_EVENTS.MUTE, mediaViewerId: this.inputs.mediaViewerId }})
             }
-            else if (this.audio === 'muted' && eventData['collider'].name == 'unmuteBtn') {
+            else if (this.audio === 'muted' && eventData['collider'].name == 'muteBtn') {
                 this.planeElement.muted = false;
-                this.muteButtonModel.visible = true;
-                this.unmuteButtonModel.visible = false;
+                this.muteButtonModel.visible = false;
+                this.unmuteButtonModel.visible = true;
                 this.audio = 'unmuted';
                 const { duration, currentTime } = getVideoMetadata(this.planeElement);
                 dispatchSpaceEvent(SPACE_EVENTS.MEDIA_UNMUTE, {
@@ -692,6 +692,7 @@ class PlaneVideo {
             transparent: true,
             alphaTest: 0.5
         }));
+        this.muteButtonModel.visible = false;
         this.muteButtonModel.name = "muteBtn";
         this.mesh.add(this.muteButtonModel);
     }
@@ -707,7 +708,6 @@ class PlaneVideo {
             transparent: true,
             alphaTest: 0.5
         }));
-        this.unmuteButtonModel.visible = false;
         this.unmuteButtonModel.name = "unmuteBtn";
         this.mesh.add(this.unmuteButtonModel);
     }

package/lib/loaders/polydrawerLoader.js

@@ -63,7 +63,9 @@ export class TubeLine {
                 //this.renderGUI();
             }
             if (this.inputs.path.length > 1) {
-                this.renderTubeLine();
+                if (isToolbarFeatureEnabled('pipes')) {
+                    this.renderTubeLine();
+                }
             }
         };
         this.onInputsUpdated = (prevInputs) => {

package/package.json

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