@swr-data-lab/components 2.5.1 → 2.5.2

package/dist/maplibre/GeoJSONSource/GeoJSONSource.svelte

@@ -4,9 +4,9 @@ import MapSource from '../Source/MapSource.svelte';
 const { maxZoom = 24, id, data, attribution = '' } = $props();
 const sourceSpec = {
     type: 'geojson',
-    data,
     maxzoom: maxZoom,
-    attribution
+    attribution,
+    data
 };
 </script>
 

package/dist/maplibre/Source/MapSource.svelte

@@ -19,7 +19,10 @@ $effect(() => {
 });
 // 2. Do extra stuff with the source object
 $effect(() => {
-    if (source) {
+    if (source && sourceSpec.type === 'geojson') {
+        if (!firstRun) {
+            source.setData(sourceSpec.data);
+        }
     }
 });
 $effect(() => {

package/dist/maplibre/Source/MapSource.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Snippet } from 'svelte';
 import { type Map, type SourceSpecification } from 'maplibre-gl';
-type Source = maplibregl.VectorTileSource;
+type Source = maplibregl.VectorTileSource | maplibregl.GeoJSONSource;
 interface MapSourceProps {
     id: string;
     sourceSpec: SourceSpecification;

package/dist/maplibre/VectorLayer/VectorLayer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { getMapContext } from '../context.svelte.js';
 import { onDestroy } from 'svelte';
 import { resetLayerEventListener } from '../utils.js';
-const { id, sourceId, sourceLayer, visible = true, placeBelow = 'label-place-capital', type, paint, layout, hovered = $bindable(), selected = $bindable(), minZoom = 0, maxZoom = 24, onclick, onmousemove, onmouseleave } = $props();
+const { id, sourceId, sourceLayer, visible = true, placeBelow = 'label-place-major-city', type, paint, layout, hovered = $bindable(), selected = $bindable(), minZoom = 0, maxZoom = 24, onclick, onmousemove, onmouseleave } = $props();
 const { map, styleLoaded } = $derived(getMapContext());
 let beforeId = $state();
 let prevSelected = $state();

package/dist/maplibre/VectorLayer/VectorLayer.svelte.d.ts

@@ -4,7 +4,7 @@ interface VectorLayerProps {
     sourceId: string;
     sourceLayer?: string;
     type: 'line' | 'fill' | 'circle' | 'symbol';
-    placeBelow: string;
+    placeBelow?: string;
     visible?: boolean;
     minZoom?: number;
     maxZoom?: number;
@@ -12,9 +12,9 @@ interface VectorLayerProps {
     layout?: LineLayoutProps | FillLayoutProps | CircleLayoutProps | SymbolLayoutProps;
     hovered?: MapGeoJSONFeature | undefined;
     selected?: MapGeoJSONFeature | undefined;
-    onclick: (e: MapLayerMouseEvent) => any;
-    onmousemove: (e: MapLayerMouseEvent) => any;
-    onmouseleave: (e: MapLayerMouseEvent) => any;
+    onclick?: (e: MapLayerMouseEvent) => any;
+    onmousemove?: (e: MapLayerMouseEvent) => any;
+    onmouseleave?: (e: MapLayerMouseEvent) => any;
 }
 declare const VectorLayer: import("svelte").Component<VectorLayerProps, {}, "hovered" | "selected">;
 type VectorLayer = ReturnType<typeof VectorLayer>;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@swr-data-lab/components",
 	"description": "SWR Data Lab component library",
-	"version": "2.5.1",
+	"version": "2.5.2",
 	"author": "SWR Data Lab",
 	"license": "UNLICENSED",
 	"type": "module",