architwin 1.9.2 → 1.9.4

package/lib/loaders/polydrawerLoader.js

@@ -458,7 +458,9 @@ export class BufferGeometry {
             wallColor: 0xffd150,
             floorOpacity: 0.4,
             wallOpacity: 0.6,
-            visible: true
+            visible: true,
+            wallData: [],
+            floorData: undefined
         };
         this.emits = {
             changed: true,
@@ -510,7 +512,11 @@ export class BufferGeometry {
                 opacity: this.inputs.floorOpacity,
                 transparent: true
             }));
-            floorMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}-floor` : 'floor';
+            floorMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}_floor` : 'floor';
+            const floorConfig = this.inputs.floorData;
+            if (floorConfig && floorConfig.options) {
+                floorMesh.visible = floorConfig.options.is_visible;
+            }
             this.groupedMesh.add(floorMesh);
             const floorArea = getPolygonArea(this.inputs.path);
             let [floors, walls] = this.renderWalls(WALL_HEIGHT);
@@ -520,7 +526,8 @@ export class BufferGeometry {
             const floorData = {
                 options: {
                     color: this.inputs.floorColor,
-                    opacity: this.inputs.floorOpacity
+                    opacity: this.inputs.floorOpacity,
+                    is_visible: floorMesh.visible
                 },
                 area: floorArea,
                 floor_level: this.inputs.path[0].y,
@@ -534,7 +541,10 @@ export class BufferGeometry {
                 floor_offset: currentOffsetValue,
                 floor_sequence: currentFloor,
                 floor: floorData,
-                walls: wallDataArray
+                walls: wallDataArray,
+                options: {
+                    is_visible: this.inputs.visible
+                }
             };
             dispatchSpaceEvent(SPACE_EVENTS.PARTITION_UPDATED, partitionData);
             console.log("Polygon mesh ", this.groupedMesh);
@@ -657,6 +667,18 @@ export class BufferGeometry {
             floorLabelMesh.position.set((startPoint.x + endPoint.x) / 2, midPoint.y + 0.1, (startPoint.z + endPoint.z) / 2);
             floorLabelMesh.rotation.y = -Math.PI / 2;
             //floorLabelMesh.rotation.z = -Math.PI / 2; 
+            floorLabelMesh.name = this.inputs.uuid != '' ? `${this.inputs.uuid}_edgeLabel-${i}` : `edgeLabel-${i}`;
+            if (this.inputs.wallData && this.inputs.wallData.length > 0) {
+                const wallData = this.inputs.wallData.find((w) => w.index == i);
+                if (wallData && wallData.options) {
+                    wallMesh.visible = wallData.options.is_visible;
+                    wallLabelMesh.visible = wallData.options.is_visible;
+                }
+            }
+            const floorConfig = this.inputs.floorData;
+            if (floorConfig && floorConfig.options) {
+                floorLabelMesh.visible = floorConfig.options.is_visible;
+            }
             this.wallLabels.push(wallLabelMesh);
             this.floorLabels.push(floorLabelMesh);
             this.groupedMesh.add(wallMesh);
@@ -679,8 +701,10 @@ export class BufferGeometry {
             const wallData = {
                 options: {
                     color: this.inputs.wallColor,
-                    opacity: this.inputs.wallOpacity
+                    opacity: this.inputs.wallOpacity,
+                    is_visible: wallMesh.visible
                 },
+                index: i,
                 area: wallArea,
                 wall_height: WALL_HEIGHT,
                 edges: wallEdges

package/lib/types.d.ts

@@ -985,6 +985,7 @@ export interface FloorPolyData {
     options?: {
         color: number | undefined;
         opacity: number | undefined;
+        is_visible?: boolean | undefined;
     };
     area: number | undefined;
     floor_level: number;
@@ -993,9 +994,11 @@ export interface FloorPolyData {
 export interface WallPolyData {
     uuid?: string | undefined;
     name?: string | undefined;
+    index?: number | undefined;
     options?: {
-        color: number | undefined;
-        opacity: number | undefined;
+        color?: number | undefined;
+        opacity?: number | undefined;
+        is_visible?: boolean | undefined;
     };
     area: number;
     wall_height: number;
@@ -1003,11 +1006,18 @@ export interface WallPolyData {
 }
 export interface PolygonData {
     path: Array<Vector3>;
-    options: any;
+    options?: {
+        is_visible?: boolean | undefined;
+    };
     floor_offset: number;
     floor_sequence: MpSdk.Floor.FloorData;
     floor: FloorPolyData;
     walls: Array<WallPolyData>;
+    is_visible?: boolean;
+}
+export interface PolyWallVisibility {
+    index: number;
+    is_visible: boolean;
 }
 export declare const enum IO_PARTICIPANT_COLORS {
     GREEN = "GREEN",

package/lib/utils.d.ts

@@ -70,3 +70,9 @@ export declare function isEqual(value: any, other: any): boolean;
  * @returns The modified string with the replacement word
  */
 export declare function replaceWordInString(originalString: string, targetWord: string, replacementWord: string, caseInsensitive?: boolean): string;
+/**
+ * Checks if an HTML element is visible in the browser viewport.
+ * @param element The HTML element to check for visibility
+ * @returns
+ */
+export declare function isElementVisible(element: HTMLElement): boolean;

package/lib/utils.js

@@ -318,3 +318,18 @@ export function replaceWordInString(originalString, targetWord, replacementWord,
     const pattern = new RegExp(`\\b${targetWord}\\b`, caseMode);
     return originalString.replace(pattern, replacementWord);
 }
+/**
+ * Checks if an HTML element is visible in the browser viewport.
+ * @param element The HTML element to check for visibility
+ * @returns
+ */
+export function isElementVisible(element) {
+    if (!element) {
+        return false; // Element is not provided
+    }
+    const style = window.getComputedStyle(element);
+    const isVisible = style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
+    const rect = element.getBoundingClientRect();
+    const isInViewport = rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+    return isVisible && isInViewport;
+}

package/package.json

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

package/static/atwinui.css

@@ -1449,7 +1449,7 @@
     display: none;
 }
 
-.at_room_edit_btn, .at_room_visible_btn {
+.at_room_edit_btn, .at_room_visible_btn, .at_child_visible_btn {
     cursor: pointer;
 }
 

package/static/utility.css

@@ -203,6 +203,10 @@ width: 100vw;
     opacity: 0.6;
   }
 
+  .at_hidden {
+    display: none;
+  }
+
   .at_bolder {
     font-weight: bolder;
   }