@geoql/v-maplibre 1.8.0 → 1.8.1

package/README.md

@@ -22,37 +22,63 @@
 
 ## Installation
 
+The library has **two required dependencies**. Everything else is opt-in per feature.
+
 ```bash
 # pnpm (recommended)
-pnpm add @geoql/v-maplibre maplibre-gl @deck.gl/core @deck.gl/layers @deck.gl/mapbox @deck.gl/aggregation-layers @deck.gl/geo-layers @deck.gl/mesh-layers maplibre-gl-wind
+pnpm add @geoql/v-maplibre maplibre-gl
 
 # npm
-npm install @geoql/v-maplibre maplibre-gl @deck.gl/core @deck.gl/layers @deck.gl/mapbox @deck.gl/aggregation-layers @deck.gl/geo-layers @deck.gl/mesh-layers maplibre-gl-wind
+npm install @geoql/v-maplibre maplibre-gl
 
 # yarn
-yarn add @geoql/v-maplibre maplibre-gl @deck.gl/core @deck.gl/layers @deck.gl/mapbox @deck.gl/aggregation-layers @deck.gl/geo-layers @deck.gl/mesh-layers maplibre-gl-wind
+yarn add @geoql/v-maplibre maplibre-gl
 ```
 
-> **Note:** All packages listed above are required peer dependencies. Without them, your build will fail with missing export errors.
+That covers `VMap`, `VMarker`, `VPopup`, all controls (`VControl*`), and every MapLibre-native layer (`VLayerMaplibre*`).
 
-### Additional Optional Dependencies
+### Optional peer dependencies
 
-Install these packages based on the features you need:
+Add these **only** for the layers you actually use — picking what you need keeps your bundle lean:
 
 ```bash
-# Raster/COG layers (Cloud-Optimized GeoTIFF) — requires deck.gl-raster ^0.6.0
-pnpm add @developmentseed/deck.gl-raster @developmentseed/deck.gl-geotiff @developmentseed/geotiff
+# deck.gl base — VLayerDeckgl, VLayerDeckglScatterplot, VLayerDeckglArc,
+# VLayerDeckglLine, VLayerDeckglPath, VLayerDeckglPolygon, VLayerDeckglSolidPolygon,
+# VLayerDeckglGeojson, VLayerDeckglIcon, VLayerDeckglText, VLayerDeckglColumn,
+# VLayerDeckglBitmap, VLayerDeckglPointCloud
+pnpm add @deck.gl/core @deck.gl/layers @deck.gl/mapbox
 
-# COG Mosaic layers (client-side mosaicking of multiple COGs)
-pnpm add @developmentseed/deck.gl-raster @developmentseed/deck.gl-geotiff @developmentseed/geotiff
+# Aggregation — VLayerDeckglHeatmap, VLayerDeckglHexagon, VLayerDeckglGrid,
+# VLayerDeckglGridCell, VLayerDeckglContour, VLayerDeckglScreenGrid
+pnpm add @deck.gl/aggregation-layers
 
-# LiDAR viewer control
-pnpm add maplibre-gl-lidar
+# Geo / tiles — VLayerDeckglTrips, VLayerDeckglMVT, VLayerDeckglTile,
+# VLayerDeckglTile3D, VLayerDeckglTerrain, VLayerDeckglH3Hexagon,
+# VLayerDeckglH3Cluster, VLayerDeckglS2, VLayerDeckglGeohash,
+# VLayerDeckglQuadkey, VLayerDeckglGreatCircle, VLayerDeckglWMS
+pnpm add @deck.gl/geo-layers
+
+# 3D mesh — VLayerDeckglSimpleMesh, VLayerDeckglScenegraph
+pnpm add @deck.gl/mesh-layers
+
+# Cloud-Optimized GeoTIFF — VLayerDeckglCOG, VLayerDeckglMultiCOG, VLayerDeckglMosaic
+pnpm add @developmentseed/deck.gl-geotiff @developmentseed/deck.gl-raster @developmentseed/geotiff @developmentseed/proj
+
+# Zarr — VLayerDeckglZarr
+pnpm add @developmentseed/deck.gl-zarr zarrita
 
-# Wind particle visualization
+# Wind particles — VLayerDeckglWindParticle
 pnpm add maplibre-gl-wind
+
+# LiDAR point cloud viewer — VControlLidar
+pnpm add maplibre-gl-lidar
+
+# Three.js starfield skybox for globe projections — VLayerMaplibreStarfield
+pnpm add @geoql/maplibre-gl-starfield three
 ```
 
+If you import a layer without its peer deps installed, your bundler will surface a `Cannot find module '...'` error — install the missing package(s) from the table above to resolve it.
+
 ## Quick Start
 
 ```vue

package/dist/index.d.ts

@@ -352,10 +352,10 @@ declare const __VLS_base$53: _$vue.DefineComponent<__VLS_Props$35, {}, {}, {}, {
   "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
   "onUpdate:opacity"?: ((opacity: number) => any) | undefined;
 }>, {
-  position: ControlPosition;
-  title: string;
   opacity: number;
   visible: boolean;
+  position: ControlPosition;
+  title: string;
   layerType: LayerType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$54: __VLS_WithSlots$53<typeof __VLS_base$53, __VLS_Slots$53>;
@@ -967,15 +967,15 @@ declare const __VLS_base$43: _$vue.DefineComponent<Props$40, {}, {}, {}, {}, _$v
   onMouseenter?: (() => any) | undefined;
   onMouseleave?: (() => any) | undefined;
 }>, {
-  interactive: boolean;
-  before: string;
   id: string;
+  opacity: number;
+  visible: boolean;
   color: string;
   width: number;
-  opacity: number;
+  before: string;
+  interactive: boolean;
   lineCap: "butt" | "round" | "square";
   lineJoin: "bevel" | "round" | "miter";
-  visible: boolean;
   blur: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$43: __VLS_WithSlots$43<typeof __VLS_base$43, __VLS_Slots$43>;
@@ -1041,10 +1041,10 @@ declare const __VLS_base$42: _$vue.DefineComponent<Props$39, {}, {}, {}, {}, _$v
   onMouseenter?: ((feature: IsochroneFeature) => any) | undefined;
   onMouseleave?: (() => any) | undefined;
 }>, {
-  interactive: boolean;
-  before: string;
   id: string;
   visible: boolean;
+  before: string;
+  interactive: boolean;
   fillOpacity: number;
   lineWidth: number;
   lineOpacity: number;
@@ -1317,16 +1317,16 @@ declare const __VLS_base$39: _$vue.DefineComponent<__VLS_Props$28, {}, {}, {}, {
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  opacity: number;
-  visible: boolean;
-  pickable: boolean;
-  autoHighlight: boolean;
   greatCircle: boolean;
   numSegments: number;
   widthUnits: "meters" | "common" | "pixels";
   widthScale: number;
   widthMinPixels: number;
   widthMaxPixels: number;
+  opacity: number;
+  visible: boolean;
+  pickable: boolean;
+  autoHighlight: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$39: __VLS_WithSlots$39<typeof __VLS_base$39, __VLS_Slots$39>;
 declare const _default$10: typeof __VLS_export$39;
@@ -1473,18 +1473,17 @@ declare const __VLS_base$38: _$vue.DefineComponent<__VLS_Props$27, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
+  pointType: string;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
-  pointType: string;
   lineJointRounded: boolean;
   lineCapRounded: boolean;
   lineMiterLimit: number;
@@ -1492,6 +1491,7 @@ declare const __VLS_base$38: _$vue.DefineComponent<__VLS_Props$27, {}, {}, {}, {
   pointRadiusScale: number;
   pointRadiusMinPixels: number;
   pointRadiusMaxPixels: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$38: __VLS_WithSlots$38<typeof __VLS_base$38, __VLS_Slots$38>;
 declare const _default$16: typeof __VLS_export$38;
@@ -1592,14 +1592,14 @@ declare const __VLS_base$37: _$vue.DefineComponent<__VLS_Props$26, {}, {}, {}, {
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  opacity: number;
-  visible: boolean;
-  pickable: boolean;
-  autoHighlight: boolean;
   widthUnits: "meters" | "common" | "pixels";
   widthScale: number;
   widthMinPixels: number;
   widthMaxPixels: number;
+  opacity: number;
+  visible: boolean;
+  pickable: boolean;
+  autoHighlight: boolean;
   capRounded: boolean;
   jointRounded: boolean;
   billboard: boolean;
@@ -1701,14 +1701,14 @@ declare const __VLS_base$36: _$vue.DefineComponent<__VLS_Props$25, {}, {}, {}, {
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  opacity: number;
-  visible: boolean;
-  pickable: boolean;
-  autoHighlight: boolean;
   widthUnits: "meters" | "common" | "pixels";
   widthScale: number;
   widthMinPixels: number;
   widthMaxPixels: number;
+  opacity: number;
+  visible: boolean;
+  pickable: boolean;
+  autoHighlight: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$36: __VLS_WithSlots$36<typeof __VLS_base$36, __VLS_Slots$36>;
 declare const _default$25: typeof __VLS_export$36;
@@ -1817,19 +1817,19 @@ declare const __VLS_base$35: _$vue.DefineComponent<__VLS_Props$24, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
   lineJointRounded: boolean;
   lineMiterLimit: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$35: __VLS_WithSlots$35<typeof __VLS_base$35, __VLS_Slots$35>;
 declare const _default$31: typeof __VLS_export$35;
@@ -1930,11 +1930,11 @@ declare const __VLS_base$34: _$vue.DefineComponent<__VLS_Props$23, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   extruded: boolean;
+  wireframe: boolean;
   elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$34: __VLS_WithSlots$34<typeof __VLS_base$34, __VLS_Slots$34>;
@@ -2053,9 +2053,9 @@ declare const __VLS_base$33: _$vue.DefineComponent<__VLS_Props$22, {}, {}, {}, {
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  sizeScale: number;
-  sizeUnits: "meters" | "common" | "pixels";
   billboard: boolean;
+  sizeUnits: "meters" | "common" | "pixels";
+  sizeScale: number;
   sizeMinPixels: number;
   sizeMaxPixels: number;
   alphaCutoff: number;
@@ -2184,12 +2184,12 @@ declare const __VLS_base$32: _$vue.DefineComponent<__VLS_Props$21, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  background: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  sizeScale: number;
-  sizeUnits: "meters" | "common" | "pixels";
   billboard: boolean;
+  sizeUnits: "meters" | "common" | "pixels";
+  background: boolean;
+  sizeScale: number;
   sizeMinPixels: number;
   sizeMaxPixels: number;
   characterSet: string | string[];
@@ -2320,20 +2320,20 @@ declare const __VLS_base$31: _$vue.DefineComponent<__VLS_Props$20, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
-  radius: number;
-  coverage: number;
+  elevationScale: number;
   radiusUnits: "meters" | "common" | "pixels";
+  coverage: number;
+  radius: number;
   diskResolution: number;
   angle: number;
   flatShading: boolean;
@@ -2538,8 +2538,8 @@ declare const __VLS_base$29: _$vue.DefineComponent<__VLS_Props$19, {}, {}, {}, {
   autoHighlight: boolean;
   extruded: boolean;
   elevationScale: number;
-  coverage: number;
   cellSize: number;
+  coverage: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$29: __VLS_WithSlots$29<typeof __VLS_base$29, __VLS_Slots$29>;
 declare const _default$19: typeof __VLS_export$29;
@@ -2738,13 +2738,13 @@ declare const __VLS_base$27: _$vue.DefineComponent<__VLS_Props$17, {}, {}, {}, {
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  intensity: number;
   opacity: number;
   visible: boolean;
   pickable: boolean;
+  aggregation: "SUM" | "MEAN";
+  intensity: number;
   radiusPixels: number;
   threshold: number;
-  aggregation: "SUM" | "MEAN";
   weightsTextureSize: number;
   debounceTimeout: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
@@ -2861,8 +2861,6 @@ declare const __VLS_base$26: _$vue.DefineComponent<__VLS_Props$16, {}, {}, {}, {
   autoHighlight: boolean;
   extruded: boolean;
   elevationScale: number;
-  gpuAggregation: boolean;
-  radius: number;
   coverage: number;
   upperPercentile: number;
   lowerPercentile: number;
@@ -2871,6 +2869,8 @@ declare const __VLS_base$26: _$vue.DefineComponent<__VLS_Props$16, {}, {}, {}, {
   colorScaleType: "quantize" | "linear" | "quantile" | "ordinal";
   colorAggregation: "SUM" | "MEAN" | "MIN" | "MAX" | "COUNT";
   elevationAggregation: "SUM" | "MEAN" | "MIN" | "MAX" | "COUNT";
+  gpuAggregation: boolean;
+  radius: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$26: __VLS_WithSlots$26<typeof __VLS_base$26, __VLS_Slots$26>;
 declare const _default$23: typeof __VLS_export$26;
@@ -2985,7 +2985,7 @@ declare const __VLS_base$25: _$vue.DefineComponent<__VLS_Props$15, {}, {}, {}, {
   autoHighlight: boolean;
   extruded: boolean;
   elevationScale: number;
-  gpuAggregation: boolean;
+  cellSize: number;
   coverage: number;
   upperPercentile: number;
   lowerPercentile: number;
@@ -2994,7 +2994,7 @@ declare const __VLS_base$25: _$vue.DefineComponent<__VLS_Props$15, {}, {}, {}, {
   colorScaleType: "quantize" | "linear" | "quantile" | "ordinal";
   colorAggregation: "SUM" | "MEAN" | "MIN" | "MAX";
   elevationAggregation: "SUM" | "MEAN" | "MIN" | "MAX";
-  cellSize: number;
+  gpuAggregation: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$25: __VLS_WithSlots$25<typeof __VLS_base$25, __VLS_Slots$25>;
 declare const _default$18: typeof __VLS_export$25;
@@ -3101,9 +3101,9 @@ declare const __VLS_base$24: _$vue.DefineComponent<__VLS_Props$14, {}, {}, {}, {
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  aggregation: "SUM" | "MEAN" | "MIN" | "MAX";
-  gpuAggregation: boolean;
   cellSize: number;
+  gpuAggregation: boolean;
+  aggregation: "SUM" | "MEAN" | "MIN" | "MAX";
   zOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$24: __VLS_WithSlots$24<typeof __VLS_base$24, __VLS_Slots$24>;
@@ -3206,8 +3206,8 @@ declare const __VLS_base$23: _$vue.DefineComponent<__VLS_Props$13, {}, {}, {}, {
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  aggregation: "SUM" | "MEAN" | "MIN" | "MAX";
   gpuAggregation: boolean;
+  aggregation: "SUM" | "MEAN" | "MIN" | "MAX";
   cellSizePixels: number;
   cellMarginPixels: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
@@ -3313,14 +3313,14 @@ declare const __VLS_base$22: _$vue.DefineComponent<__VLS_Props$12, {}, {}, {}, {
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  opacity: number;
-  visible: boolean;
-  pickable: boolean;
-  autoHighlight: boolean;
   widthUnits: "meters" | "common" | "pixels";
   widthScale: number;
   widthMinPixels: number;
   widthMaxPixels: number;
+  opacity: number;
+  visible: boolean;
+  pickable: boolean;
+  autoHighlight: boolean;
   capRounded: boolean;
   jointRounded: boolean;
   billboard: boolean;
@@ -3434,17 +3434,17 @@ declare const __VLS_base$21: _$vue.DefineComponent<__VLS_Props$11, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
+  elevationScale: number;
   coverage: number;
   highPrecision: boolean | "auto";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
@@ -3552,17 +3552,17 @@ declare const __VLS_base$20: _$vue.DefineComponent<__VLS_Props$10, {}, {}, {}, {
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$20: __VLS_WithSlots$20<typeof __VLS_base$20, __VLS_Slots$20>;
 declare const _default$20: typeof __VLS_export$20;
@@ -3683,23 +3683,23 @@ declare const __VLS_base$19: _$vue.DefineComponent<__VLS_Props$9, {}, {}, {}, {}
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
-  maxZoom: number;
-  minZoom: number;
   pointRadiusUnits: "meters" | "common" | "pixels";
   pointRadiusScale: number;
   pointRadiusMinPixels: number;
   pointRadiusMaxPixels: number;
+  elevationScale: number;
+  minZoom: number;
+  maxZoom: number;
   binary: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$19: __VLS_WithSlots$19<typeof __VLS_base$19, __VLS_Slots$19>;
@@ -3782,10 +3782,10 @@ declare const __VLS_base$18: _$vue.DefineComponent<Props$15, {}, {}, {}, {}, _$v
     devicePixel?: [number, number];
     pixelRatio: number;
   }) => any;
-  viewportLoad: (tiles: unknown[]) => any;
   tileLoad: (tile: unknown) => any;
-  tileUnload: (tile: unknown) => any;
   tileError: (error: Error, tile: unknown) => any;
+  tileUnload: (tile: unknown) => any;
+  viewportLoad: (tiles: unknown[]) => any;
 }, string, _$vue.PublicProps, Readonly<Props$15> & Readonly<{
   onClick?: ((info: {
     color: Uint8Array | null;
@@ -3817,19 +3817,19 @@ declare const __VLS_base$18: _$vue.DefineComponent<Props$15, {}, {}, {}, {}, _$v
     devicePixel?: [number, number];
     pixelRatio: number;
   }) => any) | undefined;
-  onViewportLoad?: ((tiles: unknown[]) => any) | undefined;
   onTileLoad?: ((tile: unknown) => any) | undefined;
-  onTileUnload?: ((tile: unknown) => any) | undefined;
   onTileError?: ((error: Error, tile: unknown) => any) | undefined;
+  onTileUnload?: ((tile: unknown) => any) | undefined;
+  onViewportLoad?: ((tiles: unknown[]) => any) | undefined;
 }>, {
   opacity: number;
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  tileSize: number;
   minZoom: number;
-  refinementStrategy: "best-available" | "no-overlap" | "never";
   maxRequests: number;
+  refinementStrategy: "best-available" | "no-overlap" | "never";
+  tileSize: number;
   zoomOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$18: __VLS_WithSlots$18<typeof __VLS_base$18, __VLS_Slots$18>;
@@ -3891,9 +3891,9 @@ declare const __VLS_base$17: _$vue.DefineComponent<Props$14, {}, {}, {}, {}, _$v
     pixelRatio: number;
   }) => any;
   tileLoad: (tile: unknown) => any;
-  tileUnload: (tile: unknown) => any;
   tileError: (error: Error, url: string, tile: unknown) => any;
   tilesetLoad: (tileset: unknown) => any;
+  tileUnload: (tile: unknown) => any;
 }, string, _$vue.PublicProps, Readonly<Props$14> & Readonly<{
   onClick?: ((info: {
     color: Uint8Array | null;
@@ -3926,9 +3926,9 @@ declare const __VLS_base$17: _$vue.DefineComponent<Props$14, {}, {}, {}, {}, _$v
     pixelRatio: number;
   }) => any) | undefined;
   onTileLoad?: ((tile: unknown) => any) | undefined;
-  onTileUnload?: ((tile: unknown) => any) | undefined;
   onTileError?: ((error: Error, url: string, tile: unknown) => any) | undefined;
   onTilesetLoad?: ((tileset: unknown) => any) | undefined;
+  onTileUnload?: ((tile: unknown) => any) | undefined;
 }>, {
   opacity: number;
   visible: boolean;
@@ -4046,10 +4046,10 @@ declare const __VLS_base$16: _$vue.DefineComponent<Props$13, {}, {}, {}, {}, _$v
 }>, {
   opacity: number;
   visible: boolean;
-  meshMaxError: number;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
+  wireframe: boolean;
+  meshMaxError: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$16: __VLS_WithSlots$16<typeof __VLS_base$16, __VLS_Slots$16>;
 declare const _default$39: typeof __VLS_export$16;
@@ -4151,15 +4151,15 @@ declare const __VLS_base$15: _$vue.DefineComponent<__VLS_Props$8, {}, {}, {}, {}
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  opacity: number;
-  visible: boolean;
-  pickable: boolean;
-  autoHighlight: boolean;
   numSegments: number;
   widthUnits: "meters" | "common" | "pixels";
   widthScale: number;
   widthMinPixels: number;
   widthMaxPixels: number;
+  opacity: number;
+  visible: boolean;
+  pickable: boolean;
+  autoHighlight: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$15: __VLS_WithSlots$15<typeof __VLS_base$15, __VLS_Slots$15>;
 declare const _default$17: typeof __VLS_export$15;
@@ -4265,17 +4265,17 @@ declare const __VLS_base$14: _$vue.DefineComponent<__VLS_Props$7, {}, {}, {}, {}
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$14: __VLS_WithSlots$14<typeof __VLS_base$14, __VLS_Slots$14>;
 declare const _default$33: typeof __VLS_export$14;
@@ -4381,17 +4381,17 @@ declare const __VLS_base$13: _$vue.DefineComponent<__VLS_Props$6, {}, {}, {}, {}
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$13: __VLS_WithSlots$13<typeof __VLS_base$13, __VLS_Slots$13>;
 declare const _default$15: typeof __VLS_export$13;
@@ -4497,17 +4497,17 @@ declare const __VLS_base$12: _$vue.DefineComponent<__VLS_Props$5, {}, {}, {}, {}
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
   filled: boolean;
   stroked: boolean;
   extruded: boolean;
-  elevationScale: number;
+  wireframe: boolean;
   lineWidthUnits: "meters" | "common" | "pixels";
   lineWidthScale: number;
   lineWidthMinPixels: number;
   lineWidthMaxPixels: number;
+  elevationScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$12: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
 declare const _default$32: typeof __VLS_export$12;
@@ -4708,9 +4708,9 @@ declare const __VLS_base$10: _$vue.DefineComponent<__VLS_Props$4, {}, {}, {}, {}
 }>, {
   opacity: number;
   visible: boolean;
-  wireframe: boolean;
   pickable: boolean;
   autoHighlight: boolean;
+  wireframe: boolean;
   sizeScale: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$10: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
@@ -4987,12 +4987,12 @@ declare const __VLS_base$8: _$vue.DefineComponent<Props$5, {}, {}, {}, {}, _$vue
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  tileSize: number;
   minZoom: number;
-  refinementStrategy: "best-available" | "no-overlap" | "never";
   maxRequests: number;
+  refinementStrategy: "best-available" | "no-overlap" | "never";
   debug: boolean;
   debugOpacity: number;
+  tileSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$8: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
 declare const _default$12: typeof __VLS_export$8;
@@ -5314,9 +5314,9 @@ declare const __VLS_base$6: _$vue.DefineComponent<Props$3, {}, {}, {}, {}, _$vue
   visible: boolean;
   pickable: boolean;
   autoHighlight: boolean;
-  refinementStrategy: "best-available" | "no-overlap" | "never";
-  maxRequests: number;
   maxError: number;
+  maxRequests: number;
+  refinementStrategy: "best-available" | "no-overlap" | "never";
   debug: boolean;
   debugOpacity: number;
   debugLevel: 1 | 2 | 3;
@@ -5545,12 +5545,10 @@ declare const __VLS_base$4: _$vue.DefineComponent<Props$1, {}, {}, {}, {}, _$vue
     pixelRatio: number;
   }) => any) | undefined;
 }>, {
-  color: Color;
-  width: number;
   opacity: number;
   visible: boolean;
-  bounds: [number, number, number, number];
   pickable: boolean;
+  bounds: [number, number, number, number];
   uMin: number;
   uMax: number;
   vMin: number;
@@ -5558,8 +5556,10 @@ declare const __VLS_base$4: _$vue.DefineComponent<Props$1, {}, {}, {}, {}, _$vue
   numParticles: number;
   maxAge: number;
   speedFactor: number;
+  color: Color;
   colorRamp: ColorStop$1[];
   speedRange: [number, number];
+  width: number;
   animate: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
@@ -5856,15 +5856,15 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
   open: () => void;
   close: () => void;
 }, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onRemoved?: (() => any) | undefined;
-  onOpen?: (() => any) | undefined;
-  onClose?: (() => any) | undefined;
   onAdded?: ((payload: {
     popup: Popup;
   }) => any) | undefined;
+  onRemoved?: (() => any) | undefined;
+  onOpen?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
 }>, {
-  options: PopupOptions;
   coordinates: LngLatLike;
+  options: PopupOptions;
   marker: Marker;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoql/v-maplibre",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "private": false,
   "description": "Vue 3 components for MapLibre GL - reactive map components with full TypeScript support",
   "keywords": [