@tileflow/maps 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/index.js

@@ -561,9 +561,8 @@ function landcoverPattern(target, pattern, classes, options = {}) {
   } : classSelector;
   const minZoom = options.minZoom ?? 9;
   return renderPass({
-    attachTo: target,
+    placement: { above: target },
     feature: "landcover",
-    phase: "overlay",
     renderer: "fill",
     selector,
     style: {
@@ -578,9 +577,8 @@ function landcoverPattern(target, pattern, classes, options = {}) {
 }
 function landusePattern(target, pattern, classes, minZoom, opacity) {
   return renderPass({
-    attachTo: target,
+    placement: { above: target },
     feature: "landuse",
-    phase: "overlay",
     renderer: "fill",
     selector: { field: "class", kind: "in", values: classes },
     style: {
@@ -872,9 +870,8 @@ var baedeker = bindOfficialMapTheme(
         }),
         {
           engravedBlocks: renderPass({
-            attachTo: "buildings.flat.fill",
+            placement: { above: "buildings.flat.fill" },
             feature: "building",
-            phase: "overlay",
             renderer: "fill",
             style: {
               minZoom: 14,
@@ -1573,9 +1570,8 @@ var baedeker = bindOfficialMapTheme(
         }),
         {
           printLines: renderPass({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -1596,9 +1592,8 @@ var baedeker = bindOfficialMapTheme(
             }
           }),
           intermittentPrintLines: renderPass({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -1866,9 +1861,8 @@ var prominentBuildingSelector = {
 };
 function technicalLandPattern(target, feature, pattern, selector, minZoom, opacity) {
   return renderPass2({
-    attachTo: target,
+    placement: { above: target },
     feature,
-    phase: "overlay",
     renderer: "fill",
     selector,
     style: {
@@ -2209,9 +2203,8 @@ var blueprint = bindOfficialMapTheme(
         }),
         {
           footprintHatch: renderPass2({
-            attachTo: "buildings.flat.fill",
+            placement: { above: "buildings.flat.fill" },
             feature: "building",
-            phase: "overlay",
             renderer: "fill",
             // A section hatch is reserved for the few footprints that carry
             // architectural emphasis; ordinary building fills remain quiet.
@@ -2227,9 +2220,8 @@ var blueprint = bindOfficialMapTheme(
             }
           }),
           measuredEdge: renderPass2({
-            attachTo: "buildings.flat.outline",
+            placement: { above: "buildings.flat.outline" },
             feature: "building",
-            phase: "overlay",
             renderer: "line",
             selector: { geometry: "polygon", kind: "geometry" },
             style: {
@@ -2248,9 +2240,8 @@ var blueprint = bindOfficialMapTheme(
             }
           }),
           prominentOutline: renderPass2({
-            attachTo: "buildings.render.measuredEdge",
+            placement: { above: "buildings.render.measuredEdge" },
             feature: "building",
-            phase: "overlay",
             renderer: "line",
             selector: prominentBuildingSelector,
             style: {
@@ -2270,9 +2261,8 @@ var blueprint = bindOfficialMapTheme(
             }
           }),
           heightAnnotations: renderPass2({
-            attachTo: "buildings.render.prominentOutline",
+            placement: { above: "buildings.render.prominentOutline" },
             feature: "building",
-            phase: "annotation",
             renderer: "symbol",
             selector: {
               kind: "all",
@@ -2828,9 +2818,8 @@ var blueprint = bindOfficialMapTheme(
         }),
         {
           architecturalCallouts: renderPass2({
-            attachTo: "poi.visitor-amenity.label",
+            placement: { above: "poi.visitor-amenity.label" },
             feature: "poi",
-            phase: "annotation",
             renderer: "symbol",
             selector: {
               kind: "all",
@@ -3099,9 +3088,8 @@ var blueprint = bindOfficialMapTheme(
         }),
         {
           majorRoadCenterline: renderPass2({
-            attachTo: "roads.classes.motorway.surface.fill",
+            placement: { above: "roads.classes.motorway.surface.fill" },
             feature: "road",
-            phase: "overlay",
             renderer: "line",
             selector: {
               kind: "all",
@@ -3311,9 +3299,8 @@ var blueprint = bindOfficialMapTheme(
         }),
         {
           waterHatch: renderPass2({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -3334,9 +3321,8 @@ var blueprint = bindOfficialMapTheme(
             }
           }),
           intermittentWaterHatch: renderPass2({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -3537,11 +3523,10 @@ function destination(image, minZoom, color, featured = false, role = "caption")
     }
   };
 }
-function texture(attachTo, feature, selector, pattern, minZoom, opacity) {
+function texture(above, feature, selector, pattern, minZoom, opacity) {
   return renderPass3({
-    attachTo,
     feature,
-    phase: "overlay",
+    placement: { above },
     renderer: "fill",
     selector,
     style: {
@@ -3862,8 +3847,7 @@ var civica = bindOfficialMapTheme(
             0.15
           ),
           paperGrain: renderPass3({
-            attachTo: "land.background",
-            phase: "overlay",
+            placement: { above: "land.background" },
             renderer: "background",
             style: { pattern: "civica-paper-grain", opacity: 0.12 }
           })
@@ -3918,9 +3902,8 @@ var civica = bindOfficialMapTheme(
         }),
         {
           waterLines: renderPass3({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             style: {
               pattern: "civica-water-lines",
@@ -3949,9 +3932,8 @@ var civica = bindOfficialMapTheme(
           // Core's ordinary building deck begins at z15. This separate plate lets
           // available generalized footprints describe the city at district scales.
           districtFootprints: renderPass3({
-            attachTo: "buildings.flat.fill",
+            placement: { below: "buildings.flat.fill" },
             feature: "building",
-            phase: "underlay",
             renderer: "fill",
             selector: { kind: "geometry", geometry: "polygon" },
             style: {
@@ -4587,9 +4569,8 @@ function landcoverPattern2(target, pattern, classes, options = {}) {
   } : classSelector;
   const minZoom = options.minZoom ?? 9;
   return renderPass4({
-    attachTo: target,
+    placement: { above: target },
     feature: "landcover",
-    phase: "overlay",
     renderer: "fill",
     selector,
     style: {
@@ -4604,9 +4585,8 @@ function landcoverPattern2(target, pattern, classes, options = {}) {
 }
 function landusePattern2(target, pattern, classes, minZoom, opacity) {
   return renderPass4({
-    attachTo: target,
+    placement: { above: target },
     feature: "landuse",
-    phase: "overlay",
     renderer: "fill",
     selector: { field: "class", kind: "in", values: classes },
     style: {
@@ -4870,9 +4850,8 @@ var ferraris = bindOfficialMapTheme(
         }),
         {
           printShadow: renderPass4({
-            attachTo: "buildings.flat.fill",
+            placement: { below: "buildings.flat.fill" },
             feature: "building",
-            phase: "underlay",
             renderer: "fill",
             style: {
               color: ferrarisPalette.ink,
@@ -5453,9 +5432,8 @@ var ferraris = bindOfficialMapTheme(
         }),
         {
           ripples: renderPass4({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -5476,9 +5454,8 @@ var ferraris = bindOfficialMapTheme(
             }
           }),
           intermittentRipples: renderPass4({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -5662,9 +5639,8 @@ function landcoverPattern3(target, pattern, classes, options = {}) {
     opacityStops.push([options.highZoom, options.highZoomOpacity]);
   }
   return renderPass5({
-    attachTo: target,
+    placement: { above: target },
     feature: "landcover",
-    phase: "overlay",
     renderer: "fill",
     selector,
     style: {
@@ -5683,9 +5659,8 @@ function landusePattern3(target, pattern, classes, minZoom, opacity, maxZoom) {
     opacityStops.push([maxZoom - 2, opacity * 0.5], [maxZoom, 0]);
   }
   return renderPass5({
-    attachTo: target,
+    placement: { above: target },
     feature: "landuse",
-    phase: "overlay",
     renderer: "fill",
     selector: { field: "class", kind: "in", values: classes },
     style: {
@@ -6142,9 +6117,8 @@ var harad = bindOfficialMapTheme(
         }),
         {
           fieldBoundaries: renderPass5({
-            attachTo: "land.landcover.farmland.fill",
+            placement: { above: "land.landcover.farmland.fill" },
             feature: "landcover",
-            phase: "overlay",
             renderer: "line",
             selector: { field: "class", kind: "in", values: ["farmland"] },
             style: {
@@ -6479,9 +6453,8 @@ var harad = bindOfficialMapTheme(
         }),
         {
           printLines: renderPass5({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -6502,9 +6475,8 @@ var harad = bindOfficialMapTheme(
             }
           }),
           intermittentPrintLines: renderPass5({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -6898,9 +6870,8 @@ function landcoverFilter(classes, options = {}) {
 function landcoverPattern4(target, pattern, classes, options = {}) {
   const minZoom = options.minZoom ?? 9;
   return renderPass6({
-    attachTo: target,
+    placement: { above: target },
     feature: "landcover",
-    phase: "overlay",
     renderer: "fill",
     selector: landcoverFilter(classes, options),
     style: {
@@ -6915,9 +6886,8 @@ function landcoverPattern4(target, pattern, classes, options = {}) {
 }
 function postContourLandcoverPattern(target, pattern, classes, options) {
   return renderPass6({
-    attachTo: target,
+    placement: { above: target },
     feature: "landcover",
-    phase: "postRelief",
     renderer: "fill",
     requirements: ["land"],
     selector: landcoverFilter(classes, options),
@@ -7580,9 +7550,8 @@ var siegfried = bindOfficialMapTheme(
         }),
         {
           rockMask: renderPass6({
-            attachTo: "water.bodies.fill",
+            placement: { below: "water.bodies.fill" },
             feature: "landcover",
-            phase: "underlay",
             renderer: "fill",
             requirements: ["land"],
             selector: { field: "class", kind: "in", values: ["rock"] },
@@ -7613,18 +7582,16 @@ var siegfried = bindOfficialMapTheme(
             }
           ),
           glacierMask: renderPass6({
-            attachTo: "water.bodies.fill",
+            placement: { below: "water.bodies.fill" },
             feature: "landcover",
-            phase: "underlay",
             renderer: "fill",
             requirements: ["land"],
             selector: { field: "class", kind: "in", values: ["ice", "glacier"] },
             style: { color: siegfriedPalette.paper, minZoom: 7, opacity: 0.98 }
           }),
           glacierPattern: renderPass6({
-            attachTo: "water.render.glacierMask",
+            placement: { above: "water.render.glacierMask" },
             feature: "landcover",
-            phase: "postRelief",
             renderer: "fill",
             requirements: ["land"],
             selector: { field: "class", kind: "in", values: ["ice", "glacier"] },
@@ -7639,9 +7606,8 @@ var siegfried = bindOfficialMapTheme(
             }
           }),
           glacierOutline: renderPass6({
-            attachTo: "water.render.glacierPattern",
+            placement: { above: "water.render.glacierPattern" },
             feature: "landcover",
-            phase: "postRelief",
             renderer: "line",
             requirements: ["land"],
             selector: { field: "class", kind: "in", values: ["ice", "glacier"] },
@@ -7655,9 +7621,8 @@ var siegfried = bindOfficialMapTheme(
             }
           }),
           waterLines: renderPass6({
-            attachTo: "water.bodies.outline",
+            placement: { above: "water.bodies.outline" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -7678,9 +7643,8 @@ var siegfried = bindOfficialMapTheme(
             }
           }),
           intermittentWaterLines: renderPass6({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -8174,9 +8138,8 @@ var soundings = bindOfficialMapTheme(
         {
           // Ferry names are operational context, not a recommended track.
           ferryLabels: renderPass7({
-            attachTo: "transit.ferry",
+            placement: { above: "transit.ferry" },
             feature: "roadName",
-            phase: "overlay",
             renderer: "symbol",
             selector: {
               kind: "all",
@@ -8364,9 +8327,8 @@ var soundings = bindOfficialMapTheme(
           // Piers remain visible even though the terrestrial road family is disabled.
           // A dark outer stroke and ivory deck read as charted shoreline structures.
           pierOutline: renderPass7({
-            attachTo: "water.bodies.outline",
+            placement: { above: "water.bodies.outline" },
             feature: "road",
-            phase: "overlay",
             renderer: "line",
             selector: {
               kind: "any",
@@ -8393,9 +8355,8 @@ var soundings = bindOfficialMapTheme(
             }
           }),
           pierDeck: renderPass7({
-            attachTo: "water.render.pierOutline",
+            placement: { above: "water.render.pierOutline" },
             feature: "road",
-            phase: "overlay",
             renderer: "line",
             selector: {
               kind: "any",
@@ -8421,9 +8382,8 @@ var soundings = bindOfficialMapTheme(
             }
           }),
           chartDots: renderPass7({
-            attachTo: "water.bodies.fill",
+            placement: { above: "water.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -8444,9 +8404,8 @@ var soundings = bindOfficialMapTheme(
             }
           }),
           intermittentChartDots: renderPass7({
-            attachTo: "water.intermittent.bodies.fill",
+            placement: { above: "water.intermittent.bodies.fill" },
             feature: "water",
-            phase: "overlay",
             renderer: "fill",
             selector: {
               coerce: "number",
@@ -9631,9 +9590,8 @@ var namedCitySelector = {
 function streetsBoundaryRenderStack() {
   return {
     admin2Background: renderPass8({
-      attachTo: "boundaries.admin4",
+      placement: { below: "boundaries.admin4" },
       feature: "boundary",
-      phase: "underlay",
       renderer: "line",
       selector: {
         kind: "all",
@@ -9674,9 +9632,8 @@ function streetsBoundaryRenderStack() {
       }
     }),
     admin4Background: renderPass8({
-      attachTo: "boundaries.admin4",
+      placement: { below: "boundaries.admin4" },
       feature: "boundary",
-      phase: "underlay",
       renderer: "line",
       selector: {
         kind: "all",
@@ -9722,9 +9679,8 @@ function streetsBoundaryRenderStack() {
     // Standard uses the next tier as a restrained dotted municipal cue from
     // metro zooms onward, so Streets adds it as an explicit semantic pass.
     admin6: renderPass8({
-      attachTo: "boundaries.admin4",
+      placement: { above: "boundaries.admin4" },
       feature: "boundary",
-      phase: "overlay",
       renderer: "line",
       selector: {
         kind: "all",
@@ -9768,9 +9724,8 @@ function streetsBoundaryRenderStack() {
 function streetsLandRenderStack() {
   return {
     businessArea: renderPass8({
-      attachTo: "land.landuse.residential.fill",
+      placement: { above: "land.landuse.residential.fill" },
       feature: "landuse",
-      phase: "overlay",
       renderer: "fill",
       selector: { field: "class", kind: "compare", operator: "eq", value: "business_area" },
       style: {
@@ -9787,9 +9742,8 @@ function streetsBuildingRenderStack() {
     // fill and its close-colour outline carry the 2D building hierarchy; a
     // dark shadow at z15 would turn every footprint into a heavy sticker.
     flatShadow: renderPass8({
-      attachTo: "buildings.flat.fill",
+      placement: { below: "buildings.flat.fill" },
       feature: "building",
-      phase: "underlay",
       renderer: "line",
       style: {
         blur: 2,
@@ -9812,9 +9766,8 @@ function streetsBuildingRenderStack() {
       }
     }),
     shadowSoft: renderPass8({
-      attachTo: "buildings.flat.fill",
+      placement: { below: "buildings.flat.fill" },
       feature: "building",
-      phase: "underlay",
       renderer: "line",
       selector: visibleBuilding3dSelector,
       style: {
@@ -9829,9 +9782,8 @@ function streetsBuildingRenderStack() {
       }
     }),
     shadowCore: renderPass8({
-      attachTo: "buildings.flat.fill",
+      placement: { below: "buildings.flat.fill" },
       feature: "building",
-      phase: "underlay",
       renderer: "fill",
       selector: visibleBuilding3dSelector,
       style: {
@@ -9845,9 +9797,8 @@ function streetsBuildingRenderStack() {
       }
     }),
     extrusion: renderPass8({
-      attachTo: "buildings.flat.outline",
+      placement: { above: "buildings.flat.outline" },
       feature: "building",
-      phase: "overlay",
       renderer: "extrusion",
       selector: visibleBuilding3dSelector,
       style: {
@@ -9865,9 +9816,8 @@ function streetsBuildingRenderStack() {
 function streetsLabelRenderStack() {
   return {
     settlementMarker: renderPass8({
-      attachTo: "labels.places.city",
+      placement: { below: "labels.places.city" },
       feature: "place",
-      phase: "underlay",
       renderer: "circle",
       selector: namedCitySelector,
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/maps",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "license": "Apache-2.0",
   "description": "Official themed Streets, Baedeker, Cívica, Ferraris, Härad, Siegfried, Soundings, and Blueprint maps for Tileflow.",
   "type": "module",
@@ -53,12 +53,12 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.29 <0.1.0-beta.0"
+    "@tileflow/core": ">=0.1.0-alpha.30 <0.1.0-beta.0"
   },
   "devDependencies": {
     "@maplibre/maplibre-gl-style-spec": "24.8.5",
     "@maplibre/maplibre-gl-style-spec-v6": "npm:@maplibre/maplibre-gl-style-spec@26.4.2",
-    "@tileflow/core": "0.1.0-alpha.29"
+    "@tileflow/core": "0.1.0-alpha.30"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm --dts --clean --no-splitting",