feat: implement resizable public wiki sidebar with improved content fetching, map zoom limits, and layout adjustments

src/uhm/lib/map/constants.ts

@@ -1,7 +1,7 @@
 export const PATH_ARROW_ICON_ID = "path-arrow-icon";
 
 export const MAP_MIN_ZOOM = 2;
-export const MAP_MAX_ZOOM = 10;
+export const MAP_MAX_ZOOM = 14;
 
 export const RASTER_BASE_SOURCE_ID = "rasterBase";
 export const RASTER_BASE_LAYER_ID = "raster-base-layer";

src/uhm/lib/map/styles/shared/styleBuilders.ts

@@ -102,7 +102,7 @@ export function buildLineGeotypeLayers(
             source: pathArrowSourceId,
             filter: ["==", TYPE_MATCH_EXPR, style.typeId],
             paint: {
-                "fill-color": statusColor(style.color),
+                "fill-color": statusFillColor(style.color),
                 "fill-opacity": [
                     "case",
                     SELECTED_EXPR,
@@ -140,7 +140,7 @@ export function buildPolygonGeotypeLayers(
             source: sourceId,
             filter: polygonFilter(style.typeId),
             paint: {
-                "fill-color": statusColor(style.fillColor),
+                "fill-color": statusFillColor(style.fillColor),
                 "fill-opacity": [
                     "case",
                     SELECTED_EXPR,
@@ -183,13 +183,22 @@ function statusStroke(normalColor: string): maplibregl.ExpressionSpecification {
     return [
         "case",
         SELECTED_EXPR,
-        SELECTED_STROKE,
+        SELECTED_COLOR,
         DRAFT_ENTITY_EXPR,
         DRAFT_STROKE,
         normalColor,
     ];
 }
 
+function statusFillColor(normalColor: string): maplibregl.ExpressionSpecification {
+    return [
+        "case",
+        DRAFT_ENTITY_EXPR,
+        DRAFT_COLOR,
+        normalColor,
+    ];
+}
+
 function lineFilter(typeId: string): maplibregl.ExpressionSpecification {
     return ["all", LINE_GEOMETRY_FILTER, ["==", TYPE_MATCH_EXPR, typeId]];
 }