architwin 1.14.8 → 1.14.10

package/lib/types.d.ts

@@ -261,6 +261,12 @@ export interface IObjectData {
     node: Scene.INode;
     type?: string;
     iframeId?: string;
+    children?: {
+        component?: Scene.IComponent;
+        node?: Scene.INode;
+        type?: string;
+        index?: number;
+    }[];
 }
 export interface IObjectFilters {
     type?: string | undefined;
@@ -452,6 +458,9 @@ export interface ComponentOptions {
     floorLevel?: number | undefined;
     lineComponentType?: string | undefined;
     id?: number | undefined;
+    drawingMode?: string | undefined;
+    targetIndex?: number | undefined;
+    targetUUID?: string | undefined;
 }
 export interface VectorCoords {
     object_position: Vector3;
@@ -725,6 +734,7 @@ export declare enum SPACE_EVENTS {
     PARTITION_CLICKED = "PARTITION_CLICKED",
     PARTITION_DISPOSED = "PARTITION_DISPOSED",
     PARTITION_RENDERED = "PARTITION_RENDERED",
+    PARTITION_COLLIDER_CLICKED = "PARTITION_COLLIDER_CLICKED",
     DRAW_HISTORY = "DRAW_HISTORY",
     BASEPOINT_UPDATED = "BASEPOINT_UPDATED",
     MINIMAP_CHANGED = "MINIMAP_CHANGED",
@@ -752,6 +762,7 @@ export declare enum SPACE_EVENTS {
     SCREEN_SHARE_HOST_END_SESSION = "SCREEN_SHARE_HOST_END_SESSION",
     SCREEN_SHARE_GUEST_LEAVE_SESSION = "SCREEN_SHARE_GUEST_LEAVE_SESSION",
     SCREEN_SHARE_BACK_USER_LIST_PANE = "SCREEN_SHARE_BACK_USER_LIST_PANE",
+    SCREEN_SHARE_TERMINATED = "SCREEN_SHARE_TERMINATED",
     PIPE_INIT = "PIPE_INIT",
     PIPE_CATEGORY_REMOVED = "PIPE_CATEGORY_REMOVED",
     PIPE_CATEGORY_SAVED = "PIPE_CATEGORY_SAVED",
@@ -1084,6 +1095,7 @@ export interface FloorPolyData {
     perimeter: number | undefined;
     floor_level: number;
     edges: Array<EdgePolyData>;
+    material?: string | undefined;
 }
 export interface WallPolyData {
     uuid?: string | undefined;
@@ -1095,11 +1107,29 @@ export interface WallPolyData {
         is_visible?: boolean | undefined;
         is_deleted?: boolean | undefined;
     };
+    material?: string | undefined;
     area: number;
     perimeter: number | undefined;
     width: number | undefined;
     wall_height: number;
     edges: Array<EdgePolyData>;
+    windows?: Array<WindowPolyData>;
+}
+export interface WindowPolyData {
+    path: Array<Vector3>;
+    uuid?: string | undefined;
+    name?: string | undefined;
+    index?: number | undefined;
+    options?: {
+        color?: number | undefined;
+        opacity?: number | undefined;
+        is_visible?: boolean | undefined;
+        is_deleted?: boolean | undefined;
+    };
+    area: number;
+    width: number | undefined;
+    edges: Array<EdgePolyData>;
+    material?: string | undefined;
 }
 export interface PolygonData {
     path: Array<Vector3>;
@@ -1113,6 +1143,7 @@ export interface PolygonData {
     wall_height: number;
     totalWallArea?: number;
     totalWallPerimeter?: number;
+    material?: string | undefined;
 }
 export interface PolyWallVisibility {
     index: number;

package/lib/types.js

@@ -95,6 +95,7 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["PARTITION_CLICKED"] = "PARTITION_CLICKED";
     SPACE_EVENTS["PARTITION_DISPOSED"] = "PARTITION_DISPOSED";
     SPACE_EVENTS["PARTITION_RENDERED"] = "PARTITION_RENDERED";
+    SPACE_EVENTS["PARTITION_COLLIDER_CLICKED"] = "PARTITION_COLLIDER_CLICKED";
     SPACE_EVENTS["DRAW_HISTORY"] = "DRAW_HISTORY";
     SPACE_EVENTS["BASEPOINT_UPDATED"] = "BASEPOINT_UPDATED";
     SPACE_EVENTS["MINIMAP_CHANGED"] = "MINIMAP_CHANGED";
@@ -123,6 +124,7 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["SCREEN_SHARE_HOST_END_SESSION"] = "SCREEN_SHARE_HOST_END_SESSION";
     SPACE_EVENTS["SCREEN_SHARE_GUEST_LEAVE_SESSION"] = "SCREEN_SHARE_GUEST_LEAVE_SESSION";
     SPACE_EVENTS["SCREEN_SHARE_BACK_USER_LIST_PANE"] = "SCREEN_SHARE_BACK_USER_LIST_PANE";
+    SPACE_EVENTS["SCREEN_SHARE_TERMINATED"] = "SCREEN_SHARE_TERMINATED";
     // PIPE
     SPACE_EVENTS["PIPE_INIT"] = "PIPE_INIT";
     SPACE_EVENTS["PIPE_CATEGORY_REMOVED"] = "PIPE_CATEGORY_REMOVED";

package/package.json

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

package/static/atwinui.css

@@ -1307,7 +1307,7 @@
 
 /* Room */
 
-.at_empty-display {
+.at_empty_display {
     display: var(--container-display);
     justify-content: center;
     align-items: center;
@@ -1330,7 +1330,8 @@
 
 .at_undo_btn,
 .at_redo_btn,
-.at_draw_partition_btn {
+.at_draw_partition_btn,
+.at_add_window_door_btn {
     background-color: black;
     border: solid white 2px;
     font-size: smaller;
@@ -1342,7 +1343,8 @@
 }
 
 
-.at_draw_partition_btn {
+.at_draw_partition_btn,
+.at_add_window_door_btn {
     flex-grow: 2;
 }
 
@@ -1350,7 +1352,8 @@
     font-size: x-small;
 }
 
-.at_draw_partition_btn_active {
+.at_draw_partition_btn_active,
+.at_add_window_door_btn_active {
     background-color: var(--bg-accent);
     border: solid white 2px;
     font-size: smaller;
@@ -1359,24 +1362,6 @@
     flex-grow: 2;
 }
 
-.at_partition_list_container {
-    display: var(--container-display);
-    border-radius: var(--border-radius);
-    background-color: black;
-    flex-direction: column;
-    padding: 8px 6px 8px 6px;
-    min-height: 22rem;
-}
-
-.at_partition_item_container {
-    display: var(--container-display);
-    flex-direction: column;
-    gap: 4px;
-    margin-bottom: 0.5rem;
-}
-
-.at_face_title,
-.at_partition_title,
 .at_converted_coordinates_title {
     display: var(--container-display);
     background-color: hsla(0,0%,19%,1);
@@ -1391,65 +1376,6 @@
     padding-right: 18px;
 }
 
-.at_face_title .mdi-chevron-left {
-    cursor: pointer;   
-    background-color: hsla(0, 3%, 6%, 0.8);
-    line-height: 1;
-    padding: 2px;
-    border-radius: 4px;
-}
-
-.at_partition_item {
-    display: var(--container-display);
-    background-color: hsla(0,0%,19%,1);
-    border-radius: 4px;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2px 5px 2px 5px; 
-    margin: 0 4px 0 4px;
-}
-
-.at_partition_name {
-    display: flex;
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    justify-content: space-between;
-    flex: 1;
-    padding: 0 5px 0 5px;
-    margin: 0 20px 0 20px;
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-}
-
-.at_icon_left {
-    line-height: 1;
-    background-color: hsla(173,75%,58%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 1px;
-}
-
-.at_icon_right {
-    cursor: pointer;
-}
-
-.at_face_vertex_container,
-.at_coordinaes_container {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 0px;
-    margin-top: 4px;
-}
-
-.at_face_vertex_item {
-    display: var(--container-display);
-    background-color: hsla(0,0%,19%,1);
-    flex-direction: column;
-    border-radius: 4px;
-    margin: 0px 4px 0px 4px;
-}
-
 .at_face_item {
     display: var(--container-display);    
     border-radius: 4px;
@@ -1463,96 +1389,21 @@
     background-color: hsla(220, 20%, 25%, 1);
 }
 
-.at_face_name {
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    cursor: pointer;
-    margin: 2px;
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-    text-align: center;
-    width:100px;
-}
-
-.at_face_icon_left {
-    display: inline-block;
-    line-height: 1;
-    background-color: hsla(173,75%,58%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 2px;
-    cursor: default;
-}
-
-.at_face_icon_right {
-    cursor: pointer;
-}
-
-.at_face_icon_right:hover {
-    color: var(--bg-accent-azusa)
-}
-
-.at_face_icon_rotate_90 {
-    display: inline-block;
-    transform: rotate(90deg); 
-}
-
-.at_face_icon_rotate_180 {
-    display: inline-block;
-    transform: rotate(180deg); 
-}
-
-.at_face_icon_rotate_270 {
-    display: inline-block;
-    transform: rotate(270deg); 
-}
-
-.at_edit_name {
-    display: none;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 6px;
-}
-
-.at_edit_name_text {
+.at_edit_name, .at_edit_material {
     display: flex;
-    font-family: Arial, sans-serif;
-    font-size: 10px;
-    text-align: center;
-    cursor: pointer;
-    gap: 5px;
-}
-
-.at_edit_name_input {
-    display: none;
     align-items: center;
     padding-bottom: 4px;
+    width: 100%;
 }
 
-.at_edit_face_name_input {
-    background-color: hsla(0,0%,19%,1);
-    font-family: Arial, sans-serif;
-    font-size: 10px;
-    box-sizing: border-box;
-    text-align: center;
-    color: white;
-    border:none;
-    border-bottom: 1px solid;
-    outline: none;
-    padding-bottom: 2px;
-    height: 20px;
-    max-width: 85px;
-} 
-
-.at_edit_partition_name_input {
+.at_edit_name_input, .at_edit_material_input {
     display:flex;
-    background-color: black;
+    background-color: inherit;
     font-family: Arial, sans-serif;
     font-size: 10px;
     box-sizing: border-box;
-    color: white;
     border:none;
+    color:white;
     border-bottom: 1px solid;
     outline: none;
     padding-bottom: 2px;
@@ -1560,7 +1411,10 @@
     width: 100%;
 }
 
-.at_edit_name_input .mdi-check {
+.at_edit_name .mdi-check,
+.at_edit_name .mdi-pencil,
+.at_edit_material .mdi-check,
+.at_edit_material .mdi-pencil {
     display: inline-flex; 
     align-items: center; 
     cursor: pointer;
@@ -1569,78 +1423,8 @@
     padding-bottom: 3px;
 }
 
-.at_vertex_list {
-    display: var(--container-display);
-    flex-direction: column;
-    border-radius: 4px;
-    margin-bottom: 6px;
-    padding-top: 6px;
-}
-
-.at_vertex_list.show {
-    display: var(--container-display);
-}
-
-.at_vertex_item {
-    display: var(--container-display);
-    background-color: hsla(0, 3%, 6%, 0.8);
-    border-radius: 4px;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 2px 5px 2px 5px; 
-    margin: 0px 14px 4px 15px;
-}
-
-.at_vertex_item.selected {
-    background-color: hsla(220, 25%, 25%, 1)
-}
-
-.at_vertex_center {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    gap: 6px;
-}
-
-.at_vertex_distance {
-    background-color:hsla(0,0%,100%,0.8) ;
-    border-radius: 4px;
-    color: black;
-}
-
-.at_vertex_name, 
-.at_vertex_distance {
-    font-size: 12px;
-    font-family: Arial, sans-serif;
-    white-space: nowrap;
-    text-align: center;
-    width: 50px;
-}
-
-.at_vertex_icon_left {
-    display: inline-block;
-    line-height: 1;
-    background-color: hsla(71,96%,62%,1);
-    color: black;
-    border-radius: 4px;
-    padding: 2px;
-    cursor: default;
-    margin: 2px;
-    cursor: pointer;
-}
-
-.at_vertex_icon_right {
-    cursor: pointer;
-}
-
-.at_vertex_icon_right:hover {
-    color: var(--bg-accent-azusa)
-}
-
 .at_invisible {
-    opacity: 0;        
+    visibility: hidden;        
     pointer-events: none;
     cursor: default;
 }
@@ -2270,7 +2054,8 @@ dialog#at-screen-share-request-modal::backdrop {
 
 .at_screen_share_request_message {
     font-size: 24px;
-    font-weight: bold;
+    font-weight: 700;
+    color: #263646ef !important;
     padding: none !important;
     margin: none !important;
 }
@@ -2383,10 +2168,245 @@ dialog#at-screen-share-request-modal::backdrop {
     background-color: var(--bg-accent) !important;
 }
 
+
+/* Generic Elements */
+
+.at_section {
+    display: var(--container-display);
+    border-radius: var(--border-radius);
+    background-color: black;
+    flex-direction: column;
+    padding: 8px 6px 8px 6px;
+    min-height: 22rem;
+}
+
+.at_section .at_title {
+    display: var(--container-display);
+    background-color: hsla(0,0%,19%,1);
+    border-radius: 4px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-size: 15px;
+    font-weight: normal;
+    font-family: Arial, sans-serif;
+    padding-left: 2px;
+    padding-right: 18px;
+}
+
+.at_section .at_title .at_back_btn{
+    cursor: pointer;   
+    background-color: hsla(0, 3%, 6%, 0.8);
+    line-height: 1;
+    padding: 2px;
+    border-radius: 4px;
+}
+
+.at_section .at_body {
+    display: var(--container-display);
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 0.5rem;
+}
+
+.at_section .at_body .at_container{
+    display: block;
+    background-color: hsla(0,0%,19%,1);
+    flex-direction: column;
+    border-radius: 4px;
+    padding: 0px;
+}
+
+.at_section .at_body .at_item {
+    display: var(--container-display);    
+    background-color: hsla(0,0%,19%,1);
+    border-radius: 4px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 5px 2px 5px;
+}
+
+.at_section .at_body .at_item .at_subitem_left {
+    line-height: 1;
+    background-color: hsla(173,75%,58%,1);
+    color: black;
+    border-radius: 4px;
+    padding: 1px;
+}
+
+.at_section .at_body .at_item .at_subitem_right {
+    cursor: pointer;
+}
+
+.at_section .at_body .at_item .at_subitem_right:hover {
+    color: var(--bg-accent-azusa)
+}
+
+.at_section .at_body .at_item .at_name {
+    display: flex;
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    justify-content: space-between;
+    flex: 1;
+    padding: 0 5px 0 5px;
+    margin: 0 20px 0 20px;
+    font-size: 12px;
+    font-family: Arial, sans-serif;
+}
+
+.at_section .at_body .at_item.selected {
+    background-color: hsla(220, 20%, 25%, 1);
+}
+
+.at_dropdown_item_container {
+    display: var(--container-display);
+    flex-direction: column;
+    border-radius: 4px;
+    padding: 4px;
+}
+
+.at_dropdown_item_container.show {
+    display: var(--container-display);
+}
+
+.at_section .at_body .at_container .at_dropdown_item_container .at_dropdown_item {
+    display: var(--container-display);
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 2px 2px 2px; 
+    margin: 0px 4px 2px 4px;
+}
+
+.at_section .at_body .at_container .at_dropdown_item_container .at_dropdown_item.selected {
+    background-color: hsla(220, 25%, 25%, 1)
+}
+
+.at_dropdown_item .at_subitem_left {
+    display: inline-block;
+    line-height: 1;
+    background-color: hsla(71,96%,62%,1);
+    color: black;
+    border-radius: 4px;
+    padding: 2px;
+    margin: 2px;
+}
+
+.at_dropdown_item .at_subitem_right {
+    cursor: pointer;
+    display: flex;
+}
+
+.at_dropdown_item .at_subitem_right span:hover{
+    color: var(--bg-accent-azusa)
+}
+
+.at_dropdown_item .at_subitem_center {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    gap: 4px;
+}
+
+.at_dropdown_item .at_subitem_center .at_icon {
+    font-size: 1em;
+}
+
+.at_dropdown_subitem_container {
+    display: var(--container-display);
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 2px 2px 2px 2px; 
+    margin: 0px 4px 2px 4px;
+    width: 100%;
+}
+
+.at_subitem_center .at_name {
+    max-width: 75px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    position: relative;
+}
+
+.at_subitem_center .at_tooltip {
+    position: absolute;
+    top: -70%;
+    left: -10%;
+    width: min-content;
+    color: #fff;
+    transform: translateY(-50%); 
+    font-size: 12px; 
+    padding: 4px 8px;
+    border-radius: 4px;
+    white-space: nowrap;
+    z-index: 9999999;
+    visibility: hidden;
+    background-color: #2A2B26;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+}
+
+.at_subitem_center:hover .at_tooltip {
+    transition: opacity 0.3s ease;
+    visibility: visible;
+    opacity: 1; 
+}
+
+.at_subitem_center .at_tooltip::after {
+    content: "";
+    position: absolute;
+    top: 115%;
+    left: 50%;
+    margin-top: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #2A2B26 transparent transparent transparent;
+}
+
+.at_subitem_center .at_name,
+.at_subitem_center .at_distance {
+    font-size: 12px;
+    font-family: Arial, sans-serif;
+    white-space: nowrap;
+    text-align: center;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.at_subitem_center .at_distance {
+    background-color:hsla(0,0%,100%,0.8) ;
+    border-radius: 4px;
+    color: black;
+}
+
+.at_container .at_item .at_subitem_center {
+    background-color: hsla(0, 3%, 6%, 0.8);
+    border-radius: 4px;
+    cursor: pointer;
+    margin: 4px;
+    font-size: 12px;
+    text-align: center;
+    width:100px;
+}
+
 .at_tags_filter_section {
     display: flex;
     flex-direction: row;
     gap: 2px !important;
     height: max-content;
     height: 3rem;
+}
+
+.at_partition_wall_row_item {
+    cursor: pointer;
+}
+
+.at_partition_floor_row_item {
+     cursor: pointer;
 }