architwin 1.14.12 → 1.14.14

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { getBundleVersion, extractUUID } from "../../../../utils";
-import { batchAddEventListenerByClassName, handleDeletePartition, handlePartitionVisibility, handlePolygonVisibility, toggleDisplayPane } from "../../../events";
+import { batchAddEventListenerByClassName, handleDeletePartition, handlePartitionVisibility, handlePolygonVisibility, handleWindowVisibility, toggleDisplayPane } from "../../../events";
 import i18n from "../i18n";
 import { getCurrentPolygonData, handlePartitionRowEditBtnClickEvent, handlePartitionWallEditBtn, setPartitionFormMode } from "./roomFormPane";
 import { SPACE_EVENTS } from "../../../../types";
@@ -209,23 +209,33 @@ export function displayPartitionItems(partitionItems, partitionId, object, paren
     // Check if item is an array, e.g.: walls
     if (Array.isArray(partitionItems)) {
         // This is for the walls
-        partitionItems.forEach((item, index) => {
-            log.info("__@ partition item: ", item);
-            if (!item.options.is_deleted) {
-                if (!item.hide) {
+        partitionItems.forEach((wall, index) => {
+            log.info("__@ partition item: ", wall);
+            if (!wall.options.is_deleted) {
+                if (!wall.hide) {
                     // Split wall name to localize
-                    const match = item.name.match(/wall-(\d+)$/);
+                    const match = wall.name.match(/wall-(\d+)$/);
                     const wallNumber = parseInt(match[1]) + 1;
-                    const isVisible = item.options.is_visible;
+                    const isVisible = wall.options.is_visible;
                     const objName = object[index].name.includes('_') ? object[index].name : `${partitionId}_${object[index].name}`;
                     log.info("__@ objName: ", objName);
-                    const wallCoords = JSON.stringify(item.edges);
+                    const wallCoords = JSON.stringify(wall.edges);
                     const wallCoordsEncoded = btoa(wallCoords);
+                    const childHTML = displayWindows(wall, partitionId, parentUuid);
+                    const haveWindows = Array.isArray(wall === null || wall === void 0 ? void 0 : wall.windows) && (wall === null || wall === void 0 ? void 0 : wall.windows.length) > 0;
                     itemsHTML += `
-                        <li wall-coords="${wallCoordsEncoded}" object-name="${objName}" partition-li-id="${partitionId}" id="partition-child-${objName}" class="at_toggle at_partition_wall_row_item">${i18n.t(`Wall`)} ${wallNumber}
-                            <div>
-                                <span id="${objName}" partition-id="${partitionId}" partition-parent-uuid="${parentUuid}" polygon-item-id="${item.uuid}" is-wall="true" class="mdi mdi-pencil at_child_edit_btn"></span>
-                                <span id="${objName}" partition-id="${partitionId}" polygon-item-id="${item.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn"></span>
+                        <li wall-coords="${wallCoordsEncoded}" object-id="${wall.uuid}" object-name="${objName}" partition-li-id="${partitionId}" id="partition-child-${objName}" class="at_partition_wall_row_item">
+                            <div class="at_partition_child_header">
+                                <div class="at_partition_child_title">
+                                    <span class="at_partition_child_expand_icon">${haveWindows ? '▶' : ''} </span> ${i18n.t(`Wall`)} ${wallNumber}
+                                </div>
+                                <div>
+                                    <span partition-id="${partitionId}" partition-parent-uuid="${parentUuid}" polygon-item-id="${wall.uuid}" is-wall="true" class="mdi mdi-pencil at_child_edit_btn"></span>
+                                    <span id="${objName}" partition-parent-uuid  partition-id="${partitionId}" polygon-item-id="${wall.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn"></span>
+                                </div>
+                            </div>
+                            <div class="at_wall_children_container at_hidden">
+                                ${childHTML}
                             </div>
                         </li>
                     `;
@@ -240,10 +250,13 @@ export function displayPartitionItems(partitionItems, partitionId, object, paren
         const floorCoordsEncoded = btoa(floorCoords);
         if (!partitionItems.hide) {
             itemsHTML += `
-            <li floor-coords="${floorCoordsEncoded}" id="partition-child-${object.name}" object-name="${object.name}" partition-li-id="${partitionId}" class="at_toggle at_partition_floor_row_item"> ${i18n.t(`Floor`)}
-                <div>
-                    <span id="${object}" partition-id="${partitionId}" partition-parent-uuid="${parentUuid}" polygon-item-id="${partitionItems.uuid}" class="mdi mdi-pencil at_child_edit_btn"></span>
-                    <span id="${object.name}" partition-id="${partitionId}"  polygon-item-id="${partitionItems.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn"></span>
+            <li floor-coords="${floorCoordsEncoded}" id="partition-child-${object.name}" object-name="${object.name}" partition-li-id="${partitionId}" class="at_toggle at_partition_floor_row_item">
+                <div class="at_partition_child_header">
+                    <div>${i18n.t(`Floor`)}</div>
+                    <div>
+                        <span partition-id="${partitionId}" partition-parent-uuid="${parentUuid}" polygon-item-id="${partitionItems.uuid}" class="mdi mdi-pencil at_child_edit_btn"></span>
+                        <span id="${object.name}" partition-id="${partitionId}" polygon-item-id="${partitionItems.uuid}" class="mdi ${isVisible ? 'mdi-eye ' : 'mdi-eye-off'} at_child_visible_btn"></span>
+                    </div>
                 </div>
             </li>
         `;
@@ -339,24 +352,29 @@ function toggleSelectedPartition() {
     }));
     batchAddEventListenerByClassName('at_child_visible_btn', (event) => __awaiter(this, void 0, void 0, function* () {
         const target = event.target;
-        handlePolygonVisibility(target.id);
+        const li = target.closest('li');
+        if (li === null || li === void 0 ? void 0 : li.getAttribute('id').toLowerCase().includes('window')) {
+            event.stopPropagation();
+            handleWindowVisibility(target);
+        }
+        else {
+            handlePolygonVisibility(target.id);
+        }
     }));
     batchAddEventListenerByClassName('at_partition_wall_row_item', (event) => __awaiter(this, void 0, void 0, function* () {
         event.stopPropagation();
-        const target = event.target;
+        const target = event.currentTarget;
         const partitionId = target.getAttribute('partition-li-id');
         const objectName = target.getAttribute('object-name');
         const wallCoordsEncoded = target.getAttribute('wall-coords');
         const wallCoordsJSON = atob(wallCoordsEncoded);
         const wallCoords = JSON.parse(wallCoordsJSON);
-        const wallBottomMidPoint = {
-            x: ((wallCoords[0].start.x + wallCoords[1].start.x + wallCoords[2].start.x + wallCoords[3].start.x) / 4),
-            y: ((wallCoords[0].start.y + wallCoords[1].start.y + wallCoords[2].start.y + wallCoords[3].start.y) / 4),
-            z: ((wallCoords[0].start.z + wallCoords[1].start.z + wallCoords[2].start.z + wallCoords[3].start.z) / 4),
-        };
         try {
+            const wallBottomMidPoint = calculateMidPoint(wallCoords);
             yield goToPosition(wallBottomMidPoint);
             highlightSelectedPartitionChild(partitionId, objectName);
+            toggleHighlightedWindowItem();
+            toggeleExpandParitionWallChild(partitionId, objectName);
         }
         catch (e) {
             log.info('goToPosition failed: ', e);
@@ -364,19 +382,15 @@ function toggleSelectedPartition() {
     }));
     batchAddEventListenerByClassName('at_partition_floor_row_item', (event) => __awaiter(this, void 0, void 0, function* () {
         event.stopPropagation();
-        const target = event.target;
+        const target = event.currentTarget;
         const partitionId = target.getAttribute('partition-li-id');
         const objectName = target.getAttribute('object-name');
         const floorCoordsEncoded = target.getAttribute('floor-coords');
         const floorCoordsJSON = atob(floorCoordsEncoded);
         const floorCoords = JSON.parse(floorCoordsJSON);
-        const wallBottomMidPoint = {
-            x: ((floorCoords[0].start.x + floorCoords[1].start.x + floorCoords[2].start.x) / 3),
-            y: ((floorCoords[0].start.y + floorCoords[1].start.y + floorCoords[2].start.y) / 3),
-            z: ((floorCoords[0].start.z + floorCoords[1].start.z + floorCoords[2].start.z) / 3),
-        };
         try {
-            yield goToPosition(wallBottomMidPoint);
+            const floorMidPoint = calculateMidPoint(floorCoords);
+            yield goToPosition(floorMidPoint);
             highlightSelectedPartitionChild(partitionId, objectName);
         }
         catch (e) {
@@ -385,40 +399,53 @@ function toggleSelectedPartition() {
     }));
     batchAddEventListenerByClassName('at_child_edit_btn', (event) => __awaiter(this, void 0, void 0, function* () {
         var _a;
+        event.stopPropagation();
         const target = event.target;
         const isWall = ((_a = target.getAttribute('is-wall')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
         const partitionId = target.getAttribute('partition-id');
         const parentRoomUuid = target.getAttribute('partition-parent-uuid');
         const parentRoom = document.getElementById(`at-room-edit-${parentRoomUuid}-btn`);
-        function openRoomEdit() {
-            highlightSelectedItem({ target: parentRoom });
-            setPartitionFormMode("EDIT" /* FORM_MODE.EDIT */);
-            setCurrentEditRoomData(`at-room-edit-${parentRoomUuid}-btn`);
-            toggleDisplayPane(`at-room-edit-${parentRoomUuid}-btn`);
-        }
-        if (parentRoom) {
-            openRoomEdit();
-            const partitionRowEdit = document.getElementById(`at-edit-partition-${partitionId}`);
-            if (partitionRowEdit) {
-                const currentEditRoomData = getCurrentEditRoomData();
-                handlePartitionRowEditBtnClickEvent(currentEditRoomData.children, partitionRowEdit);
-                if (isWall) {
-                    const polygonId = target.getAttribute('polygon-item-id');
-                    yield handlePartitionWallEditBtn(polygonId);
-                }
-            }
-            else {
-                log.warn('Partition row edit element not found');
-            }
-        }
-        else {
-            log.warn('Partition room element not found');
-        }
+        yield openPartitionChildEdit(target, parentRoom, parentRoomUuid, partitionId, isWall);
     }));
     batchAddEventListenerByClassName('at_room_delete_btn', (event) => __awaiter(this, void 0, void 0, function* () {
         const target = event.target;
         handleDeletePartition(target.id);
     }));
+    batchAddEventListenerByClassName('at_window_edit_btn', (event) => __awaiter(this, void 0, void 0, function* () {
+        event.stopPropagation();
+        const targetElement = event.target;
+        const partitionId = targetElement.getAttribute('partition-id');
+        const parentRoomUuid = targetElement.getAttribute('partition-parent-uuid');
+        const parentRoom = document.getElementById(`at-room-edit-${parentRoomUuid}-btn`);
+        const windowCoordsEncoded = targetElement.getAttribute('window-coords');
+        const windowCoordsJSON = atob(windowCoordsEncoded);
+        const windowCoords = JSON.parse(windowCoordsJSON);
+        try {
+            const windowBottomMidPoint = calculateMidPoint(windowCoords);
+            yield goToPosition(windowBottomMidPoint);
+            yield openWindowEdit(targetElement, parentRoom, parentRoomUuid, partitionId);
+        }
+        catch (e) {
+            log.info('goToPosition failed: ', e);
+        }
+    }));
+    batchAddEventListenerByClassName('at_wall_window_row_item', (event) => __awaiter(this, void 0, void 0, function* () {
+        event.stopPropagation();
+        const targetElement = event.currentTarget;
+        const wallUuid = targetElement.getAttribute('wall-id');
+        const windowIndex = targetElement.getAttribute('window-index');
+        const windowCoordsEncoded = targetElement.getAttribute('window-coords');
+        const windowCoordsJSON = atob(windowCoordsEncoded);
+        const windowCoords = JSON.parse(windowCoordsJSON);
+        try {
+            const windowBottomMidPoint = calculateMidPoint(windowCoords);
+            yield goToPosition(windowBottomMidPoint);
+            highlightSelectedWallWindow(wallUuid, windowIndex);
+        }
+        catch (e) {
+            log.info('goToPosition failed: ', e);
+        }
+    }));
 }
 /**
  * Highlights the selected item based on the triggered event.
@@ -666,13 +693,148 @@ export function updateRoomVisibilityUI(parentId, isVisible) {
     }
 }
 /**
- * Highlights the selected child element within a partition by toggling CSS classes.
+ * Highlights the selected child element and toggle expand indicator within a partition by toggling CSS classes.
  * @param partitionId - The unique identifier of the partition containing the child elements
  * @param name - The specific name/identifier of the child element to highlight
  */
 export function highlightSelectedPartitionChild(partitionId, name) {
     const partitionChildren = document.querySelectorAll(`li[partition-li-id="${partitionId}"]`);
-    partitionChildren.forEach(el => {
-        el.classList.toggle('selected', el.id === `partition-child-${name}`);
+    const targetId = `partition-child-${name}`;
+    partitionChildren.forEach((partitionChild) => {
+        const isSelected = partitionChild.id === targetId;
+        const header = partitionChild.querySelector('.at_partition_child_header');
+        if (header) {
+            header.classList.toggle('selected', isSelected);
+            const arrow = header.querySelector('.at_partition_child_expand_icon');
+            if (arrow && arrow.textContent) {
+                // Use replace to only affect elements that have arrows
+                if (isSelected) {
+                    arrow.textContent = arrow.textContent.replace('▶', '▼');
+                }
+                else {
+                    arrow.textContent = arrow.textContent.replace('▼', '▶');
+                }
+            }
+        }
     });
 }
+export function toggeleExpandParitionWallChild(partitionId, name) {
+    const partitionChildren = document.querySelectorAll(`li[partition-li-id="${partitionId}"]`);
+    const targetId = `partition-child-${name}`;
+    partitionChildren.forEach((partitionChild) => {
+        const isSelected = partitionChild.id === targetId;
+        const listContainer = partitionChild.querySelector('.at_wall_children_container');
+        if (listContainer) {
+            if (isSelected) {
+                listContainer.classList.toggle('at_hidden');
+            }
+            else {
+                listContainer.classList.add('at_hidden');
+            }
+        }
+    });
+}
+function displayWindows(wall, partitionId, parentId) {
+    const windows = wall.windows;
+    let itemsHTML = '';
+    if (Array.isArray(windows)) {
+        windows.forEach((window) => {
+            if (!window.options.is_deleted) {
+                const windowCoords = JSON.stringify(window.edges);
+                const windowCoordsEncoded = btoa(windowCoords);
+                itemsHTML += `
+                    <li window-coords="${windowCoordsEncoded}" id="window-${wall.uuid}-${window.index}" wall-id="${wall.uuid}" window-name="${window.name}" window-index="${window.index}" class="at_wall_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 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>
+                `;
+            }
+        });
+    }
+    return itemsHTML;
+}
+function openRoomEdit(parentRoomElement, parentRoomUuid) {
+    highlightSelectedItem({ target: parentRoomElement });
+    setPartitionFormMode("EDIT" /* FORM_MODE.EDIT */);
+    setCurrentEditRoomData(`at-room-edit-${parentRoomUuid}-btn`);
+    toggleDisplayPane(`at-room-edit-${parentRoomUuid}-btn`);
+}
+function openPartitionChildEdit(targetElement, parentRoomElement, parentRoomUuid, partitionId, isWall) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (parentRoomElement) {
+            openRoomEdit(parentRoomElement, parentRoomUuid);
+            const partitionRowEdit = document.getElementById(`at-edit-partition-${partitionId}`);
+            if (partitionRowEdit) {
+                const currentEditRoomData = getCurrentEditRoomData();
+                handlePartitionRowEditBtnClickEvent(currentEditRoomData.children, partitionRowEdit);
+                if (isWall) {
+                    const polygonId = targetElement.getAttribute('polygon-item-id');
+                    yield handlePartitionWallEditBtn(polygonId);
+                }
+            }
+            else {
+                log.warn('Partition row edit element not found');
+            }
+        }
+        else {
+            log.warn('Partition room element not found');
+        }
+    });
+}
+function openWindowEdit(targetElement, parentRoomElement, parentRoomUuid, partitionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const index = targetElement.getAttribute('index');
+        yield openPartitionChildEdit(targetElement, parentRoomElement, parentRoomUuid, partitionId, true);
+        yield new Promise(resolve => requestAnimationFrame(resolve));
+        const editBtn = document.querySelector(`#at-edit-window-btn-${index}`);
+        const editNameContainer = document.querySelector(`.at_edit_name#at-edit-window-name-${index}`);
+        const inputName = document.querySelector(`#at-edit-window-name-input-${index}`);
+        const editMaterialContainer = document.querySelector(`.at_edit_material#at-edit-window-material-${index}`);
+        const confirmBtn = document.querySelector(`#at-confirm-edit-window-${index}`);
+        if (!editBtn || !editNameContainer || !inputName || !editMaterialContainer) {
+            log.warn('Elements for Window edit not found');
+        }
+        else {
+            editNameContainer.style.display = "flex";
+            editMaterialContainer.style.display = "flex";
+            editBtn.style.display = "none";
+            confirmBtn.style.display = "flex";
+            inputName.focus();
+        }
+    });
+}
+export function highlightSelectedWallWindow(wallUuid, index) {
+    const wallWindow = document.querySelectorAll(`li[wall-id="${wallUuid}"]`);
+    const targetId = `window-${wallUuid}-${index}`;
+    wallWindow.forEach((windowElement) => {
+        windowElement.classList.toggle('selected', windowElement.id === targetId);
+    });
+}
+export function toggleHighlightedPartitionItem() {
+    const windowItems = document.querySelectorAll('li.at_wall_window_row_item.selected');
+    windowItems.forEach(el => {
+        el.classList.remove('selected');
+    });
+}
+export function toggleHighlightedWindowItem() {
+    const windowItems = document.querySelectorAll('li.at_wall_window_row_item.selected');
+    windowItems.forEach(el => {
+        el.classList.remove('selected');
+    });
+}
+export function calculateMidPoint(coords) {
+    const count = coords.length;
+    const sum = coords.reduce((acc, coord) => ({
+        x: acc.x + coord.start.x,
+        y: acc.y + coord.start.y,
+        z: acc.z + coord.start.z
+    }), { x: 0, y: 0, z: 0 });
+    return {
+        x: sum.x / count,
+        y: sum.y / count,
+        z: sum.z / count
+    };
+}

package/lib/atwinui/events.d.ts

@@ -43,4 +43,5 @@ declare function handleDeletePartition(targetId: string): void;
  * Handles the display logic for showing the custom minimap.
  */
 declare function handleShowCustomMinimap(): void;
-export { activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, };
+declare function handleWindowVisibility(visibilityBtn: HTMLElement): Promise<void>;
+export { activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleWindowVisibility, };

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 } 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, toggleMeshChildrenVisibility } 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 } from "../types";
@@ -23,7 +23,7 @@ import { isValidUrl, debounce, isElementVisible, extractUUID, showLoader, isVec3
 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 } from "./components/toolbar/spacePartition/roomTreePane";
+import { getCurrentEditRoomData, displayRoomTree, updatePartitionVisibilityUI, getSelectedPartitionId, updatePolygonVisibilityData, toggleVisibilityState, setFilteredDisplay, updateRoomVisibilityUI, highlightSelectedPartitionChild, highlightSelectedWallWindow } from "./components/toolbar/spacePartition/roomTreePane";
 import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getDrawingMode } 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";
@@ -1443,14 +1443,21 @@ function setupSpaceEventSubscriptions() {
 }
 function handlePartitionColiderClickSelected(payload) {
     return __awaiter(this, void 0, void 0, function* () {
-        const partitionId = payload.collider.name.split('_')[0];
+        const polygonId = extractUUID(payload.collider.name);
+        const polygonName = payload.collider.name.toLowerCase();
         if ((activePane === null || activePane === void 0 ? void 0 : activePane.getAttribute('id')) !== 'at-room-tree-pane') {
             yield toggleDisplayPane('at-room-creation-btn');
         }
         else {
             yield new Promise(resolve => requestAnimationFrame(resolve));
         }
-        highlightSelectedPartitionChild(partitionId, payload.collider.name);
+        if (polygonName.includes('window')) {
+            const index = polygonName.split('_')[1].split('-')[1];
+            highlightSelectedWallWindow(polygonId, index);
+        }
+        if (polygonName.includes('wall') || polygonName.includes('floor')) {
+            highlightSelectedPartitionChild(polygonId, payload.collider.name);
+        }
     });
 }
 function handleDragEnd(payload) {
@@ -2140,9 +2147,9 @@ function handleDeletePartition(targetId) {
 function handleCancelPartition() {
     const cancelRoomBtn = document.getElementById('at-cancel-room-form-btn');
     cancelRoomBtn.addEventListener('click', () => {
-        getNewlyAddedPartition().map(partition => {
+        getNewlyAddedPartition().map((partition) => __awaiter(this, void 0, void 0, function* () {
             const target = _3DXObjects.find(obj => obj.object.object_data.uuid === partition.uuid);
-            disposeModel(target);
+            yield disposeModel(target);
             dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, partition);
             const filteredRoomNodes = _partitionNodes.map((roomNode) => {
                 // Filter children based on partitionUuid if children exist
@@ -2151,7 +2158,7 @@ function handleCancelPartition() {
                 }
             });
             setSpacePartitionNodes(filteredRoomNodes);
-        });
+        }));
         clearWallBaseHeight();
         const objects = get3DXObjects();
         const currentPartitionData = getCurrentEditRoomData();
@@ -2167,6 +2174,23 @@ function handleCancelPartition() {
                 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;
+                    log.info("JAMES polyJson", polyJson);
+                    // delete newly added windows
+                    _3DXObjects.map(object => {
+                        if (object.children) {
+                            object.children.map((win) => __awaiter(this, void 0, void 0, function* () {
+                                log.info("JAMES window", win);
+                                yield disposeModel(win);
+                                // Find the wall that owns this window
+                                const wall = polyJson.walls.find(wall => wall.uuid === win.wallUUID);
+                                if (wall && wall.windows) {
+                                    // Remove this specific window (by its index) from that wall
+                                    wall.windows = wall.windows.filter(w => w.index !== win.index);
+                                    log.info(`Removed window ${win.index} from wall ${wall.uuid}`);
+                                }
+                            }));
+                        }
+                    });
                     if (polyJson && polyJson.path) {
                         const payload = {
                             uuid: target.object.object_data.uuid,
@@ -3272,10 +3296,31 @@ function handleClickEventInObjectSortOption() {
         });
     }
 }
+function handleWindowVisibility(visibilityBtn) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            const partitionId = visibilityBtn.getAttribute('partition-id');
+            const windowIndex = visibilityBtn.closest('li').getAttribute('window-index');
+            const wallId = visibilityBtn.closest('li').getAttribute('wall-id');
+            const windowNameAsMeshChild = `${wallId}_window-${windowIndex}`;
+            const windowLabelNameAsMeshChild = `windowLabel-${windowIndex}`;
+            const polygonObjs = get3DXObjects().filter(p => p.type === 'POLYGON');
+            const targetObject = polygonObjs.find(obj => obj.object.object_data.uuid === partitionId);
+            const { component } = targetObject;
+            const isVisible = visibilityBtn.classList.toggle('mdi-eye');
+            toggleVisibilityState(visibilityBtn, isVisible);
+            toggleMeshChildrenVisibility(component, windowNameAsMeshChild, isVisible);
+            toggleMeshChildrenVisibility(component, windowLabelNameAsMeshChild, isVisible);
+        }
+        catch (e) {
+            console.error("Error window visibility: ", e);
+        }
+    });
+}
 export { 
 //state
 activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, 
 //methods
 batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, 
 // partition
-handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, };
+handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleWindowVisibility, };

package/lib/loaders/polydrawerLoader.d.ts

@@ -44,6 +44,8 @@ export declare class TubeLine {
         polygonData: any;
         renderPolygonOnAdd: boolean;
         targetUUID: any;
+        isWindowEditing: boolean;
+        objectIndex: any;
     };
     outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
     context: MpSdk.Scene.IComponentContext;
@@ -139,6 +141,7 @@ export declare class BufferGeometry {
         targetUUID: any;
         deductWindowFromWallArea: boolean;
         windowOutlineColor: number;
+        isWindowEditing: boolean;
     };
     outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
     context: MpSdk.Scene.IComponentContext;