@minmaps-dev/mm-web-sdk 1.0.0-rc.34 → 1.0.0-rc.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minmaps-dev/mm-web-sdk",
-  "version": "1.0.0-rc.34",
+  "version": "1.0.0-rc.35",
   "description": "MinuteMaps indoor mapping SDK for MapLibre GL - render venues, floors, POIs, and wayfinding routes",
   "license": "MIT",
   "author": "MTS LLC",
@@ -84,7 +84,7 @@
     "typescript": "^5",
     "vitest": "^2",
     "@vitest/coverage-v8": "^2",
-    "@minmaps-dev/material-icon-set": "0.2.0-rc.2"
+    "@minmaps-dev/material-icon-set": "0.2.0-rc.3"
   },
   "scripts": {
     "build": "rimraf dist && rollup -c",

package/src/themes/alt3-hybrid-style.json

@@ -518,7 +518,7 @@
       "filter": [
         "in",
         ["get", "kind"],
-        ["literal", ["place_of_worship", "fire_station", "post_office", "library", "townhall", "school", "hospital"]]
+        ["literal", ["place_of_worship", "fire_station", "post_office", "library", "townhall", "school"]]
       ],
       "layout": {
         "symbol-sort-key": 25,
@@ -635,19 +635,19 @@
       "minzoom": 16.5,
       "filter": ["==", ["get", "featureType"], "Pattern-Water"],
       "paint": {
-        "fill-color": "#cfe1ec",
-        "fill-opacity": 0.6
+        "fill-color": "#cfe1ec"
+        
       }
     },
     {
       "id": "pattern-grass",
       "type": "fill",
       "source": "indoor-data",
-      "minzoom": 16.5,
+      
       "filter": ["==", ["get", "featureType"], "Pattern-Grass"],
       "paint": {
-        "fill-color": "#d2e0c6",
-        "fill-opacity": 0.5
+        "fill-color": "#B6D0AE",
+        "fill-opacity": 1
       }
     },
     {
@@ -668,8 +668,7 @@
       "minzoom": 16.5,
       "filter": ["==", ["get", "featureType"], "Pattern-Pavement"],
       "paint": {
-        "fill-color": "#E0E0E0",
-        "fill-opacity": 0.6
+        "fill-color": "#9E9E9E"
       }
     },
 
@@ -689,7 +688,7 @@
       "id": "parking-lots",
       "type": "fill",
       "source": "indoor-data",
-      "minzoom": 16.5,
+      
       "filter": ["==", ["get", "featureType"], "Parking-Lots"],
       "paint": {
         "fill-color": "#adadad",
@@ -716,7 +715,7 @@
       "minzoom": 16.5,
       "filter": ["==", ["get", "featureType"], "Boundary"],
       "paint": {
-        "fill-color": "#edeef1",
+        "fill-color": "#162e51",
         "fill-opacity": 1
       }
     },
@@ -732,8 +731,8 @@
           "interpolate",
           ["linear"],
           ["zoom"],
-          15.8, 0,
-          16.5, 1
+          15.8, 1,
+          16.5, 0
         ]
       }
     },
@@ -748,7 +747,7 @@
         ["==", ["get", "featureType"], "Corridor"]
       ],
       "paint": {
-        "fill-color": "#f0f0f0"
+        "fill-color": "#f0f0f0"        
       }
     },
 
@@ -876,8 +875,8 @@
       "minzoom": 16.5,
       "filter": ["==", ["get", "featureType"], "Obstacles"],
       "paint": {
-        "fill-color": "#E8E9ED",
-        "fill-opacity": 0.85
+        "fill-color": "#e8e9ed",
+        "fill-opacity": 1
       }
     },
     {
@@ -891,7 +890,7 @@
         "line-cap": "round"
       },
       "paint": {
-        "line-color": "#B0B1B5",
+        "line-color": "#98999D",
         "line-width": [
           "interpolate",
           ["linear"],
@@ -903,7 +902,7 @@
           20,
           1.2
         ],
-        "line-opacity": 0.9
+        "line-opacity": 1
       }
     },
 
@@ -918,7 +917,7 @@
         ["literal", ["Escalators", "Stairs", "Elevators"]]
       ],
       "paint": {
-        "fill-color": "#a9aeb1",
+        "fill-color": "#112f4e",
         "fill-opacity": 1
       }
     },
@@ -937,7 +936,7 @@
         "line-cap": "round"
       },
       "paint": {
-        "line-color": "#6f7780",
+        "line-color": "#162e51",
         "line-width": [
           "interpolate",
           ["linear"],
@@ -1001,7 +1000,7 @@
         ["==", ["get", "featureType"], "Corridor"]
       ],
       "paint": {
-        "line-color": "#c6cace",
+        "line-color": "#343a40",
         "line-width": [
           "interpolate",
           ["linear"],
@@ -1542,61 +1541,6 @@
       }
     },
 
-    {
-      "id": "poi-destination-circles",
-      "type": "circle",
-      "source": "poi-data",
-      "filter": ["==", ["get", "poiType"], "destination"],
-      "minzoom": 16.5,
-      "paint": {
-        "circle-radius": [
-          "interpolate", ["linear"], ["zoom"],
-          14, 3,
-          16, 5,
-          18, 7,
-          20, 10
-        ],
-        "circle-color": "#ffffff",
-        "circle-stroke-width": 3,
-        "circle-stroke-color": "#162e51",
-        "circle-opacity": 1
-      }
-    },
-
-    {
-      "id": "poi-destination-labels",
-      "type": "symbol",
-      "source": "poi-data",
-      "filter": [
-        "all",
-        ["==", ["get", "poiType"], "destination"],
-        ["==", ["get", "showLabel"], true]
-      ],
-      "minzoom": 16.5,
-      "layout": {
-        "symbol-sort-key": 0,
-        "text-field": ["get", "name"],
-        "text-size": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 18,
-          18,   20,
-          20,   23
-        ],
-        "text-variable-anchor-offset": ["top", [0, 0.9], "right", [-0.9, 0], "bottom", [0, -0.9], "left", [0.9, 0]],
-        "text-variable-anchor": ["top", "right" , "bottom", "left"],
-        "text-font": ["Noto Sans Bold"],
-        "text-max-width": 12,
-        "text-allow-overlap": false,
-        "text-padding": 4,
-        "text-rotation-alignment": "viewport"
-      },
-      "paint": {
-        "text-color": "#242930",
-        "text-halo-color": "#FFFFFF",
-        "text-halo-width": 2,
-        "text-halo-blur": 0
-      }
-    },
 {
       "id": "map-labels",
       "type": "symbol",
@@ -1605,32 +1549,30 @@
       "filter": ["!", ["in", "Building", ["get", "name"]]],
       "layout": {
         "symbol-sort-key": 10,
-        "icon-image": "map-label-bg",
-        "icon-text-fit": "both",
-        "icon-text-fit-padding": [2, 2, 2, 2],
-        "icon-allow-overlap": false,
-        "icon-ignore-placement": false,
         "text-field": ["get", "name"],
         "text-size": [
           "interpolate", ["linear"], ["zoom"],
-          15.5, 13,
-          16.5, 16,
-          18,   19,
-          20,   22
+          15.5, 12,
+          16.5, 15,
+          18,   18,
+          20,   20
         ],
         "text-font": ["Noto Sans Bold"],
         "text-letter-spacing": 0.04,
         "text-max-width": 10,
         "text-anchor": "center",
-        
+        "text-rotate": ["get", "rotation"],
         "text-rotation-alignment": "viewport",
         "text-allow-overlap": false,
         "text-padding": 4
       },
       "paint": {
-        "text-color": "#ffffff"
+        "text-color": "#3d4551",
+        "text-halo-color": "#FFFFFF",
+        "text-halo-width": 1.4,
+        "text-halo-blur": 0.5
       }
-    },    
+    },
     {
       "id": "map-labels-buildings",
       "type": "symbol",
@@ -1670,7 +1612,7 @@
         "text-padding": 4
       },
       "paint": {
-        "text-color": "#ffffff"
+        "text-color": "#fffffe"
       }
     },
 
@@ -1685,18 +1627,18 @@
         "icon-image": ["get", "iconId"],
         "icon-size": [
           "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.28,
-          16, 0.4,
-          18, 0.58,
-          20, 0.85,
-          22, 1.2
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
         ],
         "icon-allow-overlap": false,
         "icon-padding": [
           "interpolate", ["linear"], ["zoom"],
-          15, 8,
-          17, 4,
-          19, 2
+          15, 6,
+          17, 2,
+          19, 1
         ],
         "icon-optional": false,
         "icon-rotation-alignment": "viewport",
@@ -1739,11 +1681,11 @@
         "icon-image": ["get", "iconId"],
         "icon-size": [
           "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.28,
-          16, 0.4,
-          18, 0.58,
-          20, 0.85,
-          22, 1.2
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
         ],
         "icon-allow-overlap": false,
         "icon-padding": [
@@ -1793,11 +1735,11 @@
         "icon-image": ["get", "iconId"],
         "icon-size": [
           "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.28,
-          16, 0.4,
-          18, 0.58,
-          20, 0.85,
-          22, 1.2
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
         ],
         "icon-allow-overlap": false,
         "icon-padding": [
@@ -1847,11 +1789,65 @@
         "icon-image": ["get", "iconId"],
         "icon-size": [
           "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.28,
-          16, 0.4,
-          18, 0.58,
-          20, 0.85,
-          22, 1.2
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
+        ],
+        "icon-allow-overlap": false,
+        "icon-padding": [
+          "interpolate", ["linear"], ["zoom"],
+          15, 8,
+          17, 4,
+          19, 2
+        ],
+        "icon-optional": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+
+        "text-field": ["get", "name"],
+        "text-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 17],
+          19, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 19],
+          20, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 22]
+        ],
+        "text-offset": [0, 1.3],
+        "text-anchor": "top",
+        "text-optional": true,
+        "text-padding": 4,
+        "text-font": ["Noto Sans Bold"],
+        "text-rotation-alignment": "viewport"
+      },
+      "paint": {
+        "icon-halo-color": "#FFFFFF",
+        "icon-halo-width": 1.5,
+        "icon-halo-blur": 0.5,
+        "text-color": "#242930",
+        "text-halo-color": "#FFFFFF",
+        "text-halo-width": 1.5,
+        "text-halo-blur": 1,
+        "icon-translate": [0, -20],
+        "icon-translate-anchor": "viewport"
+      }
+    },
+    {
+      "id": "poi-information-icons",
+      "type": "symbol",
+      "source": "poi-data",
+      "filter": ["==", ["get", "amenityCategory"], "information"],
+      "minzoom": 16.5,
+      "layout": {
+        "symbol-sort-key": ["get", "rank"],
+        "icon-image": ["get", "iconId"],
+        "icon-size": [
+          "interpolate", ["exponential", 1.3], ["zoom"],
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
         ],
         "icon-allow-overlap": false,
         "icon-padding": [
@@ -1905,11 +1901,11 @@
         "icon-image": ["get", "iconId"],
         "icon-size": [
           "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.28,
-          16, 0.4,
-          18, 0.58,
-          20, 0.85,
-          22, 1.2
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
         ],
         "icon-allow-overlap": false,
         "icon-padding": [
@@ -1948,6 +1944,111 @@
         "icon-translate-anchor": "viewport"
       }
     },
+    {
+      "id": "poi-restroom-group-icons",
+      "type": "symbol",
+      "source": "restroom-group-data",
+      "minzoom": 16.5,
+      "layout": {
+        "symbol-sort-key": 0,
+        "icon-image": "material-wc",
+        "icon-size": [
+          "interpolate", ["exponential", 1.3], ["zoom"],
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
+        ],
+        "icon-allow-overlap": false,
+        "icon-padding": [
+          "interpolate", ["linear"], ["zoom"],
+          15, 8,
+          17, 4,
+          19, 2
+        ],
+        "icon-optional": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport"
+      },
+      "paint": {
+        "icon-halo-color": "#FFFFFF",
+        "icon-halo-width": 1.5,
+        "icon-halo-blur": 0.5,
+        "icon-translate": [0, -20],
+        "icon-translate-anchor": "viewport"
+      }
+    },
+    {
+      "id": "poi-destination-labels",
+      "type": "symbol",
+      "source": "poi-data",
+      "filter": [
+        "all",
+        ["==", ["get", "poiType"], "destination"],
+        ["==", ["get", "showLabel"], true]
+      ],
+      
+      "layout": {
+        "symbol-sort-key": 0,
+        "icon-image": "destination-dot",
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          14, 0.1,
+          16, 0.3,
+          18, 0.5,
+          20, 0.8
+        ],
+        "icon-overlap": "cooperative",
+        "icon-ignore-placement": false,
+        "icon-padding": 0,
+        "icon-optional": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "text-field": ["get", "name"],
+        "text-size": 16,
+        "text-variable-anchor-offset": ["top", [0, 0.8], "right", [-0.8, 0], "bottom", [0, -0.8], "left", [0.8, 0]],
+        "text-variable-anchor": ["top", "right" , "bottom", "left"],
+        "text-font": ["Noto Sans Bold"],
+        "text-max-width": 12,
+        "text-overlap": "never",
+        "text-padding": 4,
+        "text-optional": true,
+        "text-rotation-alignment": "viewport"
+      },
+      "paint": {
+        "text-color": "#FFFFFF",
+        "text-halo-color": "#242930",
+        "text-halo-width": 2,
+        "text-halo-blur": 0
+      }
+    },
+    {
+      "id": "poi-destination-circles",
+      "type": "symbol",
+      "source": "poi-data",
+      "filter": [
+        "all",
+        ["==", ["get", "poiType"], "destination"],
+        ["!=", ["get", "showLabel"], true]
+      ],
+      "minzoom": 16.5,
+      "layout": {
+        "icon-image": "destination-dot",
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          14, 0.1,
+          16, 0.3,
+          18, 0.5,
+          20, 0.8
+        ],
+        "icon-overlap": "cooperative",
+        "icon-ignore-placement": false,
+        "icon-padding": 0,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport"
+      }
+    },
     {
       "id": "poi-you-are-here-heading",
       "type": "symbol",
@@ -1962,18 +2063,18 @@
         "text-field": "▲",
         "text-size": [
           "interpolate", ["linear"], ["zoom"],
-          16, 28,
-          18, 34,
-          20, 42
+          16, 20,
+          18, 22,
+          20, 28
         ],
         "text-font": ["Noto Sans Bold"],
-        "text-anchor": "bottom",
-        "text-offset": [0, -0.45],
+        "text-anchor": "bottom",        
         "text-rotate": ["-", ["get", "heading"], 180],
         "text-rotation-alignment": "map",
         "text-pitch-alignment": "map",
-        "text-allow-overlap": true,
-        "text-ignore-placement": true
+        "text-overlap": "always",
+        "text-ignore-placement": false,
+        "text-padding": 4
       },
       "paint": {
         "text-color": "#E31C3D",
@@ -2009,32 +2110,48 @@
       "layout": {
         "icon-image": "YouAreHereKiosk",
         "icon-anchor": "bottom",
-        "icon-offset": [0, 0],
-        "icon-allow-overlap": true,
-        "icon-ignore-placement": true,
+        "icon-offset": [
+          "interpolate", ["linear"], ["zoom"],
+          16, ["literal", [0, 20]],
+          18, ["literal", [0, 0]]
+        ],
         "icon-size": [
           "interpolate", ["linear"], ["zoom"],
-          16, 2,
-          18, 1,
-          20, 1
+          16, 0.9,
+          18, 0.8
+        ],
+        "icon-overlap": "never",
+        "icon-ignore-placement": false,
+        "icon-padding": [
+          "interpolate", ["linear"], ["zoom"],
+          16, 12,
+          18, 14,
+          20, 18
         ],
         "text-field": ["get", "name"],
         "text-size": [
           "interpolate", ["linear"], ["zoom"],
-          16, 20,
-          18, 19,
-          20, 22
+          16, 16,
+          18, 16,
+          20, 18
         ],
         "text-offset": [
           "interpolate", ["linear"], ["zoom"],
-          16, ["literal", [0, -4]],
+          16, ["literal", [0, -1.5]],
           18, ["literal", [0, -2.5]]
         ],
         "text-anchor": "bottom",
         "text-font": ["Noto Sans Bold"],
-        "text-allow-overlap": true,
-        "text-ignore-placement": true,
-        "text-optional": false
+        "text-overlap": "never",
+        "text-ignore-placement": false,
+        "text-padding": [
+          "interpolate", ["linear"], ["zoom"],
+          16, 8,
+          18, 10,
+          20, 12
+        ],
+        "text-optional": false,
+        "text-transform": "uppercase"
       },
       "paint": {
         "text-color": "#E31C3D",