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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/svelte",
-  "version": "0.1.0-alpha.27",
+  "version": "0.1.0-alpha.28",
   "license": "Apache-2.0",
   "description": "Svelte component for rendering Tileflow maps with MapLibre.",
   "type": "module",
@@ -44,7 +44,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": {
@@ -52,8 +52,8 @@
     "svelte": ">=5 <6"
   },
   "devDependencies": {
-    "maplibre-gl": "6.9.0",
-    "svelte": "^5.43.17",
+    "maplibre-gl": "6.13.0",
+    "svelte": "^5.57.2",
     "svelte-check": "^4.3.4"
   },
   "scripts": {

package/src/TileflowMap.svelte

@@ -192,6 +192,7 @@
   });
   $: themeBlendKey = themeBlend ? JSON.stringify(themeBlend.themes) : undefined;
   $: themeBlendPosition = themeBlend?.position;
+  $: themeBlendHold = themeBlend?.hold === true;
   $: resolvedThemeName = themeResolution.name;
   $: manifestView = resolveTileflowRuntimeView({manifestMap});
   $: manifestCenter = normalizeTileflowRuntimeCenter(manifestView.center);
@@ -307,6 +308,7 @@
   $: if (mounted) {
     blendStyles;
     themeBlendPosition;
+    themeBlendHold;
     void switchBlend();
   }
 
@@ -579,8 +581,6 @@
       pitch: resolvedPitch,
       style: runtime.style as StyleSpecification | string,
       transformRequest: createTileflowTransformRequest({
-        always: true,
-        asyncAnalyticsTiming: 'request',
         getAnalytics: () => resolvedAnalytics,
         sessionController: session,
         sessionId: session.sessionId,
@@ -784,7 +784,7 @@
     if (!themeController || !blendStyles || position === undefined) return;
     if (runtimeStyle) activeRuntimeResource = runtimeStyle;
     const result = await themeController.setBlend(
-      {position, themes: blendStyles},
+      {hold: themeBlendHold, position, themes: blendStyles},
       {transition: themeTransition},
     );
     if (result.status === 'failed') {
@@ -1035,11 +1035,7 @@
   }
 
   type BridgeInteractionDiagnosticSource =
-    | 'annotation-runtime'
-    | 'portal'
-    | 'renderers'
-    | 'semantic-runtime'
-    | 'state';
+    'annotation-runtime' | 'portal' | 'renderers' | 'semantic-runtime' | 'state';
 
   function setBridgeInteractionDiagnostic(
     source: BridgeInteractionDiagnosticSource,

package/src/index.d.ts

@@ -1,10 +1,13 @@
 import type {Map as MapLibreMap, MapOptions as MapLibreMapOptions} from 'maplibre-gl';
 import type {Snippet, SvelteComponentTyped} from 'svelte';
-import type {TileflowThemeTransition, TileflowThemeTransitionOptions} from '@tileflow/core/browser';
+import type {
+  TileflowBrowserThemeBlendSelection,
+  TileflowThemeTransition,
+  TileflowThemeTransitionOptions,
+} from '@tileflow/core/browser';
 import type {
   TileflowAnalytics,
   TileflowRuntimeSource,
-  TileflowThemeBlendSelection,
   TileflowThemeSelection,
 } from '@tileflow/core/runtime';
 import type {
@@ -48,9 +51,10 @@ type TileflowMapBaseProps = {
   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;
   zoom?: number;

package/src/style-source.js

@@ -1,6 +1,6 @@
+import {validateTileflowBrowserThemeBlendSelection} from '@tileflow/core/browser';
 import {
   validateTileflowRuntimeSource,
-  validateTileflowThemeBlendSelection,
   validateTileflowThemeSelection,
 } from '@tileflow/core/runtime';
 
@@ -20,10 +20,13 @@ export function validateTileflowMapStyleInputs(input) {
   if (input.theme !== undefined && !validateTileflowThemeSelection(input.theme)) {
     return {error: 'theme must be a concrete portable theme name or "system"', ok: false};
   }
-  if (input.themeBlend !== undefined && !validateTileflowThemeBlendSelection(input.themeBlend)) {
+  if (
+    input.themeBlend !== undefined &&
+    !validateTileflowBrowserThemeBlendSelection(input.themeBlend)
+  ) {
     return {
       error:
-        'themeBlend must name two to eight concrete themes and a position from 0 to themes.length - 1',
+        'themeBlend must name two to eight concrete themes, a position from 0 to themes.length - 1, and an optional boolean hold',
       ok: false,
     };
   }