architwin 1.6.8 → 1.6.9

package/lib/atwinui/events.js

@@ -906,15 +906,18 @@ function handleShowMinimap() {
     if (isCdnMapDataAvailable) {
         const map = document.getElementById('at-map');
         const style = window.getComputedStyle(map);
+        const dropdown = document.getElementById('at-map-dropdown');
         log.info("Minimap width", style.display);
         if (style.display === "none") {
             log.info("Showing minimap");
             map.style.display = 'block';
+            dropdown.style.display = 'block';
             minimap.showDirection();
         }
         else {
             log.info("Hiding minimap");
             map.style.display = 'none';
+            dropdown.style.display = 'none';
         }
     }
     else {

package/lib/map.js

@@ -1,4 +1,3 @@
-//import { _mpSdk } from './architwin'
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,7 +33,7 @@ export function setMap() {
             var yOffset = newHeight < canvas.height ? ((canvas.height - newHeight) / 2) : 0;
             canvasContext.drawImage(img, xOffset, yOffset, newWidth, newHeight);
             // sweepToMap()
-            // sweeps.map((swp)=> sweepToMap(swp)); 
+            // sweeps.map((swp)=> sweepToMap(swp));
         };
     });
 }

package/lib/minimap.d.ts

@@ -39,4 +39,15 @@ declare function getFloorsInSpace(): FloorData[];
  * @returns
  */
 declare function setStandaloneMap(modelId: string, appKey: string, mapId: string): Promise<void>;
-export { isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace };
+/**
+ * This function creates the dropdown (HTLMElement) for available positions that Minimap can be set
+ * @param options An array of strings representing the minimap positions (e.g., 'topLeft','bottomRight').
+* @returns HTLMElement with the specified position options.
+ */
+declare function createDropdown(options: string[]): Promise<HTMLDivElement>;
+/**
+ * Sets Minimap Position anywhere inside Space as selected by User
+ * @param position Accepts a string (bottomLeft/bottomRight/topRight/topLeft)
+ * */
+declare function setMinimapPosition(position: string): Promise<void>;
+export { isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition };

package/lib/minimap.js

@@ -124,31 +124,42 @@ function setMap(mpSdk, appKey, mapId, openOnLoad) {
         // Render Minimap
         _mapContainer = document.getElementById(mapId);
         _mapBox = _mapContainer.parentNode;
+        // Setup minimap position dropdown
+        _mapBox.setAttribute('id', 'at-map-box');
+        const dropDownElement = yield createDropdown(mapPositions);
+        _mapBox.insertBefore(dropDownElement, _mapBox.firstChild);
         // Apply custom values from mapConfig
         if (_mpConfig.mapConfig) {
             if (_mpConfig.mapConfig.position && mapPositions.includes(_mpConfig.mapConfig.position)) {
                 log.info("Setting map position to ", _mpConfig.mapConfig.position);
                 _mapBox.classList.add(_mpConfig.mapConfig.position);
+                log.info("This is log from minimap.ts, first if");
             }
             else {
                 //Set map to top right if no custom position is set
                 log.warn("Empty or invalid map position passed, defaulting to topRight");
                 _mapBox.classList.add('topRight');
+                log.info("This is log from minimap.ts, inside else");
             }
         }
+        // show minimap position dropdown
+        const dropdown = document.getElementById('at-map-dropdown');
         //show map config
         if (_mpConfig.mapConfig) {
             if (_mpConfig.mapConfig.isShow) {
                 log.info("Showing minimap at default..");
                 _mapContainer.style.display = 'block';
+                dropdown.style.display = 'block';
             }
             else {
                 log.info("Hiding minimap at default..");
                 _mapContainer.style.display = 'none';
+                dropdown.style.display = 'none';
             }
         }
         else {
             _mapContainer.style.display = 'block';
+            dropdown.style.display = 'block';
         }
         if (_mpConfig.mapConfig && _mpConfig.mapConfig.fixedSized) {
             //If there is a fixed width of the map and we do not want the hover to expand effect. We update the CSS variable
@@ -507,14 +518,17 @@ function toggleMinimapVisibility() {
     if (isCdnMapDataAvailable) {
         const minimap = document.getElementById('at-map');
         const style = window.getComputedStyle(minimap);
+        const dropdown = document.getElementById('at-map-dropdown');
         log.info("Minimap width", style.display);
         if (style.display === "none") {
             log.info("Showing minimap");
             minimap.style.display = 'block';
+            dropdown.style.display = 'block';
         }
         else {
             log.info("Hiding minimap");
             minimap.style.display = 'none';
+            dropdown.style.display = 'none';
         }
     }
     else {
@@ -849,6 +863,64 @@ function setStandaloneMap(modelId, appKey, mapId) {
         toggleSweepMarkerFloors(0);
     });
 }
+/**
+ * This function creates the dropdown (HTLMElement) for available positions that Minimap can be set
+ * @param options An array of strings representing the minimap positions (e.g., 'topLeft','bottomRight').
+* @returns HTLMElement with the specified position options.
+ */
+function createDropdown(options) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        const element = document.createElement('div');
+        element.classList.add('at_flex', 'at_justify_end');
+        log.info('createDropdown');
+        const dropdown = document.createElement('select');
+        dropdown.classList.add('at_dropdown');
+        dropdown.setAttribute('id', 'at-map-dropdown');
+        options.forEach(optionText => {
+            const option = document.createElement('option');
+            option.value = optionText;
+            option.textContent = optionText.replace(/([A-Z])/g, ' $1').trim().toUpperCase();
+            dropdown.appendChild(option);
+        });
+        dropdown.value = (_a = _mpConfig.mapConfig.position) !== null && _a !== void 0 ? _a : 'bottomRight';
+        dropdown.addEventListener('change', () => {
+            const selectedValue = dropdown.value;
+            log.info('addEvent: ', selectedValue);
+            mapPositions.forEach(position => _mapBox.classList.remove(position));
+            setMinimapPosition(selectedValue);
+        });
+        element.appendChild(dropdown);
+        return element;
+    });
+}
+/**
+ * Sets Minimap Position anywhere inside Space as selected by User
+ * @param position Accepts a string (bottomLeft/bottomRight/topRight/topLeft)
+ * */
+function setMinimapPosition(position) {
+    return __awaiter(this, void 0, void 0, function* () {
+        log.info('Selected Minimap Position: ', position);
+        if (position) {
+            log.info("Setting map position to ", position);
+            _mapBox.classList.add(position);
+            log.info("This is log from minimap.ts, first if");
+        }
+        else {
+            if (_mpConfig.mapConfig.position) {
+                //Set map to top right if no custom position is set
+                log.warn("Empty or invalid map position passed, defaulting to mapConfig");
+                _mapBox.classList.add(_mpConfig.mapConfig.position);
+                log.info("This is log from minimap.ts, inside else");
+            }
+            else {
+                log.warn("Empty or invalid map position passed, defaulting to mapConfig");
+                _mapBox.classList.add('bottomRight');
+                log.info("This is log from minimap.ts, inside else");
+            }
+        }
+    });
+}
 export { 
 // _miniMapData as minimapData,
-isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace };
+isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition };

package/package.json

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

package/static/map.css

@@ -32,12 +32,14 @@
 }
 
 .at_map_container.topLeft {
-    top: 10px;
+    /* top: 10px; old*/
+    top: 6%;
     left: 0;
 }
 
 .at_map_container.topRight {
-    top: 10px;
+    /* top: 10px; old implementation*/
+    top: 6%;
     right: 0;
 }