@swr-data-lab/components 2.35.0 → 2.37.0

package/dist/maplibre/Map/Map.svelte

@@ -4,7 +4,7 @@ import { createMapContext, MapContext } from '../context.svelte.js';
 import {} from '../types';
 import FallbackStyle from './FallbackStyle';
 import { de } from './locale';
-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, cursor, initialBounds, maxBounds, initialLocation: receivedInitialLocation, 
+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' }, allowPan = true, allowRotation = false, allowZoom = true, showDebug = false, cursor, initialBounds, maxBounds, initialLocation: receivedInitialLocation, 
 // Future: This should become bindable.readonly when that becomes
 // available, see: https://github.com/sveltejs/svelte/issues/7712
 mapContext = $bindable(), cooperativeGestures = false, onmoveend, onmovestart } = $props();
@@ -84,7 +84,15 @@ $effect(() => {
         mapContext.map?.scrollZoom.enable();
     }
 });
-const debugValues = $derived(Object.entries({ zoom, pitch, allowZoom, allowRotation }));
+$effect(() => {
+    if (allowPan === false) {
+        mapContext.map?.dragPan.disable();
+    }
+    else {
+        mapContext.map?.dragPan.enable();
+    }
+});
+const debugValues = $derived(Object.entries({ zoom, pitch, allowZoom, allowPan, allowRotation }));
 const handleDebugValueClick = (e) => {
     if (e.target) {
         const t = e.target;
@@ -177,16 +185,16 @@ const handleDebugCopyLocationClick = (e) => {
   height: 100%;
   width: 100%;
 }
-:global(.maplibregl-canvas-container.maplibregl-interactive) {
+:global(.maplibregl-canvas-container.maplibregl-touch-drag-pan) {
   cursor: grab;
   user-select: none;
 }
+:global(.maplibregl-canvas-container.maplibregl-touch-drag-pan:active) {
+  cursor: grabbing;
+}
 :global(.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer) {
   cursor: pointer;
 }
-:global(.maplibregl-canvas-container.maplibregl-interactive:active) {
-  cursor: grabbing;
-}
 :global(.maplibregl-canvas-container.maplibregl-touch-zoom-rotate),
 :global(.maplibregl-canvas-container.maplibregl-touch-zoom-rotate) :global(.maplibregl-canvas) {
   touch-action: pan-x pan-y;

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

@@ -10,6 +10,7 @@ interface MapProps {
     initialBounds?: LngLatBoundsLike;
     maxBounds?: LngLatBoundsLike;
     initialLocation?: Location;
+    allowPan?: boolean;
     allowRotation?: boolean;
     allowZoom?: boolean;
     minZoom?: number;

package/dist/maplibre/MapStyle/SWRDataLabDark.js

@@ -45,7 +45,6 @@ const tokens = {
 };
 const { landuse } = makeLanduse(tokens);
 const { placeLabels, boundaryLabels } = makePlaceLabels(tokens);
-const { admin } = makeAdmin(tokens);
 const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit(tokens);
 const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking(tokens);
 const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads(tokens);
@@ -56,6 +55,7 @@ const style = (opts) => {
         ...defaultOptions,
         ...opts
     };
+    const { admin } = makeAdmin(tokens, options?.admin);
     return {
         version: 8,
         name: 'swr-datalab-dark',

package/dist/maplibre/MapStyle/SWRDataLabLight.js

@@ -45,7 +45,6 @@ const tokens = {
 };
 const { landuse } = makeLanduse(tokens);
 const { placeLabels, boundaryLabels } = makePlaceLabels(tokens);
-const { admin } = makeAdmin(tokens);
 const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit(tokens);
 const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking(tokens);
 const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads(tokens);
@@ -56,6 +55,7 @@ const style = (opts) => {
         ...defaultOptions,
         ...opts
     };
+    const { admin } = makeAdmin(tokens, options?.admin);
     return {
         version: 8,
         name: 'swr-datalab-light',

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

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

package/dist/maplibre/MapStyle/components/Admin.js

@@ -1,5 +1,5 @@
 import {} from '../../types';
-export default function makeAdmin(tokens) {
+export default function makeAdmin(tokens, options) {
     const admin = [
         {
             id: 'boundary-country:case',
@@ -133,7 +133,21 @@ export default function makeAdmin(tokens) {
                 }
             }
         }
-    ].map((el) => {
+    ]
+        .filter((el) => {
+        if (!options || options.show === true) {
+            return true;
+        }
+        else if (options.show === false) {
+            return false;
+        }
+        else {
+            return ((el.id.includes('country') && options.show.includes(2)) ||
+                (el.id.includes('state') && options.show.includes(4)));
+        }
+        return false;
+    })
+        .map((el) => {
         return {
             source: 'versatiles-osm',
             'source-layer': 'boundaries',

package/dist/maplibre/MapStyle/defaultOptions.js

@@ -5,6 +5,9 @@ const opts = {
     },
     roads: {
         showLabels: true
+    },
+    admin: {
+        show: true
     }
 };
 export default opts;

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

@@ -1,9 +1,16 @@
+declare enum AdminLevel {
+    COUNTRY = 2,
+    BUNDESLAND = 4
+}
 interface StyleOptions {
     enableBuildingExtrusions?: boolean;
     enableHillshade?: boolean;
     places?: {
         showLabels?: boolean;
     };
+    admin?: {
+        show?: boolean | AdminLevel[];
+    };
     roads?: {
         showLabels?: boolean;
     };

package/dist/maplibre/MapStyle/types.js

@@ -1 +1,6 @@
+var AdminLevel;
+(function (AdminLevel) {
+    AdminLevel[AdminLevel["COUNTRY"] = 2] = "COUNTRY";
+    AdminLevel[AdminLevel["BUNDESLAND"] = 4] = "BUNDESLAND";
+})(AdminLevel || (AdminLevel = {}));
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@swr-data-lab/components",
 	"description": "SWR Data Lab component library",
-	"version": "2.35.0",
+	"version": "2.37.0",
 	"author": "SWR Data Lab",
 	"license": "UNLICENSED",
 	"type": "module",
@@ -49,7 +49,7 @@
 		"@storybook/test-runner": "^0.24.2",
 		"@sveltejs/adapter-auto": "7.0.0",
 		"@sveltejs/enhanced-img": "0.9.2",
-		"@sveltejs/kit": "2.49.2",
+		"@sveltejs/kit": "2.49.5",
 		"@sveltejs/package": "2.5.7",
 		"@sveltejs/vite-plugin-svelte": "6.2.1",
 		"@types/geojson": "7946.0.16",