architwin 1.10.22 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/minimap.js CHANGED
@@ -17,7 +17,9 @@ import log from 'loglevel';
17
17
  import { Notyf } from 'notyf';
18
18
  import i18n from './atwinui/components/toolbar/i18n';
19
19
  import 'notyf/notyf.min.css';
20
+ import { getAssetUrl } from "./utils";
20
21
  import { isCustomMapControlsVisible } from "./atwinui/events";
22
+ import { getSelectedMapOption } from "./atwinui/components/toolbar/generalSettingsMenuPane";
21
23
  let _miniMapData;
22
24
  let _mapContainer;
23
25
  let _mapBox;
@@ -41,6 +43,7 @@ let _customMapYOffset = 0;
41
43
  let minX = 0, minY = 0, maxX = 0, maxY = 0;
42
44
  let _customMapContainer;
43
45
  let _customMapFloorData = [];
46
+ let _minimapPosition = "bottomRight";
44
47
  let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
45
48
  {
46
49
  type: 'info',
@@ -488,17 +491,16 @@ function setImg(minimap, floorSequence, isStandAlone = false) {
488
491
  _mapContainer.appendChild(isCurrentFloorOnlyEnabled ? _mapImgEl : map);
489
492
  });
490
493
  }
491
- function showDirection(mapType = MAP_OPTIONS.CUSTOM_MAP) {
494
+ function showDirection() {
492
495
  // log.info('showDirection')
493
496
  let btnX = 0;
494
497
  let btnY = 0;
495
498
  const thisSweep = getCurrentSweep();
496
499
  const thisCameraPose = getCurrentCameraPose();
497
- // Check current minimap type from general settings
498
- // FOR NOW USE CUSTOM MAP; BUT SHOULD CHECK BASED ON ACTUAL SETTINGS STATE
499
- if (mapType === MAP_OPTIONS.DEFAULT_MAP) {
500
- if (!thisSweep && !thisCameraPose)
501
- return;
500
+ const selectedMapOption = getSelectedMapOption();
501
+ if (!thisSweep && !thisCameraPose)
502
+ return;
503
+ if (selectedMapOption === MAP_OPTIONS.DEFAULT_MAP) {
502
504
  if (!thisCameraPose.rotation || !thisCameraPose.rotation.y)
503
505
  return;
504
506
  const angle = thisCameraPose.rotation.y;
@@ -523,15 +525,14 @@ function showDirection(mapType = MAP_OPTIONS.CUSTOM_MAP) {
523
525
  }
524
526
  }
525
527
  else {
526
- if (!thisSweep && !thisCameraPose)
527
- return;
528
528
  const angle = thisCameraPose.rotation.y;
529
- const sweepBtn = document.getElementById('p' + thisSweep.id);
529
+ const sweepBtn = document.getElementById('sp' + thisSweep.id);
530
530
  const canvas = document.getElementById("at-custom-map-canvas");
531
531
  if (!sweepBtn || !canvas)
532
532
  return;
533
533
  const ctx = canvas.getContext("2d");
534
534
  if (ctx && sweepBtn) {
535
+ log.info("[Minimap custom] HAS CANVAS AND SWEEP BTNS..");
535
536
  ctx.globalAlpha = 0.7;
536
537
  btnX = (sweepBtn.getBoundingClientRect().x - canvas.getBoundingClientRect().x) + (sweepBtn.offsetWidth / 2);
537
538
  btnY = (sweepBtn.getBoundingClientRect().y - canvas.getBoundingClientRect().y) + (sweepBtn.offsetHeight / 2);
@@ -951,7 +952,8 @@ function mapPositionHandler(mapPositions) {
951
952
  mapTopRight.addEventListener('click', () => {
952
953
  console.log("__@ Map Position: Top Right!");
953
954
  mapPositions.forEach(position => _mapBox.classList.remove(position));
954
- setMinimapPosition('topRight');
955
+ _minimapPosition = 'topRight';
956
+ setMinimapPosition(_mapBox, 'topRight');
955
957
  if (options.classList.contains('open')) {
956
958
  options.classList.remove('open');
957
959
  }
@@ -959,7 +961,8 @@ function mapPositionHandler(mapPositions) {
959
961
  mapTopLeft.addEventListener('click', () => {
960
962
  console.log("__@ Map Position: Top Left!");
961
963
  mapPositions.forEach(position => _mapBox.classList.remove(position));
962
- setMinimapPosition('topLeft');
964
+ _minimapPosition = 'topLeft';
965
+ setMinimapPosition(_mapBox, 'topLeft');
963
966
  if (options.classList.contains('open')) {
964
967
  options.classList.remove('open');
965
968
  }
@@ -967,7 +970,8 @@ function mapPositionHandler(mapPositions) {
967
970
  mapBottomLeft.addEventListener('click', () => {
968
971
  console.log("__@ Map Position: Bottom Left!");
969
972
  mapPositions.forEach(position => _mapBox.classList.remove(position));
970
- setMinimapPosition('bottomLeft');
973
+ _minimapPosition = 'bottomLeft';
974
+ setMinimapPosition(_mapBox, 'bottomLeft');
971
975
  if (options.classList.contains('open')) {
972
976
  options.classList.remove('open');
973
977
  }
@@ -975,7 +979,8 @@ function mapPositionHandler(mapPositions) {
975
979
  mapBottomRight.addEventListener('click', () => {
976
980
  console.log("__@ Map Position: Bottom Right!");
977
981
  mapPositions.forEach(position => _mapBox.classList.remove(position));
978
- setMinimapPosition('bottomRight');
982
+ _minimapPosition = 'bottomRight';
983
+ setMinimapPosition(_mapBox, 'bottomRight');
979
984
  if (options.classList.contains('open')) {
980
985
  options.classList.remove('open');
981
986
  }
@@ -985,24 +990,24 @@ function mapPositionHandler(mapPositions) {
985
990
  * Sets Minimap Position anywhere inside Space as selected by User
986
991
  * @param position Accepts a string (bottomLeft/bottomRight/topRight/topLeft)
987
992
  * */
988
- function setMinimapPosition(position) {
993
+ function setMinimapPosition(mapContainer, position) {
989
994
  return __awaiter(this, void 0, void 0, function* () {
990
995
  log.info('Selected Minimap Position: ', position);
991
996
  if (position) {
992
997
  log.info("Setting map position to ", position);
993
- _mapBox.classList.add(position);
998
+ mapContainer.classList.add(position);
994
999
  log.info("This is log from minimap.ts, first if");
995
1000
  }
996
1001
  else {
997
1002
  if (_mpConfig.mapConfig.position) {
998
1003
  //Set map to top right if no custom position is set
999
1004
  log.warn("Empty or invalid map position passed, defaulting to mapConfig");
1000
- _mapBox.classList.add(_mpConfig.mapConfig.position);
1005
+ mapContainer.classList.add(_mpConfig.mapConfig.position);
1001
1006
  log.info("This is log from minimap.ts, inside else");
1002
1007
  }
1003
1008
  else {
1004
1009
  log.warn("Empty or invalid map position passed, defaulting to mapConfig");
1005
- _mapBox.classList.add('bottomRight');
1010
+ mapContainer.classList.add('bottomRight');
1006
1011
  log.info("This is log from minimap.ts, inside else");
1007
1012
  }
1008
1013
  }
@@ -1040,8 +1045,9 @@ function handleMapResize() {
1040
1045
  */
1041
1046
  function setupCustomMinimapPane() {
1042
1047
  log.info('setupCustomMinimap');
1048
+ log.info("_minimapPosition: ", _minimapPosition);
1043
1049
  return `
1044
- <div id="at-custom-minimap-pane" class="at_overlay_left_minimap">
1050
+ <div id="at-custom-minimap-pane" class="at_overlay_left_minimap ${_minimapPosition}" style="display:none">
1045
1051
  <div id="at-custom-map-close-btn" class="at_close_minimap">
1046
1052
  <span class="mdi mdi-window-close" id="at-close-minimap-btn" data-cy="at-close-minimap-btn"></span>
1047
1053
  </div>
@@ -1052,7 +1058,7 @@ function setupCustomMinimapPane() {
1052
1058
  <div id="at-spinner" class="at_spinner"></div>
1053
1059
  <canvas id="at-custom-map-canvas" class="at_custom_map_canvas" width="379" height="379"></canvas>
1054
1060
  <div id="at-custom-map" class="at_custom_map">
1055
- <img id="at-custom-map-img" src="../../node_modules/architwin/static/images/377.png" alt="Minimap">
1061
+ <img id="at-custom-map-img" src="${getAssetUrl('images/377.png')}" alt="Minimap">
1056
1062
  </div>
1057
1063
 
1058
1064
  ${setupCustomMinimapSettingUI()}
@@ -1066,14 +1072,25 @@ function setupCustomMinimapPane() {
1066
1072
  */
1067
1073
  function setupCustomMinimapSettingUI() {
1068
1074
  return `
1069
- <div id="at-custom-minimap-settings" class="at_custom_minimap_settings ${isCustomMapControlsVisible ? 'show' : ''}">
1075
+ <!--- <div id="at-custom-minimap-settings" class="at_custom_minimap_settings ${isCustomMapControlsVisible ? 'show' : ''}"> -->
1076
+ <div id="at-custom-minimap-settings" class="at_custom_minimap_settings">
1077
+ <!-- Upload Image Button -->
1078
+ <div class="at_custom_button_row" style="display: flex; justify-content: center;">
1079
+ <div id="at-custom-upload-image-btn" class="at_custom_button_settings">
1080
+ <span class="mdi mdi-upload"></span>
1081
+ <span>${i18n.t('UploadImage')}</span>
1082
+ </div>
1083
+ <div v-show="false" id="at-custom-upload-image-btn" class="at_custom_button_settings" style="display:none">
1084
+ <input type="file" id="at-custom-image-input" accept="image/*" />
1085
+ </div>
1086
+ </div>
1070
1087
  <!-- Buttons Row -->
1071
1088
  <div class="at_custom_button_row">
1072
- <div id="at-custom-screenshot-btn" class="at_custom_button_settings">
1089
+ <div id="at-custom-screenshot-btn" class="at_custom_button_settings" style="width: 100%;">
1073
1090
  <span class="mdi mdi-camera-outline"></span>
1074
1091
  <span>${i18n.t('Screenshot')}</span>
1075
1092
  </div>
1076
- <div id="at-custom-rotate-btn" class="at_custom_button_settings">
1093
+ <div id="at-custom-rotate-btn" class="at_custom_button_settings" style="width: 100%;">
1077
1094
  <span class="mdi mdi-rotate-right"></span>
1078
1095
  <span>${i18n.t('RotateMinimap')}</span>
1079
1096
  </div>
@@ -1083,25 +1100,25 @@ function setupCustomMinimapSettingUI() {
1083
1100
  <div class="at_custom_slider_group">
1084
1101
  <div class="at_custom_slider_row">
1085
1102
  <div class="at_svg_icon_container">
1086
- <img src="../../node_modules/architwin/static/icons/mapscalewidthicon.svg" alt="map_scale_width">
1103
+ <img src="${getAssetUrl('icons/mapscalewidthicon.svg')}" alt="map_scale_width">
1087
1104
  </div>
1088
1105
  <input id="at-slider-scale" type="range" id="slider-scale" min="0" max="100" step="1" />
1089
1106
  </div>
1090
1107
  <div class="at_custom_slider_row">
1091
1108
  <div class="at_svg_icon_container">
1092
- <img src="../../node_modules/architwin/static/icons/mapscaleheighticon.svg" alt="map_scale_height">
1109
+ <img src="${getAssetUrl('icons/mapscaleheighticon.svg')}" alt="map_scale_height">
1093
1110
  </div>
1094
1111
  <input id="at-slider-translate" type="range" id="slider-translate" min="0.1" max="20" step="0.1" />
1095
1112
  </div>
1096
1113
  <div class="at_custom_slider_row">
1097
1114
  <div class="at_svg_icon_container">
1098
- <img src="../../node_modules/architwin/static/icons/mapleftrighticon.svg" alt="map_left_right">
1115
+ <img src="${getAssetUrl('icons/mapleftrighticon.svg')}" alt="map_left_right">
1099
1116
  </div>
1100
1117
  <input id="at-slider-xOffset" type="range" id="slider-xoffset" min="-50" max="100" step="1" />
1101
1118
  </div>
1102
1119
  <div class="at_custom_slider_row">
1103
1120
  <div class="at_svg_icon_container">
1104
- <img src="../../node_modules/architwin/static/icons/mapupdownicon.svg" alt="map_up_down">
1121
+ <img src="${getAssetUrl('icons/mapupdownicon.svg')}" alt="map_up_down">
1105
1122
  </div>
1106
1123
  <input id="at-slider-yOffset" type="range" id="slider-yoffset" min="-15" max="100" step="1" />
1107
1124
  </div>
@@ -1118,7 +1135,7 @@ function setCustomMap(mpSdk) {
1118
1135
  const showcase = document.getElementById('showcase-container');
1119
1136
  const mapContainer = document.createElement('div');
1120
1137
  mapContainer.innerHTML = minimapElement;
1121
- showcase.prepend(mapContainer);
1138
+ showcase.append(mapContainer);
1122
1139
  console.log("Successfully rendered.");
1123
1140
  subscribeToFloorChanges(mpSdk);
1124
1141
  }
@@ -1219,9 +1236,9 @@ function displaySweepToCustomMap(sweepItem, mpSdk) {
1219
1236
  const scaleY = (_customMapScale * 21 / 9) / _customMapTranslate;
1220
1237
  const scaledX = scaleToContainer(posX, minX, maxX, scaleX, 0);
1221
1238
  const scaledY = scaleToContainer(posY, minY, maxY, scaleY, 0);
1222
- thisSweep.setAttribute('id', 'p' + sweepItem.id);
1239
+ thisSweep.setAttribute('id', 'sp' + sweepItem.id);
1223
1240
  thisSweep.setAttribute('value', sweepItem.id);
1224
- thisSweep.setAttribute('data-cy', 'p' + sweepItem.id);
1241
+ thisSweep.setAttribute('data-cy', 'sp' + sweepItem.id);
1225
1242
  thisSweep.style.left = (scaledX + parseInt(_customMapXOffset.toString())) + '%';
1226
1243
  thisSweep.style.top = (scaledY + parseInt(_customMapYOffset.toString())) + '%';
1227
1244
  thisSweep.style.position = 'absolute';
@@ -1336,6 +1353,10 @@ function setCustomMapYOffset(yOffset) {
1336
1353
  function getCustomMapYOffset() {
1337
1354
  return _customMapYOffset;
1338
1355
  }
1356
+ // GET: CURRENT MINIMAP POSITION
1357
+ function getMinimapPosition() {
1358
+ return _minimapPosition;
1359
+ }
1339
1360
  /**
1340
1361
  * Sets an individual or entire floor data array of custom minimap
1341
1362
  * @param payload
@@ -1458,6 +1479,6 @@ function resetCustomMapSettingValues() {
1458
1479
  }
1459
1480
  export {
1460
1481
  // _miniMapData as minimapData,
1461
- isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition,
1482
+ isMinimapNavigation, mapPositions, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility, setSweepMarkerColor, setStandaloneMap, toggleMinimapFloor, getFloorsInSpace, createDropdown, setMinimapPosition,
1462
1483
  // custom minimap
1463
- setCustomMap, setupCustomMinimapPane, setCustomMinimapRotation, getCustomMinimapRotation, generateCustomMinimap, setCustomMapScale, setCustomMapTranslate, setCustomMapXOffset, setCustomMapYOffset, getCustomMapScale, getCustomMapTranslate, getCustomMapXOffset, getCustomMapYOffset, setMinAndMax, setCustomMapFloorData, getCustomMapFloorData, resetCustomMapSettingValues };
1484
+ setCustomMap, setupCustomMinimapPane, setCustomMinimapRotation, getCustomMinimapRotation, generateCustomMinimap, setCustomMapScale, setCustomMapTranslate, setCustomMapXOffset, setCustomMapYOffset, getCustomMapScale, getCustomMapTranslate, getCustomMapXOffset, getCustomMapYOffset, setMinAndMax, setCustomMapFloorData, getCustomMapFloorData, resetCustomMapSettingValues, getMinimapPosition, };
package/lib/types.d.ts CHANGED
@@ -196,6 +196,7 @@ export interface I3DObject {
196
196
  thumbnail_type?: string;
197
197
  created_on?: string;
198
198
  object_file?: string;
199
+ object_uuid?: string;
199
200
  object_filename?: string;
200
201
  json_data?: any;
201
202
  }
@@ -712,6 +713,7 @@ export declare enum SPACE_EVENTS {
712
713
  PARTITION_RENDERED = "PARTITION_RENDERED",
713
714
  DRAW_HISTORY = "DRAW_HISTORY",
714
715
  BASEPOINT_UPDATED = "BASEPOINT_UPDATED",
716
+ MINIMAP_CHANGED = "MINIMAP_CHANGED",
715
717
  FLOOR_IMAGE_SELECTED = "FLOOR_IMAGE_SELECTED",
716
718
  FLOOR_IMAGE_UPLOADED = "FLOOR_IMAGE_UPLOADED",
717
719
  FLOOR_IMAGE_UPLOAD_FAILED = "FLOOR_IMAGE_UPLOAD_FAILED",
@@ -1193,6 +1195,74 @@ export interface SpaceMetadata {
1193
1195
  };
1194
1196
  };
1195
1197
  }
1198
+ export interface CustomMapFloorData {
1199
+ floor_sequence: number;
1200
+ name?: string;
1201
+ floor_image: string;
1202
+ scale: number;
1203
+ translate: number;
1204
+ rotate: number;
1205
+ offset_x: number;
1206
+ offset_y: number;
1207
+ }
1208
+ export interface SpaceMetadata {
1209
+ coordSystemCalibration?: {
1210
+ bim: {
1211
+ coord_system: string;
1212
+ scale_factor: string;
1213
+ measurement_unit: string;
1214
+ rotation_unit: string;
1215
+ true_origin: {
1216
+ x: number;
1217
+ y: number;
1218
+ z: number;
1219
+ };
1220
+ project_base: {
1221
+ x: number;
1222
+ y: number;
1223
+ z: number;
1224
+ };
1225
+ mp_project_base: {
1226
+ id: number;
1227
+ player_id: string;
1228
+ showcase_id: null | number;
1229
+ media_viewer_id: number;
1230
+ object_position: {
1231
+ x: number;
1232
+ y: number;
1233
+ z: number;
1234
+ };
1235
+ object_rotation: {
1236
+ x: number;
1237
+ y: number;
1238
+ z: number;
1239
+ };
1240
+ object_scale: {
1241
+ x: number;
1242
+ y: number;
1243
+ z: number;
1244
+ };
1245
+ offset_position: number;
1246
+ offset_rotation: number;
1247
+ position_unit: string;
1248
+ object_data: {
1249
+ amazon_uri: string;
1250
+ object_type: string;
1251
+ uuid: string;
1252
+ id: null | number;
1253
+ };
1254
+ coordinate_system: string;
1255
+ json_data: string;
1256
+ };
1257
+ };
1258
+ };
1259
+ general_settings?: {
1260
+ minimap?: {
1261
+ type?: string;
1262
+ custom_floor_data?: CustomMapFloorData[] | null;
1263
+ };
1264
+ };
1265
+ }
1196
1266
  export declare enum COORDINATE_SYSTEM {
1197
1267
  MATTERPORT = "YUP",
1198
1268
  BIM = "ZUP"
@@ -1214,6 +1284,6 @@ export declare enum DEGREE {
1214
1284
  DEG_270 = 270
1215
1285
  }
1216
1286
  export declare enum MAP_OPTIONS {
1217
- DEFAULT_MAP = "DEFAULT MINIMAP",
1218
- CUSTOM_MAP = "CUSTOM MINIMAP"
1287
+ DEFAULT_MAP = "Default Minimap",
1288
+ CUSTOM_MAP = "Custom Minimap"
1219
1289
  }
package/lib/types.js CHANGED
@@ -96,6 +96,7 @@ export var SPACE_EVENTS;
96
96
  SPACE_EVENTS["PARTITION_RENDERED"] = "PARTITION_RENDERED";
97
97
  SPACE_EVENTS["DRAW_HISTORY"] = "DRAW_HISTORY";
98
98
  SPACE_EVENTS["BASEPOINT_UPDATED"] = "BASEPOINT_UPDATED";
99
+ SPACE_EVENTS["MINIMAP_CHANGED"] = "MINIMAP_CHANGED";
99
100
  SPACE_EVENTS["FLOOR_IMAGE_SELECTED"] = "FLOOR_IMAGE_SELECTED";
100
101
  SPACE_EVENTS["FLOOR_IMAGE_UPLOADED"] = "FLOOR_IMAGE_UPLOADED";
101
102
  SPACE_EVENTS["FLOOR_IMAGE_UPLOAD_FAILED"] = "FLOOR_IMAGE_UPLOAD_FAILED";
@@ -146,6 +147,6 @@ export var DEGREE;
146
147
  })(DEGREE || (DEGREE = {}));
147
148
  export var MAP_OPTIONS;
148
149
  (function (MAP_OPTIONS) {
149
- MAP_OPTIONS["DEFAULT_MAP"] = "DEFAULT MINIMAP";
150
- MAP_OPTIONS["CUSTOM_MAP"] = "CUSTOM MINIMAP";
150
+ MAP_OPTIONS["DEFAULT_MAP"] = "Default Minimap";
151
+ MAP_OPTIONS["CUSTOM_MAP"] = "Custom Minimap";
151
152
  })(MAP_OPTIONS || (MAP_OPTIONS = {}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "architwin",
3
- "version": "1.10.22",
3
+ "version": "1.11.1",
4
4
  "description": "ArchiTwin Library for Matterport",
5
5
  "main": "./lib/architwin.js",
6
6
  "types": "./lib/architwin.d.ts",
package/static/map.css CHANGED
@@ -152,15 +152,47 @@ display: inline-block;
152
152
  /*CUSTOM MINIMAP CSS*/
153
153
  .at_overlay_left_minimap{
154
154
  position: absolute;
155
- left: 0px;
156
- top: 100px;
157
155
  width: 379px;
158
156
  height: 379px;
159
157
  max-width: 856px;
160
158
  max-height: 379px;
161
- z-index: 1;
159
+ z-index: 99;
162
160
  display: block;
163
161
  background: rgb(31, 32, 35);
162
+ line-height: 0;
163
+ }
164
+
165
+ .at_overlay_left_minimap.topLeft {
166
+ top: calc(var(--position-top) + 0.5rem);
167
+ left: 0;
168
+ }
169
+
170
+ .at_overlay_left_minimap.topRight {
171
+ top: calc(var(--position-top) + 0.5rem);
172
+ right: 0;
173
+ }
174
+
175
+ .at_overlay_left_minimap.bottomLeft {
176
+ bottom: 10px;
177
+ left: 0;
178
+ transition: bottom .4s ease-out;
179
+ }
180
+
181
+ .at_overlay_left_minimap.bottomRight {
182
+ bottom: 10px;
183
+ right: 0;
184
+ transition: bottom .4s ease-out;
185
+ }
186
+
187
+ /* Adjust position when settings are visible */
188
+ .at_overlay_left_minimap.bottomRight.show-settings {
189
+ bottom: calc(var(--position-bottom) + 20.5rem);
190
+ transition: bottom .4s ease-in;
191
+ }
192
+
193
+ .at_overlay_left_minimap.bottomLeft.show-settings {
194
+ bottom: calc(var(--position-bottom) + 20.5rem);
195
+ transition: bottom .4s ease-in;
164
196
  }
165
197
 
166
198
  .at_custom_map_canvas {
@@ -188,7 +220,7 @@ display: inline-block;
188
220
  z-index: -1;
189
221
  top: 0;
190
222
  width: 100%;
191
- transition: all .4s ease-in-out;
223
+ transition: all .4s ease-out;
192
224
  height: auto;
193
225
  background: rgb(51, 51, 51);
194
226
  border: 1px solid rgb(51, 51, 51);
@@ -200,11 +232,15 @@ display: inline-block;
200
232
 
201
233
  .at_custom_minimap_settings.show{
202
234
  top: 379px;
203
- transition: all .4s ease-in-out;
235
+ transition: all .4s ease-in;
204
236
  visibility: visible;
205
237
 
206
238
  }
207
239
 
240
+ .at_custom_minimap_settings.no-transition {
241
+ transition: none;
242
+ }
243
+
208
244
 
209
245
  .at_overlay_left_minimap .at_close_minimap,
210
246
  .at_overlay_left_minimap .at_setting_icon {
@@ -232,6 +268,7 @@ display: inline-block;
232
268
  display: flex;
233
269
  justify-content: space-between;
234
270
  margin-bottom: 10px;
271
+ gap: 8px;
235
272
  }
236
273
 
237
274
  .at_custom_minimap_settings .at_custom_setting_button {
@@ -359,4 +396,6 @@ display: inline-block;
359
396
 
360
397
  .at_custom_sweep:hover {
361
398
  background-color: rgba(255, 255, 0, 0.79);
362
- }
399
+ }
400
+
401
+
@@ -288,6 +288,18 @@ width: 100vw;
288
288
  margin-left: 1rem !important;
289
289
  }
290
290
 
291
+ .at_mb_0 {
292
+ margin-bottom: 0 !important;
293
+ }
294
+
295
+ .at_mb_1 {
296
+ margin-bottom: 0.25rem !important;
297
+ }
298
+
299
+ .at_mb_2 {
300
+ margin-bottom: 0.5rem !important;
301
+ }
302
+
291
303
  .at_gap_1 {
292
304
  gap: 0.25rem;
293
305
  }
@@ -1,68 +0,0 @@
1
- import { FORM_MODE, RoomNode, PolygonData } from "../../../../types";
2
- export declare function renderRoomFormPane(): HTMLDivElement;
3
- /**
4
- * Toggles the state of the partition drawing functionality.
5
- * If drawing is not active, it starts the drawing process.
6
- * Otherwise, it cancels the current drawing, updates partition data,
7
- * and displays the relevant UI elements for partitions.
8
- */
9
- export declare function toggleDrawPartitionButton(): void;
10
- /**
11
- * Displays the partition form based on the current form mode.
12
- * Handles different UI behaviors for edit and add modes.
13
- */
14
- export declare function displayPartitionFormMode(): void;
15
- /**
16
- * Clears the partition form by resetting UI elements and internal data.
17
- * - Navigates back to the partition list view.
18
- * - Cancels any ongoing drawing actions.
19
- * - Hides relevant UI elements like wall height, delete button, and partition container.
20
- * - Resets the form and clears data related to the current partition, room, and polygon.
21
- */
22
- export declare function clearPartitionForm(): void;
23
- /**
24
- * Retrieves the form data for creating or editing a room partition.
25
- * - Collects values from form inputs (name, floor level, memo).
26
- * - Constructs a payload object containing the room data, including the space UUID and polygon data.
27
- * - Updates the polygon data for each partition in the currentPartitionDataArray to reflect the new floor level.
28
- * - If there is existing room data (currentEditRoomData), it returns that data with updated values.
29
- *
30
- * @returns {RoomNode} The room data object with partition and floor details.
31
- */
32
- export declare function getPartitionFormData(): RoomNode;
33
- /**
34
- * Sets the saving mode for the partition form.
35
- * - If saving is enabled, `isSaving` is set to true, indicating that the form is in saving mode.
36
- * - If saving is disabled, `isSaving` is set to false.
37
- *
38
- * @param {boolean} savingEnabled - True to enable saving mode, false to disable.
39
- */
40
- export declare function setPartitionSavingMode(savingEnabled: boolean): void;
41
- /**
42
- * Gets the current saving mode for the partition form.
43
- *
44
- * @returns {boolean} - Returns true if saving mode is enabled, false otherwise.
45
- */
46
- export declare function getPartitionSavingMode(): boolean;
47
- /**
48
- * Sets the form mode for the partition form.
49
- * - The form mode can be one of the predefined FORM_MODE values (e.g., CREATE, EDIT, etc.).
50
- *
51
- * @param {FORM_MODE} formType - The type of form mode to set.
52
- */
53
- export declare function setPartitionFormMode(formType: FORM_MODE): void;
54
- /**
55
- * Gets the current form mode for the partition form.
56
- *
57
- * @returns {FORM_MODE} - The current form mode.
58
- */
59
- export declare function getPartitionFormMode(): FORM_MODE;
60
- /**
61
- * Sets the polygon data for the current partition, including rounding numeric values
62
- * to two decimal places and assigning UUIDs to the floor and walls.
63
- *
64
- * @param {PolygonData} payload - The polygon data to set, including floor and walls.
65
- */
66
- export declare function setPolygonData(payload: PolygonData): void;
67
- export declare function getNewlyAddedPartition(): Array<RoomNode>;
68
- export declare function getDeletedSavedPartitionArray(): Array<RoomNode>;