@tileflow/vue 0.1.0-alpha.27 → 0.1.0-alpha.28

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { MapOptions, Map } from 'maplibre-gl';
 import { DefineComponent, VNodeChild } from 'vue';
-import { TileflowThemeTransitionOptions, TileflowThemeTransition } from '@tileflow/core/browser';
-import { TileflowRuntimeSource, TileflowThemeSelection, TileflowThemeBlendSelection, TileflowAnalytics } from '@tileflow/core/runtime';
+import { TileflowBrowserThemeBlendSelection, TileflowThemeTransitionOptions, TileflowThemeTransition } from '@tileflow/core/browser';
+import { TileflowRuntimeSource, TileflowThemeSelection, TileflowAnalytics } from '@tileflow/core/runtime';
 import { TileflowAnnotation, TileflowInteractionJsonValue, TileflowInteractionState, TileflowInteractionBinding, TileflowInteractionDiagnostic, TileflowInteractionEvent, TileflowAnnotationViewContext, TileflowInteractionViewContext } from '@tileflow/interactions';
 
 type TileflowMapStyleSourceProps = {
@@ -9,9 +9,10 @@ type TileflowMapStyleSourceProps = {
     theme?: TileflowThemeSelection;
     /**
      * Shows a continuous blend of the map's themes instead of `theme`. Moving `position` changes the
-     * map at once; changing `themes` prepares a new blend.
+     * map at once; changing `themes` prepares a new blend. `hold` keeps labels, icons, and mixed
+     * artwork back during a camera move; clearing it brings them in at once.
      */
-    themeBlend?: TileflowThemeBlendSelection;
+    themeBlend?: TileflowBrowserThemeBlendSelection;
     /** Cross-fades theme changes, including entering and leaving a blend. */
     themeTransition?: TileflowThemeTransitionOptions;
 };

package/dist/index.js

@@ -159,9 +159,11 @@ function configureTileflowMapLibreModule(maplibregl) {
 }
 
 // src/style-source.ts
+import {
+  validateTileflowBrowserThemeBlendSelection
+} from "@tileflow/core/browser";
 import {
   validateTileflowRuntimeSource,
-  validateTileflowThemeBlendSelection,
   validateTileflowThemeSelection
 } from "@tileflow/core/runtime";
 function validateTileflowMapStyleInputs(input) {
@@ -170,9 +172,9 @@ function validateTileflowMapStyleInputs(input) {
   if (input.theme !== void 0 && !validateTileflowThemeSelection(input.theme)) {
     return { error: 'theme must be a concrete portable theme name or "system"', ok: false };
   }
-  if (input.themeBlend !== void 0 && !validateTileflowThemeBlendSelection(input.themeBlend)) {
+  if (input.themeBlend !== void 0 && !validateTileflowBrowserThemeBlendSelection(input.themeBlend)) {
     return {
-      error: "themeBlend must name two to eight concrete themes and a position from 0 to themes.length - 1",
+      error: "themeBlend must name two to eight concrete themes, a position from 0 to themes.length - 1, and an optional boolean hold",
       ok: false
     };
   }
@@ -936,9 +938,10 @@ var TileflowMap = defineComponent({
     const switchBlend = () => {
       const themes = blendStyles.value;
       const position = props.themeBlend?.position;
+      const hold = props.themeBlend?.hold === true;
       if (!themeController || !themes || position === void 0) return;
       if (runtimeStyle.value) activeRuntimeResource.value = runtimeStyle.value;
-      void themeController.setBlend({ position, themes }, { transition: props.themeTransition }).then((result) => {
+      void themeController.setBlend({ hold, position, themes }, { transition: props.themeTransition }).then((result) => {
         if (result.status === "failed") {
           console.error("Failed to blend the Tileflow map themes", result.error);
         }
@@ -1045,7 +1048,7 @@ var TileflowMap = defineComponent({
       { flush: "post" }
     );
     watch(
-      () => [blendStyles.value, props.themeBlend?.position],
+      () => [blendStyles.value, props.themeBlend?.position, props.themeBlend?.hold === true],
       () => switchBlend(),
       { flush: "post" }
     );
@@ -1062,14 +1065,7 @@ var TileflowMap = defineComponent({
       { flush: "post" }
     );
     watch(
-      () => [
-        props.analytics,
-        props.interactive,
-        props.mapOptions,
-        props.mode,
-        props.source,
-        manifestMap.value
-      ],
+      () => [props.interactive, props.mapOptions, props.mode, props.source, manifestMap.value],
       () => void recreateMap(),
       { flush: "post" }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/vue",
-  "version": "0.1.0-alpha.27",
+  "version": "0.1.0-alpha.28",
   "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.30 <0.1.0-beta.0",
+    "@tileflow/core": ">=0.1.0-alpha.32 <0.1.0-beta.0",
     "@tileflow/interactions": ">=0.1.0-alpha.4 <0.1.0-beta.0"
   },
   "peerDependencies": {
@@ -46,10 +46,10 @@
     "vue": ">=3.3 <4"
   },
   "devDependencies": {
-    "@vue/server-renderer": "3.5.39",
-    "maplibre-gl": "6.9.0",
+    "@vue/server-renderer": "3.5.43",
+    "maplibre-gl": "6.13.0",
     "tsx": "^4.23.12",
-    "vue": "^3.5.26"
+    "vue": "^3.5.43"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm --dts --clean --external vue --external maplibre-gl",