architwin 1.10.21 → 1.10.23

package/lib/types.d.ts

@@ -146,6 +146,7 @@ export interface IMPConfig {
         shape?: string;
         color: string | Array<SweepColor>;
     };
+    multispace?: boolean;
 }
 export interface IMapConfig {
     mapId: string;
@@ -165,6 +166,7 @@ export interface IMapConfig {
     zIndex?: number;
     isShow?: boolean;
     showCurrentFloorOnly?: boolean;
+    enableCustomMap?: boolean;
 }
 export interface ISweep {
     alignmentType: MpSdk.Sweep.Alignment;
@@ -709,7 +711,17 @@ export declare enum SPACE_EVENTS {
     PARTITION_DISPOSED = "PARTITION_DISPOSED",
     PARTITION_RENDERED = "PARTITION_RENDERED",
     DRAW_HISTORY = "DRAW_HISTORY",
-    BASEPOINT_UPDATED = "BASEPOINT_UPDATED"
+    BASEPOINT_UPDATED = "BASEPOINT_UPDATED",
+    FLOOR_IMAGE_SELECTED = "FLOOR_IMAGE_SELECTED",
+    FLOOR_IMAGE_UPLOADED = "FLOOR_IMAGE_UPLOADED",
+    FLOOR_IMAGE_UPLOAD_FAILED = "FLOOR_IMAGE_UPLOAD_FAILED",
+    FLOOR_IMAGE_ROTATED = "FLOOR_IMAGE_ROTATED",
+    CUSTOM_SWEEP_SCALE_UPDATED = "CUSTOM_SWEEP_SCALE_UPDATED",
+    CUSTOM_SWEEP_TRANSLATE_UPDATED = "CUSTOM_SWEEP_TRANSLATE_UPDATED",
+    CUSTOM_SWEEP_OFFSETX_UPDATED = "CUSTOM_SWEEP_OFFSETX_UPDATED",
+    CUSTOM_SWEEP_OFFSETY_UPDATED = "CUSTOM_SWEEP_OFFSETY_UPDATED",
+    CUSTOM_MAP_SETTINGS_UPDATED = "CUSTOM_MAP_SETTINGS_UPDATED",
+    SPACE_METADATA_RETRIEVED = "SPACE_METADATA_RETRIEVED"
 }
 export declare const enum TAG_COLOR {
     MAROON = "MAROON",
@@ -859,6 +871,7 @@ export interface IToolbarConfig {
         theme?: boolean;
         roomCreation?: boolean;
         bim?: boolean;
+        generalSetting?: boolean;
     };
     themeConfig?: IThemeConfig;
 }
@@ -1112,6 +1125,74 @@ export interface ICurrentSpace {
     created_on?: string;
     hidden?: boolean;
 }
+export interface CustomMapFloorData {
+    floor_sequence: number;
+    name?: string;
+    floor_image: string;
+    scale: number;
+    translate: number;
+    rotate: number;
+    offset_x: number;
+    offset_y: number;
+}
+export interface SpaceMetadata {
+    coordSystemCalibration?: {
+        bim: {
+            coord_system: string;
+            scale_factor: string;
+            measurement_unit: string;
+            rotation_unit: string;
+            true_origin: {
+                x: number;
+                y: number;
+                z: number;
+            };
+            project_base: {
+                x: number;
+                y: number;
+                z: number;
+            };
+            mp_project_base: {
+                id: number;
+                player_id: string;
+                showcase_id: null | number;
+                media_viewer_id: number;
+                object_position: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                object_rotation: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                object_scale: {
+                    x: number;
+                    y: number;
+                    z: number;
+                };
+                offset_position: number;
+                offset_rotation: number;
+                position_unit: string;
+                object_data: {
+                    amazon_uri: string;
+                    object_type: string;
+                    uuid: string;
+                    id: null | number;
+                };
+                coordinate_system: string;
+                json_data: string;
+            };
+        };
+    };
+    general_settings?: {
+        minimap?: {
+            type?: string;
+            custom_floor_data?: CustomMapFloorData[] | null;
+        };
+    };
+}
 export declare enum COORDINATE_SYSTEM {
     MATTERPORT = "YUP",
     BIM = "ZUP"
@@ -1126,3 +1207,13 @@ export declare enum UNITS {
     CENTIMETER = "cm",
     MILLIMETER = "mm"
 }
+export declare enum DEGREE {
+    DEG_0 = 0,
+    DEG_90 = 90,
+    DEG_180 = 180,
+    DEG_270 = 270
+}
+export declare enum MAP_OPTIONS {
+    DEFAULT_MAP = "DEFAULT MINIMAP",
+    CUSTOM_MAP = "CUSTOM MINIMAP"
+}

package/lib/types.js

@@ -96,6 +96,16 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["PARTITION_RENDERED"] = "PARTITION_RENDERED";
     SPACE_EVENTS["DRAW_HISTORY"] = "DRAW_HISTORY";
     SPACE_EVENTS["BASEPOINT_UPDATED"] = "BASEPOINT_UPDATED";
+    SPACE_EVENTS["FLOOR_IMAGE_SELECTED"] = "FLOOR_IMAGE_SELECTED";
+    SPACE_EVENTS["FLOOR_IMAGE_UPLOADED"] = "FLOOR_IMAGE_UPLOADED";
+    SPACE_EVENTS["FLOOR_IMAGE_UPLOAD_FAILED"] = "FLOOR_IMAGE_UPLOAD_FAILED";
+    SPACE_EVENTS["FLOOR_IMAGE_ROTATED"] = "FLOOR_IMAGE_ROTATED";
+    SPACE_EVENTS["CUSTOM_SWEEP_SCALE_UPDATED"] = "CUSTOM_SWEEP_SCALE_UPDATED";
+    SPACE_EVENTS["CUSTOM_SWEEP_TRANSLATE_UPDATED"] = "CUSTOM_SWEEP_TRANSLATE_UPDATED";
+    SPACE_EVENTS["CUSTOM_SWEEP_OFFSETX_UPDATED"] = "CUSTOM_SWEEP_OFFSETX_UPDATED";
+    SPACE_EVENTS["CUSTOM_SWEEP_OFFSETY_UPDATED"] = "CUSTOM_SWEEP_OFFSETY_UPDATED";
+    SPACE_EVENTS["CUSTOM_MAP_SETTINGS_UPDATED"] = "CUSTOM_MAP_SETTINGS_UPDATED";
+    SPACE_EVENTS["SPACE_METADATA_RETRIEVED"] = "SPACE_METADATA_RETRIEVED";
 })(SPACE_EVENTS || (SPACE_EVENTS = {}));
 export var MEETING_SIDEBAR;
 (function (MEETING_SIDEBAR) {
@@ -127,3 +137,15 @@ export var UNITS;
     UNITS["CENTIMETER"] = "cm";
     UNITS["MILLIMETER"] = "mm";
 })(UNITS || (UNITS = {}));
+export var DEGREE;
+(function (DEGREE) {
+    DEGREE[DEGREE["DEG_0"] = 0] = "DEG_0";
+    DEGREE[DEGREE["DEG_90"] = 90] = "DEG_90";
+    DEGREE[DEGREE["DEG_180"] = 180] = "DEG_180";
+    DEGREE[DEGREE["DEG_270"] = 270] = "DEG_270";
+})(DEGREE || (DEGREE = {}));
+export var MAP_OPTIONS;
+(function (MAP_OPTIONS) {
+    MAP_OPTIONS["DEFAULT_MAP"] = "DEFAULT MINIMAP";
+    MAP_OPTIONS["CUSTOM_MAP"] = "CUSTOM MINIMAP";
+})(MAP_OPTIONS || (MAP_OPTIONS = {}));

package/lib/utils.d.ts

@@ -88,3 +88,4 @@ export declare function getUnitConverter(unit: 'mm' | 'cm' | 'm' | 'ft' | 'in'):
  */
 export declare function getAssetUrl(filename: string): string;
 export declare function convertMeasurement(value: any, fromUnit: any, toUnit: any): number;
+export declare function showLoader(visible: boolean): void;

package/lib/utils.js

@@ -366,9 +366,13 @@ export function getAssetUrl(filename) {
     if (!filename) {
         log.error;
     }
-    if ('bundlePath' in _mpConfig) {
+    if ('bundlePath' in _mpConfig && !window.location.href.includes('localhost')) {
         _staticAssetPath = 'https://cdn.jsdelivr.net/npm/architwin@latest/';
     }
+    else {
+        // use local
+        _staticAssetPath = "../../node_modules/architwin/";
+    }
     return `${_staticAssetPath}static/${filename}`;
 }
 export function convertMeasurement(value, fromUnit, toUnit) {
@@ -414,3 +418,18 @@ export function convertMeasurement(value, fromUnit, toUnit) {
     }
     return value * conversionFactors[fromUnit][toUnit];
 }
+export function showLoader(visible) {
+    log.info("showLoader");
+    try {
+        const spinner = document.getElementById('at-spinner');
+        if (visible) {
+            spinner.style.display = 'block';
+        }
+        else {
+            spinner.style.display = 'none';
+        }
+    }
+    catch (error) {
+        log.error("Error show loader: ", error);
+    }
+}

package/lib/worldConversion.d.ts

@@ -92,3 +92,18 @@ export declare function convertYupScaleToZupScale(scale: {
     z: number;
 };
 export declare function getOffsetPositionFromBasepoint(position: Vector3, basePoint: Vector3, unit?: 'mm' | 'cm' | 'm' | 'ft' | 'in', scaleFactor?: number): Vector3;
+/**
+ * Gives you the simple relative position of an object to another object in the Matterport Space. Does not perform
+ * @param position
+ * @param relativeTo
+ * @returns
+ */
+export declare function getRelativePosition(position: Vector3, relativeTo: Vector3): Vector3;
+/**
+ * Gives your the original position of an object's relative position to another object. use this
+ * to reverse the result given by getRelativePosition
+ * @param position
+ * @param relativeTo
+ * @returns
+ */
+export declare function getOriginalWorldPosition(position: Vector3, relativeTo: Vector3): Vector3;

package/lib/worldConversion.js

@@ -154,3 +154,48 @@ export function getOffsetPositionFromBasepoint(position, basePoint, unit = 'm',
         z
     };
 }
+/**
+ * Gives you the simple relative position of an object to another object in the Matterport Space. Does not perform
+ * @param position
+ * @param relativeTo
+ * @returns
+ */
+export function getRelativePosition(position, relativeTo) {
+    if (!position || !relativeTo) {
+        log.error("One or more parameter is undefined");
+        return;
+    }
+    const THREE = _3DXObjects[0].component.context.three;
+    if (!THREE) {
+        log.error("Could not get THREE js context. No existing objects in space exist to get context from");
+        return;
+    }
+    const newRelativeVec = new THREE.Vector3();
+    const posVec = new THREE.Vector3(position.x, position.y, position.z);
+    const relativeVec = new THREE.Vector3(relativeTo.x, relativeTo.y, relativeTo.z);
+    newRelativeVec.addVectors(relativeVec, posVec);
+    return newRelativeVec;
+}
+/**
+ * Gives your the original position of an object's relative position to another object. use this
+ * to reverse the result given by getRelativePosition
+ * @param position
+ * @param relativeTo
+ * @returns
+ */
+export function getOriginalWorldPosition(position, relativeTo) {
+    if (!position || !relativeTo) {
+        log.error("One or more parameter is undefined");
+        return;
+    }
+    const THREE = _3DXObjects[0].component.context.three;
+    if (!THREE) {
+        log.error("Could not get THREE js context. No existing objects in space exist to get context from");
+        return;
+    }
+    const worldPosVec = new THREE.Vector3();
+    const posVec = new THREE.Vector3(position.x, position.y, position.z);
+    const relativeVec = new THREE.Vector3(relativeTo.x, relativeTo.y, relativeTo.z);
+    worldPosVec.subVectors(posVec, relativeVec);
+    return worldPosVec;
+}

package/package.json

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

package/static/atwinui.css

@@ -191,6 +191,21 @@
     color: var(--text-color-dark);
 }
 
+.at_search_button {
+    font-weight: var(--button-font-weight);
+    background: var(--bg-accent);
+    color: var(--text-color-light);
+    padding: 9px 0.8em 9px;
+    max-height: 3em;
+    cursor: pointer;
+    text-align: center;
+}
+
+.at_search_button:hover {
+    background-color: var(--bg-accent-azusa);
+    color: var(--text-color-dark);
+}
+
 .at_icon {
     font-size: 1.6em;
     cursor: pointer;
@@ -215,6 +230,14 @@
     margin-bottom: 8px;
 }
 
+.at_button_search_tag{
+    cursor: pointer;
+    position: absolute;
+    z-index: 99;
+    top: 10px;
+    right: 55px;
+}
+
 .at_justify_start {
     justify-content: flex-start;
 }
@@ -470,6 +493,20 @@
     border-radius: var(--border-radius);
 }
 
+.at_field_search_input {
+    border: 0;
+    background: var(--bg-secondary);
+    color: var(--text-color-light);
+    font: 3em;
+    padding: 10px 8px;
+    margin-top: 4px;
+    width: 11.75rem
+}
+
+.at_field_search_input:focus {
+    outline: solid white 2px;
+    border-radius: var(--border-radius);
+}
 /* Old dropdown */
 
 .at_transparent_dropdown {
@@ -1763,4 +1800,4 @@
 
 .at_default_coordinate_system {
     margin-top: 15px;
-}
+}

package/static/icons/mapleftrighticon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="50.000000pt" height="80.000000pt" viewBox="0 0 50.000000 80.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.16, written by Peter Selinger 2001-2019
+</metadata>
+<g transform="translate(0.000000,80.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M180 490 c-19 -10 -54 -29 -77 -40 -24 -12 -43 -25 -43 -29 0 -10
+160 -84 167 -78 9 9 6 161 -3 164 -5 1 -25 -6 -44 -17z"/>
+<path d="M270 425 c0 -93 2 -96 57 -67 17 9 52 28 77 40 25 13 46 27 46 30 0
+8 -154 82 -170 82 -6 0 -10 -33 -10 -85z"/>
+</g>
+</svg>

package/static/icons/mapscaleheighticon.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="80px" viewBox="0 0 50 80" enable-background="new 0 0 50 80" xml:space="preserve">  <image id="image0" width="50" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABQCAQAAADxCu5rAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZ
+cwAACxMAAAsTAQCanBgAAAAHdElNRQflCgwNCgR/YThIAAACAUlEQVRYw+2XO0vDUBTH/3kUBXFQ
+HHxBM1gHwUUo6CLWTlYQVBwVVBzEwcVRfOAnEGwHoShVEBQc/AAidXByEkqtDi3UxyB01Nom16GN
+bdMkbeqNaLn/O/T2Ps4v95zDuQlHYL/4X2AwCIMwCIMwSP1DxNK/HNU7jHC/eJL6gYgG49yPrGoi
+Wz/uYhAGYRAGYRD7Ic6pjseJ9X1nYeQS49jDguGlVdMDv0kXO9G5peOD+yxBBv3qBEVIVuYJEHPF
+tgEAsi3u0tzYAgCJOqRcM1fYQR8AUtIKHevqnmzIaMwRECk5H7A9heNdN8M0s0tH7RFvwBeyFbK4
+5Q5eJ6mmsI5yyUwzu9RscaSFNP+O18IMRYgoKDwwcL06K38qIpqKZuhBONL54PG7j1dSOAXgKJ7R
+LFQ7emakacJl5dIpAlGAkjjX85z6EWQJ4ow+u3hFO6pwbfGXHjOIpZh4/Bk+LWpbRnAfVthopaz4
+WwbC5YWjN1Z8hxQbLbNaXe1am3F8aCFLG0ZPri4xionZ0fXiFYULQtnSCoE3Ea8oVUay9k9spTGl
+exLZeEsNJ6leBu4y127+924zuAUArYmzEcQBYNR0nyV3NeabO9geAYDBoxyikmorkElvAJCexk4i
+yDVzWSqQzd89X+h2eShc0XpedCNtoP/2LswgDMIgDMIgfxPyBQLk0NGmyQCGAAAAJXRFWHRkYXRl
+OmNyZWF0ZQAyMDIxLTEwLTEyVDEwOjEwOjA0KzAzOjAwxK5iHwAAACV0RVh0ZGF0ZTptb2RpZnkA
+MjAyMS0xMC0xMlQxMDoxMDowNCswMzowMLXz2qMAAAAASUVORK5CYII=" />
+</svg>

package/static/icons/mapscalewidthicon.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="48.000000pt" height="48.000000pt" viewBox="0 0 48.000000 48.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.16, written by Peter Selinger 2001-2019
+</metadata>
+<g transform="translate(0.000000,48.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M22 243 l3 -178 218 -3 217 -2 0 180 0 180 -220 0 -220 0 2 -177z
+m398 -3 l0 -140 -100 0 -100 0 0 40 0 40 -80 0 -80 0 0 100 0 100 180 0 180 0
+0 -140z"/>
+</g>
+</svg>

package/static/icons/mapupdownicon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="50.000000pt" height="80.000000pt" viewBox="0 0 50.000000 80.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.16, written by Peter Selinger 2001-2019
+</metadata>
+<g transform="translate(0.000000,80.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M208 540 c-21 -44 -38 -84 -38 -90 0 -6 33 -10 85 -10 93 0 96 2 67
+57 -9 17 -28 52 -40 77 -13 25 -27 46 -30 46 -4 0 -24 -36 -44 -80z"/>
+<path d="M174 398 c-3 -4 4 -24 15 -45 11 -21 29 -57 41 -80 12 -24 25 -43 29
+-43 10 0 84 160 78 166 -8 9 -158 10 -163 2z"/>
+</g>
+</svg>

package/static/map.css

@@ -147,4 +147,216 @@ display: inline-block;
 
 .at_custom_dropdown_option {
     padding: 8px 8px;
+}
+
+/*CUSTOM MINIMAP CSS*/
+.at_overlay_left_minimap{
+    position: absolute;
+    left: 0px;
+    top: 100px;
+    width: 379px;
+    height: 379px;
+    max-width: 856px;
+    max-height: 379px;
+    z-index: 1;
+    display: block;
+    background: rgb(31, 32, 35);
+}
+
+.at_custom_map_canvas {
+    position: absolute;
+    max-width: 856px;
+    max-height: 379px;
+    z-index: 1;
+}
+
+
+.at_overlay_left_minimap .at_custom_map{
+    width: 379px;
+    height: 379px;
+}
+
+.at_custom_map img{
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.at_custom_minimap_settings{
+    position: absolute;
+    left: 0px;
+    z-index: -1;
+    top: 0;
+    width: 100%;
+    transition: all .4s ease-in-out;
+    height: auto;
+    background: rgb(51, 51, 51);
+    border: 1px solid rgb(51, 51, 51);
+    padding: 20px;
+    box-sizing: border-box;
+    visibility: hidden;
+    
+}
+
+.at_custom_minimap_settings.show{
+  top: 379px;
+  transition: all .4s ease-in-out; 
+  visibility: visible;
+  
+}
+
+
+.at_overlay_left_minimap .at_close_minimap,
+.at_overlay_left_minimap .at_setting_icon {
+  width: 2em;
+  height: 2em;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+  position: absolute;
+  font-size: 0.7em;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2; 
+  cursor: pointer;
+}
+
+.at_overlay_left_minimap .at_close_minimap{
+    bottom: unset;
+    top: 0;
+}
+
+.at_custom_minimap_settings .at_custom_button_row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+}
+  
+.at_custom_minimap_settings  .at_custom_setting_button {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    background: #ccc;
+    color: black;
+    padding: 6px 10px;
+    border: none;
+    cursor: pointer;
+    font-size: 14px;
+  }
+
+  .at_custom_minimap_settings .at_custom_button_settings{
+    background-color: rgba(214, 212, 212, 0.8) !important; 
+    font-size: 14px;
+    color: black;
+    font-weight: bold;
+    font-family: inherit;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center; 
+    gap: 8px; 
+    padding: 8px 16px;
+    border: none;
+    cursor: pointer;
+  }
+  
+.at_custom_minimap_settings  .at_custom_slider_group {
+    display: flex;
+    flex-direction: column;
+    gap: 3.5vh;
+    margin-top: 20px;
+    margin-left: 0.5vh;
+  }
+  
+.at_custom_minimap_settings  .at_custom_slider_row {
+    display: flex;
+    align-items: center;
+    gap: 30px;
+    margin-bottom: 0.5vh;
+  }
+
+  
+.at_custom_slider_row input[type="range"] {
+    flex: 1;
+    -webkit-appearance: none; 
+    appearance: none; 
+    height: 0.7vh; 
+    background: rgb(105, 105, 105); 
+    border-radius: 5px; 
+    outline: none; 
+    
+}
+
+.at_custom_slider_row input[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none; 
+    appearance: none; 
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: rgb(189, 189, 189); 
+    cursor: pointer; 
+}
+
+
+.at_custom_slider_row input[type="range"]::-moz-range-thumb {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: rgb(189, 189, 189); 
+    cursor: pointer;
+}
+
+
+.at_custom_slider_row input[type="range"]::-ms-thumb {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: rgb(189, 189, 189); 
+    cursor: pointer;
+}
+
+
+
+.at_svg_icon_container{
+    width: 1em;
+    height: 1em;
+    transform: scale(1.8);
+    display: flex;
+    justify-content: center; 
+    align-items: center;
+}
+
+.at_svg_icon_container img {
+    filter: invert(1) grayscale(1) contrast(100%);
+}
+
+.at_custom_button_settings span.mdi {
+    font-size: 1.3rem; 
+}
+
+.at_custom_map .at_custom_sweep, .at_custom_map .at_custom_sweep:visited {
+	color: transparent;
+	display: inline-block;
+	position: absolute;
+	padding: 0 0;
+	margin: 0;
+	height: 0.5rem;
+	width: 0.5rem;
+	border: 0.20rem solid rgba(255, 255, 0, 0.79);
+	border-radius: 50%;
+	box-sizing: content-box;
+	background-color: transparent;
+	font-size: 15px;
+    cursor: pointer;
+}
+
+.at_custom_sweep.active {
+	background-color: orangered;
+	border: 0.23rem solid rgba(255, 255, 0, 0.79);
+}
+
+.at_custom_sweep:hover {
+	background-color: rgba(255, 255, 0, 0.79);
 }