@versatiles/svelte 0.0.3 → 0.1.0

package/dist/components/BBoxMap/data/us.jsonl

@@ -0,0 +1,52 @@
+{"label":"USA, Alabama","population":5177563.231041876,"bbox":[-88.471115,30.247195,-84.889196,35.00118]}
+{"label":"USA, Alaska","population":759804.0423448097,"bbox":[-188.90491,51.61274,-129.986323,71.351633]}
+{"label":"USA, Arizona","population":8097866.395435425,"bbox":[-114.815198,31.331629,-109.042503,37.00574]}
+{"label":"USA, Arkansas","population":3230323.8574354965,"bbox":[-94.616242,33.002096,-89.730812,36.501861]}
+{"label":"USA, California","population":40722586.88907707,"bbox":[-124.410798,32.536556,-114.136058,42.011663]}
+{"label":"USA, Colorado","population":5968443.743926897,"bbox":[-109.058934,36.994786,-102.042974,41.003906]}
+{"label":"USA, Connecticut","population":3655185.0041402103,"bbox":[-73.727192,40.987475,-71.799309,42.050002]}
+{"label":"USA, Delaware","population":988837.953840262,"bbox":[-75.786521,38.451652,-75.047134,39.831841]}
+{"label":"USA, District of Columbia","population":730449.1869271634,"bbox":[-77.117418,38.791222,-76.909294,38.993869]}
+{"label":"USA, Florida","population":21757142.98770998,"bbox":[-87.633143,25.120779,-80.03115,31.003013]}
+{"label":"USA, Georgia","population":11719867.446026482,"bbox":[-85.606675,30.356734,-80.885553,35.00118]}
+{"label":"USA, Hawaii","population":881429.9347368085,"bbox":[-159.764448,18.948267,-154.807817,22.228955]}
+{"label":"USA, Idaho","population":1933382.548647272,"bbox":[-117.241483,41.995232,-111.047063,49.000239]}
+{"label":"USA, Illinois","population":13379410.50339758,"bbox":[-91.50534,36.983832,-87.49622,42.510065]}
+{"label":"USA, Indiana","population":6932660.678495618,"bbox":[-88.060345,37.788942,-84.801565,41.759724]}
+{"label":"USA, Iowa","population":3223588.6728098514,"bbox":[-96.631756,40.379535,-90.141582,43.501391]}
+{"label":"USA, Kansas","population":3043167.317689491,"bbox":[-102.053927,36.994786,-94.610765,40.001626]}
+{"label":"USA, Kentucky","population":4769510.0898046745,"bbox":[-89.418626,36.496384,-81.969987,39.103408]}
+{"label":"USA, Louisiana","population":4716545.393436735,"bbox":[-94.041164,29.009407,-89.002379,33.018527]}
+{"label":"USA, Maine","population":1338467.0092898812,"bbox":[-71.08183,43.057759,-66.979601,47.461219]}
+{"label":"USA, Maryland","population":6300244.10830445,"bbox":[-79.488933,37.909435,-75.047134,39.722302]}
+{"label":"USA, Massachusetts","population":6567830.886439975,"bbox":[-73.508114,41.496831,-69.937149,42.887974]}
+{"label":"USA, Michigan","population":9836600.438030683,"bbox":[-90.415429,41.694001,-82.413619,48.173221]}
+{"label":"USA, Minnesota","population":5791488.56556222,"bbox":[-97.228743,43.501391,-89.615796,49.383625]}
+{"label":"USA, Mississippi","population":3123243.1444979305,"bbox":[-91.636787,30.181472,-88.098683,34.995703]}
+{"label":"USA, Missouri","population":6453137.449391876,"bbox":[-95.7664,35.997983,-89.133825,40.615043]}
+{"label":"USA, Montana","population":1105757.5461610334,"bbox":[-116.04751,44.394132,-104.042057,49.000239]}
+{"label":"USA, Nebraska","population":1927199.5751335358,"bbox":[-104.053011,40.001626,-95.306337,43.002989]}
+{"label":"USA, Nevada","population":3724231.0557103534,"bbox":[-120.001861,35.00118,-114.04295,42.000709]}
+{"label":"USA, New Hampshire","population":1385364.059273818,"bbox":[-72.544173,42.696281,-70.703921,45.303304]}
+{"label":"USA, New Jersey","population":9184491.767511679,"bbox":[-75.561967,38.993869,-73.902454,41.359907]}
+{"label":"USA, New Mexico","population":2385077.1582568623,"bbox":[-109.04798,31.331629,-103.001438,37.000263]}
+{"label":"USA, New York","population":18375122.60360537,"bbox":[-79.76278,40.543843,-72.100541,45.018503]}
+{"label":"USA, North Carolina","population":11414773.704236036,"bbox":[-84.319594,33.845545,-75.715321,36.589492]}
+{"label":"USA, North Dakota","population":683303.1426835521,"bbox":[-104.047534,45.933153,-96.560556,49.000239]}
+{"label":"USA, Ohio","population":11639778.570655461,"bbox":[-84.817996,38.424267,-80.518598,41.978802]}
+{"label":"USA, Oklahoma","population":4117763.3142439188,"bbox":[-103.001438,33.637421,-94.430026,37.000263]}
+{"label":"USA, Oregon","population":4349027.331137432,"bbox":[-124.553198,41.989755,-116.463758,46.261769]}
+{"label":"USA, Pennsylvania","population":13088961.863057058,"bbox":[-80.518598,39.722302,-74.69661,42.269079]}
+{"label":"USA, Rhode Island","population":924899.033123764,"bbox":[-71.859555,41.321569,-71.120168,42.01714]}
+{"label":"USA, South Carolina","population":5373609.9850199865,"bbox":[-83.339222,32.032678,-78.541422,35.198349]}
+{"label":"USA, South Dakota","population":897722.3989744552,"bbox":[-104.058488,42.488157,-96.434587,45.944106]}
+{"label":"USA, Tennessee","population":7129013.832038804,"bbox":[-90.311367,34.984749,-81.679709,36.677123]}
+{"label":"USA, Texas","population":30746134.131327786,"bbox":[-106.643603,25.887551,-93.526331,36.501861]}
+{"label":"USA, Utah","population":3469677.9621637366,"bbox":[-114.048427,37.000263,-109.042503,42.000709]}
+{"label":"USA, Vermont","population":645833.1056439477,"bbox":[-73.436914,42.729142,-71.4926,45.013027]}
+{"label":"USA, Virginia","population":9001125.446413808,"bbox":[-83.673316,36.5402,-75.244304,39.464886]}
+{"label":"USA, Washington","population":7397111.944808818,"bbox":[-124.706553,45.549767,-116.918344,49.000239]}
+{"label":"USA, West Virginia","population":1913671.4932506953,"bbox":[-82.621743,37.20291,-77.719881,40.636951]}
+{"label":"USA, Wisconsin","population":5953802.719794881,"bbox":[-92.885529,42.493634,-87.03068,46.95734]}
+{"label":"USA, Wyoming","population":656776.5127059702,"bbox":[-111.05254,40.998429,-104.053011,45.002073]}
+{"label":"USA, Puerto Rico","population":3450971.537693411,"bbox":[-67.269879,17.929556,-65.626797,18.515589]}

package/dist/components/BBoxMap/data/world.jsonl

@@ -0,0 +1,7 @@
+{"label":"World", "population":8100000000, "bbox":[-180,-90,180,90]}
+{"label":"Asia", "population":4561000000, "bbox":[31.6,-13.1,180,84.53]}
+{"label":"North America", "population":579000000, "bbox":[-180,5.5,-18,90]}
+{"label":"Europe", "population":746000000, "bbox":[-31.3,34.9,69,81.9]}
+{"label":"Africa", "population":1216000000, "bbox":[-25.4,-34.9,63.5,37.4]}
+{"label":"South America", "population":422000000, "bbox":[-91.7,-56,-34.8,12.5]}
+{"label":"Oceania", "population":46000000, "bbox":[91,-57,180,28]}

package/dist/components/BBoxMap/helpers/geojson2bboxes.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env npx tsx
+export {};

package/dist/components/BBoxMap/helpers/geojson2bboxes.js

@@ -0,0 +1,183 @@
+#!/usr/bin/env npx tsx
+import { createReadStream, readFileSync, writeFileSync } from 'node:fs';
+import { brotliDecompressSync, createBrotliDecompress, createGunzip } from 'node:zlib';
+import { basename, resolve } from 'node:path';
+import * as turf from '@turf/turf';
+import split from 'split2';
+// Buffer to hold decompressed population data
+let popBuffer;
+// Parse command-line arguments
+let input = process.argv[2];
+const labelTemplate = process.argv[3];
+const populationKey = process.argv[4];
+// Validate command-line arguments
+if (!input || !labelTemplate) {
+    [
+        'Expected: ./geojson2bboxes.ts <FILENAME> <LABEL_TEMPLATE> [POPULATION_KEY]',
+        'where:',
+        '<FILENAME>: The name of the input GeoJSON or GeoJSONL file. The file can be optionally compressed with .br (Brotli) or .gz (Gzip).',
+        '<LABEL_TEMPLATE>: A template string used to generate labels for each feature. The template can include placeholders in the form {propertyName} which will be replaced by the corresponding property value from each feature.',
+        "[POPULATION_KEY]: (Optional) The key in the feature's properties that contains the population value. If not provided, the script will attempt to estimate the population using a predefined algorithm."
+    ].forEach((m) => console.error(m));
+    process.exit(1);
+}
+// Determine the input stream, handling compressed files
+let stream = createReadStream(input);
+input = basename(input);
+if (input.endsWith('.br')) {
+    stream = stream.pipe(createBrotliDecompress());
+    input = basename(input, '.br');
+}
+else if (input.endsWith('.gz')) {
+    stream = stream.pipe(createGunzip());
+    input = basename(input, '.gz');
+}
+// Initialize the result array
+let result = [];
+if (input.endsWith('.geojson')) {
+    // If the input is a GeoJSON file, process it directly
+    result = JSON.parse(await streamToString(stream)).features.map(processFeature);
+}
+else if (input.endsWith('.geojsonl')) {
+    // If the input is a GeoJSONL file, process it line by line
+    result = await mapJSONStream(stream.pipe(split()), processFeature);
+}
+// Write the results to a JSONL file
+writeFileSync(input + '.jsonl', result
+    .map((f) => JSON.stringify(f))
+    .sort() // Sort the results before writing
+    .join('\n'));
+/**
+ * Processes a GeoJSON feature to extract the label, population, and bounding box (BBox).
+ * @param feature - The GeoJSON feature to process.
+ * @returns An object containing the label, population, and bounding box.
+ */
+function processFeature(feature) {
+    if (feature.geometry.type !== 'Polygon' && feature.geometry.type !== 'MultiPolygon') {
+        throw new Error('Feature must be Polygon or MultiPolygon');
+    }
+    const polygon = feature;
+    const { properties } = polygon;
+    if (!properties)
+        throw new Error('Feature has no properties');
+    // Compute the bounding box using Turf.js
+    const bbox = turf.bbox(polygon);
+    // Generate the label using the provided template
+    const label = labelTemplate.replace(/{(.*?)}/g, (text, key) => {
+        const value = properties[key];
+        if (value === undefined)
+            console.error(`key "${key}" not found in feature properties`);
+        return value;
+    });
+    // Determine the population
+    let population;
+    if (populationKey) {
+        population = properties[populationKey];
+    }
+    else {
+        console.log(`Guessing population for "${label}"`);
+        population = guessPopulation(polygon);
+    }
+    return { label, population, bbox };
+}
+/**
+ * Converts a stream to a string by accumulating its chunks.
+ * @param stream - The stream to convert.
+ * @returns A promise that resolves to the string representation of the stream's content.
+ */
+function streamToString(stream) {
+    const chunks = [];
+    return new Promise((resolve, reject) => {
+        stream.on('data', (chunk) => chunks.push(Buffer.from(chunk)));
+        stream.on('error', (err) => reject(err));
+        stream.on('end', () => resolve(Buffer.concat(chunks).toString('utf8')));
+    });
+}
+/**
+ * Maps each feature in a JSONL stream to an entry using a provided callback function.
+ * @param stream - The stream of JSONL data.
+ * @param cb - The callback function to process each feature.
+ * @returns A promise that resolves to an array of entries.
+ */
+function mapJSONStream(stream, cb) {
+    const result = [];
+    return new Promise((resolve, reject) => {
+        stream.on('data', (chunk) => result.push(cb(JSON.parse(chunk))));
+        stream.on('error', (err) => reject(err));
+        stream.on('end', () => resolve(result));
+    });
+}
+/**
+ * Estimates the population for a given feature by recursively subdividing its bounding box.
+ * @param feature - The GeoJSON feature for which to estimate population.
+ * @returns The estimated population.
+ */
+function guessPopulation(feature) {
+    if (!popBuffer) {
+        // Load and decompress the population density data if not already loaded
+        popBuffer = brotliDecompressSync(readFileSync(resolve(import.meta.dirname, 'population.raw.br')));
+    }
+    let sum = 0;
+    // Flatten the geometry and estimate population for each part
+    turf.flattenEach(feature, (f) => {
+        const bbox = turf.bbox(f);
+        sum += rec(f, bbox, 0, 0, 4320, 4320);
+        sum += rec(f, bbox, 4320, 0, 8640, 4320);
+    });
+    return sum;
+    /**
+     * Recursively estimates the population for a bounding box.
+     * @param feature - The feature to process.
+     * @param bboxF - The bounding box of the feature.
+     * @param x0 - The starting x-coordinate.
+     * @param y0 - The starting y-coordinate.
+     * @param x1 - The ending x-coordinate.
+     * @param y1 - The ending y-coordinate.
+     * @returns The estimated population within the given bounding box.
+     */
+    function rec(feature, bboxF, x0, y0, x1, y1) {
+        if (!feature)
+            return 0;
+        if (x0 === x1 || y0 === y1)
+            return 0;
+        // Calculate the bounding box for this subdivision
+        const bbox = [x0 / 24 - 180, y0 / 24 - 90, x1 / 24 - 180, y1 / 24 - 90];
+        // Check if the subdivision overlaps with the feature's bounding box
+        if (!bboxOverlap(bbox, bboxF))
+            return 0;
+        // Create a polygon from the bounding box and calculate the intersection
+        const bboxPolygon = turf.bboxPolygon(bbox);
+        const intersection = turf.intersect(turf.featureCollection([feature, bboxPolygon]));
+        if (!intersection)
+            return 0;
+        // If the subdivision is minimal, calculate the population directly
+        if (x1 - x0 === 1 && y1 - y0 === 1) {
+            const areaFull = turf.area(bboxPolygon);
+            const areaIntersected = turf.area(intersection);
+            const populationDensity = Math.pow(2, popBuffer[y0 * 8640 + x0] / 10);
+            return (populationDensity * areaIntersected) / areaFull;
+        }
+        // Recursively subdivide the bounding box and sum the population estimates
+        bboxF = turf.bbox(intersection);
+        const xn = Math.round((x0 + x1) / 2);
+        const yn = Math.round((y0 + y1) / 2);
+        let sum = 0;
+        sum += rec(intersection, bboxF, x0, y0, xn, yn);
+        sum += rec(intersection, bboxF, xn, y0, x1, yn);
+        sum += rec(intersection, bboxF, x0, yn, xn, y1);
+        sum += rec(intersection, bboxF, xn, yn, x1, y1);
+        return sum;
+    }
+}
+/**
+ * Checks if two bounding boxes overlap.
+ * @param bbox1 - The first bounding box.
+ * @param bbox2 - The second bounding box.
+ * @returns True if the bounding boxes overlap, false otherwise.
+ */
+function bboxOverlap(bbox1, bbox2) {
+    return !(bbox1[0] > bbox2[2] ||
+        bbox1[1] > bbox2[3] ||
+        bbox1[2] < bbox2[0] ||
+        bbox1[3] < bbox2[1]);
+}

package/dist/components/BBoxMap/helpers/merge_bboxes.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env npx tsx
+export {};

package/dist/components/BBoxMap/helpers/merge_bboxes.js

@@ -0,0 +1,84 @@
+#!/usr/bin/env npx tsx
+import { readdirSync, readFileSync, writeFileSync } from 'node:fs';
+// Change the current working directory to the script's directory
+process.chdir(import.meta.dirname);
+console.log('Loading data...');
+// Initialize an array to hold the processed data
+const data = [];
+// Set to keep track of known labels to prevent duplicates
+const knownLabels = new Set();
+// Read all files in the "sources" directory
+readdirSync('../data/sources').forEach((filename) => {
+    // Skip files that do not end with .jsonl
+    if (!filename.endsWith('.jsonl'))
+        return;
+    // Read the contents of the file and split it into lines
+    const lines = readFileSync(`../data/sources/${filename}`, 'utf8').split('\n');
+    for (const line of lines) {
+        // Skip empty lines
+        if (!line)
+            continue;
+        // Parse each line into an Entry object
+        const entry = JSON.parse(line);
+        // Check for missing population values
+        if (!entry.population) {
+            console.error(`Error: Population is missing in line: ${line}`);
+            continue;
+        }
+        // Check for duplicate labels
+        if (knownLabels.has(entry.label)) {
+            throw new Error(`Error: Label "${entry.label}" is duplicated`);
+        }
+        // Add the label to the knownLabels set
+        knownLabels.add(entry.label);
+        // Round the bounding box values
+        const bbox = roundBBox(entry.bbox);
+        // Add the entry to the data array
+        data.push({ ...entry, bbox });
+    }
+});
+// Sort the data array by population in descending order
+data.sort((a, b) => b.population - a.population);
+console.log('Writing data to output file...');
+// Write the processed data to a JSON file
+writeFileSync('../bboxes.json', '[\n' +
+    data
+        .map((e) => {
+        const r = [e.label, ...e.bbox];
+        // Ensure the array has exactly 5 elements (label + 4 bbox values)
+        if (r.length !== 5)
+            throw new Error('Error: Incorrect entry length');
+        return JSON.stringify(r);
+    })
+        .join(',\n') +
+    '\n]');
+console.log('Data processing complete.');
+/**
+ * Rounds the values in a bounding box to a precision determined by its size.
+ * @param bbox - The bounding box to round.
+ * @returns A new bounding box with rounded values.
+ */
+function roundBBox(bbox) {
+    // Determine precision based on the size of the bounding box
+    const fx = length2precision(Math.abs(bbox[2] - bbox[0]));
+    const fy = length2precision(Math.abs(bbox[3] - bbox[1]));
+    // Round the bounding box values
+    const x = Math.floor(bbox[0] * fx) / fx;
+    const y = Math.floor(bbox[1] * fy) / fy;
+    const b = [x, y, Math.ceil((bbox[2] - x) * fx) / fx, Math.ceil((bbox[3] - y) * fy) / fy];
+    return b;
+    /**
+     * Determines the precision for rounding based on the length of a side of the bounding box.
+     * @param n - The length of a side of the bounding box.
+     * @returns The precision factor to use for rounding.
+     */
+    function length2precision(n) {
+        if (n > 300)
+            return 1; // No rounding for large values
+        if (n > 30)
+            return 10; // Round to the nearest 0.1
+        if (n > 3)
+            return 100; // Round to the nearest 0.01
+        return 1000; // Round to the nearest 0.001 for small values
+    }
+}

package/dist/components/BasicMap/BasicMap.svelte

@@ -0,0 +1,42 @@
+<!-- BasicMap.svelte -->
+<script>import { onMount, createEventDispatcher } from "svelte";
+import "maplibre-gl/dist/maplibre-gl.css";
+import { getMapStyle, isDarkMode } from "../../utils/style.js";
+export let style = "position:absolute; left:0px; top:0px; width:100%; height:100%;";
+export let container = void 0;
+export let map = void 0;
+export let styleOptions = {};
+export let mapOptions = {};
+const dispatch = createEventDispatcher();
+onMount(async () => {
+  let MaplibreMap = (await import("maplibre-gl")).Map;
+  if (!container) throw Error();
+  const darkMode = isDarkMode(container);
+  container.style.setProperty("--bg-color", darkMode ? "#000" : "#fff");
+  container.style.setProperty("--fg-color", darkMode ? "#fff" : "#000");
+  map = new MaplibreMap({
+    container,
+    style: getMapStyle(darkMode, styleOptions),
+    renderWorldCopies: false,
+    dragRotate: false,
+    attributionControl: { compact: false },
+    ...mapOptions
+  });
+  dispatch("mapReady", { map });
+});
+</script>
+
+<div class="map" {style} bind:this={container}></div>
+
+<style>
+	.map :global(.maplibregl-ctrl-attrib) {
+		background-color: color-mix(in srgb, var(--bg-color) 50%, transparent) !important;
+		color: var(--fg-color) !important;
+		opacity: 0.5;
+		font-size: 0.85em;
+		line-height: normal !important;
+	}
+	.map :global(.maplibregl-ctrl-attrib a) {
+		color: var(--fg-color) !important;
+	}
+</style>

package/dist/components/BasicMap/BasicMap.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponent } from "svelte";
+import type { Map as MaplibreMapType, MapOptions } from 'maplibre-gl';
+import 'maplibre-gl/dist/maplibre-gl.css';
+import type { ColorfulOptions } from '@versatiles/style';
+declare const __propDef: {
+    props: {
+        style?: string;
+        container?: HTMLDivElement | undefined;
+        map?: MaplibreMapType | undefined;
+        styleOptions?: ColorfulOptions;
+        mapOptions?: Partial<MapOptions>;
+    };
+    events: {
+        mapReady: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type BasicMapProps = typeof __propDef.props;
+export type BasicMapEvents = typeof __propDef.events;
+export type BasicMapSlots = typeof __propDef.slots;
+export default class BasicMap extends SvelteComponent<BasicMapProps, BasicMapEvents, BasicMapSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-import BBoxMap from './BBoxMap/BBoxMap.svelte';
-export { BBoxMap };
+import BasicMap from './components/BasicMap/BasicMap.svelte';
+import BBoxMap from './components/BBoxMap/BBoxMap.svelte';
+export { BasicMap, BBoxMap };

package/dist/index.js

@@ -1,3 +1,3 @@
-// Reexport your entry components here
-import BBoxMap from './BBoxMap/BBoxMap.svelte';
-export { BBoxMap };
+import BasicMap from './components/BasicMap/BasicMap.svelte';
+import BBoxMap from './components/BBoxMap/BBoxMap.svelte';
+export { BasicMap, BBoxMap };

package/dist/utils/style.d.ts

@@ -1,3 +1,3 @@
-import { styles } from '@versatiles/style';
-export declare function getMapStyle(darkMode: boolean): styles.MaplibreStyle;
+import { styles, type ColorfulOptions } from '@versatiles/style';
+export declare function getMapStyle(darkMode: boolean, styleOptions?: ColorfulOptions): styles.MaplibreStyle;
 export declare function isDarkMode(element: HTMLElement): boolean;

package/dist/utils/style.js

@@ -1,13 +1,14 @@
 import { styles } from '@versatiles/style';
 import { getLanguage } from './location.js';
-export function getMapStyle(darkMode) {
+export function getMapStyle(darkMode, styleOptions = {}) {
     return styles.colorful({
         baseUrl: 'https://tiles.versatiles.org',
         languageSuffix: getLanguage(),
         recolor: {
             invertBrightness: darkMode,
             gamma: darkMode ? 0.5 : 1
-        }
+        },
+        ...styleOptions
     });
 }
 export function isDarkMode(element) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/svelte",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "scripts": {
     "build": "vite build && npm run package",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -15,7 +15,7 @@
     "screenshots": "npm run build && npx tsx ./scripts/screenshots.ts",
     "release": "npm run build && npx vrt release-npm",
     "test:integration": "playwright test",
-    "test:unit": "vitest",
+    "test:unit": "vitest run",
     "test": "npm run test:integration && npm run test:unit",
     "upgrade": "npm-check-updates -u && rm -f package-lock.json; rm -rf node_modules; npm i && npm update"
   },
@@ -36,38 +36,38 @@
     "svelte": "^4.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.46.0",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.22",
-    "@sveltejs/package": "^2.3.4",
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@playwright/test": "^1.47.2",
+    "@sveltejs/adapter-auto": "^3.2.5",
+    "@sveltejs/kit": "^2.5.28",
+    "@sveltejs/package": "^2.3.5",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@turf/turf": "^7.1.0",
-    "@types/eslint": "^9.6.0",
-    "@types/node": "^22.3.0",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.5.5",
     "@types/split2": "^4.2.3",
-    "@versatiles/release-tool": "^1.2.5",
-    "eslint": "^9.9.0",
+    "@versatiles/release-tool": "^1.2.6",
+    "eslint": "^9.11.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.43.0",
+    "eslint-plugin-svelte": "^2.44.0",
     "geojson": "^0.5.0",
     "globals": "^15.9.0",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
-    "publint": "^0.2.9",
+    "publint": "^0.2.11",
     "split2": "^4.2.0",
-    "svelte": "^4.2.18",
-    "svelte-check": "^3.8.5",
-    "tsx": "^4.17.0",
-    "typescript": "^5.5.4",
-    "typescript-eslint": "^8.1.0",
-    "vite": "^5.4.0",
-    "vitest": "^2.0.5"
+    "svelte": "^4.2.19",
+    "svelte-check": "^4.0.2",
+    "tsx": "^4.19.1",
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.6.0",
+    "vite": "^5.4.7",
+    "vitest": "^2.1.1"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
     "@versatiles/style": "^4.4.1",
-    "maplibre-gl": "^4.5.2"
+    "maplibre-gl": "^4.7.1"
   }
 }

package/dist/{BBoxMap → components/BBoxMap}/BBoxMap.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import 'maplibre-gl/dist/maplibre-gl.css';
 import type { BBox } from './BBoxMap.js';
+import 'maplibre-gl/dist/maplibre-gl.css';
 declare const __propDef: {
     props: {
         selectedBBox?: BBox;