@tileflow/vue 0.1.0-alpha.31 → 0.1.0-alpha.33

package/README.md

@@ -94,7 +94,8 @@ Maps without this capability ignore the option; omitting it keeps the selected t
 Changing it uses the existing theme transition. `themeBlend` takes precedence. See the
 [authoring contract](https://github.com/tileflow/tileflow-sdk/blob/main/packages/core/README.md#style-with-themes-and-semantic-modules).
 
-`:theme-transition="{duration: 450}"` cross-fades theme changes over that many milliseconds.
+Theme and `time-of-day` changes cross-fade over 450 ms by default, respecting reduced motion.
+`:theme-transition="{duration: 700}"` customizes the duration; use `duration: 0` for an immediate change.
 `:theme-blend="{themes: ['night', 'dusk', 'day'], position}"` shows a continuous blend of the
 map's themes instead of `theme`: position 0 is the first theme and 1.5 is halfway from the second to
 the third. Moving the position updates the map at once. See
@@ -116,6 +117,9 @@ priority over those options, then the published view, then shared defaults. `Til
 selects a Tileflow map through its manifest; it has no renderer discriminator or direct-style mode.
 Tileflow's styles are validated when they are compiled, so `validateStyle` defaults to `false`; pass
 `true` to validate them again in the browser.
+The map canvas is multisampled by default (`canvasContextAttributes.antialias` is `true`) so the
+thin edges of 3D models stay continuous; other context attributes you pass are kept, and
+`canvasContextAttributes: {antialias: false}` trades that smoothing for lower GPU cost.
 The obsolete source fields `kind` and `style` are rejected. For a completely unmanaged map, use
 `maplibre-gl` directly rather than a Tileflow component.
 

package/dist/index.js

@@ -16,8 +16,10 @@ import {
 import {
   attachTileflowAtmosphere,
   attachTileflowFairUseNotice,
+  attachTileflowLabelPlacement,
   attachTileflowMap3D,
   attachTileflowMapLifecycle,
+  attachTileflowNauticalLights,
   attachTileflowNotices,
   createTileflowSessionStarter,
   createTileflowThemeController,
@@ -27,7 +29,9 @@ import {
   registerTileflowContourProtocol,
   registerTileflowPmtilesProtocol,
   registerTileflowWorldRequestBridge,
-  subscribeTileflowSystemColorScheme
+  subscribeTileflowSystemColorScheme,
+  tileflowCanvasContextAttributes,
+  tileflowMaxPitch
 } from "@tileflow/core/browser";
 import { normalizeTileflowCaptureId } from "@tileflow/core/capture";
 import {
@@ -794,11 +798,15 @@ var TileflowMap = defineComponent({
       });
       const map = new maplibregl.Map({
         ...props.mapOptions,
+        canvasContextAttributes: tileflowCanvasContextAttributes(
+          props.mapOptions?.canvasContextAttributes
+        ),
         attributionControl: props.mapOptions?.attributionControl ?? {
           compact: true
         },
         // Tileflow's compiled styles are validated when they are built.
         validateStyle: props.mapOptions?.validateStyle ?? false,
+        maxPitch: props.mapOptions?.maxPitch ?? tileflowMaxPitch,
         bearing: resolvedBearing.value,
         center: resolvedCenter.value,
         container,
@@ -817,6 +825,8 @@ var TileflowMap = defineComponent({
       mapRef.value = map;
       attachTileflowAtmosphere(map);
       attachTileflowNotices(map);
+      attachTileflowNauticalLights(map);
+      attachTileflowLabelPlacement(map);
       themeController = runtime.theme === void 0 ? null : createTileflowThemeController({
         initial: runtime,
         map,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/vue",
-  "version": "0.1.0-alpha.31",
+  "version": "0.1.0-alpha.33",
   "license": "Apache-2.0",
   "description": "Vue component for rendering Tileflow maps with MapLibre.",
   "type": "module",
@@ -38,7 +38,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.38 <0.1.0-beta.0",
+    "@tileflow/core": ">=0.1.0-alpha.40 <0.1.0-beta.0",
     "@tileflow/interactions": ">=0.1.0-alpha.6 <0.1.0-beta.0"
   },
   "peerDependencies": {