poe-svelte-ui-lib 1.7.3 → 1.7.5

package/dist/Map/Map.svelte

@@ -5,7 +5,7 @@
   import { onDestroy, onMount } from "svelte"
   import { fade } from "svelte/transition"
   import { twMerge } from "tailwind-merge"
-  import { MapLibre, NavigationControl, ScaleControl, GeolocateControl, FullScreenControl, Marker, Popup, CustomControl } from "./mapWrapper"
+  import { MapLibre, Marker, Popup, CustomControl } from "./mapWrapper"
 
   let { id = crypto.randomUUID(), label = { name: "", class: "" }, data = $bindable(), markerIcon }: IMapProps = $props()
 
@@ -106,11 +106,6 @@
     zoom={1.5}
     center={{ lat: 30, lng: 0 }}
   >
-    <NavigationControl />
-    <ScaleControl />
-    <GeolocateControl />
-    <FullScreenControl />
-
     <CustomControl position="top-left">
       <div class="flex items-center gap-2 px-2 py-1 text-black">
         <label for="timeout" class="text-sm font-medium">{$t("constructor.props.map.timeout")}</label>

package/dist/Map/mapWrapper/index.d.ts

@@ -1,8 +1,4 @@
 export { default as MapLibre } from "./MapLibre.svelte";
-export { default as NavigationControl } from "./controls/NavigationControl.svelte";
-export { default as ScaleControl } from "./controls/ScaleControl.svelte";
-export { default as GeolocateControl } from "./controls/GeolocateControl.svelte";
-export { default as FullScreenControl } from "./controls/FullScreenControl.svelte";
 export { default as Marker } from "./Marker.svelte";
 export { default as Popup } from "./Popup.svelte";
 export { default as CustomControl } from "./controls/CustomControl.svelte";

package/dist/Map/mapWrapper/index.js

@@ -1,8 +1,4 @@
 export { default as MapLibre } from "./MapLibre.svelte";
-export { default as NavigationControl } from "./controls/NavigationControl.svelte";
-export { default as ScaleControl } from "./controls/ScaleControl.svelte";
-export { default as GeolocateControl } from "./controls/GeolocateControl.svelte";
-export { default as FullScreenControl } from "./controls/FullScreenControl.svelte";
 export { default as Marker } from "./Marker.svelte";
 export { default as Popup } from "./Popup.svelte";
 export { default as CustomControl } from "./controls/CustomControl.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/dist/Map/mapWrapper/controls/FullScreenControl.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-	// https://maplibre.org/maplibre-gl-js/docs/API/classes/FullscreenControl/
-
-	import { onDestroy } from 'svelte';
-	import maplibregl from 'maplibre-gl';
-	import { getMapContext } from '../contexts.svelte.js';
-	import { resetEventListener } from '../utils.js';
-	import type { Listener, Event } from '../types.js';
-
-	interface Props extends maplibregl.FullscreenControlOptions {
-		position?: maplibregl.ControlPosition;
-		// Events
-		// https://maplibre.org/maplibre-gl-js/docs/API/classes/FullscreenControl/#events
-		onfullscreenstart?: Listener<Event<maplibregl.FullscreenControl>>;
-		onfullscreenend?: Listener<Event<maplibregl.FullscreenControl>>;
-	}
-	let { position, onfullscreenstart, onfullscreenend, ...options }: Props = $props();
-
-	const mapCtx = getMapContext();
-	if (!mapCtx.map) throw new Error('Map instance is not initialized.');
-
-	let control: maplibregl.FullscreenControl | null = null;
-	$effect(() => {
-		control && mapCtx.map?.removeControl(control);
-		control = new maplibregl.FullscreenControl(options);
-		mapCtx.map?.addControl(control, position);
-	});
-
-	$effect(() => resetEventListener(control, 'fullscreenstart', onfullscreenstart));
-	$effect(() => resetEventListener(control, 'fullscreenend', onfullscreenend));
-
-	onDestroy(() => {
-		if (control) {
-			mapCtx.map?.removeControl(control);
-		}
-	});
-</script>

package/dist/Map/mapWrapper/controls/FullScreenControl.svelte.d.ts

@@ -1,10 +0,0 @@
-import maplibregl from 'maplibre-gl';
-import type { Listener, Event } from '../types.js';
-interface Props extends maplibregl.FullscreenControlOptions {
-    position?: maplibregl.ControlPosition;
-    onfullscreenstart?: Listener<Event<maplibregl.FullscreenControl>>;
-    onfullscreenend?: Listener<Event<maplibregl.FullscreenControl>>;
-}
-declare const FullScreenControl: import("svelte").Component<Props, {}, "">;
-type FullScreenControl = ReturnType<typeof FullScreenControl>;
-export default FullScreenControl;

package/dist/Map/mapWrapper/controls/GeolocateControl.svelte

@@ -1,79 +0,0 @@
-<script lang="ts">
-	// https://maplibre.org/maplibre-gl-js/docs/API/classes/GeolocateControl/
-
-	import { onDestroy, untrack } from 'svelte';
-	import maplibregl from 'maplibre-gl';
-	import { getMapContext } from '../contexts.svelte.js';
-	import { resetEventListener } from '../utils.js';
-	import type { Listener, Event } from '../types.js';
-
-	type GeolocateEvent = Event<maplibregl.GeolocateControl> & object;
-
-	interface Props extends maplibregl.GeolocateControlOptions {
-		// Position on the map where the control placed
-		position?: maplibregl.ControlPosition;
-		// Automatically call trigger() to start locating the user
-		autoTrigger?: boolean;
-		control?: maplibregl.GeolocateControl;
-		// Events
-		// https://maplibre.org/maplibre-gl-js/docs/API/classes/GeolocateControl/#events
-		ontrackuserlocationend?: Listener<GeolocateEvent>;
-		ontrackuserlocationstart?: Listener<GeolocateEvent>;
-		onuserlocationlostfocus?: Listener<GeolocateEvent>;
-		onuserlocationfocus?: Listener<GeolocateEvent>;
-		ongeolocate?: Listener<GeolocateEvent & GeolocationPosition>;
-		onerror?: Listener<GeolocateEvent & GeolocationPositionError>;
-		onoutofmaxbounds?: Listener<GeolocateEvent & GeolocationPosition>;
-	}
-	let {
-		position,
-		control = $bindable(),
-		autoTrigger = false,
-		ontrackuserlocationend,
-		ontrackuserlocationstart,
-		onuserlocationlostfocus,
-		onuserlocationfocus,
-		ongeolocate,
-		onerror,
-		onoutofmaxbounds,
-		...options
-	}: Props = $props();
-
-	const mapCtx = getMapContext();
-	if (!mapCtx.map) throw new Error('Map instance is not initialized.');
-
-	$effect(() => {
-		untrack(() => control && mapCtx.map?.removeControl(control));
-		control = new maplibregl.GeolocateControl(options);
-		mapCtx.map?.addControl(
-			untrack(() => control!),
-			position
-		);
-	});
-
-	$effect(() => {
-		if (autoTrigger) {
-			if (mapCtx.map?.loaded()) {
-				control?.trigger();
-			} else {
-				mapCtx.map?.once('load', () => {
-					control?.trigger();
-				});
-			}
-		}
-	});
-
-	$effect(() => resetEventListener(control, 'trackuserlocationstart', ontrackuserlocationstart));
-	$effect(() => resetEventListener(control, 'trackuserlocationend', ontrackuserlocationend));
-	$effect(() => resetEventListener(control, 'userlocationlostfocus', onuserlocationlostfocus));
-	$effect(() => resetEventListener(control, 'userlocationfocus', onuserlocationfocus));
-	$effect(() => resetEventListener(control, 'geolocate', ongeolocate));
-	$effect(() => resetEventListener(control, 'error', onerror));
-	$effect(() => resetEventListener(control, 'outofmaxbounds', onoutofmaxbounds));
-
-	onDestroy(() => {
-		if (control) {
-			mapCtx.map?.removeControl(control);
-		}
-	});
-</script>

package/dist/Map/mapWrapper/controls/GeolocateControl.svelte.d.ts

@@ -1,18 +0,0 @@
-import maplibregl from 'maplibre-gl';
-import type { Listener, Event } from '../types.js';
-type GeolocateEvent = Event<maplibregl.GeolocateControl> & object;
-interface Props extends maplibregl.GeolocateControlOptions {
-    position?: maplibregl.ControlPosition;
-    autoTrigger?: boolean;
-    control?: maplibregl.GeolocateControl;
-    ontrackuserlocationend?: Listener<GeolocateEvent>;
-    ontrackuserlocationstart?: Listener<GeolocateEvent>;
-    onuserlocationlostfocus?: Listener<GeolocateEvent>;
-    onuserlocationfocus?: Listener<GeolocateEvent>;
-    ongeolocate?: Listener<GeolocateEvent & GeolocationPosition>;
-    onerror?: Listener<GeolocateEvent & GeolocationPositionError>;
-    onoutofmaxbounds?: Listener<GeolocateEvent & GeolocationPosition>;
-}
-declare const GeolocateControl: import("svelte").Component<Props, {}, "control">;
-type GeolocateControl = ReturnType<typeof GeolocateControl>;
-export default GeolocateControl;

package/dist/Map/mapWrapper/controls/NavigationControl.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	// https://maplibre.org/maplibre-gl-js/docs/API/classes/NavigationControl/
-
-	import { onDestroy } from 'svelte';
-	import maplibregl from 'maplibre-gl';
-	import { getMapContext } from '../contexts.svelte.js';
-
-	interface Props extends maplibregl.NavigationControlOptions {
-		position?: maplibregl.ControlPosition;
-	}
-	let { position, ...options }: Props = $props();
-
-	const mapCtx = getMapContext();
-	if (!mapCtx.map) throw new Error('Map instance is not initialized.');
-
-	let control: maplibregl.NavigationControl | null = null;
-	$effect(() => {
-		control && mapCtx.map?.removeControl(control);
-		control = new maplibregl.NavigationControl($state.snapshot(options));
-		mapCtx.map?.addControl(control, position);
-	});
-
-	onDestroy(() => {
-		if (control) {
-			mapCtx.map?.removeControl(control);
-		}
-	});
-</script>

package/dist/Map/mapWrapper/controls/NavigationControl.svelte.d.ts

@@ -1,7 +0,0 @@
-import maplibregl from 'maplibre-gl';
-interface Props extends maplibregl.NavigationControlOptions {
-    position?: maplibregl.ControlPosition;
-}
-declare const NavigationControl: import("svelte").Component<Props, {}, "">;
-type NavigationControl = ReturnType<typeof NavigationControl>;
-export default NavigationControl;

package/dist/Map/mapWrapper/controls/ScaleControl.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-	// https://maplibre.org/maplibre-gl-js/docs/API/classes/ScaleControl/
-
-	import { onDestroy } from 'svelte';
-	import maplibregl from 'maplibre-gl';
-	import { getMapContext } from '../contexts.svelte.js';
-
-	interface Props extends maplibregl.ScaleControlOptions {
-		position?: maplibregl.ControlPosition;
-	}
-	let { position, ...options }: Props = $props();
-
-	const mapCtx = getMapContext();
-	if (!mapCtx.map) throw new Error('Map instance is not initialized.');
-
-	let control: maplibregl.ScaleControl | null = null;
-	$effect(() => {
-		control && mapCtx.map?.removeControl(control);
-		control = new maplibregl.ScaleControl($state.snapshot(options));
-		mapCtx.map?.addControl(control, position);
-	});
-
-	onDestroy(() => {
-		if (control) {
-			mapCtx.map?.removeControl(control);
-		}
-	});
-</script>

package/dist/Map/mapWrapper/controls/ScaleControl.svelte.d.ts

@@ -1,7 +0,0 @@
-import maplibregl from 'maplibre-gl';
-interface Props extends maplibregl.ScaleControlOptions {
-    position?: maplibregl.ControlPosition;
-}
-declare const ScaleControl: import("svelte").Component<Props, {}, "">;
-type ScaleControl = ReturnType<typeof ScaleControl>;
-export default ScaleControl;