@swr-data-lab/components 1.13.0 → 1.13.2

package/dist/assets/close-circle.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CloseCircle;
+type CloseCircle = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CloseCircle: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/grow.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Grow;
+type Grow = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Grow: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/hand-pointer.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default HandPointer;
+type HandPointer = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const HandPointer: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/shrink.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Shrink;
+type Shrink = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Shrink: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/tap.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Tap;
+type Tap = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Tap: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/times-circle-solid.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default TimesCircleSolid;
+type TimesCircleSolid = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const TimesCircleSolid: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export { default as DesignTokens } from "./DesignTokens/DesignTokens.svelte";
+export { tokens } from "./DesignTokens/index.js";
+export { default as Headline } from "./Headline/Headline.svelte";
+export { default as Copy } from "./Copy/Copy.svelte";
+export { default as Caption } from "./Caption/Caption.svelte";
+export { default as Note } from "./Note/Note.svelte";
+export { default as Card } from "./Card/Card.svelte";
+export { default as ChartHeader } from "./ChartHeader/ChartHeader.svelte";
+export { default as ChartFooter } from "./ChartFooter/ChartFooter.svelte";
+export { default as Logotype } from "./Logotype/Logotype.svelte";
+export { default as Middot } from "./Middot/Middot.svelte";
+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 NavigationControl } from "./maplibre/NavigationControl/NavigationControl.svelte";
+export { default as ScaleControl } from "./maplibre/ScaleControl/ScaleControl.svelte";
+export { default as VectorLayer } from "./maplibre/VectorLayer/VectorLayer.svelte";
+export { default as VectorTileSource } from "./maplibre/VectorTileSource/VectorTileSource.svelte";
+export { default as Tooltip } from "./maplibre/Tooltip/Tooltip.svelte";
+export { default as WithLinkLocation } from "./maplibre/WithLinkLocation/WithLinkLocation.svelte";
+export { default as FormLabel } from "./FormLabel/FormLabel.svelte";
+export { default as Switcher } from "./Switcher/Switcher.svelte";
+export { default as Input } from "./Input/Input.svelte";
+export { default as Button } from "./Button/Button.svelte";
+export { default as Select } from "./Select/Select.svelte";
+export { default as Autocomplete } from "./Autocomplete/Autocomplete.svelte";
+export { default as ChartList } from "./ChartList/ChartList.svelte";

package/dist/maplibre/AttributionControl/AttributionControl.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">import maplibre, {} from 'maplibre-gl';
+import MapControl from '../MapControl/MapControl.svelte';
+const { position = 'bottom-right', customAttribution } = $props();
+</script>
+
+<MapControl
+	{position}
+	control={new maplibre.AttributionControl({
+		customAttribution,
+		compact: false
+	})}
+/>
+
+<style>
+</style>

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

@@ -0,0 +1,8 @@
+import { type ControlPosition } from 'maplibre-gl';
+interface AttributionControlProps {
+    position?: ControlPosition;
+    customAttribution?: string;
+}
+declare const AttributionControl: import("svelte").Component<AttributionControlProps, {}, "">;
+type AttributionControl = ReturnType<typeof AttributionControl>;
+export default AttributionControl;

package/dist/maplibre/AttributionControl/index.d.ts

@@ -0,0 +1,2 @@
+export default AttributionControl;
+import AttributionControl from './AttributionControl.svelte';

package/dist/maplibre/GeocoderControl/GeocoderAPIs.d.ts

@@ -0,0 +1,6 @@
+import { type MaplibreGeocoderApi, type MaplibreGeocoderApiConfig, type MaplibreGeocoderFeatureResults } from '@maplibre/maplibre-gl-geocoder';
+export declare class MaptilerGeocoderAPI implements MaplibreGeocoderApi {
+    key: string;
+    constructor(key: string);
+    forwardGeocode(config: MaplibreGeocoderApiConfig): Promise<MaplibreGeocoderFeatureResults>;
+}

package/dist/maplibre/GeocoderControl/GeocoderAPIs.js

@@ -0,0 +1,40 @@
+import {} from '@maplibre/maplibre-gl-geocoder';
+export class MaptilerGeocoderAPI {
+    key;
+    constructor(key) {
+        this.key = key;
+    }
+    async forwardGeocode(config) {
+        const result = {
+            type: 'FeatureCollection',
+            features: []
+        };
+        try {
+            const response = await fetch(`https://api.maptiler.com/geocoding/${config.query}.json?country=${config.countries}&language=${config.language}&key=${this.key}`);
+            const geojson = await response.json();
+            for (const feature of geojson.features) {
+                const res = {
+                    type: 'Feature',
+                    id: feature.id,
+                    place_type: ['place'],
+                    place_name: feature.place_name,
+                    language: feature.properties.display_name,
+                    text: feature.text,
+                    bbox: feature.bbox,
+                    geometry: {
+                        type: 'Point',
+                        coordinates: feature.center
+                    },
+                    properties: {
+                        text: feature.text
+                    }
+                };
+                result.features.push(res);
+            }
+        }
+        catch (e) {
+            console.error(`Failed to forwardGeocode with error: ${e}`);
+        }
+        return result;
+    }
+}

package/dist/maplibre/GeocoderControl/GeocoderControl.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">import maplibre from 'maplibre-gl';
+import MaplibreGeocoder, {} from '@maplibre/maplibre-gl-geocoder';
+import { MaptilerGeocoderAPI } from './GeocoderAPIs';
+import MapControl from '../MapControl/MapControl.svelte';
+import {} from '../types';
+const { key, service = 'maptiler', countries = 'de', languages = 'en', placeholder, limit = 3 } = $props();
+const countriesArr = Array.isArray(countries) ? countries : [countries];
+const languagesArr = Array.isArray(languages) ? languages : [languages];
+// Future: initialise a different GeocoderAPI depending on "service"
+let geocoderAPI = new MaptilerGeocoderAPI(key);
+const geocoder = new MaplibreGeocoder(geocoderAPI, {
+    maplibregl: maplibre,
+    language: languagesArr.join(','),
+    countries: countriesArr.join(','),
+    showResultsWhileTyping: true,
+    showResultMarkers: false,
+    placeholder,
+    limit
+});
+</script>
+
+<MapControl control={geocoder} position="top-left" />
+
+<style>
+</style>

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

@@ -0,0 +1,27 @@
+import { type GeocodingCountry, type GeocodingLanguage, type GeocodingService } from '../types';
+interface GeocoderControlProps {
+    service: GeocodingService;
+    /**
+     * API key for selected geocoding `service`
+     */
+    key: string;
+    /**
+     * Maximum number of suggestions to display
+     */
+    limit?: number;
+    /**
+     * Limit search to one or more countries
+     */
+    countries?: GeocodingCountry | GeocodingCountry[];
+    /**
+     * Limit search to one or more languages. The UI is localised to the first language specified if [available](https://github.com/maplibre/maplibre-gl-geocoder/blob/main/lib/localization.ts).
+     */
+    languages?: GeocodingLanguage | GeocodingLanguage[];
+    /**
+     * Overwrite the default input placeholder text
+     */
+    placeholder?: string;
+}
+declare const GeocoderControl: import("svelte").Component<GeocoderControlProps, {}, "">;
+type GeocoderControl = ReturnType<typeof GeocoderControl>;
+export default GeocoderControl;

package/dist/maplibre/GeocoderControl/index.d.ts

@@ -0,0 +1,2 @@
+export default GeocoderControl;
+import GeocoderControl from './GeocoderControl.svelte';

package/dist/maplibre/Map/FallbackStyle.d.ts

@@ -0,0 +1,3 @@
+import type { StyleSpecification } from 'maplibre-gl';
+declare const style: StyleSpecification;
+export default style;

package/dist/maplibre/Map/FallbackStyle.js

@@ -0,0 +1,15 @@
+const style = {
+    version: 8,
+    name: 'default',
+    sources: {},
+    layers: [
+        {
+            id: 'background',
+            type: 'background',
+            paint: {
+                'background-color': 'lightgray'
+            }
+        }
+    ]
+};
+export default style;

package/dist/maplibre/Map/Map.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">import maplibre, {} from 'maplibre-gl';
+import { onMount, onDestroy, getContext, hasContext } from 'svelte';
+import { createMapContext } from '../context.svelte.js';
+import {} from '../types';
+import FallbackStyle from './FallbackStyle';
+let { children, options, style = FallbackStyle, minZoom = 0, maxZoom = 14.99, zoom = $bindable(), center = $bindable(), pitch = $bindable(0), bearing = $bindable(0), loading = $bindable(true), projection = { type: 'mercator' }, allowRotation = false, allowZoom = true, showDebug = false, initialLocation = { lat: 51.3, lng: 10.2, zoom: 5 } } = $props();
+let container;
+const mapContext = createMapContext();
+if (getContext('initialLocation') !== undefined && getContext('initialLocation') !== false) {
+    initialLocation = getContext('initialLocation');
+}
+onMount(() => {
+    mapContext.map = new maplibre.Map({
+        container,
+        style,
+        minZoom,
+        maxZoom,
+        pitch,
+        bearing,
+        attributionControl: false, // Added via component
+        center: [initialLocation.lng, initialLocation.lat],
+        zoom: initialLocation.zoom,
+        ...options
+    });
+    mapContext.map.on('load', () => {
+        zoom = mapContext.map?.getZoom();
+        center = mapContext.map?.getCenter();
+        pitch = mapContext.map?.getPitch();
+        bearing = mapContext.map?.getBearing();
+    });
+    mapContext.map.on('moveend', () => {
+        zoom = mapContext.map?.getZoom();
+        center = mapContext.map?.getCenter();
+        pitch = mapContext.map?.getPitch();
+        bearing = mapContext.map?.getBearing();
+    });
+});
+onDestroy(async () => {
+    if (mapContext.map)
+        mapContext.map.remove();
+});
+$effect(() => {
+    if (mapContext.map)
+        mapContext.map.setStyle(style);
+});
+$effect(() => {
+    if (mapContext.styleLoaded) {
+        mapContext.map?.setProjection(projection);
+    }
+});
+$effect(() => {
+    if (allowZoom === false) {
+        mapContext.map?.scrollZoom.disable();
+    }
+    else {
+        mapContext.map?.scrollZoom.enable();
+    }
+});
+</script>
+
+<div bind:this={container} class="container" data-testid="map-container">
+	{#if mapContext.map}
+		{#if children}
+			{@render children()}
+		{/if}
+	{/if}
+	{#if showDebug}
+		<pre class="debug">
+{Object.entries({ ...center, zoom, allowZoom, allowRotation })
+				.map(([key, val]) => `${key}: ${val}`)
+				.join('\n')}</pre>
+	{/if}
+</div>
+
+<style>
+	.container {
+		width: 100%;
+		height: 100%;
+	}
+
+	.debug {
+		position: absolute;
+		top: 0;
+		right: 0;
+		background: rgba(0, 0, 0, 0.9);
+		color: white;
+		z-index: 1000;
+		padding: 2px;
+		font-family: monospace;
+	}
+</style>

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

@@ -0,0 +1,23 @@
+import maplibre, { type ProjectionSpecification, type StyleSpecification } from 'maplibre-gl';
+import { type Snippet } from 'svelte';
+import { type Location } from '../types';
+interface MapProps {
+    style?: StyleSpecification | string;
+    initialLocation?: Location;
+    allowRotation?: boolean;
+    allowZoom?: boolean;
+    minZoom?: number;
+    maxZoom?: number;
+    zoom?: number;
+    center?: maplibre.LngLat;
+    pitch?: number;
+    bearing?: number;
+    loading?: boolean;
+    projection?: ProjectionSpecification;
+    showDebug?: boolean;
+    options?: any;
+    children?: Snippet;
+}
+declare const Map: import("svelte").Component<MapProps, {}, "zoom" | "pitch" | "center" | "bearing" | "loading">;
+type Map = ReturnType<typeof Map>;
+export default Map;

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

@@ -0,0 +1,2 @@
+export default Map;
+import Map from './Map.svelte';

package/dist/maplibre/MapControl/MapControl.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">import {} from 'svelte';
+import {} from 'maplibre-gl';
+import { getMapContext } from '../context.svelte.js';
+let { position, control, className, children } = $props();
+let el = $state();
+const { map } = $derived(getMapContext());
+let ctrl = $derived.by(() => {
+    return control
+        ? control
+        : {
+            onAdd: () => el,
+            onRemove: () => el?.parentNode?.removeChild(el)
+        };
+});
+$effect(() => {
+    if (map && ctrl) {
+        map.addControl(ctrl, position);
+    }
+    return () => {
+        map?.removeControl(control);
+    };
+});
+</script>
+
+<div bind:this={el} class={`maplibregl-ctrl ${className}`}>
+	{#if children}
+		{@render children()}
+	{/if}
+</div>

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

@@ -0,0 +1,11 @@
+import { type Snippet } from 'svelte';
+import { type ControlPosition, type IControl } from 'maplibre-gl';
+interface MapControlProps {
+    position: ControlPosition;
+    control?: IControl;
+    className?: string;
+    children?: Snippet;
+}
+declare const MapControl: import("svelte").Component<MapControlProps, {}, "">;
+type MapControl = ReturnType<typeof MapControl>;
+export default MapControl;

package/dist/maplibre/MapControl/index.d.ts

@@ -0,0 +1,2 @@
+export default MapControl;
+import MapControl from './MapControl.svelte';

package/dist/maplibre/MapStyle/SWRDataLabLight.d.ts

@@ -0,0 +1,3 @@
+import type { StyleSpecification } from 'maplibre-gl';
+declare const style: StyleSpecification;
+export default style;

package/dist/maplibre/MapStyle/SWRDataLabLight.js

@@ -0,0 +1,60 @@
+import makeAdmin from './components/Admin';
+import makeBuildings from './components/Buildings';
+import makeLanduse from './components/Landuse';
+import makeTransit from './components/Transit';
+import makePlaceLabels from './components/PlaceLabels';
+import makeWalking from './components/Walking';
+import makeRoads from './components/Roads';
+const { buildings } = makeBuildings();
+const { landuse } = makeLanduse();
+const { placeLabels } = makePlaceLabels();
+const { admin } = makeAdmin();
+const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit();
+const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking();
+const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads();
+const style = {
+    version: 8,
+    name: 'swr-datalab-light',
+    metadata: { license: 'https://creativecommons.org/publicdomain/zero/1.0/' },
+    glyphs: 'https://static.datenhub.net/maps/fonts/{fontstack}/{range}.pbf',
+    sources: {
+        'versatiles-osm': {
+            attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+            tiles: ['https://tiles.versatiles.org/tiles/osm/{z}/{x}/{y}'],
+            bounds: [-180, -85.0511287798066, 180, 85.0511287798066],
+            type: 'vector',
+            scheme: 'xyz',
+            minzoom: 0,
+            maxzoom: 14
+        }
+    },
+    sky: {
+        'atmosphere-blend': ['interpolate', ['linear'], ['zoom'], 0, 0.1, 5, 0.1, 7, 0]
+    },
+    layers: [
+        // 1. Landuse
+        ...landuse,
+        ...airports,
+        // 2. Buildings
+        ...buildings,
+        // 3. Tunnels
+        ...walkingTunnels,
+        ...roadTunnels,
+        ...transitTunnels,
+        // 4. Surface ways
+        ...walkingSurface,
+        ...roadSurface,
+        ...transitSurface,
+        // 5. Bridges ways
+        ...walkingBridges,
+        ...roadBridges,
+        ...transitBridges,
+        // 6. Admin boundaries
+        ...admin,
+        // 7. Labels
+        ...walkingLabels,
+        ...roadLabels,
+        ...placeLabels
+    ]
+};
+export default style;

package/dist/maplibre/MapStyle/components/Admin.d.ts

@@ -0,0 +1 @@
+export default function makeAdmin(): any;