@geoql/v-maplibre 1.3.0 → 1.5.0

package/dist/layers/deckgl/cog/VLayerDeckglCOG.vue.d.ts

@@ -0,0 +1,166 @@
+import type { Color } from '@deck.gl/core';
+interface Props {
+    id: string;
+    /**
+     * GeoTIFF source - URL string, ArrayBuffer, Blob, or geotiff.js instance
+     */
+    geotiff: string | ArrayBuffer | Blob | object;
+    /**
+     * Tile size in pixels
+     */
+    tileSize?: number;
+    /**
+     * Maximum zoom level
+     */
+    maxZoom?: number;
+    /**
+     * Minimum zoom level
+     */
+    minZoom?: number;
+    /**
+     * Maximum number of tiles to cache
+     */
+    maxCacheSize?: number;
+    /**
+     * Refinement strategy for tile loading
+     */
+    refinementStrategy?: 'best-available' | 'no-overlap' | 'never';
+    /**
+     * Maximum concurrent requests
+     */
+    maxRequests?: number;
+    /**
+     * Layer opacity (0-1)
+     */
+    opacity?: number;
+    /**
+     * Layer visibility
+     */
+    visible?: boolean;
+    /**
+     * Enable picking on this layer
+     */
+    pickable?: boolean;
+    /**
+     * Auto highlight on hover
+     */
+    autoHighlight?: boolean;
+    /**
+     * Highlight color when autoHighlight is enabled
+     */
+    highlightColor?: Color;
+    /**
+     * Insert layer before this layer id
+     */
+    beforeId?: string;
+    /**
+     * Show debug overlay on tiles
+     */
+    debug?: boolean;
+    /**
+     * Opacity of debug overlay (0-1)
+     */
+    debugOpacity?: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    hover: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    geotiffLoad: (tiff: unknown, options: {
+        geographicBounds: {
+            west: number;
+            south: number;
+            east: number;
+            north: number;
+        };
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onHover?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onGeotiffLoad?: ((tiff: unknown, options: {
+        geographicBounds: {
+            west: number;
+            south: number;
+            east: number;
+            north: number;
+        };
+    }) => any) | undefined;
+}>, {
+    debug: boolean;
+    opacity: number;
+    pickable: boolean;
+    visible: boolean;
+    tileSize: number;
+    autoHighlight: boolean;
+    minZoom: number;
+    refinementStrategy: "best-available" | "no-overlap" | "never";
+    maxRequests: number;
+    debugOpacity: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layers/deckgl/cog/index.d.ts

@@ -0,0 +1 @@
+export { default as VLayerDeckglCOG } from './VLayerDeckglCOG.vue';

package/dist/layers/deckgl/index.d.ts

@@ -30,6 +30,9 @@ export { VLayerDeckglQuadkey } from './quadkey';
 export { VLayerDeckglWMS } from './wms';
 export { VLayerDeckglSimpleMesh } from './simple-mesh';
 export { VLayerDeckglScenegraph } from './scenegraph';
+export { VLayerDeckglCOG } from './cog';
+export { VLayerDeckglWindParticle, WindParticleLayer, generateWindTexture, createWindDataFromOpenWeatherMap, } from './wind-particle';
+export type { WindDataPoint, WindTextureResult, GenerateWindTextureOptions, ColorStop, } from './wind-particle';
 export { VLayerDeckgl } from './generic';
 export { useDeckOverlay, useDeckLayers, DeckOverlayKey, DeckLayersKey, } from './_shared';
 export * from './_shared/types';

package/dist/layers/deckgl/text/VLayerDeckglText.vue.d.ts

@@ -22,10 +22,18 @@ interface Props<D = unknown> {
     sizeUnits?: 'meters' | 'common' | 'pixels';
     sizeMinPixels?: number;
     sizeMaxPixels?: number;
+    characterSet?: string | string[];
     fontFamily?: string;
     fontWeight?: string | number;
     lineHeight?: number;
-    fontSettings?: object;
+    fontSettings?: {
+        sdf?: boolean;
+        fontSize?: number;
+        buffer?: number;
+        radius?: number;
+        cutoff?: number;
+        smoothing?: number;
+    };
     wordBreak?: 'break-all' | 'break-word';
     maxWidth?: number;
     outlineWidth?: number;
@@ -115,9 +123,18 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     sizeUnits: "meters" | "common" | "pixels";
     sizeMinPixels: number;
     sizeMaxPixels: number;
+    characterSet: string | string[];
     fontFamily: string;
     fontWeight: string | number;
     lineHeight: number;
+    fontSettings: {
+        sdf?: boolean;
+        fontSize?: number;
+        buffer?: number;
+        radius?: number;
+        cutoff?: number;
+        smoothing?: number;
+    };
     wordBreak: "break-all" | "break-word";
     maxWidth: number;
     outlineWidth: number;

package/dist/layers/deckgl/wind-particle/VLayerDeckglWindParticle.vue.d.ts

@@ -0,0 +1,120 @@
+import type { ColorStop, WindDataPoint } from 'maplibre-gl-wind';
+import type { Color } from '../_shared/types';
+interface Props {
+    id: string;
+    imageUrl?: string;
+    windData?: WindDataPoint[];
+    bounds?: [number, number, number, number];
+    uMin?: number;
+    uMax?: number;
+    vMin?: number;
+    vMax?: number;
+    numParticles?: number;
+    maxAge?: number;
+    speedFactor?: number;
+    color?: Color;
+    colorRamp?: ColorStop[];
+    speedRange?: [number, number];
+    width?: number;
+    animate?: boolean;
+    opacity?: number;
+    visible?: boolean;
+    pickable?: boolean;
+    beforeId?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    error: (error: Error) => any;
+    hover: (info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any;
+    loaded: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onError?: ((error: Error) => any) | undefined;
+    onHover?: ((info: {
+        color: Uint8Array | null;
+        layer: import("@deck.gl/core").Layer | null;
+        sourceLayer?: import("@deck.gl/core").Layer | null;
+        viewport?: import("@deck.gl/core").Viewport;
+        index: number;
+        picked: boolean;
+        object?: any;
+        x: number;
+        y: number;
+        pixel?: [number, number];
+        coordinate?: number[];
+        devicePixel?: [number, number];
+        pixelRatio: number;
+    }) => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {
+    width: number;
+    opacity: number;
+    pickable: boolean;
+    visible: boolean;
+    bounds: [number, number, number, number];
+    animate: boolean;
+    color: Color;
+    uMin: number;
+    uMax: number;
+    vMin: number;
+    vMax: number;
+    numParticles: number;
+    maxAge: number;
+    speedFactor: number;
+    colorRamp: ColorStop[];
+    speedRange: [number, number];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layers/deckgl/wind-particle/index.d.ts

@@ -0,0 +1,3 @@
+export { default as VLayerDeckglWindParticle } from './VLayerDeckglWindParticle.vue';
+export { WindParticleLayer, generateWindTexture, createWindDataFromOpenWeatherMap, windUniforms, } from 'maplibre-gl-wind';
+export type { WindParticleLayerProps, WindUniformProps, ColorStop, WindDataPoint, WindTextureResult, GenerateWindTextureOptions, } from 'maplibre-gl-wind';

package/dist/layers/index.d.ts

@@ -6,4 +6,5 @@ export { VectorLayer as VLayerMaplibreVector } from './maplibre/vector';
 export { VideoLayer as VLayerMaplibreVideo } from './maplibre/video';
 export { PmtileLayer as VLayerMaplibrePmtile } from './maplibre/pmtile';
 export { ClusterLayer as VLayerMaplibreCluster } from './maplibre/cluster';
+export { RouteLayer as VLayerMaplibreRoute } from './maplibre/route';
 export * from './deckgl';

package/dist/layers/maplibre/route/VLayerMaplibreRoute.vue.d.ts

@@ -0,0 +1,64 @@
+interface RouteClick {
+    coordinates: {
+        lng: number;
+        lat: number;
+    };
+}
+interface Props {
+    /** Unique identifier for the route */
+    id?: string;
+    /** Array of [longitude, latitude] coordinate pairs defining the route */
+    coordinates: [number, number][];
+    /** Line color as CSS color value */
+    color?: string;
+    /** Line width in pixels */
+    width?: number;
+    /** Line opacity (0-1) */
+    opacity?: number;
+    /** Line cap style */
+    lineCap?: 'butt' | 'round' | 'square';
+    /** Line join style */
+    lineJoin?: 'bevel' | 'round' | 'miter';
+    /** Whether the route is visible */
+    visible?: boolean;
+    /** Whether the route is interactive (shows pointer cursor on hover) */
+    interactive?: boolean;
+    /** Render this layer before the specified layer */
+    before?: string;
+    /** Line dash array for dashed lines */
+    dashArray?: number[];
+    /** Line blur in pixels */
+    blur?: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: RouteClick) => any;
+    mouseenter: () => any;
+    mouseleave: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: RouteClick) => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+    onMouseleave?: (() => any) | undefined;
+}>, {
+    width: number;
+    id: string;
+    opacity: number;
+    before: string;
+    visible: boolean;
+    color: string;
+    lineCap: "butt" | "round" | "square";
+    lineJoin: "bevel" | "round" | "miter";
+    interactive: boolean;
+    blur: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layers/maplibre/route/index.d.ts

@@ -0,0 +1 @@
+export { default as RouteLayer } from './VLayerMaplibreRoute.vue';

package/dist/markers/VMarker.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Props = {
     cursor?: string;
 };
 declare var __VLS_1: {
-    setRef: (el: HTMLElement) => void;
+    setRef: (el: HTMLElement | Element | null) => void;
 }, __VLS_9: {};
 type __VLS_Slots = {} & {
     markers?: (props: typeof __VLS_1) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoql/v-maplibre",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Vue 3 components for MapLibre GL - reactive map components with full TypeScript support",
   "type": "module",
   "main": "./dist/index.js",
@@ -40,7 +40,10 @@
     "@deck.gl/aggregation-layers": "^9.2.5",
     "@deck.gl/geo-layers": "^9.2.5",
     "@deck.gl/mesh-layers": "^9.2.5",
-    "maplibre-gl-lidar": "^0.5.0"
+    "@developmentseed/deck.gl-geotiff": "^0.1.0",
+    "geotiff-geokeys-to-proj4": "^2024.4.0",
+    "maplibre-gl-lidar": "^0.5.0",
+    "maplibre-gl-wind": "^0.2.0"
   },
   "peerDependenciesMeta": {
     "@deck.gl/core": {
@@ -61,8 +64,17 @@
     "@deck.gl/mesh-layers": {
       "optional": true
     },
+    "@developmentseed/deck.gl-geotiff": {
+      "optional": true
+    },
+    "geotiff-geokeys-to-proj4": {
+      "optional": true
+    },
     "maplibre-gl-lidar": {
       "optional": true
+    },
+    "maplibre-gl-wind": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -70,20 +82,24 @@
     "pmtiles": "^4.3.2"
   },
   "devDependencies": {
+    "@awmottaz/prettier-plugin-void-html": "catalog:",
+    "@deck.gl/aggregation-layers": "catalog:deckgl",
     "@deck.gl/core": "catalog:deckgl",
+    "@deck.gl/geo-layers": "catalog:deckgl",
     "@deck.gl/layers": "catalog:deckgl",
     "@deck.gl/mapbox": "catalog:deckgl",
-    "@deck.gl/aggregation-layers": "catalog:deckgl",
-    "@deck.gl/geo-layers": "catalog:deckgl",
     "@deck.gl/mesh-layers": "catalog:deckgl",
-    "maplibre-gl-lidar": "^0.5.0",
-    "@awmottaz/prettier-plugin-void-html": "catalog:",
+    "@luma.gl/core": "^9.2.5",
+    "@luma.gl/engine": "^9.2.5",
+    "@luma.gl/shadertools": "^9.2.5",
     "@types/node": "^25.0.6",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vitest/coverage-v8": "^4.0.16",
     "@vitest/ui": "^4.0.16",
     "@vue/test-utils": "^2.4.6",
     "happy-dom": "^20.1.0",
+    "maplibre-gl-lidar": "^0.5.0",
+    "maplibre-gl-wind": "^0.2.0",
     "oxlint": "catalog:",
     "prettier": "catalog:",
     "typescript": "catalog:",