@swr-data-lab/components 1.11.2 → 1.12.0

package/src/maplibre/types.ts

@@ -0,0 +1,12 @@
+import type { FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
+
+export type Layer = LineLayerSpecification | FillLayerSpecification;
+export type GeocodingService = 'maptiler';
+export type GeocodingCountry = 'de' | 'at';
+export type GeocodingLanguage = 'de' | 'en';
+
+export interface Location {
+	lat: number;
+	lng: number;
+	zoom: number;
+}

package/src/maplibre/utils.ts

@@ -0,0 +1,52 @@
+// Source: https://github.com/MIERUNE/svelte-maplibre-gl/blob/main/src/lib/maplibre/utils.ts
+
+import type { Evented, Listener, Map, MapLayerEventType, Popup } from 'maplibre-gl';
+
+export function resetEventListener(
+	evented: Evented | null | undefined,
+	type: string,
+	listener: Listener | undefined
+) {
+	if (listener) {
+		evented?.on(type, listener);
+	}
+	const prevListener = listener;
+	return () => {
+		if (prevListener) {
+			evented?.off(type, prevListener);
+		}
+	};
+}
+
+export function resetLayerEventListener(
+	map: Map | null,
+	type: keyof MapLayerEventType,
+	layer: string,
+	listener: Listener | undefined
+) {
+	if (listener) {
+		map?.on(type, layer, listener);
+	}
+	const prevListener = listener;
+	return () => {
+		if (prevListener) {
+			map?.off(type, layer, prevListener);
+		}
+	};
+}
+
+export function resetPopupEventListener(
+	popup: Popup | null,
+	type: 'open' | 'close',
+	listener: Listener | undefined
+) {
+	if (listener) {
+		popup?.on(type, listener);
+	}
+	const prevListener = listener;
+	return () => {
+		if (prevListener) {
+			popup?.off(type, prevListener);
+		}
+	};
+}

package/tsconfig.json

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

package/src/events/clickOutside.js

@@ -1,23 +0,0 @@
-/**
- * Dispatch a click event outside of the given element.
- * @param {Node} node
- */
-export function clickOutside(node) {
-  const handleClick = (event) => {
-    if (node && !node.contains(event.target) && !event.defaultPrevented) {
-      node.dispatchEvent(
-        new CustomEvent('clickOutside', {
-          detail: { node, event }
-        })
-      );
-    }
-  };
-
-  document.addEventListener('click', handleClick, true);
-
-  return {
-    destroy() {
-      document.removeEventListener('click', handleClick, true);
-    }
-  };
-}