@chrtco/sdk 0.10.13 → 0.10.14

package/dist/index.cjs

@@ -28224,6 +28224,11 @@ function getOrderedClasses() {
 }
 
 // src/atlas/land-layers.ts
+var FADE_PX = 80;
+var FADE_BANDS = 16;
+function fadeAlpha(r) {
+  return Math.max(0, Math.min(1, (FADE_PX / 2 - Math.abs(r)) / FADE_PX));
+}
 var LAND_THEMES = {
   DAY: {
     base: "#e8d9b0",
@@ -28235,7 +28240,8 @@ var LAND_THEMES = {
     label: "#5b4f3a",
     halo: "#f2ead6",
     shadow: "#6b5a3e",
-    highlight: "#fffaf0"
+    highlight: "#fffaf0",
+    fade: "#e8f2f8"
   },
   DUSK: {
     base: "#4a4433",
@@ -28247,7 +28253,8 @@ var LAND_THEMES = {
     label: "#c3b898",
     halo: "#2b2820",
     shadow: "#2e2a20",
-    highlight: "#8a8068"
+    highlight: "#8a8068",
+    fade: "#16202a"
   },
   NIGHT: {
     base: "#2a2620",
@@ -28259,7 +28266,8 @@ var LAND_THEMES = {
     label: "#7d745e",
     halo: "#15130f",
     shadow: "#1a1712",
-    highlight: "#4a4436"
+    highlight: "#4a4436",
+    fade: "#07090b"
   }
 };
 var FITS = ["<=", ["coalesce", ["get", "min_z"], 0], ["zoom"]];
@@ -28340,6 +28348,18 @@ function landLayers(opts = {}) {
       "line-opacity": 0.7
     }
   }));
+  const d = FADE_PX / 2 / FADE_BANDS;
+  for (let k = 0; k < FADE_BANDS; k++) {
+    const width = k === 0 ? { "line-width": 2 * d } : { "line-width": d, "line-gap-width": 2 * k * d };
+    layers.push(L({
+      id: `chrtland-fade-${k}`,
+      type: "line",
+      source: src,
+      "source-layer": "land_edge",
+      layout: { "line-join": "bevel" },
+      paint: { "line-color": T.fade, "line-blur": 0, "line-opacity": fadeAlpha(k * d + d / 2), ...width }
+    }));
+  }
   layers.push(L({
     id: "chrtland-road",
     type: "line",