@k2b/ui 0.30.0 → 0.32.0

package/dist/browser/content/map-style.js

@@ -0,0 +1,276 @@
+import { mapPalette } from "./map-palette";
+/** Attribution for OpenMapTiles-schema maps with OpenStreetMap data from Geoapify, in display order. */
+export const mapAttribution = [{
+  label: "© OpenStreetMap",
+  href: "https://www.openstreetmap.org/copyright"
+}, {
+  label: "© OpenMapTiles",
+  href: "https://openmaptiles.org/"
+}, {
+  label: "Geoapify",
+  href: "https://www.geoapify.com/"
+}];
+const source = "openmaptiles";
+/** One weight keeps the glyph assets small; size and ink carry the label hierarchy. */
+const font = ["IBM Plex Sans Medium"];
+const zoomed = (stops, base = 1.5) => ["interpolate", ["exponential", base], ["zoom"], ...stops.flat()];
+const linear = stops => ["interpolate", ["linear"], ["zoom"], ...stops.flat()];
+/** A casing is the fill plus a fixed edge at every stop, because zoom must stay the outer expression. */
+const widened = (stops, edge) => stops.map(([zoom, width]) => [zoom, width + edge]);
+const classIn = (...classes) => ["in", ["get", "class"], ["literal", classes]];
+const notTunnel = ["!=", ["get", "brunnel"], "tunnel"];
+const tunnelOpacity = ["match", ["get", "brunnel"], "tunnel", 0.5, 1];
+const motorwayWidth = [[5, 0.5], [10, 1.5], [14, 4], [18, 16]];
+const majorWidth = [[8, 0.5], [12, 1.5], [14, 3.5], [18, 14]];
+const secondaryWidth = [[10, 0.5], [13, 1.5], [14, 2.5], [18, 12]];
+const minorWidth = [[13, 0.75], [15, 2.5], [18, 9]];
+// OpenMapTiles files pedestrian streets as paths; they read as streets, so they get the minor road look.
+// Pedestrian squares arrive as polygons and stay plain land.
+const minorFilter = ["any", classIn("minor", "service"), ["all", ["==", ["get", "class"], "path"], ["==", ["get", "subclass"], "pedestrian"], ["==", ["geometry-type"], "LineString"]]];
+
+/** `name:<language>`, then the Latin form, then the local name, so a bounded set of glyph ranges covers every label. */
+const labelText = locale => {
+  const language = locale.trim().toLowerCase().split(/[-_]/)[0] ?? "";
+  const names = [["get", "name:latin"], ["get", "name"]];
+  if (/^[a-z]{2,3}$/.test(language)) names.unshift(["get", `name:${language}`]);
+  return ["coalesce", ...names];
+};
+const roads = (theme, colors) => {
+  const casing = (id, filter, stops, minzoom, color) => ({
+    id: `${id}-casing`,
+    type: "line",
+    source,
+    "source-layer": "transportation",
+    minzoom,
+    filter,
+    layout: {
+      "line-cap": "round",
+      "line-join": "round"
+    },
+    paint: {
+      "line-color": color,
+      "line-width": zoomed(widened(stops, 1.5)),
+      "line-opacity": tunnelOpacity
+    }
+  });
+  const fill = (id, filter, stops, minzoom, color) => ({
+    id,
+    type: "line",
+    source,
+    "source-layer": "transportation",
+    minzoom,
+    filter,
+    layout: {
+      "line-cap": "round",
+      "line-join": "round"
+    },
+    paint: {
+      "line-color": color,
+      "line-width": zoomed(stops),
+      "line-opacity": tunnelOpacity
+    }
+  });
+  // Far out, roads take whichever tone stands out more from land: on light land a white road disappears, so it
+  // starts in the casing tone; on dark land the casing tone is the weaker one. Edges appear as roads widen.
+  const far = theme === "light" ? colors.roadCasing : colors.road;
+  const road = ["interpolate", ["linear"], ["zoom"], 11, far, 12.5, colors.road];
+  return [{
+    id: "path",
+    type: "line",
+    source,
+    "source-layer": "transportation",
+    minzoom: 15,
+    filter: ["all", classIn("path", "track"), ["!=", ["get", "subclass"], "pedestrian"], notTunnel],
+    paint: {
+      "line-color": colors.rail,
+      "line-width": zoomed([[15, 0.75], [18, 1.5]]),
+      "line-dasharray": [2, 1.5]
+    }
+  }, {
+    id: "rail",
+    type: "line",
+    source,
+    "source-layer": "transportation",
+    minzoom: 11,
+    filter: ["all", classIn("rail", "transit"), notTunnel],
+    paint: {
+      "line-color": colors.rail,
+      "line-width": zoomed([[11, 0.75], [18, 2]])
+    }
+  }, casing("road-minor", minorFilter, minorWidth, 14, colors.roadCasing), casing("road-secondary", classIn("secondary", "tertiary"), secondaryWidth, 12, colors.roadCasing), casing("road-major", classIn("trunk", "primary"), majorWidth, 12, colors.roadCasing), casing("road-motorway", classIn("motorway"), motorwayWidth, 9, colors.motorwayCasing), fill("road-minor", minorFilter, minorWidth, 13, road), fill("road-secondary", classIn("secondary", "tertiary"), secondaryWidth, 10, road), fill("road-major", classIn("trunk", "primary"), majorWidth, 8, road), fill("road-motorway", classIn("motorway"), motorwayWidth, 5, colors.motorway)];
+};
+const labels = (colors, text) => {
+  const paint = (color, halo = colors.land) => ({
+    "text-color": color,
+    "text-halo-color": halo,
+    "text-halo-width": 1.5
+  });
+  const place = (id, classes, minzoom, maxzoom, size, color) => ({
+    id: `place-${id}`,
+    type: "symbol",
+    source,
+    "source-layer": "place",
+    minzoom,
+    maxzoom,
+    filter: classIn(...classes),
+    layout: {
+      "text-field": text,
+      "text-font": font,
+      "text-size": linear(size),
+      "text-max-width": 8,
+      "symbol-sort-key": ["coalesce", ["get", "rank"], 99]
+    },
+    paint: paint(color)
+  });
+  return [{
+    id: "waterway-label",
+    type: "symbol",
+    source,
+    "source-layer": "waterway",
+    minzoom: 13,
+    filter: classIn("river", "canal"),
+    layout: {
+      "text-field": text,
+      "text-font": font,
+      "text-size": 11,
+      "symbol-placement": "line",
+      "text-letter-spacing": 0.05
+    },
+    paint: paint(colors.waterLabel, colors.water)
+  }, {
+    id: "water-name",
+    type: "symbol",
+    source,
+    "source-layer": "water_name",
+    filter: ["==", ["geometry-type"], "Point"],
+    layout: {
+      "text-field": text,
+      "text-font": font,
+      "text-size": linear([[4, 11], [12, 13]]),
+      "text-max-width": 7
+    },
+    paint: paint(colors.waterLabel, colors.water)
+  }, {
+    id: "street-label",
+    type: "symbol",
+    source,
+    "source-layer": "transportation_name",
+    minzoom: 13,
+    filter: classIn("motorway", "trunk", "primary", "secondary", "tertiary", "minor", "service"),
+    layout: {
+      "text-field": text,
+      "text-font": font,
+      "text-size": linear([[13, 11], [18, 13]]),
+      "symbol-placement": "line",
+      "text-max-angle": 30
+    },
+    paint: paint(colors.label, colors.road)
+  }, place("minor", ["suburb", "quarter", "neighbourhood", "hamlet", "locality", "isolated_dwelling"], 12, 18, [[12, 11], [16, 12.5]], colors.label), place("village", ["village"], 10, 17, [[10, 11.5], [14, 13]], colors.label), place("town", ["town"], 7, 16, [[7, 11.5], [10, 13], [14, 15]], colors.labelStrong), place("city", ["city"], 4, 15, [[4, 12], [8, 15], [12, 18]], colors.labelStrong), place("state", ["state", "province"], 4, 8, [[4, 11], [7, 12]], colors.label), place("country", ["country"], 1, 7, [[1, 11], [6, 15]], colors.labelStrong)];
+};
+
+/**
+ * A flat Cloud map style for OpenMapTiles-schema vector tiles. The host passes the tile and glyph
+ * templates; there are no network defaults, sprites, extrusions, or relief.
+ */
+export function mapStyle(options) {
+  const {
+    theme,
+    locale,
+    tiles,
+    glyphs,
+    maxzoom = 14
+  } = options;
+  if (!["{z}", "{x}", "{y}"].every(token => tiles.includes(token))) throw new TypeError("mapStyle: tiles needs {z}, {x}, and {y}");
+  if (!["{fontstack}", "{range}"].every(token => glyphs.includes(token))) throw new TypeError("mapStyle: glyphs needs {fontstack} and {range}");
+  if (!Number.isInteger(maxzoom) || maxzoom < 0 || maxzoom > 24) throw new RangeError("mapStyle: maxzoom must be an integer from 0 to 24");
+  const colors = mapPalette[theme];
+  const text = labelText(locale);
+  // Protected areas (the park layer) cover whole regions, so only woods, grass, and city green are tinted.
+  const green = (id, sourceLayer, filter) => ({
+    id,
+    type: "fill",
+    source,
+    "source-layer": sourceLayer,
+    filter,
+    paint: {
+      "fill-color": colors.green
+    }
+  });
+  return {
+    version: 8,
+    name: `Cloud ${theme}`,
+    glyphs,
+    sources: {
+      [source]: {
+        type: "vector",
+        tiles: [tiles],
+        minzoom: 0,
+        maxzoom
+      }
+    },
+    layers: [{
+      id: "land",
+      type: "background",
+      paint: {
+        "background-color": colors.land
+      }
+    }, green("landcover-green", "landcover", classIn("wood", "grass")), green("landuse-green", "landuse", classIn("cemetery", "pitch", "playground")), {
+      id: "water",
+      type: "fill",
+      source,
+      "source-layer": "water",
+      filter: notTunnel,
+      paint: {
+        "fill-color": colors.water
+      }
+    }, {
+      id: "waterway",
+      type: "line",
+      source,
+      "source-layer": "waterway",
+      minzoom: 8,
+      filter: ["all", notTunnel, ["!=", ["get", "intermittent"], 1]],
+      layout: {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      paint: {
+        "line-color": colors.water,
+        "line-width": ["interpolate", ["exponential", 1.4], ["zoom"], 8, ["match", ["get", "class"], "river", 0.75, 0], 13, ["match", ["get", "class"], "river", 2.5, "canal", 1.5, 0.75], 18, ["match", ["get", "class"], "river", 8, "canal", 5, 2.5]]
+      }
+    }, {
+      id: "building",
+      type: "fill",
+      source,
+      "source-layer": "building",
+      minzoom: 13,
+      paint: {
+        "fill-color": colors.building,
+        "fill-opacity": linear([[13, 0], [14, 1]])
+      }
+    }, {
+      id: "boundary-state",
+      type: "line",
+      source,
+      "source-layer": "boundary",
+      minzoom: 4,
+      filter: ["all", ["==", ["get", "admin_level"], 4], ["!=", ["get", "maritime"], 1]],
+      paint: {
+        "line-color": colors.boundary,
+        "line-width": 0.75,
+        "line-dasharray": [3, 2]
+      }
+    }, {
+      id: "boundary-country",
+      type: "line",
+      source,
+      "source-layer": "boundary",
+      filter: ["all", ["==", ["get", "admin_level"], 2], ["!=", ["get", "maritime"], 1]],
+      paint: {
+        "line-color": colors.boundary,
+        "line-width": zoomed([[2, 0.75], [10, 1.5]])
+      }
+    }, ...roads(theme, colors), ...labels(colors, text)]
+  };
+}
+//# sourceMappingURL=map-style.js.map

package/dist/browser/content/map-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/map-style.ts"],"sourcesContent":["import type {\n  DataDrivenPropertyValueSpecification,\n  ExpressionSpecification,\n  FilterSpecification,\n  LayerSpecification,\n  StyleSpecification,\n} from \"maplibre-gl\";\nimport { type MapPaletteColors, type MapTheme, mapPalette } from \"./map-palette\";\n\nexport type MapStyleOptions = {\n  theme: MapTheme;\n  /** Request locale such as `de` or `de-DE`; labels prefer `name:<language>`. */\n  locale: string;\n  /** Vector tile template with `{z}`, `{x}`, and `{y}`, for example `/_geo/tiles/{z}/{x}/{y}.pbf`. */\n  tiles: string;\n  /** Glyph template with `{fontstack}` and `{range}`, served from `@k2b/ui/map-glyphs/*`. */\n  glyphs: string;\n  /** Highest zoom the tiles carry; the map scales the last level up beyond it. Defaults to 14. */\n  maxzoom?: number;\n};\n\n/** Attribution for OpenMapTiles-schema maps with OpenStreetMap data from Geoapify, in display order. */\nexport const mapAttribution = [\n  { label: \"© OpenStreetMap\", href: \"https://www.openstreetmap.org/copyright\" },\n  { label: \"© OpenMapTiles\", href: \"https://openmaptiles.org/\" },\n  { label: \"Geoapify\", href: \"https://www.geoapify.com/\" },\n] as const;\n\nconst source = \"openmaptiles\";\n/** One weight keeps the glyph assets small; size and ink carry the label hierarchy. */\nconst font = [\"IBM Plex Sans Medium\"];\ntype Stops = readonly (readonly [zoom: number, value: number])[];\n\nconst zoomed = (stops: Stops, base = 1.5): ExpressionSpecification =>\n  [\"interpolate\", [\"exponential\", base], [\"zoom\"], ...stops.flat()] as ExpressionSpecification;\nconst linear = (stops: Stops): ExpressionSpecification => [\"interpolate\", [\"linear\"], [\"zoom\"], ...stops.flat()] as ExpressionSpecification;\n/** A casing is the fill plus a fixed edge at every stop, because zoom must stay the outer expression. */\nconst widened = (stops: Stops, edge: number): Stops => stops.map(([zoom, width]) => [zoom, width + edge] as const);\nconst classIn = (...classes: string[]): ExpressionSpecification => [\"in\", [\"get\", \"class\"], [\"literal\", classes]];\nconst notTunnel: ExpressionSpecification = [\"!=\", [\"get\", \"brunnel\"], \"tunnel\"];\nconst tunnelOpacity: DataDrivenPropertyValueSpecification<number> = [\"match\", [\"get\", \"brunnel\"], \"tunnel\", 0.5, 1];\n\nconst motorwayWidth: Stops = [\n  [5, 0.5],\n  [10, 1.5],\n  [14, 4],\n  [18, 16],\n];\nconst majorWidth: Stops = [\n  [8, 0.5],\n  [12, 1.5],\n  [14, 3.5],\n  [18, 14],\n];\nconst secondaryWidth: Stops = [\n  [10, 0.5],\n  [13, 1.5],\n  [14, 2.5],\n  [18, 12],\n];\nconst minorWidth: Stops = [\n  [13, 0.75],\n  [15, 2.5],\n  [18, 9],\n];\n// OpenMapTiles files pedestrian streets as paths; they read as streets, so they get the minor road look.\n// Pedestrian squares arrive as polygons and stay plain land.\nconst minorFilter: FilterSpecification = [\n  \"any\",\n  classIn(\"minor\", \"service\"),\n  [\"all\", [\"==\", [\"get\", \"class\"], \"path\"], [\"==\", [\"get\", \"subclass\"], \"pedestrian\"], [\"==\", [\"geometry-type\"], \"LineString\"]],\n];\n\n/** `name:<language>`, then the Latin form, then the local name, so a bounded set of glyph ranges covers every label. */\nconst labelText = (locale: string): ExpressionSpecification => {\n  const language = locale.trim().toLowerCase().split(/[-_]/)[0] ?? \"\";\n  const names: ExpressionSpecification[] = [\n    [\"get\", \"name:latin\"],\n    [\"get\", \"name\"],\n  ];\n  if (/^[a-z]{2,3}$/.test(language)) names.unshift([\"get\", `name:${language}`]);\n  return [\"coalesce\", ...names];\n};\n\nconst roads = (theme: MapTheme, colors: MapPaletteColors): LayerSpecification[] => {\n  const casing = (id: string, filter: FilterSpecification, stops: Stops, minzoom: number, color: string): LayerSpecification => ({\n    id: `${id}-casing`,\n    type: \"line\",\n    source,\n    \"source-layer\": \"transportation\",\n    minzoom,\n    filter,\n    layout: { \"line-cap\": \"round\", \"line-join\": \"round\" },\n    paint: { \"line-color\": color, \"line-width\": zoomed(widened(stops, 1.5)), \"line-opacity\": tunnelOpacity },\n  });\n  const fill = (\n    id: string,\n    filter: FilterSpecification,\n    stops: Stops,\n    minzoom: number,\n    color: string | ExpressionSpecification,\n  ): LayerSpecification => ({\n    id,\n    type: \"line\",\n    source,\n    \"source-layer\": \"transportation\",\n    minzoom,\n    filter,\n    layout: { \"line-cap\": \"round\", \"line-join\": \"round\" },\n    paint: { \"line-color\": color, \"line-width\": zoomed(stops), \"line-opacity\": tunnelOpacity },\n  });\n  // Far out, roads take whichever tone stands out more from land: on light land a white road disappears, so it\n  // starts in the casing tone; on dark land the casing tone is the weaker one. Edges appear as roads widen.\n  const far = theme === \"light\" ? colors.roadCasing : colors.road;\n  const road: ExpressionSpecification = [\"interpolate\", [\"linear\"], [\"zoom\"], 11, far, 12.5, colors.road];\n  return [\n    {\n      id: \"path\",\n      type: \"line\",\n      source,\n      \"source-layer\": \"transportation\",\n      minzoom: 15,\n      filter: [\"all\", classIn(\"path\", \"track\"), [\"!=\", [\"get\", \"subclass\"], \"pedestrian\"], notTunnel],\n      paint: {\n        \"line-color\": colors.rail,\n        \"line-width\": zoomed([\n          [15, 0.75],\n          [18, 1.5],\n        ]),\n        \"line-dasharray\": [2, 1.5],\n      },\n    },\n    {\n      id: \"rail\",\n      type: \"line\",\n      source,\n      \"source-layer\": \"transportation\",\n      minzoom: 11,\n      filter: [\"all\", classIn(\"rail\", \"transit\"), notTunnel],\n      paint: {\n        \"line-color\": colors.rail,\n        \"line-width\": zoomed([\n          [11, 0.75],\n          [18, 2],\n        ]),\n      },\n    },\n    casing(\"road-minor\", minorFilter, minorWidth, 14, colors.roadCasing),\n    casing(\"road-secondary\", classIn(\"secondary\", \"tertiary\"), secondaryWidth, 12, colors.roadCasing),\n    casing(\"road-major\", classIn(\"trunk\", \"primary\"), majorWidth, 12, colors.roadCasing),\n    casing(\"road-motorway\", classIn(\"motorway\"), motorwayWidth, 9, colors.motorwayCasing),\n    fill(\"road-minor\", minorFilter, minorWidth, 13, road),\n    fill(\"road-secondary\", classIn(\"secondary\", \"tertiary\"), secondaryWidth, 10, road),\n    fill(\"road-major\", classIn(\"trunk\", \"primary\"), majorWidth, 8, road),\n    fill(\"road-motorway\", classIn(\"motorway\"), motorwayWidth, 5, colors.motorway),\n  ];\n};\n\nconst labels = (colors: MapPaletteColors, text: ExpressionSpecification): LayerSpecification[] => {\n  const paint = (color: string, halo = colors.land) => ({\n    \"text-color\": color,\n    \"text-halo-color\": halo,\n    \"text-halo-width\": 1.5,\n  });\n  const place = (id: string, classes: string[], minzoom: number, maxzoom: number, size: Stops, color: string): LayerSpecification => ({\n    id: `place-${id}`,\n    type: \"symbol\",\n    source,\n    \"source-layer\": \"place\",\n    minzoom,\n    maxzoom,\n    filter: classIn(...classes),\n    layout: {\n      \"text-field\": text,\n      \"text-font\": font,\n      \"text-size\": linear(size),\n      \"text-max-width\": 8,\n      \"symbol-sort-key\": [\"coalesce\", [\"get\", \"rank\"], 99],\n    },\n    paint: paint(color),\n  });\n  return [\n    {\n      id: \"waterway-label\",\n      type: \"symbol\",\n      source,\n      \"source-layer\": \"waterway\",\n      minzoom: 13,\n      filter: classIn(\"river\", \"canal\"),\n      layout: {\n        \"text-field\": text,\n        \"text-font\": font,\n        \"text-size\": 11,\n        \"symbol-placement\": \"line\",\n        \"text-letter-spacing\": 0.05,\n      },\n      paint: paint(colors.waterLabel, colors.water),\n    },\n    {\n      id: \"water-name\",\n      type: \"symbol\",\n      source,\n      \"source-layer\": \"water_name\",\n      filter: [\"==\", [\"geometry-type\"], \"Point\"],\n      layout: {\n        \"text-field\": text,\n        \"text-font\": font,\n        \"text-size\": linear([\n          [4, 11],\n          [12, 13],\n        ]),\n        \"text-max-width\": 7,\n      },\n      paint: paint(colors.waterLabel, colors.water),\n    },\n    {\n      id: \"street-label\",\n      type: \"symbol\",\n      source,\n      \"source-layer\": \"transportation_name\",\n      minzoom: 13,\n      filter: classIn(\"motorway\", \"trunk\", \"primary\", \"secondary\", \"tertiary\", \"minor\", \"service\"),\n      layout: {\n        \"text-field\": text,\n        \"text-font\": font,\n        \"text-size\": linear([\n          [13, 11],\n          [18, 13],\n        ]),\n        \"symbol-placement\": \"line\",\n        \"text-max-angle\": 30,\n      },\n      paint: paint(colors.label, colors.road),\n    },\n    place(\n      \"minor\",\n      [\"suburb\", \"quarter\", \"neighbourhood\", \"hamlet\", \"locality\", \"isolated_dwelling\"],\n      12,\n      18,\n      [\n        [12, 11],\n        [16, 12.5],\n      ],\n      colors.label,\n    ),\n    place(\n      \"village\",\n      [\"village\"],\n      10,\n      17,\n      [\n        [10, 11.5],\n        [14, 13],\n      ],\n      colors.label,\n    ),\n    place(\n      \"town\",\n      [\"town\"],\n      7,\n      16,\n      [\n        [7, 11.5],\n        [10, 13],\n        [14, 15],\n      ],\n      colors.labelStrong,\n    ),\n    place(\n      \"city\",\n      [\"city\"],\n      4,\n      15,\n      [\n        [4, 12],\n        [8, 15],\n        [12, 18],\n      ],\n      colors.labelStrong,\n    ),\n    place(\n      \"state\",\n      [\"state\", \"province\"],\n      4,\n      8,\n      [\n        [4, 11],\n        [7, 12],\n      ],\n      colors.label,\n    ),\n    place(\n      \"country\",\n      [\"country\"],\n      1,\n      7,\n      [\n        [1, 11],\n        [6, 15],\n      ],\n      colors.labelStrong,\n    ),\n  ];\n};\n\n/**\n * A flat Cloud map style for OpenMapTiles-schema vector tiles. The host passes the tile and glyph\n * templates; there are no network defaults, sprites, extrusions, or relief.\n */\nexport function mapStyle(options: MapStyleOptions): StyleSpecification {\n  const { theme, locale, tiles, glyphs, maxzoom = 14 } = options;\n  if (![\"{z}\", \"{x}\", \"{y}\"].every((token) => tiles.includes(token))) throw new TypeError(\"mapStyle: tiles needs {z}, {x}, and {y}\");\n  if (![\"{fontstack}\", \"{range}\"].every((token) => glyphs.includes(token)))\n    throw new TypeError(\"mapStyle: glyphs needs {fontstack} and {range}\");\n  if (!Number.isInteger(maxzoom) || maxzoom < 0 || maxzoom > 24) throw new RangeError(\"mapStyle: maxzoom must be an integer from 0 to 24\");\n  const colors = mapPalette[theme];\n  const text = labelText(locale);\n  // Protected areas (the park layer) cover whole regions, so only woods, grass, and city green are tinted.\n  const green = (id: string, sourceLayer: string, filter: FilterSpecification): LayerSpecification => ({\n    id,\n    type: \"fill\",\n    source,\n    \"source-layer\": sourceLayer,\n    filter,\n    paint: { \"fill-color\": colors.green },\n  });\n  return {\n    version: 8,\n    name: `Cloud ${theme}`,\n    glyphs,\n    sources: { [source]: { type: \"vector\", tiles: [tiles], minzoom: 0, maxzoom } },\n    layers: [\n      { id: \"land\", type: \"background\", paint: { \"background-color\": colors.land } },\n      green(\"landcover-green\", \"landcover\", classIn(\"wood\", \"grass\")),\n      green(\"landuse-green\", \"landuse\", classIn(\"cemetery\", \"pitch\", \"playground\")),\n      {\n        id: \"water\",\n        type: \"fill\",\n        source,\n        \"source-layer\": \"water\",\n        filter: notTunnel,\n        paint: { \"fill-color\": colors.water },\n      },\n      {\n        id: \"waterway\",\n        type: \"line\",\n        source,\n        \"source-layer\": \"waterway\",\n        minzoom: 8,\n        filter: [\"all\", notTunnel, [\"!=\", [\"get\", \"intermittent\"], 1]],\n        layout: { \"line-cap\": \"round\", \"line-join\": \"round\" },\n        paint: {\n          \"line-color\": colors.water,\n          \"line-width\": [\n            \"interpolate\",\n            [\"exponential\", 1.4],\n            [\"zoom\"],\n            8,\n            [\"match\", [\"get\", \"class\"], \"river\", 0.75, 0],\n            13,\n            [\"match\", [\"get\", \"class\"], \"river\", 2.5, \"canal\", 1.5, 0.75],\n            18,\n            [\"match\", [\"get\", \"class\"], \"river\", 8, \"canal\", 5, 2.5],\n          ],\n        },\n      },\n      {\n        id: \"building\",\n        type: \"fill\",\n        source,\n        \"source-layer\": \"building\",\n        minzoom: 13,\n        paint: {\n          \"fill-color\": colors.building,\n          \"fill-opacity\": linear([\n            [13, 0],\n            [14, 1],\n          ]),\n        },\n      },\n      {\n        id: \"boundary-state\",\n        type: \"line\",\n        source,\n        \"source-layer\": \"boundary\",\n        minzoom: 4,\n        filter: [\"all\", [\"==\", [\"get\", \"admin_level\"], 4], [\"!=\", [\"get\", \"maritime\"], 1]],\n        paint: { \"line-color\": colors.boundary, \"line-width\": 0.75, \"line-dasharray\": [3, 2] },\n      },\n      {\n        id: \"boundary-country\",\n        type: \"line\",\n        source,\n        \"source-layer\": \"boundary\",\n        filter: [\"all\", [\"==\", [\"get\", \"admin_level\"], 2], [\"!=\", [\"get\", \"maritime\"], 1]],\n        paint: {\n          \"line-color\": colors.boundary,\n          \"line-width\": zoomed([\n            [2, 0.75],\n            [10, 1.5],\n          ]),\n        },\n      },\n      ...roads(theme, colors),\n      ...labels(colors, text),\n    ],\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/content/map-view-geometry.js

@@ -0,0 +1,269 @@
+export const MIN_SPAN = 256 / (512 * 2 ** 16);
+export const EARTH_CIRCUMFERENCE = 40075016.686;
+/** Room around the fitted geometry: clears the floating controls, the notice, the scale bar and the attribution. */
+export const DEFAULT_PADDING = 64;
+/** Phones are first-class: pin separation is decided from the narrowest common screen up, so it holds at every width. */
+const PHONE_WIDTH = 320;
+/**
+ * `referenceWidth` is the fitted width when the container is wide enough; `minWidth` keeps the whole world at least as
+ * tall as the map, the smallest zoom MapLibre allows, so a world-scale fit lands where MapLibre puts it.
+ */
+
+export function decodePolyline6(encoded) {
+  let index = 0;
+  let lat = 0;
+  let lon = 0;
+  const next = () => {
+    let value = 0;
+    let shift = 0;
+    let byte;
+    do {
+      if (index >= encoded.length || shift > 50) throw new RangeError("Invalid polyline6");
+      byte = encoded.charCodeAt(index++) - 63;
+      if (byte < 0 || byte > 63) throw new RangeError("Invalid polyline6");
+      value += (byte & 31) * 2 ** shift;
+      shift += 5;
+    } while (byte >= 32);
+    return value % 2 ? -(value + 1) / 2 : value / 2;
+  };
+  const points = [];
+  while (index < encoded.length) {
+    lat += next();
+    lon += next();
+    points.push({
+      lat: lat / 1e6,
+      lon: lon / 1e6
+    });
+  }
+  return points;
+}
+export const linePoints = line => "points" in line ? line.points : decodePolyline6(line.polyline6);
+export function projectPoint(point) {
+  const lat = Math.max(-85.051129, Math.min(85.051129, point.lat)) * Math.PI / 180;
+  return {
+    x: (point.lon + 180) / 360,
+    y: (1 - Math.log(Math.tan(Math.PI / 4 + lat / 2)) / Math.PI) / 2
+  };
+}
+export function unprojectPoint(x, y) {
+  return {
+    lon: x * 360 - 180,
+    lat: Math.atan(Math.sinh(Math.PI * (1 - 2 * y))) * 180 / Math.PI
+  };
+}
+export function mapFrame(geometry, height, padding = DEFAULT_PADDING) {
+  const points = (geometry.markers ?? []).map(marker => marker.point);
+  if (geometry.fit !== "markers" || !points.length) {
+    for (const line of geometry.lines ?? []) for (const point of linePoints(line)) points.push(point);
+    for (const area of geometry.areas ?? []) for (const point of area.polygon) points.push(point);
+    if (geometry.ownLocation) points.push(geometry.ownLocation.point);
+  }
+  if (!points.length) return null;
+  let minX = Infinity;
+  let maxX = -Infinity;
+  let minY = Infinity;
+  let maxY = -Infinity;
+  for (const point of points) {
+    const {
+      x,
+      y
+    } = projectPoint(point);
+    minX = Math.min(minX, x);
+    maxX = Math.max(maxX, x);
+    minY = Math.min(minY, y);
+    maxY = Math.max(maxY, y);
+  }
+  const spanX = Math.max(MIN_SPAN, maxX - minX);
+  const spanY = Math.max(MIN_SPAN, maxY - minY);
+  minX -= (spanX - (maxX - minX)) / 2;
+  minY -= (spanY - (maxY - minY)) / 2;
+  const aspect = spanX / spanY;
+  const minWidth = spanX * height;
+  const referenceWidth = Math.max((height - 2 * padding) * aspect, minWidth);
+  const overlapWidth = Math.max(minWidth, Math.min(referenceWidth, PHONE_WIDTH - 2 * padding));
+  return {
+    minX,
+    minY,
+    spanX,
+    spanY,
+    aspect,
+    referenceWidth,
+    minWidth,
+    overlapWidth
+  };
+}
+export function fitCamera(frame, width, padding = DEFAULT_PADDING) {
+  const w = Math.max(Number.EPSILON, frame.minWidth, Math.min(width - 2 * padding, frame.referenceWidth));
+  const center = unprojectPoint(frame.minX + frame.spanX / 2, frame.minY + frame.spanY / 2);
+  return {
+    center: [center.lon, center.lat],
+    zoom: Math.log2(w / (frame.spanX * 512))
+  };
+}
+export const isStop = marker => typeof marker.mark === "string" && /^[a-z+]$/i.test(marker.mark);
+export function sortMarkers(markers) {
+  const rank = marker => {
+    if (typeof marker.mark === "number") return 0;
+    if (typeof marker.mark === "string" && /^[a-z]$/i.test(marker.mark)) return 1;
+    if (marker.mark === "+") return 2;
+    return 3;
+  };
+  return [...markers].sort((a, b) => {
+    const group = rank(a) - rank(b);
+    if (group) return group;
+    if (typeof a.mark === "number" && typeof b.mark === "number") return a.mark - b.mark;
+    if (rank(a) === 1) return String(a.mark).toUpperCase().localeCompare(String(b.mark).toUpperCase(), "en");
+    return 0;
+  });
+}
+const PIN_SPACING = 28;
+// An attached hit may touch its stop's halo, as in the approved mockup, but never cover the stop's mark.
+const ATTACHED_SPACING = 20;
+
+/**
+ * The smallest distance between two drawn pins at every width the map can have: the geographic gap `g` (px at the
+ * phone fit) grows with the fitted width by r in [1, rMax], the offsets `o` stay in px. |g·r + o| is smallest at one r.
+ */
+const closest = (gx, gy, ox, oy, rMax) => {
+  const gg = gx * gx + gy * gy;
+  const r = gg === 0 ? 1 : Math.min(rMax, Math.max(1, -(gx * ox + gy * oy) / gg));
+  return Math.hypot(gx * r + ox, gy * r + oy);
+};
+
+/** Deterministic places around a point: the mockup's two rings first, then wider rings for dense clusters. */
+const candidateOffsets = count => {
+  const angles = [-45, 45, 135, -135, 0, 90, 180, -90];
+  // Ring k holds 8k places, so this many rings fit every pin of a cluster at one point with room to spare.
+  const rings = Math.ceil(Math.sqrt(count / 4)) + 2;
+  const result = [];
+  for (let ring = 1; ring <= rings; ring++) {
+    const steps = ring <= 2 ? angles : Array.from({
+      length: 8 * ring
+    }, (_, index) => -45 + 360 * index / (8 * ring));
+    for (const angle of steps) result.push({
+      dx: PIN_SPACING * ring * Math.cos(angle * Math.PI / 180),
+      dy: PIN_SPACING * ring * Math.sin(angle * Math.PI / 180)
+    });
+  }
+  return result;
+};
+const pinPlaces = (sortedMarkers, frame, zoomFactor) => {
+  const scale = frame.overlapWidth / frame.spanX * zoomFactor;
+  return marker => {
+    const p = projectPoint(marker.point);
+    return {
+      x: (p.x - frame.minX) * scale,
+      y: (p.y - frame.minY) * scale
+    };
+  };
+};
+/**
+ * A drop pin's mark sits 14 px above its point (its tip is on the point). That lift is a fixed px shift, so it belongs
+ * with the offsets, never with the geographic gap that grows with the map's width.
+ */
+const lift = marker => marker.mark === undefined ? 14 : 0;
+
+/**
+ * Pin offsets in px, decided from the data alone: at the phone fit and checked for every wider fit up to the widest
+ * one, so they hold at any width. `zoomFactor` is 2^(live zoom - fitted zoom): 1 for the server frame, the first client
+ * frame and the untouched live map, so all three agree; when the person zooms, separation is decided for the new scale.
+ */
+export function pinOffsets(sortedMarkers, frame, zoomFactor = 1, ownLocation) {
+  const position = pinPlaces(sortedMarkers, frame, zoomFactor);
+  const location = ownLocation ? projectPoint(ownLocation) : undefined;
+  const scale = frame.overlapWidth / frame.spanX * zoomFactor;
+  const rMax = Math.max(1, frame.referenceWidth / frame.overlapWidth);
+  const candidates = candidateOffsets(sortedMarkers.length);
+  const reachOf = offset => Math.hypot(offset.dx, offset.dy);
+  const furthest = reachOf(candidates[candidates.length - 1]);
+  const placed = [];
+  const offsets = new Map();
+  // Pins at one point search on from where the previous one found its place, so a dense cluster costs one pass.
+  const searchFrom = new Map();
+  // Offsets here are those of the visible mark; a drop pin's own offset adds its lift back below.
+  const place = (marker, preferred, anchorId) => {
+    const p = position(marker);
+    // The location is fixed; route stops keep their anchors even when they coincide with it.
+    const obstacle = !isStop(marker) && location;
+    // Two pins whose points are further apart than their offsets plus one pin never meet at a wider fit
+    // (|g·r + o| ≥ |g| − |o| for r ≥ 1), so only the pins near this one are checked, once per pin.
+    const near = placed.filter(other => Math.hypot(p.x - other.x, p.y - other.y) < furthest + other.reach + PIN_SPACING);
+    // Leave 22 px around the fixed dot: 12 px pin radius + 8.5 px dot radius + 1.5 px gap.
+    const clear = (offset, anchor) => (!obstacle || closest(p.x - (obstacle.x - frame.minX) * scale, p.y - (obstacle.y - frame.minY) * scale, offset.dx, offset.dy, rMax) >= 22 - 1e-9) && near.every(other => closest(p.x - other.x, p.y - other.y, offset.dx - other.dx, offset.dy - other.dy, rMax) >= (other.id === anchor ? ATTACHED_SPACING : PIN_SPACING) - 1e-9);
+    let offset = preferred;
+    if (!clear(preferred, anchorId)) {
+      const key = `${Math.round(p.x)},${Math.round(p.y)}`;
+      const first = searchFrom.get(key) ?? 0;
+      const found = candidates.findIndex((candidate, index) => index >= first && clear(candidate));
+      offset = candidates[found] ?? candidates[candidates.length - 1];
+      searchFrom.set(key, found < 0 ? candidates.length : found + 1);
+    }
+    offsets.set(marker.id, {
+      dx: offset.dx,
+      dy: offset.dy + lift(marker)
+    });
+    const pin = {
+      id: marker.id,
+      ...p,
+      ...offset,
+      reach: reachOf(offset)
+    };
+    placed.push(pin);
+    return pin;
+  };
+  // Stops come first in mark order; a later stop that would cover an earlier one (such as "+" beside C) moves aside.
+  const stops = sortedMarkers.filter(isStop).map(stop => place(stop, {
+    dx: 0,
+    dy: -lift(stop)
+  }));
+  for (const marker of sortedMarkers.filter(marker => !isStop(marker))) {
+    const p = position(marker);
+    // The attachment sits top right of where the stop is drawn, wherever the hit lies around it.
+    const own = {
+      dx: 0,
+      dy: -lift(marker)
+    };
+    const anchor = stops.find(stop => Math.hypot(p.x + own.dx - stop.x - stop.dx, p.y + own.dy - stop.y - stop.dy) < PIN_SPACING);
+    place(marker, anchor ? {
+      dx: anchor.x + anchor.dx + 17 - p.x,
+      dy: anchor.y + anchor.dy - 17 - p.y
+    } : own, anchor?.id);
+  }
+  return offsets;
+}
+/**
+ * The touch hit radius of each pin in px: up to 22 px (a 44 px target), but never into a neighbour's visible mark
+ * (radius up to 14 px) at any width, so a tap on a visible pin always reaches it.
+ */
+export function pinHitRadii(sortedMarkers, frame, offsets, zoomFactor = 1) {
+  const position = pinPlaces(sortedMarkers, frame, zoomFactor);
+  const rMax = Math.max(1, frame.referenceWidth / frame.overlapWidth);
+  const places = sortedMarkers.map(marker => {
+    const offset = offsets.get(marker.id) ?? {
+      dx: 0,
+      dy: 0
+    };
+    return {
+      id: marker.id,
+      ...position(marker),
+      dx: offset.dx,
+      dy: offset.dy - lift(marker)
+    };
+  });
+  return new Map(places.map(place => {
+    let nearest = Infinity;
+    for (const other of places) if (other !== place) nearest = Math.min(nearest, closest(place.x - other.x, place.y - other.y, place.dx - other.dx, place.dy - other.dy, rMax));
+    return [place.id, Math.max(12, Math.min(22, nearest - 14))];
+  }));
+}
+export const metersPerPixel = (lat, zoom) => EARTH_CIRCUMFERENCE * Math.cos(lat * Math.PI / 180) / (512 * 2 ** zoom);
+export function scaleBar(mpp, maxPx = 96) {
+  const maximum = mpp * maxPx;
+  const magnitude = 10 ** Math.floor(Math.log10(maximum));
+  const meters = ([5, 2, 1].find(value => value * magnitude <= maximum) ?? 1) * magnitude;
+  return {
+    meters,
+    label: meters >= 1000 ? `${meters / 1000} km` : `${Number(meters.toPrecision(12))} m`
+  };
+}
+//# sourceMappingURL=map-view-geometry.js.map