@swr-data-lab/components 1.12.0 → 1.12.2

package/.storybook/preview.ts

@@ -21,7 +21,7 @@ const preview: Preview = {
 						'Control',
 						[
 							'ScaleControl',
-							'GeoCoderControl',
+							'GeocoderControl',
 							'AttributionControl',
 							'NavigationControl',
 							'MapControl'

package/package.json

@@ -49,7 +49,7 @@
 		"storybook": "^9.0.0-beta.11",
 		"svelte": "^5.23.0",
 		"svelte-check": "^4.0.0",
-		"typescript": "^5.0.0",
+		"typescript": "^5.8.3",
 		"vite": "^6.0.0",
 		"vitest": "^3.1.1",
 		"wait-on": "^8.0.1"
@@ -67,7 +67,7 @@
 			"svelte": "./src/index.js"
 		}
 	},
-	"version": "1.12.0",
+	"version": "1.12.2",
 	"overrides": {
 		"storybook": "$storybook"
 	}

package/src/index.js

@@ -15,7 +15,7 @@ export { default as Map } from './maplibre/Map/Map.svelte';
 export { SWRDataLabLight } from './maplibre/MapStyle';
 export { default as MapControl } from './maplibre/MapControl/MapControl.svelte';
 export { default as AttributionControl } from './maplibre/AttributionControl/AttributionControl.svelte';
-export { default as GeoCoderControl } from './maplibre/GeoCoderControl/GeoCoderControl.svelte';
+export { default as GeocoderControl } from './maplibre/GeocoderControl/GeocoderControl.svelte';
 export { default as NavigationControl } from './maplibre/NavigationControl/NavigationControl.svelte';
 export { default as ScaleControl } from './maplibre/ScaleControl/ScaleControl.svelte';
 export { default as VectorLayer } from './maplibre/VectorLayer/VectorLayer.svelte';

package/src/maplibre/AttributionControl/AttributionControl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type ControlPosition, AttributionControl } from 'maplibre-gl';
+	import maplibre, { type ControlPosition } from 'maplibre-gl';
 	import MapControl from '../MapControl/MapControl.svelte';
 
 	interface AttributionControlProps {
@@ -11,7 +11,7 @@
 
 <MapControl
 	{position}
-	control={new AttributionControl({
+	control={new maplibre.AttributionControl({
 		customAttribution,
 		compact: false
 	})}

package/src/maplibre/GeocoderControl/GeocoderControl.stories.svelte

@@ -9,7 +9,7 @@
 	import { SWRDataLabLight } from '../MapStyle';
 
 	const { Story } = defineMeta({
-		title: 'Maplibre/Control/GeoCoderControl',
+		title: 'Maplibre/Control/GeocoderControl',
 		component: GeocoderControl
 	});
 </script>

package/src/maplibre/Map/Map.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import maplibre, { type ProjectionSpecification, type StyleSpecification } from 'maplibre-gl';
 	import { onMount, onDestroy, type Snippet, getContext, hasContext } from 'svelte';
-	import { createMapContext } from '../context.svelte';
+	import { createMapContext } from '../context.svelte.js';
 	import { type Location } from '../types';
 	import FallbackStyle from './FallbackStyle';
 

package/src/maplibre/MapControl/MapControl.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { type Snippet } from 'svelte';
 	import { type ControlPosition, type IControl } from 'maplibre-gl';
-	import { getMapContext } from '../context.svelte.ts';
+	import { getMapContext } from '../context.svelte.js';
 
 	interface MapControlProps {
 		position: ControlPosition;

package/src/maplibre/NavigationControl/NavigationControl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type ControlPosition, NavigationControl } from 'maplibre-gl';
+	import maplibre, { type ControlPosition } from 'maplibre-gl';
 	import MapControl from '../MapControl/MapControl.svelte';
 
 	interface NavigationControlProps {
@@ -17,7 +17,7 @@
 	}: NavigationControlProps = $props();
 </script>
 
-<MapControl control={new NavigationControl({ showCompass, visualizePitch })} {position} />
+<MapControl control={new maplibre.NavigationControl({ showCompass, visualizePitch })} {position} />
 
 <style>
 	:global {

package/src/maplibre/Source/MapSource.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, type Snippet } from 'svelte';
 	import { type Map, type SourceSpecification } from 'maplibre-gl';
-	import { getMapContext, createSourceContext } from '../context.svelte.ts';
+	import { getMapContext, createSourceContext } from '../context.svelte.js';
 
 	type Source = maplibregl.VectorTileSource;
 

package/src/maplibre/Tooltip/Tooltip.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, type Snippet } from 'svelte';
-	import { type Listener, type LngLatLike, Popup } from 'maplibre-gl';
-	import { getMapContext } from '../context.svelte.ts';
+	import maplibre, { type Listener, type LngLatLike } from 'maplibre-gl';
+	import { getMapContext } from '../context.svelte.js';
 	import { resetPopupEventListener } from '../utils';
 
 	interface TooltipProps {
@@ -39,7 +39,7 @@
 
 	const { map } = $derived(getMapContext());
 
-	let tooltip = new Popup({
+	let tooltip = new maplibre.Popup({
 		closeButton: showCloseButton,
 		closeOnClick: closeOnClick,
 		maxWidth: `${maxWidth}px`,

package/src/maplibre/VectorLayer/VectorLayer.svelte

@@ -9,15 +9,15 @@
 		MapLayerMouseEvent
 	} from 'maplibre-gl';
 
-	import { getMapContext } from '../context.svelte.ts';
+	import { getMapContext } from '../context.svelte.js';
 	import { onDestroy } from 'svelte';
-	import { resetLayerEventListener } from '../utils.ts';
+	import { resetLayerEventListener } from '../utils.js';
 
 	interface VectorLayerProps {
 		id: string;
 		sourceId: string;
 		sourceLayer: string;
-		type: 'line' | 'fill';
+		type: 'line' | 'fill' | 'circle' | 'symbol';
 		placeBelow: string;
 		visible?: boolean;
 		minZoom?: number;

package/tsconfig.json

@@ -9,7 +9,6 @@
 		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": true,
-		"allowImportingTsExtensions": true,
 		"moduleResolution": "bundler"
 	}
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias