architwin 1.5.6 → 1.5.8

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

@@ -61,7 +61,8 @@ i18n
                 "MinimapUnavailable": "Minimap temporarily disabled. Matterport CDN is unavailable. Please try again later",
                 "PressEsc": "Press the Esc key or cancel button to cancel placement",
                 "DeleteObject": "Delete Object",
-                "ConfirmDeleteObject": "Are you sure you want to delete this object? This action cannot be reversed"
+                "ConfirmDeleteObject": "Are you sure you want to delete this object? This action cannot be reversed",
+                "FloorMapNotAvailable": "The floor image for this floor is currently unavailable"
             }
         },
         ja: {
@@ -117,7 +118,8 @@ i18n
                 "MinimapUnavailable": "ミニマップは一時的に無効になっています。 Matterport CDN は利用できません。 後でもう一度試してください",
                 "PressEsc": "キャンセルするにはESCキーもしくはキャンセルボタンを押してください",
                 "DeleteObject": "オブジェクト削除",
-                "ConfirmDeleteObject": "本当に削除してもよろしいですか？（この操作は取り消せません）"
+                "ConfirmDeleteObject": "本当に削除してもよろしいですか？（この操作は取り消せません）",
+                "FloorMapNotAvailable": "このフロアのフロア画像は現在利用できません"
             }
         }
     },

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

@@ -7,11 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { _mpConfig } from "../../../architwin";
 import { renderObjectCard, renderObjectRow, setActiveCard } from "./card";
 import { batchAddEventListenerByClassName, toggleActionBar, handleModelVisibility, handleDeleteModel } from "../../events";
 import i18n from './i18n';
 import { setModalAction, toggleModal } from "./modal";
 export function renderObjectListPane(cardList) {
+    var _a;
     const element = document.createElement('div');
     element.classList.add('at_container');
     element.classList.add('at_w-12');
@@ -45,6 +47,9 @@ export function renderObjectListPane(cardList) {
                 <span class="mdi mdi-plus-circle-outline"></span>
             </div>
         </div>
+        <div class="at_flex at_justify_center at_price">
+            <small style="font-size: 0.65em; color: white; opacity: 50%;">${(_a = _mpConfig.bundleVersion) !== null && _a !== void 0 ? _a : ""}</small>
+        </div>
     `;
     return element;
 }

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

@@ -1,6 +1,6 @@
 import { _tagCategories, _tags, getMpTags } from "../../../architwin";
 import { convertToCssRgb, stringContains } from "../../../utils";
-import { renderTags, setSelectedCategoryFilter, setSelectedSubcategoryFilter, filterTagList, getAllSubcategories } from './tagListPane';
+import { renderTags, setSelectedCategoryFilter, setSelectedSubcategoryFilter, filterTagList, getAllSubcategories, selectedCategoryFilterId } from './tagListPane';
 import i18n from './i18n';
 let mode = 'adding';
 let tagNameInput, tagDescriptionInput, tagEmbedInput, tagCategoryDropdown, tagSubcategoryDropdown;
@@ -329,8 +329,16 @@ function selectOption(option, elementId, skipToggle = false) {
         if (isFilterDropdown) {
             setSelectedSubcategoryFilter(undefined); //reset selected subcategory
         }
-        const elementId = isFilterDropdown ? 'at-subcategory-filter-options' : 'at-subcategory-options';
-        clearInnerHTML(elementId);
+        //Populate subcategory dropdown
+        const targetCategory = _tagCategories.find(cat => cat.uuid === selectedCategoryFilterId);
+        if (targetCategory && targetCategory.subcategories && targetCategory.subcategories.length > 0) {
+            console.log("Subcategories found", targetCategory.subcategories);
+            renderSubcategoryDropdownOptions(isFilterDropdown ? 'at-subcategory-filter-options' : 'at-subcategory-options', targetCategory.subcategories);
+        }
+        else {
+            const elementId = isFilterDropdown ? 'at-subcategory-filter-options' : 'at-subcategory-options';
+            clearInnerHTML(elementId);
+        }
         const tags = getMpTags();
         const filteredTags = filterTagList(tags);
         renderTags(filteredTags ? filteredTags : tags);

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

@@ -24,6 +24,7 @@ let allSubcategories = [];
 export let selectedCategoryFilterId = undefined;
 export let selectedSubCategoryFilterId = undefined;
 export function renderTagListPane() {
+    var _a;
     const element = document.createElement('div');
     element.classList.add('at_container');
     element.classList.add('at_w-12');
@@ -75,6 +76,9 @@ export function renderTagListPane() {
                 <span class="mdi mdi-plus-circle-outline"></span>
             </div>
         </div>
+        <div class="at_flex at_justify_center at_price">
+            <small style="font-size: 0.65em; color: white; opacity: 50%;">${(_a = _mpConfig.bundleVersion) !== null && _a !== void 0 ? _a : ""}</small>
+        </div>
     `;
     return element;
 }

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

@@ -3,6 +3,7 @@ import { _mpConfig } from "../../../architwin";
 import i18n from './i18n';
 let activeThemeCard;
 export function renderThemePane() {
+    var _a;
     const element = document.createElement('div');
     element.classList.add('at_container');
     element.classList.add('at_w-12');
@@ -53,6 +54,9 @@ export function renderThemePane() {
                 <span class="mdi mdi-content-save"></span>
             </div>
         </div>
+        <div class="at_flex at_justify_center at_price">
+            <small style="font-size: 0.65em; color: white; opacity: 50%;">${(_a = _mpConfig.bundleVersion) !== null && _a !== void 0 ? _a : ""}</small>
+        </div>
     `;
     return element;
 }

package/lib/minimap.js

@@ -101,6 +101,12 @@ function setMap(mpSdk, appKey, mapId, openOnLoad) {
                             showDirection();
                         }
                     }
+                    else {
+                        const mapConfig = getMapConfig();
+                        if (mapConfig && mapConfig.showDirection) {
+                            showDirection();
+                        }
+                    }
                     const sweepBtn = document.getElementById('p' + activeSweep);
                     if (sweepBtn) {
                         sweepBtn.classList.add('active');
@@ -431,8 +437,14 @@ function setImg(minimap, floorSequence, isStandAlone = false) {
         const map = document.createElement('img');
         _mapImg = _miniMapData.urlTemplate.replace('{{filename}}', 'render/vr_colorplan_00' + floorSequence + '.png');
         console.log("_mapImg ", _mapImg);
-        if (!_mapImg)
+        if (!_mapImg) {
+            notyf.error(`${i18n.t("FloorMapNotAvailable")}`);
             return;
+        }
+        if (_mapImgEl && _mpConfig.mapConfig && _mpConfig.mapConfig.showCurrentFloorOnly) {
+            _mapImgEl.src = _mapImg;
+            return;
+        }
         map.src = _mapImg;
         if (isStandAlone) {
             map.style.position = 'relative';
@@ -441,8 +453,11 @@ function setImg(minimap, floorSequence, isStandAlone = false) {
             map.style.position = 'absolute';
             map.style.zIndex = '10';
         }
-        _mapImgEl = map;
-        _mapContainer.appendChild(map);
+        if (!_mapImgEl) {
+            _mapImgEl = map;
+        }
+        const isCurrentFloorOnlyEnabled = _mpConfig.mapConfig && _mpConfig.mapConfig.showCurrentFloorOnly ? true : false;
+        _mapContainer.appendChild(isCurrentFloorOnlyEnabled ? _mapImgEl : map);
     });
 }
 function showDirection() {

package/lib/types.d.ts

@@ -77,6 +77,7 @@ export interface IMPConfig {
     iframeId: string;
     appKey?: string;
     bundlePath?: string;
+    bundleVersion?: string;
     mapId?: string;
     meetingApiKey?: string;
     showOriginalTags?: boolean;
@@ -169,6 +170,7 @@ export interface IMapConfig {
     };
     zIndex?: number;
     isShow?: boolean;
+    showCurrentFloorOnly?: boolean;
 }
 export interface ISweep {
     alignmentType: MpSdk.Sweep.Alignment;

package/package.json

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

package/static/atwinui.css

@@ -224,6 +224,10 @@
     justify-content: space-between;
 }
 
+.at_justify_center {
+    justify-content: center;
+}
+
 .at_items_center {
     align-items: center;
 }