architwin 1.0.89 → 1.0.91

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

@@ -10,7 +10,8 @@ import { setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibrar
 import { renderRecepientOptions, renderTagMessages, createTagMessage, setTagMessagingDetails } from "./tagMessagingPane";
 import { clearTagFormDropdown } from "./tagFormPane";
 import { toggleModal } from "./modal";
+import { toggleModelControl } from "./modelControlsPane";
 import './i18n';
 declare let actionBar: HTMLElement;
 declare function renderToolbarUI(payload: IToolbarData): void;
-export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, getObjectListStatus, toggleModal };
+export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, getObjectListStatus, toggleModal, toggleModelControl };

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

@@ -14,7 +14,7 @@ import { setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibrar
 import { renderRecepientOptions, renderTagMessages, createTagMessage, setTagMessagingDetails } from "./tagMessagingPane";
 import { clearTagFormDropdown } from "./tagFormPane";
 import { renderModal, toggleModal } from "./modal";
-import { renderModelControlPane } from "./modelControlsPane";
+import { renderModelControlPane, toggleModelControl } from "./modelControlsPane";
 import { getURLParams } from "../../../utils";
 import './i18n';
 import i18n from './i18n';
@@ -99,4 +99,4 @@ function renderToolbarUI(payload) {
     tagMessagingPane.style.display = 'none';
     themePane.style.display = 'none';
 }
-export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, getObjectListStatus, toggleModal };
+export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, getObjectListStatus, toggleModal, toggleModelControl };

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

@@ -34,7 +34,7 @@ export function renderTagListPane() {
         <div class="at_panel_header">
             <span>${i18n.t('Tags')}</span>
         </div>
-        <div class="at_form_container at_h-min-65">
+        <div class="at_form_container at_h-min-65 at_tag_list_pane">
             <div class="at_field at_flex_column" style="${_tagCategories ? '' : 'display: none;'}">
                 <label for="">${i18n.t('Category')}</label>
                 <div class="at_dropdown" id="at-custom-category-filter-dropdown" data-cy="at-custom-category-filter-dropdown">

package/lib/atwinui/events.js

@@ -16,7 +16,7 @@ import { initFormData } from "./components/toolbar/tagFormPane";
 import { renderObjectList } from "./components/toolbar/objectListPane";
 import { renderLibraryList } from "./components/toolbar/libraryPane";
 import { renderObjectCard } from "./components/toolbar/card";
-import { toggleModelControl, getCoordinateValues, clearCoordinateInputs } from "./components/toolbar/modelControlsPane";
+import { toggleModelControl, getCoordinateValues } from "./components/toolbar/modelControlsPane";
 import i18n from './components/toolbar/i18n';
 let activeToolbarItem, activeActionItem, activePane, activeActionPane;
 let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500 });
@@ -226,6 +226,8 @@ function handleCancelSelection() {
     cancelBtn.addEventListener('click', () => {
         clearSelectedObject();
         removeTransformControls();
+        toggleActionBar('hide');
+        toggleModelControl(false);
     });
 }
 function handlePlaceTag() {
@@ -659,7 +661,7 @@ function handleConfirmTransform() {
                 console.log("handleConfirmTransform ", transform);
                 const selected = getSelectedObject();
                 setObjectTransformation(selected.node, transform);
-                clearCoordinateInputs();
+                //clearCoordinateInputs()
                 removeTransformControls();
             }
         });

package/lib/atwinui/index.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { batchAddEventListenerByClassName, batchAddEventListenerById, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleShowMinimap, handleRenderMeetingUI } from './events';
 import '../../static/atwinui.css';
-import { renderToolbarUI, setActiveMenu, setActiveActionBtn, setActiveThemeCard } from './components/toolbar';
+import { renderToolbarUI, setActiveMenu, setActiveActionBtn, setActiveThemeCard, toggleModelControl } from './components/toolbar';
 import { SPACE_EVENTS } from '../types';
 import { dispatchSpaceEvent } from '../architwin';
 // let menuBar:HTMLElement,
@@ -54,6 +54,11 @@ function initToolbarUI(payload) {
             handleRenderMeetingUI();
         }
         else {
+            //@ts-expect-error
+            if (event.target.id !== 'at-object-list-btn') {
+                toggleActionBar('hide');
+                toggleModelControl(false);
+            }
             //@ts-ignore
             yield toggleDisplayPane(event.target.id);
             console.log("setActiveMenu, batchAddEventListenerByClassName");

package/package.json

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

package/static/atwinui.css

@@ -321,7 +321,7 @@
     color: var(--text-color-light);
     border-radius: var(--container-border-radius);
     padding: var(--container-padding);
-    justify-content: var(--container-justify-content);
+    justify-content: var(--container-justify-content);  
     flex-wrap: var(--container-wrap);
     gap: 16px;
     flex-direction: column;
@@ -925,4 +925,12 @@
       padding: 0rem 1rem;
     }
 
-  } 
+  } 
+
+
+  /* CUSTOM CLASSES */
+  .at_tag_list_pane {
+    margin: 6px 6px 0px 6px !important;
+    gap: 0px !important;
+    padding: 10px 10px 5px 10px !important;
+  }