architwin 1.14.16 → 1.15.0

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

@@ -167,6 +167,40 @@ i18n
                 "RotateMinimap": "Rotate Minimap",
                 "General Settings": "General Settings",
                 "UploadImage": "Upload Image",
+                "IoTTags": "IoT Tags",
+                "AddIoTTag": "Add IoT Tag",
+                "LinkedSystems": "Linked Systems",
+                "BEMAC": "BEMAC",
+                "HANASYS": "HANASYS",
+                "URLLink": "URL Link",
+                "ModelName": "Model Name",
+                "SerialNumber": "Serial Number",
+                "ManufacturerSite": "Manufacturer Site",
+                "IoTDevices": "IoT Devices",
+                "SelectDevice": "Select Device",
+                "SystemLink": "System Link",
+                "LinkedIoTDevices": "Linked IoT Devices",
+                "Power": "Power",
+                "Temperature": "Temperature",
+                "Humidity": "Humidity",
+                "Pressure": "Pressure",
+                "Proximity": "Proximity",
+                "Fluid": "Fluid",
+                "Light": "Light",
+                "Gas": "Gas",
+                "Chemical": "Chemical",
+                "Submeter": "Submeter",
+                "Frequency": "Frequency",
+                "DeleteDevice": "Delete Device",
+                "ConfirmDeleteDevice": "Are you sure you want to delete this device? This action cannot be reversed",
+                "SuccessDeleteDevice": "Successfully deleted device",
+                "URL Link": "URL Link",
+                "Model Name": "Model Name",
+                "Serial Number": "Serial Number",
+                "Manufacturer Site": "Manufacturer Site",
+                "Select Device": "Select Device",
+                "System Link": "System Link",
+                "EditIoTTag": "Edit IoT Tag",
                 "Unsend": "Unsend",
                 "Pipes": "Pipes",
                 "SelectPipeType": "Select Pipe Type",
@@ -234,8 +268,11 @@ i18n
                 "SuccessWindowDelete": "Succesfully deleted window",
                 "EnterFloorMaterial": "Enter floor material",
                 "EnterWallMaterial": "Enter wall material",
+                "PressEscCancelRelocation": "Press Esc key to cancel relocation.",
+                "MoveTagCancelled": "Move Tag Cancelled",
                 "Window": "Window",
-                "CannotBackDrawingMode": "Cannot go back while drawing mode is active."
+                "CannotBackDrawingMode": "Cannot go back while drawing mode is active.",
+                "PleaseOffDrawingMode": "Action cannot be done, please turn off drawing mode."
             }
         },
         ja: {
@@ -320,7 +357,7 @@ i18n
                 "EditRoom": "ルーム編集",
                 "Memo": "メモ",
                 "WallHeight": "高さ",
-                "AddPartition": "パーティション追加",
+                "AddPartition": "区画追加",
                 "DeleteRoom": "ルーム削除",
                 "DoneDrawing": "描画完了",
                 "NoPartitionDisplay": "表示する区画がありません",
@@ -402,6 +439,34 @@ i18n
                 "RotateMinimap": "画像回転",
                 "Search...": "検索...",
                 "UploadImage": "画像をアップロード",
+                "IoTTags": "IoTタグ",
+                "AddIoTTag": "IoTタグの追加",
+                "LinkedSystems": "連携方式",
+                "BEMAC": "BEMAC",
+                "HANASYS": "HANASYS",
+                "URLLink": "URLリンク",
+                "ModelName": "機器名",
+                "SerialNumber": "シリアルナンバー",
+                "ManufacturerSite": "メーカーURL",
+                "IoTDevices": "IoT情報",
+                "SelectDevice": "IoT選択",
+                "SystemLink": "システムリンク",
+                "LinkedIoTDevices": "設定済みIoT",
+                "EditIoTTag": "IoTタグ編集",
+                "Power": "電力",
+                "Temperature": "温度",
+                "Humidity": "湿度",
+                "Pressure": "圧力",
+                "Proximity": "近接",
+                "Fluid": "流体",
+                "Light": "光",
+                "Gas": "ガス",
+                "Chemical": "化学物質",
+                "Submeter": "サブメーター",
+                "Frequency": "周波数",
+                "DeleteDevice": "デバイス削除",
+                "ConfirmDeleteDevice": "この操作は元に戻せません。このデバイスを削除しますか?",
+                "SuccessDeleteDevice": "デバイスを削除しました",
                 "Unsend": "取り消し",
                 "Pipes": "矢印マーカー",
                 "SelectPipeType": "矢印マーカー種別選択",
@@ -469,8 +534,11 @@ i18n
                 "SuccessWindowDelete": "建具の削除が完了しました",
                 "EnterFloorMaterial": "仕上げ（床）を入力",
                 "EnterWallMaterial": "仕上げ（壁）を入力",
+                "MoveTagCancelled": "タグの移動がキャンセルされました",
+                "PressEscCancelRelocation": "再配置をキャンセルするには、Esc キーを押します。",
                 "Window": "建具",
-                "CannotBackDrawingMode": "描画モードがアクティブな間は戻ることができません。"
+                "CannotBackDrawingMode": "描画モードがアクティブな間は戻ることができません。",
+                "PleaseOffDrawingMode": "操作を行う前に、描画モードをオフにしてください。"
             }
         }
     },

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

@@ -25,13 +25,14 @@ import { renderRoomTreePane } from "./spacePartition/roomTreePane";
 import { renderRoomFormPane } from "./spacePartition/roomFormPane";
 import { renderBasepointCalibratePane } from "./basepointCalibratePane";
 import { renderGeneralSettingsMenu } from "./generalSettingsMenuPane";
+import { renderTagIOTFormPane } from './tagIotFormPane';
 import { renderScreenSharePane } from "./screenSharePane";
 import { PipeList } from "./pipeListPane";
 import { PipeForm } from "./pipeFormPane";
 const pipeList = new PipeList();
 const pipeForm = new PipeForm();
 let iFrame, sidebarContainer;
-let menuBar, actionBar, objectListPane, addObjectPane, tagListPane, tagFormPane, addMediaScreenForm, libraryPane, tagMessagingPane, themePane, modelControlPane, actionSettingsPane, roomTreePane, roomFormPane, basepointCalibratePane, generalSettingsPane, spaceUserListPane, viewingRemoteSpace, usersPane, pipeListPane, pipeFormPane;
+let menuBar, actionBar, objectListPane, addObjectPane, tagListPane, tagFormPane, addMediaScreenForm, libraryPane, tagMessagingPane, themePane, modelControlPane, actionSettingsPane, roomTreePane, roomFormPane, basepointCalibratePane, generalSettingsPane, tagIotFormPane, spaceUserListPane, viewingRemoteSpace, usersPane, pipeListPane, pipeFormPane;
 function getIframeElement(iframeId) {
     if (!iframeId || iframeId === '') {
         console.error("IframeId is empty or undefined");
@@ -102,6 +103,7 @@ function renderToolbarUI(payload) {
     actionSettingsPane = renderActionSettingsPane();
     basepointCalibratePane = renderBasepointCalibratePane();
     generalSettingsPane = renderGeneralSettingsMenu();
+    tagIotFormPane = renderTagIOTFormPane();
     usersPane = renderScreenSharePane();
     pipeListPane = pipeList.renderPane();
     pipeFormPane = pipeForm.renderPane();
@@ -123,6 +125,7 @@ function renderToolbarUI(payload) {
     sidebarContainer.appendChild(tagListPane);
     sidebarContainer.appendChild(addMediaScreenForm);
     sidebarContainer.appendChild(generalSettingsPane);
+    sidebarContainer.appendChild(tagIotFormPane);
     sidebarContainer.appendChild(usersPane);
     sidebarContainer.appendChild(pipeListPane);
     sidebarContainer.appendChild(pipeFormPane);
@@ -146,6 +149,7 @@ function renderToolbarUI(payload) {
     roomFormPane.style.display = 'none';
     actionSettingsPane.style.display = 'none';
     generalSettingsPane.style.display = 'none';
+    tagIotFormPane.style.display = 'none';
     spaceUserListPane.style.display = 'none';
     viewingRemoteSpace.style.display = 'none';
     usersPane.style.display = 'none';

package/lib/atwinui/components/toolbar/menuBar.d.ts

@@ -5,6 +5,7 @@ export declare let isThemeEnabled: boolean;
 export declare let isRoomCreationEnabled: boolean;
 export declare let isBIMEnabled: boolean;
 export declare let isGeneralSettingsEnabled: boolean;
+export declare let isIoTTagEnabled: boolean;
 export declare let isSpaceScreenSharingEnabled: boolean;
 export declare let isPipeEnabled: boolean;
 export declare function renderMenuBar(iFrame: HTMLIFrameElement): HTMLDivElement;

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

@@ -12,6 +12,7 @@ export let isThemeEnabled = true;
 export let isRoomCreationEnabled = true;
 export let isBIMEnabled = true;
 export let isGeneralSettingsEnabled = true;
+export let isIoTTagEnabled = true;
 export let isSpaceScreenSharingEnabled = false;
 export let isPipeEnabled = true;
 export function renderMenuBar(iFrame) {
@@ -47,6 +48,10 @@ export function renderMenuBar(iFrame) {
         <span class="mdi mdi-monitor-screenshot" id="at-screenshot-btn" data-cy="at-screenshot-btn"></span>
         <div class="at_icon_tooltip" data-cy="at-tooltip-screenshot">${i18n.t('Screenshot')}</div>
     </div>
+    <div class="at_sidebar_button_icon" style="display:${isIoTTagEnabled ? 'block' : 'none'}">
+        <span class="mdi mdi-apache-kafka" id="at-tag-iot-btn" data-cy="at-tag-iot-btn" target-pane="at-tag-list-pane"></span>
+        <div class="at_icon_tooltip" data-cy="at-tooltip-tag-iot-list">${i18n.t('IoTTags')}</div>
+    </div>
     <div class="at_sidebar_button_icon" style="display:${isPipeEnabled ? 'block' : 'none'}">
         <span class="mdi mdi-arrow-decision" id="at-pipe-btn" data-cy="at-pipe-btn" target-pane="at-pipe-list-pane"></span>
         <div class="at_icon_tooltip" data-cy="at-tooltip-pipe">${i18n.t('Pipes')}</div>
@@ -79,6 +84,7 @@ export function renderMenuBar(iFrame) {
  * based on the configuration specified in the _mpConfig object.
  */
 function setMenuItemsStatus() {
+    var _a, _b, _c, _d;
     const toolbarConfig = _mpConfig.toolbarConfig;
     const menuItems = _mpConfig.toolbarConfig.menuItems;
     console.log("menuItems", menuItems);
@@ -113,6 +119,11 @@ function setMenuItemsStatus() {
             isGeneralSettingsEnabled = _mpConfig.toolbarConfig.menuItems.generalSetting;
             log.info("__@ isGeneralSettingsEnabled: ", isGeneralSettingsEnabled);
         }
+        // IOT TAGS
+        if (((_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems.iot) === null || _a === void 0 ? void 0 : _a.visible) !== undefined) {
+            isIoTTagEnabled = (_d = (_c = (_b = _mpConfig === null || _mpConfig === void 0 ? void 0 : _mpConfig.toolbarConfig) === null || _b === void 0 ? void 0 : _b.menuItems) === null || _c === void 0 ? void 0 : _c.iot) === null || _d === void 0 ? void 0 : _d.visible;
+            log.info("__@ isTagIoTFormEnabled: ", isIoTTagEnabled);
+        }
         // SCREEN SHARING
         if (menuItems.spaceScreenSharing !== undefined) {
             isSpaceScreenSharingEnabled = _mpConfig.toolbarConfig.menuItems.spaceScreenSharing;
@@ -145,6 +156,7 @@ export function setActiveMenu(id) {
         case 'at-room-creation-btn':
         case 'at-settings-btn':
         case 'at-general-setting-btn':
+        case 'at-tag-iot-btn':
         case 'at-pipe-btn':
         case 'at-screen-share-btn':
             if (parent.classList.contains('at_sidebar_button_icon_active')) {

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

@@ -116,3 +116,5 @@ export declare function setPreviousPartitionData(payload: PartitionNode): void;
  * @param wallUuid - The unique identifier of the wall to edit
  */
 export declare function handlePartitionWallEditBtn(wallUuid: string): Promise<void>;
+export declare function getTempCurrentRoomEditData(): Array<PartitionNode>;
+export declare function setTempCurrentRoomEditData(roomEditData: Array<PartitionNode>): void;

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

@@ -43,12 +43,12 @@ let inputWallMaterial;
 let wallMaterial = '';
 let isEditWindow = false;
 let currentEditWindowIndex = null;
-let newlyAddedWindow = null;
+let tempCurrentEditRoom = null;
 export function renderRoomFormPane() {
     log.info("__@ renderRoomFormPane: ", roomFormMode);
     const element = document.createElement('div');
     element.classList.add('at_container');
-    element.classList.add('at_w-12');
+    element.classList.add('at_w-15');
     element.classList.add('at_h-full');
     element.setAttribute('id', 'at-room-form-pane');
     element.setAttribute('data-cy', 'at-room-form-pane');
@@ -155,13 +155,13 @@ export function renderRoomFormPane() {
                 </div>
                 <div class="at_partition_footer">
                     <!-- Add Partition Button -->
-                    <div class="at_button at_draw_partition_btn ${i18n.language === 'ja' ? 'at_draw_partition_btn_jp_font_size' : ''}" 
+                    <div class="at_button at_draw_partition_btn" 
                         id="at-draw-partition-form-btn" data-cy="at-draw-partition-form-btn">
                         ${i18n.t('AddPartition')}
                         <span class="mdi mdi-draw"></span>
                     </div>
 
-                    <div class="at_button at_add_window_door_btn  at_draw_partition_btn_jp_font_size" 
+                    <div class="at_button at_add_window_door_btn" 
                         id="at-add-window-door-btn" data-cy="at-add-window-door-btn" style="display:none;">
                         ${i18n.t('AddWindowDoor')}
                         <span class="mdi mdi-window-closed-variant"></span>
@@ -280,14 +280,24 @@ export function toggleDrawWindowButton() {
         if (currentPartitionData) {
             payload = {
                 uuid: currentPartitionData.uuid,
-                space_uuid: currentPartitionData.space_uuid,
-                name: currentPartitionData.name,
-                parent_uuid: currentPartitionData.parent_uuid,
                 polygon_json: currentPolygonData
             };
         }
         // Re-render polygon    
         renderPolygon(payload);
+        const objectIndex = _3DXObjects.findIndex(obj => obj.object.object_id == currentObject.object.object_id);
+        if (objectIndex != null) {
+            log.info("objectIndex", objectIndex);
+            if (_3DXObjects[objectIndex].children) {
+                _3DXObjects[objectIndex].children.map((win) => __awaiter(this, void 0, void 0, function* () {
+                    var _c;
+                    log.info("WIND", win);
+                    if (win.index == ((_c = currentWall.windows) === null || _c === void 0 ? void 0 : _c.length) - 1 && win.wallUUID == currentWall.uuid) {
+                        yield disposeModel(win);
+                    }
+                }));
+            }
+        }
     }
 }
 /**
@@ -302,6 +312,7 @@ export function displayPartitionFormMode() {
     if (roomFormMode === "EDIT" /* FORM_MODE.EDIT */) {
         setPartitionFormMode("EDIT" /* FORM_MODE.EDIT */);
         currentEditRoomData = getCurrentEditRoomData();
+        tempCurrentEditRoom = Object.assign({}, currentEditRoomData);
         populatePartitionForm(currentEditRoomData);
     }
     else {
@@ -844,8 +855,9 @@ function displayWindows(window) {
     const element = document.createElement('div');
     element.classList.add('at_dropdown_item');
     // Extract the wall name from the format "_wall-{number}" using regex
-    const match = window.name.match(/window-(\d+)$/);
+    const match = window.name.match(/Window (\d+)$/);
     let windowName = '';
+    log.info("match", match);
     if (match) {
         const wallNumber = parseInt(match[1]);
         windowName = `${i18n.t('Window')} ${wallNumber}`;
@@ -872,15 +884,18 @@ function displayWindows(window) {
             </div>
             <div class="at_subitem_right">
                 <span class="mdi mdi-pencil" id="at-edit-window-btn-${window.index}" style="display: ${editDisplay};"></span>        
-                <span class="mdi mdi-check" id="at-confirm-edit-window-${window.index}" data-cy="at-confirm-edit-window-${window.index}" style="display: ${confirmDisplay};"></span> 
+                <!-- <span class="mdi mdi-check" id="at-confirm-edit-window-${window.index}" data-cy="at-confirm-edit-window-${window.index}" style="display: ${confirmDisplay};"></span> -->
+                <div class="at_save_button at_text_xs at_ghost" id="at-confirm-edit-window-${window.index}" data-cy="at-confirm-edit-window-${window.index}" style="display: ${confirmDisplay}; margin-top: 2px !important;">
+                    ${i18n.t('Save')} 
+                </div>
                 <span class="mdi mdi-delete-outline" id="at-delete-window-btn-${window.index}"></span>
             </div>
         </div>
         <div class="at_edit_name" id="at-edit-window-name-${window.index}" data-index="${window.index}" style="display: ${confirmDisplay};">
-            <input class="at_edit_name_input" type="text" id="at-edit-window-name-input-${window.index}" data-cy="at-edit-window-name-input-${window.index}" value="${windowName}" placeholder="${i18n.t('EnterNameHere')}">
+            <input class="at_edit_name_input at_text_xs" type="text" id="at-edit-window-name-input-${window.index}" data-cy="at-edit-window-name-input-${window.index}" value="${windowName}" placeholder="${i18n.t('EnterNameHere')}">
         </div>
         <div class="at_edit_material" id="at-edit-window-material-${window.index}" data-index="${window.index}" style="display: ${confirmDisplay};">
-            <input class="at_edit_material_input"  type="text" id="at-edit-window-material-input-${window.index}" data-cy="at-edit-window-material-input-${window.index}" value="${(_a = window.material) !== null && _a !== void 0 ? _a : ''}"  placeholder="${i18n.t('EnterMaterialHere')}">
+            <input class="at_edit_material_input at_text_xs"  type="text" id="at-edit-window-material-input-${window.index}" data-cy="at-edit-window-material-input-${window.index}" value="${(_a = window.material) !== null && _a !== void 0 ? _a : ''}"  placeholder="${i18n.t('EnterMaterialHere')}">
         </div>
     `;
     const nameElement = element.querySelector(`#at-window-name-${window.index}`);
@@ -913,6 +928,10 @@ function setupEditWindow(element, window) {
         return;
     // Show inputs when edit icon is clicked
     editBtn.addEventListener("click", () => {
+        if (isDrawing) {
+            notify.error(`${i18n.t('PleaseOffDrawingMode')}`);
+            return;
+        }
         log.info("window", window);
         editNameContainer.style.display = "flex";
         editMaterialContainer.style.display = "flex";
@@ -1243,6 +1262,7 @@ export function clearPartitionForm() {
     drawingMode = null;
     currentEditWindowIndex = null;
     isEditWindow = false;
+    tempCurrentEditRoom = null;
 }
 /**
  * Cancels the drawing action for a partition.
@@ -1504,6 +1524,7 @@ export function setCurrentPartitionData() {
                 setMeshChildrenMaterialProperty(currentHighlightedFace.component, currentHighlightedFace.name, currentHighlightedFace.type, currentHighlightedFace.value);
             }
             updatePartitionDataArray(newPayload, currentPartitionDataArray);
+            log.info("if currentPartitionDataArray", currentPartitionDataArray);
             if (drawingMode === 'partition') {
                 displayFaces(currentPolygonData);
             }
@@ -1525,6 +1546,7 @@ export function setCurrentPartitionData() {
                 currentPartitionDataArray = currentPartitionDataArray.filter(partition => partition.uuid != currentPartitionData.uuid);
                 dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, currentPartitionData);
                 currentPartitionData = null;
+                log.info("else currentPartitionDataArray", currentPartitionDataArray);
             }
         }
     });
@@ -1552,10 +1574,11 @@ function updatePartitionDataArray(payload, currentPartitionDataArray) {
         currentPartitionData = payload;
     }
     else if (drawingMode === 'window') {
+        log.info("currentPartitionData", currentPartitionData);
         // Update current partition data
         currentPartitionData.polygon_json = JSON.stringify(payload.polygon_json);
         // Update current partition data array
-        const currentPartitionDataIndex = currentPartitionDataArray.findIndex(partitionData => partitionData.uuid = currentPartitionData.uuid);
+        const currentPartitionDataIndex = currentPartitionDataArray.findIndex(partitionData => partitionData.uuid == currentPartitionData.uuid);
         currentPartitionDataArray[currentPartitionDataIndex] = currentPartitionData;
     }
     dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, { data: currentPartitionData });
@@ -1728,3 +1751,9 @@ export function handlePartitionWallEditBtn(wallUuid) {
         cancelDrawing();
     });
 }
+export function getTempCurrentRoomEditData() {
+    return tempCurrentEditRoom;
+}
+export function setTempCurrentRoomEditData(roomEditData) {
+    tempCurrentEditRoom = roomEditData;
+}

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

@@ -75,9 +75,28 @@ export declare function updateRoomVisibilityUI(parentId: string, isVisible: bool
  * @param name - The specific name/identifier of the child element to highlight
  */
 export declare function highlightSelectedPartitionChild(partitionId: string, name: string): void;
-export declare function toggeleExpandParitionWallChild(partitionId: string, name: string): void;
-export declare function highlightSelectedWallWindow(wallUuid: string, index: number | string): void;
+/**
+ * Toggles the visibility of child elements within a partition wall by managing CSS classes.
+ * @param partitionId - The unique identifier of the partition containing the child elements
+ * @param name - The specific name/identifier of the child element whose container to toggle
+ * @param expand - Optional boolean to explicitly set expansion state (true = show, false = hide). If undefined, toggles current state
+ */
+export declare function toggleExpandParitionWallChild(partitionId: string, name: string, expand?: boolean): void;
+/**
+ * Highlights the selected window element by toggling CSS classes and ensures its parent partition is expanded.
+ * @param wallUuid - The unique identifier of the wall containing the window elements
+ * @param index - The index or identifier of the specific window element to highlight
+ */
+export declare function highlightSelectedWindow(wallUuid: string, index: number | string): void;
+/**
+ * Removes the highlight from all selected window items by removing the 'selected' CSS class.
+ */
 export declare function toggleHighlightedWindowItem(): void;
+/**
+ * Calculates the midpoint (centroid) of multiple 3D coordinates by averaging their x, y, and z values.
+ * @param coords - An array of objects containing start Vector3 coordinates
+ * @returns A Vector3 representing the calculated midpoint of all input coordinates
+ */
 export declare function calculateMidPoint(coords: Array<{
     start: Vector3;
 }>): Vector3;

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

@@ -27,7 +27,7 @@ export function renderRoomTreePane() {
     log.info("__@ renderRoomTreePane");
     const element = document.createElement('div');
     element.classList.add('at_container');
-    element.classList.add('at_w-12');
+    element.classList.add('at_w-15');
     element.classList.add('at_h-full');
     element.setAttribute('id', 'at-room-tree-pane');
     element.setAttribute('data-cy', 'at-room-tree-pane');
@@ -387,7 +387,6 @@ function toggleSelectedPartition() {
             yield goToPosition(wallBottomMidPoint);
             highlightSelectedPartitionChild(partitionId, objectName);
             toggleHighlightedWindowItem();
-            toggeleExpandParitionWallChild(partitionId, objectName);
         }
         catch (e) {
             log.info('goToPosition failed: ', e);
@@ -453,7 +452,7 @@ function toggleSelectedPartition() {
         try {
             const windowBottomMidPoint = calculateMidPoint(windowCoords);
             yield goToPosition(windowBottomMidPoint);
-            highlightSelectedWallWindow(wallUuid, windowIndex);
+            highlightSelectedWindow(wallUuid, windowIndex);
         }
         catch (e) {
             log.info('goToPosition failed: ', e);
@@ -613,10 +612,8 @@ export function updatePolygonVisibilityData(isVisible, currPartition, isFloor, p
                 log.info("WALL!");
                 // WALLS
                 targetItem = polygonJson.walls.find(item => item.uuid === polygonItemId) || null;
-                // <START_COMMENT> TODO: 16032 - uncomment when polygon loader window visibility update is implemented
-                // const windows = targetItem?.windows || null
-                // windows?.forEach(w => w.options.is_visible = isVisible)
-                // <END_COMMENT> TODO: 16032 - uncomment when polygon loader window visibility update is implemented
+                const windows = (targetItem === null || targetItem === void 0 ? void 0 : targetItem.windows) || null;
+                windows === null || windows === void 0 ? void 0 : windows.forEach(w => w.options.is_visible = isVisible);
             }
             log.info("targetItem:", targetItem);
             if (targetItem) {
@@ -669,6 +666,9 @@ function updatePolygonData(currPartition, isVisible, isUpdateAllChildren) {
                 polygonJson.floor.options.is_visible = isVisible;
                 polygonJson.walls.forEach(wall => {
                     wall.options.is_visible = isVisible;
+                    if (wall === null || wall === void 0 ? void 0 : wall.windows) {
+                        wall === null || wall === void 0 ? void 0 : wall.windows.forEach(window => window.options.is_visible = isVisible);
+                    }
                 });
             }
         }
@@ -724,18 +724,25 @@ export function highlightSelectedPartitionChild(partitionId, name) {
             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('▶', '▼');
+                    toggleExpandParitionWallChild(partitionId, name, false);
                 }
                 else {
                     arrow.textContent = arrow.textContent.replace('▼', '▶');
+                    toggleExpandParitionWallChild(partitionId, name, true);
                 }
             }
         }
     });
 }
-export function toggeleExpandParitionWallChild(partitionId, name) {
+/**
+ * Toggles the visibility of child elements within a partition wall by managing CSS classes.
+ * @param partitionId - The unique identifier of the partition containing the child elements
+ * @param name - The specific name/identifier of the child element whose container to toggle
+ * @param expand - Optional boolean to explicitly set expansion state (true = show, false = hide). If undefined, toggles current state
+ */
+export function toggleExpandParitionWallChild(partitionId, name, expand) {
     const partitionChildren = document.querySelectorAll(`li[partition-li-id="${partitionId}"]`);
     const targetId = `partition-child-${name}`;
     partitionChildren.forEach((partitionChild) => {
@@ -743,7 +750,7 @@ export function toggeleExpandParitionWallChild(partitionId, name) {
         const listContainer = partitionChild.querySelector('.at_wall_children_container');
         if (listContainer) {
             if (isSelected) {
-                listContainer.classList.toggle('at_hidden');
+                listContainer.classList.toggle('at_hidden', expand !== undefined ? !expand : undefined);
             }
             else {
                 listContainer.classList.add('at_hidden');
@@ -823,7 +830,12 @@ function openWindowEdit(targetElement, parentRoomElement, parentRoomUuid, partit
         }
     });
 }
-export function highlightSelectedWallWindow(wallUuid, index) {
+/**
+ * Highlights the selected window element by toggling CSS classes and ensures its parent partition is expanded.
+ * @param wallUuid - The unique identifier of the wall containing the window elements
+ * @param index - The index or identifier of the specific window element to highlight
+ */
+export function highlightSelectedWindow(wallUuid, index) {
     const wallWindow = document.querySelectorAll(`li[wall-id="${wallUuid}"]`);
     const targetId = `window-${wallUuid}-${index}`;
     wallWindow.forEach((windowElement) => {
@@ -831,17 +843,25 @@ export function highlightSelectedWallWindow(wallUuid, index) {
             const parentWallItem = windowElement.closest('li.at_partition_wall_row_item');
             const partitionId = parentWallItem.getAttribute('partition-li-id');
             const objectName = parentWallItem.getAttribute('object-name');
-            toggeleExpandParitionWallChild(partitionId, objectName);
+            toggleExpandParitionWallChild(partitionId, objectName, true);
         }
         windowElement.classList.toggle('selected', windowElement.id === targetId);
     });
 }
+/**
+ * Removes the highlight from all selected window items by removing the 'selected' CSS class.
+ */
 export function toggleHighlightedWindowItem() {
     const windowItems = document.querySelectorAll('li.at_wall_window_row_item.selected');
     windowItems.forEach(el => {
         el.classList.remove('selected');
     });
 }
+/**
+ * Calculates the midpoint (centroid) of multiple 3D coordinates by averaging their x, y, and z values.
+ * @param coords - An array of objects containing start Vector3 coordinates
+ * @returns A Vector3 representing the calculated midpoint of all input coordinates
+ */
 export function calculateMidPoint(coords) {
     const count = coords.length;
     const sum = coords.reduce((acc, coord) => ({

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

@@ -1,5 +1,6 @@
 import { _tagCategories, _tags, getMpTags } from "../../../architwin";
 import { convertToCssRgb, stringContains } from "../../../utils";
+import { TAG_TYPE } from "../../../types";
 import { renderTags, setSelectedCategoryFilter, setSelectedSubcategoryFilter, filterTagList, getAllSubcategories, selectedCategoryFilterId, sortTags, selectedTagSortOption } from './tagListPane';
 import i18n from './i18n';
 let mode = 'adding';
@@ -341,7 +342,7 @@ function selectOption(option, elementId, skipToggle = false) {
             const elementId = isFilterDropdown ? 'at-subcategory-filter-options' : 'at-subcategory-options';
             clearInnerHTML(elementId);
         }
-        const tags = getMpTags();
+        let tags = getMpTags().filter(tag => !tag.tag_type || tag.tag_type !== TAG_TYPE.IOT);
         const filteredTags = filterTagList(tags);
         const sortedTags = sortTags(filteredTags ? filteredTags : tags, selectedTagSortOption);
         renderTags(sortedTags);

package/lib/atwinui/components/toolbar/tagListPane.d.ts

@@ -1,12 +1,14 @@
-import { ITag, ITagCategory, SortConfig } from "../../../types";
+import { ITag, ITagCategory, SortConfig, TAG_TYPE } from "../../../types";
 import { MpSdk } from "../../../../bundle/sdk";
 export declare let selectedCategoryFilterId: any;
 export declare let selectedSubCategoryFilterId: any;
+export declare let isTagPaneActive: boolean;
+export declare let currentTagPaneMode: TAG_TYPE | null;
 export declare let selectedTagSortOption: SortConfig;
 export declare function renderTagListPane(): HTMLElement;
 export declare function isTagPartOfCategory(categoryUUID: string): boolean;
 export declare function renderTags(tags: Array<ITag>, showOwnTagsOnly?: boolean): void;
-export declare function renderTagRow(tag: MpSdk.Tag.TagData, tagIconUrl: string): HTMLElement;
+export declare function renderTagRow(tag: MpSdk.Tag.TagData, tagIconUrl: string, tag_type?: string): HTMLElement;
 export declare function setTagLink(link: string): void;
 export declare function getTagLink(): void;
 export declare function addClickEventToTagRow(tag: MpSdk.Tag.TagData): void;
@@ -18,6 +20,9 @@ export declare function getSearchTagTerm(): string;
 export declare function searchTagList(tags: Array<ITag>): Array<ITag>;
 export declare function setSearchTagTerm(searchTagName: string): void;
 export declare function searchClearfield(): void;
+export declare function filterIotTagList(tags: Array<ITag>): Array<ITag>;
+export declare function setTagPaneActive(value: boolean): void;
+export declare function setCurrentTagPaneMode(value: TAG_TYPE | null): void;
 export declare const sortTags: (items: ITag[], options: SortConfig) => ITag[];
 export declare function updateSelectedTagSortOption(sortOption: string): void;
 export declare function resetSelectedTagSortOption(): void;