architwin 1.15.4 → 1.15.6

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

@@ -387,14 +387,14 @@ i18n
                 "SuccessPartitionDelete": "削除しました",
                 "NoPartitionDeleted": "削除できる区画がありません",
                 "Saving": "保存",
-                "DeletePartition": "パーティション削除",
+                "DeletePartition": "区画削除",
                 "ModifyPartition": "パーティションの変更",
                 "InvalidNaN": "値が不正です。正しい数値を入力してくさい。",
                 "CannotPlaceInArea": "ここには設定できません。位置を変えて試してください。",
                 "SuccessWallHeight": "壁の高さが正常に更新されました",
                 "Edge": "辺長",
                 "Area": "面積",
-                "DeleteWall": "ウォール削除",
+                "DeleteWall": "壁削除",
                 "SuccessWallDelete": "削除しました",
                 "WarnLowFloor": "Tマークされたエリアは、スペースの床よりも低い場合があります",
                 "Settings": "BIM/CAD設定",

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

@@ -13,7 +13,7 @@ export function renderPreviewModal() {
     element.setAttribute('id', 'at-preview-modal-overlay');
     element.setAttribute('data-cy', 'at-preview-modal-overlay');
     element.innerHTML = `
-        <div class="at_preview_modal">
+        <div class="at_preview_modal" id="at-preview-modal">
             <div class="at_preview_modal-header">
                 <h2 class="at_preview_modal-title" id="at-preview-modal-content-heading" data-cy="at-preview-modal-content-heading"></h2>
                 <button class="at_preview_modal-close-btn" data-cy="at-preview-modal-close-btn">&times;</button>
@@ -22,6 +22,14 @@ export function renderPreviewModal() {
                 <div class="at_preview_modal-content" id="at-preview-modal-content-subheading" data-cy="at-preview-modal-content-subheading">
                 </div>
             </div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--top" data-resize-direction="top"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--right" data-resize-direction="right"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--bottom" data-resize-direction="bottom"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--left" data-resize-direction="left"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--top-left" data-resize-direction="top-left"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--top-right" data-resize-direction="top-right"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--bottom-left" data-resize-direction="bottom-left"></div>
+            <div class="at_preview_modal-resize-handle at_preview_modal-resize-handle--bottom-right" data-resize-direction="bottom-right"></div>
         </div>
     `;
     document.body.appendChild(element);

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

@@ -1,5 +1,7 @@
-import { FORM_MODE, PartitionNode, PolygonData, IObjectData } from "../../../../types";
+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;
 export declare function renderRoomFormPane(): HTMLDivElement;
 /**
  * Toggles the state of the partition drawing functionality.
@@ -30,6 +32,7 @@ export declare function displayPartitionFormMode(): void;
  * @param event - The click event from the edit button, used to identify which partition to edit
  */
 export declare function handlePartitionRowEditBtnClickEvent(partitions: Array<PartitionNode>, targetElement: HTMLElement): void;
+export declare function displayWall(wall: WallPolyData): HTMLElement;
 /**
  * Clears the partition form by resetting UI elements and internal data.
  * - Navigates back to the partition list view.
@@ -103,6 +106,8 @@ export declare function getCurrentPolygonData(): PolygonData;
  * partition with its corresponding UUID, space UUID, and polygon data.
  */
 export declare function setCurrentPartitionData(): Promise<void>;
+export declare function removeWindow(index?: number): void;
+export declare function toggleUndoRedoButtons(undo: boolean, redo: boolean): void;
 export declare function getCurrentPartitionData(): PartitionNode;
 export declare function getNewlyAddedPartition(): Array<PartitionNode>;
 export declare function getDeletedSavedPartitionArray(): Array<PartitionNode>;
@@ -119,3 +124,4 @@ export declare function setPreviousPartitionData(payload: PartitionNode): void;
 export declare function handlePartitionWallEditBtn(wallUuid: string): Promise<void>;
 export declare function getTempCurrentRoomEditData(): Array<PartitionNode>;
 export declare function setTempCurrentRoomEditData(roomEditData: Array<PartitionNode>): void;
+export declare function getCurrentWall(): WallPolyData;

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, renderPolygon, addUndoDrawActions, setWallBaseHeight, clearWallBaseHeight, setDrawingConfig, resetDrawingConfig, goToPosition, clearFloorBaseHeight } from '../../../../architwin';
+import { startDraw, cancelDraw, disposeModel, _3DXObjects, getCurrentPolygon, dispatchSpaceEvent, enableVerticeControls, setCurrentPolygon, setMeshChildrenMaterialProperty, get3DXObjects, getChildrenOfModel, clearSelectedObject, renderPolygon, setWallBaseHeight, clearWallBaseHeight, setDrawingConfig, resetDrawingConfig, goToPosition, partitionHistory } from '../../../../architwin';
 import { generateUUID, extractUUID } from '../../../../utils';
 import { getCurrentEditRoomData } from './roomTreePane';
 import { toggleModal, setModalAction } from "../modal";
@@ -42,7 +42,8 @@ let floorMaterial = '';
 let inputWallMaterial;
 let wallMaterial = '';
 export let isEditWindow = false;
-let currentEditWindowIndex = null;
+export let currentEditWindowIndex = null;
+export let currentWindow = null;
 let tempCurrentEditRoom = null;
 export function renderRoomFormPane() {
     log.info("__@ renderRoomFormPane: ", roomFormMode);
@@ -211,10 +212,6 @@ export function toggleDrawPartitionButton() {
         const vertexList = document.getElementById('at-face-vertex-container');
         const partitionNameInput = document.getElementById('at-edit-partition-name-input');
         partitionNameInput.value = '';
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        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();
@@ -231,6 +228,7 @@ export function toggleDrawPartitionButton() {
         isEditPartition = false;
         previousPartitionData = null;
     }
+    // toggleUndoRedoButtons(false, false)
 }
 export function toggleDrawWindowButton() {
     var _a, _b;
@@ -251,7 +249,6 @@ export function toggleDrawWindowButton() {
         }
         const objectIndex = _3DXObjects.findIndex(obj => obj.object.id == currentObject.object.id);
         log.info("objectIndex", objectIndex);
-        clearFloorBaseHeight();
         drawingConfig = {
             lineTypeComponentConfig: {
                 renderPolygonOnAdd: false,
@@ -302,6 +299,7 @@ export function toggleDrawWindowButton() {
             }
         }
     }
+    // toggleUndoRedoButtons(false, false)
 }
 /**
  * Displays the partition form based on the current form mode.
@@ -339,12 +337,12 @@ function populatePartitionForm(partition) {
     const memo = document.getElementById('at-room-memo-input');
     if (partition.polygon_json != null) {
         memo.value = JSON.parse(partition.polygon_json).memo;
+        floorLevel.value = JSON.parse(partition.polygon_json).floor_level;
     }
     // Display Partitions
     currentPartitionDataArray = partition.children;
     savedPartitionDataArray = partition.children;
     if (currentPartitionDataArray.length !== 0) {
-        floorLevel.value = JSON.parse(partition.children[0].polygon_json).floor.floor_level;
         wallheight.value = JSON.parse(partition.children[0].polygon_json).walls[0].wall_height;
         displayPartitions(currentPartitionDataArray);
     }
@@ -699,14 +697,6 @@ function displayFaces(polygon) {
             console.log("renderPolygon:", payload, getCurrentPolygon());
             // 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')}`);
         }));
@@ -798,7 +788,7 @@ function displayFaces(polygon) {
         wallConfirmMaterial.style.display = "inline-flex";
     });
 }
-function displayWall(wall) {
+export function displayWall(wall) {
     log.info("displayWall()", wall);
     // Extract the wall name from the format "_wall-{number}" using regex
     const match = wall.name.match(/wall-(\d+)$/);
@@ -929,6 +919,7 @@ 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) {
@@ -965,6 +956,17 @@ 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)
     });
     // // Confirm edit name and material
     confirmBtn.addEventListener("click", () => {
@@ -998,6 +1000,8 @@ function setupEditWindow(element, window) {
         saveWallChanges();
         isDrawing = false;
         isEditWindow = false;
+        partitionHistory.clearHistory();
+        // toggleUndoRedoButtons(false, false)
     });
 }
 function saveWallChanges() {
@@ -1161,7 +1165,7 @@ function displayFloor(floor, walls, floorModel) {
                 <span class="mdi mdi-chevron-up" id="at-expand-btn-${floor.uuid}" data-cy="at-expand-btn-${floor.uuid}" model-id="${floorModelUUID}"></span>
             </div>
             <div class="at_subitem_right">
-                <span class="mdi mdi-delete-outline"></span>
+                <!-- <span class="mdi mdi-delete-outline"></span> -->
             </div>
         </div>
     
@@ -1365,17 +1369,17 @@ export function getPartitionFormData() {
     const name = ((_a = document.getElementById('at-room-name-input')) === null || _a === void 0 ? void 0 : _a.value) || null;
     const wallheight = ((_b = document.getElementById('at-room-wall-height-input')) === null || _b === void 0 ? void 0 : _b.value) || null;
     const floorLevel = ((_c = document.getElementById('at-room-floor-level-input')) === null || _c === void 0 ? void 0 : _c.value) || null;
-    let memo = ((_d = document.getElementById('at-room-memo-input')) === null || _d === void 0 ? void 0 : _d.value) || null;
+    const memo = ((_d = document.getElementById('at-room-memo-input')) === null || _d === void 0 ? void 0 : _d.value) || null;
     const currentUrl = window.location.href;
     const spaceUUID = extractUUID(currentUrl);
     let payload = {
         space_uuid: spaceUUID,
         name: name,
         parent_uuid: null,
-        polygon_json: JSON.stringify({ memo: memo }),
+        polygon_json: JSON.stringify({ memo: memo, floor_level: Number(floorLevel) }),
         children: currentPartitionDataArray,
     };
-    if (!memo) {
+    if (!memo && !floorLevel) {
         payload.polygon_json = null;
     }
     currentPartitionDataArray.forEach(partition => {
@@ -1391,7 +1395,7 @@ export function getPartitionFormData() {
         currentEditRoomData.children = currentPartitionDataArray;
         payload = currentEditRoomData;
         payload.name = name;
-        payload.polygon_json = JSON.stringify({ memo: memo });
+        payload.polygon_json = JSON.stringify({ memo: memo, floor_level: Number(floorLevel) });
     }
     return payload;
 }
@@ -1522,7 +1526,7 @@ export function setCurrentPartitionData() {
                 if (drawingMode === 'partition') {
                     displayFaceLists();
                     currentObject = currentObjectData;
-                    log.info("JAMES currentObject", currentObject);
+                    log.info("currentObject", currentObject);
                 }
             }, 50); // Check every 50ms
         });
@@ -1628,10 +1632,6 @@ function onModeDetectFloorInput(event) {
         floorConfirmMaterial.style.display = "none";
     }
 }
-function setFloorMaterial(material) {
-    console.log('setFloorMaterial()', material);
-    floorMaterial = material;
-}
 function onModeDetectWallInput(event) {
     console.log('onModeDetectWallInput()', event);
     const target = event.target;
@@ -1648,6 +1648,40 @@ function onModeDetectWallInput(event) {
         wallConfirmMaterial.style.display = "none";
     }
 }
+export function removeWindow(index = -1) {
+    if (index <= -1) {
+        currentWall.windows.pop();
+    }
+    else {
+        currentWall.windows.splice(index, 1);
+    }
+    const faceVertexContainer = document.getElementById('at-face-vertex-container');
+    faceVertexContainer.innerHTML = '';
+    faceVertexContainer.append(displayWall(currentWall));
+}
+export function toggleUndoRedoButtons(undo, redo) {
+    console.log("toggleUndoRedoButtons", undo, redo);
+    if (!undo) {
+        const undoBtn = document.getElementById('at-draw-undo-btn');
+        undoBtn.classList.add('at_disabled');
+    }
+    else {
+        const undoBtn = document.getElementById('at-draw-undo-btn');
+        undoBtn.classList.remove('at_disabled');
+    }
+    if (!redo) {
+        const redoBtn = document.getElementById('at-draw-redo-btn');
+        redoBtn.classList.add('at_disabled');
+    }
+    else {
+        const redoBtn = document.getElementById('at-draw-redo-btn');
+        redoBtn.classList.remove('at_disabled');
+    }
+}
+function setFloorMaterial(material) {
+    console.log('setFloorMaterial()', material);
+    floorMaterial = material;
+}
 function setWallMaterial(material) {
     console.log('setWallMaterial()');
     wallMaterial = material;
@@ -1782,3 +1816,6 @@ export function getTempCurrentRoomEditData() {
 export function setTempCurrentRoomEditData(roomEditData) {
     tempCurrentEditRoom = roomEditData;
 }
+export function getCurrentWall() {
+    return currentWall;
+}

package/lib/atwinui/events.js

@@ -8,7 +8,9 @@ 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, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects } 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, _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, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects, partitionHistory,
+// polygonHistory
+ } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS, sortTagOptions, sortObjectOptions, CUSTOM_MAP_MODE, TAG_TYPE } from "../types";
@@ -24,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 } from "./components/toolbar/spacePartition/roomFormPane";
+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 { 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';
@@ -38,6 +40,7 @@ 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;
@@ -530,6 +533,7 @@ function setupIndividualEventListeners() {
     handlePipeForm();
     handlePipeList();
     handleResponsiveChanges();
+    handlePreviewModalResize();
 }
 //================ OBJECT EVENT HANDLERS ===============//s
 function handleResponsiveChanges() {
@@ -1504,9 +1508,8 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.TAGPLACER_CREATED, handleTagPlacerCreated);
     subscribeSpaceEvent(SPACE_EVENTS.UPDATE_ROOM_TREE, handleUpdateRoomTree);
     subscribeSpaceEvent(SPACE_EVENTS.PARTITION_CLICKED, handlePartitionSelected);
-    subscribeSpaceEvent(SPACE_EVENTS.VERTEX_DRAG_END, setCurrentPartitionData);
+    subscribeSpaceEvent(SPACE_EVENTS.VERTEX_DRAG_END, handleVertexDragEnd);
     subscribeSpaceEvent(SPACE_EVENTS.VERTEX_PLACED, handleVertexPlace);
-    subscribeSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, handleDrawHistory);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOADED, handleCustomMapFloorImageUploaded);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOAD_FAILED, handleCustomMapFloorUploadFailed);
     subscribeSpaceEvent(SPACE_EVENTS.TAG_SANDBOX_REGISTERED, handleSandboxRegistered);
@@ -1517,6 +1520,31 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_ACCEPT_REQUEST, handleScreenShareAcceptRequest);
     subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_BACK_USER_LIST_PANE, handleScreenShareBackUserListPane);
 }
+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(data)
+    // polygonHistory.addToHistory(payload)
+    // toggleUndoRedoButtons(polygonHistory.canUndo(), polygonHistory.canRedo())
+}
 function handlePartitionColiderClickSelected(payload) {
     return __awaiter(this, void 0, void 0, function* () {
         const polygonId = extractUUID(payload.collider.name);
@@ -1585,43 +1613,10 @@ function handleDragEnd(payload) {
     };
     setCurrentTransformationValues(transformValues);
 }
-function handleDrawHistory(payload) {
-    console.log("payload", payload);
-    const undoCount = (payload.undoDrawActions).length;
-    const redoCount = (payload.redoDrawActions).length;
-    if (undoCount == 0) {
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.add('at_disabled');
-    }
-    else {
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.remove('at_disabled');
-    }
-    if (redoCount == 0) {
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.add('at_disabled');
-    }
-    else {
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.remove('at_disabled');
-    }
-    console.log("undoCount", undoCount);
-    console.log("redoCount", redoCount);
-}
 function handleVertexPlace(payload) {
     console.log("handleVertexPlace ==>", payload);
     if (isToolbarFeatureEnabled('roomCreation')) {
-        log.info("getDrawingMode()", getDrawingMode());
-        if (getDrawingMode() === 'window') {
-            log.info("current polygon", getCurrentPolygon());
-        }
-        if (getDrawingMode() === 'partition') {
-            // setCurrentPartitionData()
-        }
-        const undoBtn = document.getElementById('at-draw-undo-btn');
-        undoBtn.classList.remove('at_disabled');
-        const redoBtn = document.getElementById('at-draw-redo-btn');
-        redoBtn.classList.add('at_disabled');
+        toggleUndoRedoButtons(partitionHistory.canUndo(), partitionHistory.canRedo());
     }
     if (isToolbarFeatureEnabled('pipe')) {
         pipeForm.setPipeVertices(payload.path);
@@ -2337,11 +2332,6 @@ function handleCancelPartition() {
         clearSelectedObject();
         clearFloorBaseHeight();
         toggleDisplayPane('at-cancel-room-form-btn');
-        const drawHistory = {
-            redoDrawActions: [],
-            undoDrawActions: [],
-        };
-        handleDrawHistory(drawHistory);
     }));
 }
 /**
@@ -3896,6 +3886,95 @@ function clearActivePane() {
         paneElement.style.display = 'none';
     }
 }
+function handlePreviewModalResize() {
+    const modal = document.getElementById('at-preview-modal');
+    const resizeHandles = document.querySelectorAll('.at_preview_modal-resize-handle');
+    if (!modal || !resizeHandles.length)
+        return;
+    let isResizing = false;
+    let currentHandle = null;
+    let startX = 0;
+    let startY = 0;
+    let startWidth = 0;
+    let startHeight = 0;
+    let startLeft = 0;
+    let startTop = 0;
+    const minWidth = 400;
+    const minHeight = 300;
+    const maxWidth = window.innerWidth * 0.95;
+    const maxHeight = window.innerHeight * 0.95;
+    resizeHandles.forEach((handle) => {
+        handle.addEventListener('mousedown', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            isResizing = true;
+            currentHandle = handle;
+            startX = e.clientX;
+            startY = e.clientY;
+            const rect = modal.getBoundingClientRect();
+            startWidth = rect.width;
+            startHeight = rect.height;
+            startLeft = rect.left;
+            startTop = rect.top;
+            document.body.style.cursor = window.getComputedStyle(handle).cursor;
+            document.body.style.userSelect = 'none';
+        });
+    });
+    document.addEventListener('mousemove', (e) => {
+        if (!isResizing || !currentHandle)
+            return;
+        const direction = currentHandle.getAttribute('data-resize-direction');
+        const deltaX = e.clientX - startX;
+        const deltaY = e.clientY - startY;
+        let newWidth = startWidth;
+        let newHeight = startHeight;
+        let newLeft = startLeft;
+        let newTop = startTop;
+        // Handle horizontal resizing
+        if (direction === null || direction === void 0 ? void 0 : direction.includes('right')) {
+            newWidth = Math.max(minWidth, Math.min(maxWidth, startWidth + deltaX));
+            // Don't change left position for right resize
+        }
+        else if (direction === null || direction === void 0 ? void 0 : direction.includes('left')) {
+            const potentialWidth = startWidth - deltaX;
+            if (potentialWidth >= minWidth && potentialWidth <= maxWidth) {
+                newWidth = potentialWidth;
+                newLeft = startLeft + deltaX;
+            }
+        }
+        // Handle vertical resizing
+        if (direction === null || direction === void 0 ? void 0 : direction.includes('bottom')) {
+            newHeight = Math.max(minHeight, Math.min(maxHeight, startHeight + deltaY));
+        }
+        else if (direction === null || direction === void 0 ? void 0 : direction.includes('top')) {
+            const potentialHeight = startHeight - deltaY;
+            if (potentialHeight >= minHeight && potentialHeight <= maxHeight) {
+                newHeight = potentialHeight;
+                newTop = startTop + deltaY;
+            }
+        }
+        // Apply new dimensions
+        modal.style.width = `${newWidth}px`;
+        modal.style.height = `${newHeight}px`;
+        modal.style.maxWidth = `${newWidth}px`;
+        modal.style.maxHeight = `${newHeight}px`;
+        // For top/left resizing, we need to reposition the modal
+        if ((direction === null || direction === void 0 ? void 0 : direction.includes('left')) || (direction === null || direction === void 0 ? void 0 : direction.includes('top'))) {
+            modal.style.position = 'fixed';
+            modal.style.left = `${newLeft}px`;
+            modal.style.top = `${newTop}px`;
+            modal.style.transform = 'none';
+        }
+    });
+    document.addEventListener('mouseup', () => {
+        if (isResizing) {
+            isResizing = false;
+            currentHandle = null;
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+        }
+    });
+}
 export { 
 //state
 activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, 

package/lib/loaders/polydrawerLoader.d.ts

@@ -76,6 +76,7 @@ export declare class Vertice {
     texture: THREE.CanvasTexture;
     pointerSub: MpSdk.ISubscription;
     pointerIntersection: MpSdk.Pointer.Intersection;
+    cachedWallNormal: THREE.Vector3 | null;
     constructor(mpSdk: MpSdk);
     inputs: {
         index: any;
@@ -98,6 +99,7 @@ export declare class Vertice {
         'INTERACTION.HOVER': boolean;
     };
     onInputsUpdated: (prevInputs: any) => void;
+    calculateWallNormalFromVertices(): THREE.Vector3 | null;
     onEvent(eventType: any, data: any): void;
     onInit: () => void;
     renderVertice: (hovered?: boolean) => void;