@swr-data-lab/components 1.13.1 → 1.13.3

package/dist/maplibre/NavigationControl/NavigationControl.stories.svelte

@@ -1,37 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import NavigationControl from './NavigationControl.svelte';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import { SWRDataLabLight } from '../MapStyle';
-import Map from '../Map/Map.svelte';
-const { Story } = defineMeta({
-    title: 'Maplibre/Control/NavigationControl',
-    component: NavigationControl
-});
-</script>
-
-<Story asChild name="Default">
-	<DesignTokens>
-		<div class="container">
-			<Map style={SWRDataLabLight} initialLocation={{ lat: 51, lng: 10, zoom: 20 }}>
-				<NavigationControl />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<Story asChild name="With compass">
-	<DesignTokens>
-		<div class="container">
-			<Map style={SWRDataLabLight} initialLocation={{ lat: 51, lng: 10, zoom: 20 }}>
-				<NavigationControl showCompass visualizePitch />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 500px;
-		height: 200px;
-	}
-</style>

package/dist/maplibre/NavigationControl/NavigationControl.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import NavigationControl from './NavigationControl.svelte';
-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;
-}
-declare const NavigationControl: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type NavigationControl = InstanceType<typeof NavigationControl>;
-export default NavigationControl;

package/dist/maplibre/ScaleControl/ScaleControl.stories.svelte

@@ -1,68 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import { within, expect } from 'storybook/test';
-import ScaleControl from './ScaleControl.svelte';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import Map from '../Map/Map.svelte';
-import { SWRDataLabLight } from '../MapStyle';
-const { Story } = defineMeta({
-    title: 'Maplibre/Control/ScaleControl',
-    component: ScaleControl
-});
-</script>
-
-<Story
-	asChild
-	name="Default"
-	play={async ({ canvasElement, step }) => {
-		const canvas = within(canvasElement);
-		const containerEl = canvas.getByTestId('map-container');
-		await step('Scale control renders', async () => {
-			const el = containerEl.querySelector('.maplibregl-ctrl-scale');
-			expect(el).toBeTruthy();
-		});
-		await step('Distance is rendered in metric units', async () => {
-			const el = containerEl.querySelector('.maplibregl-ctrl-scale');
-			expect(el).toHaveTextContent('100 m');
-		});
-	}}
->
-	<DesignTokens>
-		<div class="container">
-			<Map style={SWRDataLabLight} initialLocation={{ lat: 51, lng: 10, zoom: 20 }}>
-				<ScaleControl />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<Story
-	asChild
-	name="Imperial units"
-	play={async ({ canvasElement, step }) => {
-		const canvas = within(canvasElement);
-		const containerEl = canvas.getByTestId('map-container');
-		await step('Scale control renders', async () => {
-			const el = containerEl.querySelector('.maplibregl-ctrl-scale');
-			expect(el).toBeTruthy();
-		});
-		await step('Distance is rendered in imperial units', async () => {
-			const el = containerEl.querySelector('.maplibregl-ctrl-scale');
-			expect(el).toHaveTextContent('300 ft');
-		});
-	}}
->
-	<DesignTokens>
-		<div class="container">
-			<Map style={SWRDataLabLight} initialLocation={{ lat: 51, lng: 10, zoom: 20 }}>
-				<ScaleControl unit="imperial" />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 500px;
-		height: 200px;
-	}
-</style>

package/dist/maplibre/ScaleControl/ScaleControl.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import ScaleControl from './ScaleControl.svelte';
-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;
-}
-declare const ScaleControl: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ScaleControl = InstanceType<typeof ScaleControl>;
-export default ScaleControl;

package/dist/maplibre/Source/MapSource.stories.svelte

@@ -1,7 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import MapSource from './MapSource.svelte';
-const { Story } = defineMeta({
-    title: 'Maplibre/MapSource',
-    component: MapSource
-});
-</script>

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

@@ -1,19 +0,0 @@
-import MapSource from './MapSource.svelte';
-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;
-}
-declare const MapSource: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MapSource = InstanceType<typeof MapSource>;
-export default MapSource;

package/dist/maplibre/Tooltip/Tooltip.stories.svelte

@@ -1,186 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import Map from '../Map/Map.svelte';
-import VectorTileSource from '../VectorTileSource/VectorTileSource.svelte';
-import VectorLayer from '../VectorLayer/VectorLayer.svelte';
-import AttributionControl from '../AttributionControl/AttributionControl.svelte';
-import Tooltip from './Tooltip.svelte';
-import { SWRDataLabLight } from '../MapStyle';
-const { Story } = defineMeta({
-    title: 'Maplibre/Extras/Tooltip',
-    component: Tooltip
-});
-let hovered = $state();
-let hovered2 = $state();
-let hoverCoords = $state([0, 0]);
-let selected = $state();
-let selectCoords = $state([0, 0]);
-</script>
-
-<Story asChild name="Default">
-	<DesignTokens>
-		<div class="container">
-			<Map
-				style={SWRDataLabLight}
-				initialLocation={{ lat: 51, lng: 10, zoom: 8 }}
-				allowZoom={false}
-			>
-				<VectorTileSource
-					id="ev-infra-source"
-					url={`https://static.datenhub.net/data/p108_e_auto_check/ev_infra_merged.versatiles?tiles/{z}/{x}/{y}`}
-				/>
-				<VectorLayer
-					sourceId="ev-infra-source"
-					type="fill"
-					id="coverage-fill"
-					sourceLayer="coverage"
-					placeBelow="street-residential"
-					onmousemove={(e) => {
-						hovered = e.features?.[0];
-						hoverCoords = e.lngLat;
-					}}
-					onmouseleave={() => (hovered = undefined)}
-					paint={{
-						'fill-color': ['step', ['get', 'coverage_2025'], 'white', 1, '#ffcfcc', 1.3, '#FF4D20']
-					}}
-				/>
-				<VectorLayer
-					{hovered}
-					sourceId="ev-infra-source"
-					sourceLayer="coverage"
-					id="ev-infra-outline"
-					placeBelow="label-place-city"
-					type="line"
-					layout={{
-						'line-join': 'round'
-					}}
-					paint={{
-						'line-width': [
-							'case',
-							['any', ['boolean', ['feature-state', 'hovered'], false]],
-							1.5,
-							0.5
-						],
-						'line-color': [
-							'case',
-							['any', ['boolean', ['feature-state', 'hovered'], false]],
-							'#000',
-							'#555'
-						],
-						'line-opacity': 1
-					}}
-				/>
-
-				{#if hovered}
-					<Tooltip
-						position={hoverCoords}
-						mouseEvents={false}
-						showCloseButton={false}
-						closeOnClick={false}
-					>
-						<pre>{Object.entries(hovered.properties)
-								.map(([key, val]) => `${key}: ${val}`)
-								.join('\n')}</pre>
-					</Tooltip>
-				{/if}
-				<AttributionControl position="bottom-left" />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<Story asChild name="Show on Click">
-	<DesignTokens>
-		<div class="container">
-			<Map
-				style={SWRDataLabLight}
-				initialLocation={{ lat: 51, lng: 10, zoom: 8 }}
-				allowZoom={false}
-			>
-				<VectorTileSource
-					id="ev-infra-source"
-					url={`https://static.datenhub.net/data/p108_e_auto_check/ev_infra_merged.versatiles?tiles/{z}/{x}/{y}`}
-				/>
-				<VectorLayer
-					sourceId="ev-infra-source"
-					type="fill"
-					id="coverage-fill"
-					sourceLayer="coverage"
-					placeBelow="street-residential"
-					onmousemove={(e) => {
-						hovered2 = e.features?.[0];
-					}}
-					onclick={(e) => {
-						selected = e.features?.[0];
-						selectCoords = e.lngLat;
-					}}
-					onmouseleave={() => (hovered2 = undefined)}
-					paint={{
-						'fill-color': ['step', ['get', 'coverage_2025'], 'white', 1, '#CCDCFF', 1.3, '#6280E5']
-					}}
-				/>
-				<VectorLayer
-					hovered={hovered2}
-					{selected}
-					sourceId="ev-infra-source"
-					sourceLayer="coverage"
-					id="ev-infra-outline"
-					placeBelow="label-place-city"
-					type="line"
-					layout={{
-						'line-join': 'round'
-					}}
-					paint={{
-						'line-width': [
-							'case',
-							[
-								'any',
-								['boolean', ['feature-state', 'hovered'], false],
-								['boolean', ['feature-state', 'selected'], false]
-							],
-							2,
-							0.5
-						],
-						'line-color': [
-							'case',
-							[
-								'any',
-								['boolean', ['feature-state', 'hovered'], false],
-								['boolean', ['feature-state', 'selected'], false]
-							],
-							'#000',
-							'#555'
-						],
-						'line-opacity': 1
-					}}
-				/>
-				{#if selected}
-					<Tooltip
-						position={selectCoords}
-						mouseEvents={true}
-						showCloseButton={true}
-						onClose={() => {
-							selected = undefined;
-						}}
-					>
-						<pre class="padRight">{Object.entries(selected.properties)
-								.map(([key, val]) => `${key}: ${val}`)
-								.join('\n')}</pre>
-					</Tooltip>
-				{/if}
-				<AttributionControl position="bottom-left" />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 100%;
-		height: 600px;
-	}
-
-	.padRight {
-		padding-right: 2.5em;
-	}
-</style>

package/dist/maplibre/Tooltip/Tooltip.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import Tooltip from './Tooltip.svelte';
-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;
-}
-declare const Tooltip: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Tooltip = InstanceType<typeof Tooltip>;
-export default Tooltip;

package/dist/maplibre/VectorLayer/VectorLayer.stories.svelte

@@ -1,62 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Map from '../Map/Map.svelte';
-import VectorLayer from './VectorLayer.svelte';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import AttributionControl from '../AttributionControl/AttributionControl.svelte';
-import VectorTileSource from '../VectorTileSource/VectorTileSource.svelte';
-import { SWRDataLabLight } from '../MapStyle';
-const { Story } = defineMeta({
-    title: 'Maplibre/Layer/VectorLayer',
-    component: VectorLayer
-});
-</script>
-
-<Story asChild name="Default">
-	<DesignTokens>
-		<div class="container">
-			<Map showDebug={true} style={SWRDataLabLight}>
-				<VectorTileSource
-					id="ev-infra-source"
-					url={`https://static.datenhub.net/data/p108_e_auto_check/ev_infra_merged.versatiles?tiles/{z}/{x}/{y}`}
-				/>
-				<VectorLayer
-					sourceId="ev-infra-source"
-					type="fill"
-					id="coverage-fill"
-					sourceLayer="coverage"
-					placeBelow="street-residential"
-					paint={{
-						'fill-color': [
-							'step',
-							['get', 'coverage_2025'],
-							'white',
-							1,
-							'lightgray',
-							1.3,
-							'lightgreen'
-						]
-					}}
-				/>
-				<VectorLayer
-					sourceId="ev-infra-source"
-					sourceLayer="coverage"
-					id="ev-infra-outline"
-					type="line"
-					paint={{
-						'line-width': 0.5,
-						'line-color': 'purple',
-						'line-opacity': 1
-					}}
-				/>
-				<AttributionControl />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 100%;
-		height: 600px;
-	}
-</style>

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

@@ -1,19 +0,0 @@
-import VectorLayer from './VectorLayer.svelte';
-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;
-}
-declare const VectorLayer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type VectorLayer = InstanceType<typeof VectorLayer>;
-export default VectorLayer;

package/dist/maplibre/VectorTileSource/VectorTileSource.mdx

@@ -1,19 +0,0 @@
-import { Story, Meta, Primary, Controls, Stories } from '@storybook/addon-docs/blocks';
-
-import * as VectorTileSourceStories from './VectorTileSource.stories.svelte';
-
-<Meta of={VectorTileSourceStories} />
-
-# VectorTileSource
-
-Loads tiled vector data from a tileserver. Any mablibre-supported tileserver will work, but we'll typically use tiles served by `versatiles-rs` or `versatiles-node-static-proxy`.
-
-```jsx
-<Map>
-	<VectorTileSource
-		url="https://static.datenhub.net/rent_merged.versatiles?tiles/{z}/{x}/{y}"
-		id="chargers"
-	/>
-	<VectorLayer sourceId="chargers" />
-</Map>
-```

package/dist/maplibre/VectorTileSource/VectorTileSource.stories.svelte

@@ -1,44 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import VectorTileSource from './VectorTileSource.svelte';
-import VectorLayer from '../VectorLayer/VectorLayer.svelte';
-import Map from '../Map/Map.svelte';
-import { SWRDataLabLight } from '../MapStyle/';
-import AttributionControl from '../AttributionControl';
-const { Story } = defineMeta({
-    title: 'Maplibre/Source/VectorTileSource',
-    component: VectorTileSource
-});
-</script>
-
-<Story asChild name="Default">
-	<DesignTokens>
-		<div class="container">
-			<Map showDebug={true} style={SWRDataLabLight}>
-				<VectorTileSource
-					id="ev-infra-source"
-					url={`https://static.datenhub.net/data/p108_e_auto_check/ev_infra_merged.versatiles?tiles/{z}/{x}/{y}`}
-				/>
-				<VectorLayer
-					sourceId="ev-infra-source"
-					sourceLayer="coverage"
-					id="ev-infra-outline"
-					type="line"
-					paint={{
-						'line-width': 0.5,
-						'line-color': 'purple',
-						'line-opacity': 1
-					}}
-				/>
-				<AttributionControl />
-			</Map>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 100%;
-		height: 600px;
-	}
-</style>

package/dist/maplibre/VectorTileSource/VectorTileSource.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import VectorTileSource from './VectorTileSource.svelte';
-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;
-}
-declare const VectorTileSource: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type VectorTileSource = InstanceType<typeof VectorTileSource>;
-export default VectorTileSource;

package/dist/maplibre/WithLinkLocation/WithLinkLocation.mdx

@@ -1,11 +0,0 @@
-import { Story, Meta, Primary, Controls, Stories } from '@storybook/addon-docs/blocks';
-
-import * as WithLinkLocationStories from './WithLinkLocation.stories.svelte';
-
-<Meta of={WithLinkLocationStories} />
-
-# WithLinkLocation
-
-<Controls />
-
-<Stories />

package/dist/maplibre/WithLinkLocation/WithLinkLocation.stories.svelte

@@ -1,27 +0,0 @@
-<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import WithLinkLocation from './WithLinkLocation.svelte';
-import DesignTokens from '../../DesignTokens/DesignTokens.svelte';
-import Map from '../Map/Map.svelte';
-import { SWRDataLabLight } from '../MapStyle';
-const { Story } = defineMeta({
-    title: 'Maplibre/Extras/WithLinkLocation',
-    component: WithLinkLocation
-});
-</script>
-
-<Story asChild name="Default">
-	<DesignTokens>
-		<div class="container">
-			<WithLinkLocation countries="de" languages="de" service="maptiler" key="V32kPHZjMa0Mkn6YvSzA">
-				<Map style={SWRDataLabLight} initialLocation={{ lat: 51, lng: 10, zoom: 20 }}></Map>
-			</WithLinkLocation>
-		</div>
-	</DesignTokens>
-</Story>
-
-<style>
-	.container {
-		width: 500px;
-		height: 300px;
-	}
-</style>

package/dist/maplibre/WithLinkLocation/WithLinkLocation.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import WithLinkLocation from './WithLinkLocation.svelte';
-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;
-}
-declare const WithLinkLocation: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type WithLinkLocation = InstanceType<typeof WithLinkLocation>;
-export default WithLinkLocation;