mobility-toolbox-js 3.0.0-beta.14 → 3.0.0-beta.16

package/ol/layers/Layer.d.ts

@@ -3,13 +3,13 @@ import { MobilityLayerOptions } from '../mixins/MobilityLayerMixin';
 declare const Layer_base: {
     new (...args: any[]): {
         options?: import("../mixins/PropertiesLayerMixin").PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: import("ol/events").EventsKey[];
+        olEventsKeys: import("ol/events").EventsKey[];
         children: OLLayer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[];
         get copyrights(): string;
         set copyrights(newCopyrights: string | string[]);
         disabled: boolean;
         readonly group: string;
-        readonly hitTolerance: boolean;
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: import("ol").Map;
         readonly name: string;

package/ol/layers/MaplibreLayer.d.ts

@@ -1,36 +1,32 @@
-import Source from 'ol/source/Source';
 import OlMap from 'ol/Map';
-import BaseEvent from 'ol/events/Event';
-import Layer from 'ol/layer/Layer';
-import { Map, MapOptions } from 'maplibre-gl';
+import { MapLibreLayer } from '@geoblocks/ol-maplibre-layer';
+import type { MapLibreLayerOptions, MapLibreOptions } from '@geoblocks/ol-maplibre-layer/lib/types/MapLibreLayer';
 import { MobilityLayerOptions } from '../mixins/MobilityLayerMixin';
-import MaplibreLayerRenderer from '../renderers/MaplibreLayerRenderer';
-export type MaplibreLayerOptions = MobilityLayerOptions & {
+export type MaplibreLayerOptions = MobilityLayerOptions & MapLibreLayerOptions & {
     apiKey?: string;
     apiKeyName?: string;
     style?: string | maplibregl.StyleSpecification;
     url?: string;
-    mapOptions?: maplibregl.MapOptions;
-    queryRenderedFeaturesOptions?: maplibregl.QueryRenderedFeaturesOptions;
+    mapLibreOptions?: MapLibreOptions;
 };
 declare const MaplibreLayer_base: {
     new (...args: any[]): {
         options?: import("../mixins/PropertiesLayerMixin").PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: import("ol/events").EventsKey[];
-        children: Layer<Source, import("ol/renderer/Layer").default<any>>[];
+        olEventsKeys: import("ol/events").EventsKey[];
+        children: import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[];
         get copyrights(): string;
         set copyrights(newCopyrights: string | string[]);
         disabled: boolean;
         readonly group: string;
-        readonly hitTolerance: boolean;
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: OlMap;
         readonly name: string;
-        olLayer: Layer<Source, import("ol/renderer/Layer").default<any>>;
-        parent: Layer<Source, import("ol/renderer/Layer").default<any>>;
+        olLayer: import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>;
+        parent: import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>;
         visible: boolean;
         setMapInternal: ((map: OlMap) => void) & ((map: OlMap | null) => void);
-        onChildrenChange(oldValue: Layer<Source, import("ol/renderer/Layer").default<any>>[]): void;
+        onChildrenChange(oldValue: import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[]): void;
         attachToMap(map: OlMap): void;
         detachFromMap(): void;
         flat(): any[];
@@ -40,8 +36,8 @@ declare const MaplibreLayer_base: {
         render: (frameState: import("ol/Map").FrameState | null, target: HTMLElement) => HTMLElement | null;
         once: import("ol/layer/Layer").LayerOnSignature<import("ol/events").EventsKey>;
         un: import("ol/layer/Layer").LayerOnSignature<void>;
-        getSource: () => Source | null;
-        getRenderSource: () => Source | null;
+        getSource: () => import("ol/source").Source | null;
+        getRenderSource: () => import("ol/source").Source | null;
         getFeatures: (pixel: import("ol/pixel").Pixel) => Promise<import("ol/Feature").FeatureLike[]>;
         getData: (pixel: import("ol/pixel").Pixel) => Float32Array | Uint8ClampedArray | Uint8Array | DataView | null;
         isVisible: (view?: import("ol").View | import("ol/View").ViewStateLayerStateExtent | undefined) => boolean;
@@ -52,13 +48,13 @@ declare const MaplibreLayer_base: {
         renderDeferred: (frameState: import("ol/Map").FrameState) => void;
         getMapInternal: () => OlMap | null;
         setMap: (map: OlMap | null) => void;
-        setSource: (source: Source | null) => void;
+        setSource: (source: import("ol/source").Source | null) => void;
         getRenderer: () => import("ol/renderer/Layer").default<any> | null;
         hasRenderer: () => boolean;
         getBackground: () => false | import("ol/layer/Base").BackgroundColor;
         getClassName: () => string;
         getLayerState: (managed?: boolean | undefined) => import("ol/layer/Layer").State;
-        getLayersArray: (array?: Layer<Source, import("ol/renderer/Layer").default<any>>[] | undefined) => Layer<Source, import("ol/renderer/Layer").default<any>>[];
+        getLayersArray: (array?: import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[] | undefined) => import("ol/layer").Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[];
         getLayerStatesArray: (states?: import("ol/layer/Layer").State[] | undefined) => import("ol/layer/Layer").State[];
         getExtent: () => import("ol/extent").Extent | undefined;
         getMaxResolution: () => number;
@@ -97,12 +93,12 @@ declare const MaplibreLayer_base: {
         unset: (key: string, silent?: boolean | undefined) => void;
         changed: () => void;
         getRevision: () => number;
-        dispatchEvent: (event: string | BaseEvent) => boolean | undefined;
+        dispatchEvent: (event: string | import("ol/events/Event").default) => boolean | undefined;
         getListeners: (type: string) => import("ol/events").Listener[] | undefined;
         hasListener: (type?: string | undefined) => boolean;
         dispose: () => void;
     };
-} & typeof Layer;
+} & typeof MapLibreLayer;
 /**
  * An OpenLayers layer able to display data from the [geOps Maps API](https://developer.geops.io/apis/maps).
  *
@@ -112,7 +108,7 @@ declare const MaplibreLayer_base: {
  * const layer = new MaplibreLayer({
  *   apiKey: 'yourApiKey',
  *   // apiKeyName: 'key',
- *   // mapOptions: {
+ *   // mapLibreOptions: {
  *   //   interactive: false,
  *   //   trackResize: false,
  *   //   attributionControl: false,
@@ -124,22 +120,14 @@ declare const MaplibreLayer_base: {
  *   // url: 'https://maps.geops.io',
  * });
  *
- * @classproperty {maplibregl.Map} maplibreMap - The Maplibre map object. Readonly.
- * @classproperty {maplibregl.QueryRenderedFeaturesOptions} queryRenderedFeaturesOptions - Options used when we query features using map.getFeaturesAtPixel().
+ * @classproperty {maplibregl.Map} mapLibreMap - The Maplibre map object. Readonly.
  * @classproperty {string} style - geOps Maps api style.
  * @extends {ol/layer/Layer~Layer}
  * @public
  */
 declare class MaplibreLayer extends MaplibreLayer_base {
-    loaded: boolean;
-    maplibreMap?: Map;
-    get apiKey(): string;
-    set apiKey(newValue: string);
-    get apiKeyName(): string;
-    set apiKeyName(newValue: string);
     get mbMap(): maplibregl.Map | undefined;
-    get queryRenderedFeaturesOptions(): maplibregl.QueryRenderedFeaturesOptions;
-    set queryRenderedFeaturesOptions(newValue: maplibregl.QueryRenderedFeaturesOptions);
+    get maplibreMap(): maplibregl.Map | undefined;
     get style(): string;
     set style(newValue: string);
     get url(): string;
@@ -150,7 +138,7 @@ declare class MaplibreLayer extends MaplibreLayer_base {
      * @param {MaplibreLayerOptions} options
      * @param {string} options.apiKey Access key for [geOps apis](https://developer.geops.io/).
      * @param {string} [options.apiKeyName="key"] The geOps Maps API key name.
-     * @param {maplibregl.MapOptions} [options.mapOptions={ interactive: false, trackResize: false, attributionControl: false }] Maplibre map options.
+     * @param {maplibregl.MapOptions} [options.mapLibreOptions={ interactive: false, trackResize: false, attributionControl: false }] Maplibre map options.
      * @param {string} [options.style="travic_v2"] The geOps Maps API style.
      * @param {string} [options.url="https://maps.geops.io"] The geOps Maps API url.
      */
@@ -160,18 +148,7 @@ declare class MaplibreLayer extends MaplibreLayer_base {
      * @param {ol/Map~Map} map
      */
     attachToMap(map: OlMap): void;
-    /**
-     * Terminate what was initialized in init function. Remove layer, events...
-     */
-    detachFromMap(): void;
-    /**
-     * Create the Maplibre map.
-     * @private
-     */
-    loadMbMap(): void;
     getStyle(): string;
-    createMap(options: MapOptions): Map;
-    createRenderer(): MaplibreLayerRenderer;
     updateMaplibreMap(): void;
     /**
      * Create a copy of the MaplibreLayer.

package/ol/layers/MaplibreLayer.js

@@ -1,11 +1,12 @@
-import Source from 'ol/source/Source';
-import BaseEvent from 'ol/events/Event';
-import Layer from 'ol/layer/Layer';
 import debounce from 'lodash.debounce';
-import { Map } from 'maplibre-gl';
-import { getUrlWithParams, getMapGlCopyrights } from '../../common/utils';
+import { MapLibreLayer } from '@geoblocks/ol-maplibre-layer';
+import { getUrlWithParams } from '../../common/utils';
 import MobilityLayerMixin from '../mixins/MobilityLayerMixin';
-import MaplibreLayerRenderer from '../renderers/MaplibreLayerRenderer';
+const buildStyleUrl = (url, style, apiKey, apiKeyName) => {
+    return getUrlWithParams(`${url}/styles/${style}/style.json`, {
+        [apiKeyName]: apiKey,
+    }).toString();
+};
 /**
  * An OpenLayers layer able to display data from the [geOps Maps API](https://developer.geops.io/apis/maps).
  *
@@ -15,7 +16,7 @@ import MaplibreLayerRenderer from '../renderers/MaplibreLayerRenderer';
  * const layer = new MaplibreLayer({
  *   apiKey: 'yourApiKey',
  *   // apiKeyName: 'key',
- *   // mapOptions: {
+ *   // mapLibreOptions: {
  *   //   interactive: false,
  *   //   trackResize: false,
  *   //   attributionControl: false,
@@ -27,35 +28,30 @@ import MaplibreLayerRenderer from '../renderers/MaplibreLayerRenderer';
  *   // url: 'https://maps.geops.io',
  * });
  *
- * @classproperty {maplibregl.Map} maplibreMap - The Maplibre map object. Readonly.
- * @classproperty {maplibregl.QueryRenderedFeaturesOptions} queryRenderedFeaturesOptions - Options used when we query features using map.getFeaturesAtPixel().
+ * @classproperty {maplibregl.Map} mapLibreMap - The Maplibre map object. Readonly.
  * @classproperty {string} style - geOps Maps api style.
  * @extends {ol/layer/Layer~Layer}
  * @public
  */
-class MaplibreLayer extends MobilityLayerMixin(Layer) {
-    get apiKey() {
-        return this.get('apiKey');
-    }
-    set apiKey(newValue) {
-        this.set('apiKey', newValue);
-    }
-    get apiKeyName() {
-        return this.get('apiKeyName');
-    }
-    set apiKeyName(newValue) {
-        this.set('apiKeyName', newValue);
-    }
+class MaplibreLayer extends MobilityLayerMixin(MapLibreLayer) {
     get mbMap() {
-        console.warn('Deprecated. Use layer.maplibreMap.');
+        // eslint-disable-next-line no-console
+        console.warn('.mbMap deprecated. Use layer.maplibreMap.');
         return this.maplibreMap;
     }
-    get queryRenderedFeaturesOptions() {
-        return this.get('queryRenderedFeaturesOptions');
-    }
-    set queryRenderedFeaturesOptions(newValue) {
-        this.set('queryRenderedFeaturesOptions', newValue);
-    }
+    get maplibreMap() {
+        // eslint-disable-next-line no-console
+        console.warn('.maplibreMap eprecated. Use layer.mapLibreMap.');
+        return this.mapLibreMap;
+    }
+    // get queryRenderedFeaturesOptions(): maplibregl.QueryRenderedFeaturesOptions {
+    //   return this.get('queryRenderedFeaturesOptions');
+    // }
+    // set queryRenderedFeaturesOptions(
+    //   newValue: maplibregl.QueryRenderedFeaturesOptions,
+    // ) {
+    //   this.set('queryRenderedFeaturesOptions', newValue);
+    // }
     get style() {
         return this.get('style');
     }
@@ -74,18 +70,16 @@ class MaplibreLayer extends MobilityLayerMixin(Layer) {
      * @param {MaplibreLayerOptions} options
      * @param {string} options.apiKey Access key for [geOps apis](https://developer.geops.io/).
      * @param {string} [options.apiKeyName="key"] The geOps Maps API key name.
-     * @param {maplibregl.MapOptions} [options.mapOptions={ interactive: false, trackResize: false, attributionControl: false }] Maplibre map options.
+     * @param {maplibregl.MapOptions} [options.mapLibreOptions={ interactive: false, trackResize: false, attributionControl: false }] Maplibre map options.
      * @param {string} [options.style="travic_v2"] The geOps Maps API style.
      * @param {string} [options.url="https://maps.geops.io"] The geOps Maps API url.
      */
     constructor(options) {
-        super(Object.assign(Object.assign({ source: new Source({
-                attributions: () => {
-                    return ((this.maplibreMap && getMapGlCopyrights(this.maplibreMap)) || []);
-                },
-            }), apiKeyName: 'key', style: 'travic_v2', url: 'https://maps.geops.io' }, (options || {})), { 
-            // @ts-expect-error mapOptions must be saved by the mixin in this.options
-            mapOptions: Object.assign({ interactive: false, trackResize: false, attributionControl: false }, ((options === null || options === void 0 ? void 0 : options.mapOptions) || {})), queryRenderedFeaturesOptions: Object.assign({}, ((options === null || options === void 0 ? void 0 : options.queryRenderedFeaturesOptions) || {})) }));
+        const newOptions = Object.assign(Object.assign({ apiKeyName: 'key', style: 'travic_v2', url: 'https://maps.geops.io' }, (options || {})), { mapLibreOptions: Object.assign({}, (options.mapLibreOptions || {})) });
+        if (!newOptions.mapLibreOptions.style && newOptions.apiKey) {
+            newOptions.mapLibreOptions.style = buildStyleUrl(newOptions.url, newOptions.style, newOptions.apiKey, newOptions.apiKeyName);
+        }
+        super(newOptions);
     }
     /**
      * Initialize the layer and listen to feature clicks.
@@ -93,66 +87,14 @@ class MaplibreLayer extends MobilityLayerMixin(Layer) {
      */
     attachToMap(map) {
         super.attachToMap(map);
-        this.loadMbMap();
+        this.updateMaplibreMap();
         const updateMaplibreMapDebounced = debounce(this.updateMaplibreMap.bind(this), 150);
-        this.olListenersKeys.push(this.on('propertychange', (evt) => {
-            if (/(apiKey|apiKeyName|url|style)/.test(evt.key)) {
+        this.olEventsKeys.push(this.on('propertychange', (evt) => {
+            if (/(url|style)/.test(evt.key)) {
                 updateMaplibreMapDebounced();
             }
         }));
     }
-    /**
-     * Terminate what was initialized in init function. Remove layer, events...
-     */
-    detachFromMap() {
-        if (this.maplibreMap) {
-            // Some asynchrone repaints are triggered even if the mbMap has been removed,
-            // to avoid display of errors we set an empty function.
-            this.maplibreMap.triggerRepaint = () => { };
-            this.maplibreMap.remove();
-            this.maplibreMap = undefined;
-        }
-        this.loaded = false;
-        super.detachFromMap();
-    }
-    /**
-     * Create the Maplibre map.
-     * @private
-     */
-    loadMbMap() {
-        var _a, _b, _c;
-        this.loaded = false;
-        this.olListenersKeys.push(
-        // @ts-ignore
-        (_a = this.map) === null || _a === void 0 ? void 0 : _a.on('change:target', this.loadMbMap.bind(this)));
-        if (!((_b = this.map) === null || _b === void 0 ? void 0 : _b.getTargetElement())) {
-            return;
-        }
-        if (!this.visible) {
-            // On next change of visibility we load the map
-            this.olListenersKeys.push(
-            // @ts-ignore
-            this.once('change:visible', this.loadMbMap.bind(this)));
-            return;
-        }
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.width = '100%';
-        container.style.height = '100%';
-        /**
-         * A Maplibre map
-         * @type {maplibregl.Map}
-         */
-        this.maplibreMap = this.createMap(Object.assign({ style: this.getStyle(), container }, (((_c = this.options) === null || _c === void 0 ? void 0 : _c.mapOptions) || {})));
-        this.maplibreMap.on('sourcedata', () => {
-            var _a;
-            (_a = this.getSource()) === null || _a === void 0 ? void 0 : _a.refresh(); // Refresh attribution
-        });
-        this.maplibreMap.once('load', () => {
-            this.loaded = true;
-            this.dispatchEvent(new BaseEvent('load'));
-        });
-    }
     getStyle() {
         // If the style is a complete style object, use it directly.
         if (this.style &&
@@ -166,20 +108,11 @@ class MaplibreLayer extends MobilityLayerMixin(Layer) {
             return this.url;
         }
         /// Otherwise build the complete style url.
-        return getUrlWithParams(`${this.url}/styles/${this.style}/style.json`, {
-            [this.apiKeyName]: this.apiKey,
-        }).toString();
-    }
-    // eslint-disable-next-line class-methods-use-this
-    createMap(options) {
-        return new Map(options);
-    }
-    createRenderer() {
-        return new MaplibreLayerRenderer(this);
+        return buildStyleUrl(this.url, this.style, this.get('apiKey'), this.get('apiKeyName'));
     }
     updateMaplibreMap() {
         var _a;
-        (_a = this.maplibreMap) === null || _a === void 0 ? void 0 : _a.setStyle(this.getStyle(), { diff: false });
+        (_a = this.mapLibreMap) === null || _a === void 0 ? void 0 : _a.setStyle(this.getStyle(), { diff: false });
     }
     /**
      * Create a copy of the MaplibreLayer.

package/ol/layers/MaplibreStyleLayer.d.ts

@@ -18,13 +18,13 @@ export type MaplibreStyleLayerOptions = MaplibreLayerOptions & {
 declare const MaplibreStyleLayer_base: {
     new (...args: any[]): {
         options?: import("../mixins/PropertiesLayerMixin").PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: import("ol/events").EventsKey[];
+        olEventsKeys: import("ol/events").EventsKey[];
         children: Layer<Source, import("ol/renderer/Layer").default<any>>[];
         get copyrights(): string;
         set copyrights(newCopyrights: string | string[]);
         disabled: boolean;
         readonly group: string;
-        readonly hitTolerance: boolean;
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: Map;
         readonly name: string;

package/ol/layers/MaplibreStyleLayer.js

@@ -105,7 +105,9 @@ class MaplibreStyleLayer extends MobilityLayerMixin(Layer) {
      * @param {FilterFunction} [options.layersFilter] Filter function to decide which style layer to apply visiblity on. If not provided, the 'layers' property is used.
      * @param {FilterFunction} [options.queryRenderedLayersFilter] Filter function to decide which style layer are available for query.
      */
-    constructor(options = {}) {
+    constructor(options = {
+        mapLibreOptions: { style: { version: 8, sources: {}, layers: [] } },
+    }) {
         /** Manage renamed property for backward compatibility with v2  */
         if (options.mapboxLayer) {
             // eslint-disable-next-line no-console
@@ -147,7 +149,7 @@ class MaplibreStyleLayer extends MobilityLayerMixin(Layer) {
         if (!this.map.getTargetElement()) {
             // If ther e is no target element the maplibreMap is not yet created, we
             // relaunch the initialisation when it's the case.
-            this.olListenersKeys.push(this.map.on('change:target', () => {
+            this.olEventsKeys.push(this.map.on('change:target', () => {
                 this.attachToMap(map);
             }));
             return;
@@ -167,7 +169,7 @@ class MaplibreStyleLayer extends MobilityLayerMixin(Layer) {
             }
         }
         // Apply the visibiltity when layer's visibility change.
-        this.olListenersKeys.push(
+        this.olEventsKeys.push(
         // @ts-expect-error 'load' is a custom event
         this.maplibreLayer.on('load', this.onLoad.bind(this)), this.on('change:visible', (evt) => {
             // Once the map is loaded we can apply visiblity without waiting

package/ol/layers/RealtimeLayer.d.ts

@@ -25,7 +25,7 @@ declare const RealtimeLayer_base: {
         tenant: string;
         bboxParameters?: {
             [index: string]: string | number | boolean | string[] | number[] | boolean[];
-        } | undefined; /** @private */
+        } | undefined;
         time?: Date | undefined;
         live?: boolean | undefined;
         speed?: number | undefined;
@@ -46,8 +46,7 @@ declare const RealtimeLayer_base: {
         motsByZoom: import("../../types").RealtimeMot[][];
         generalizationLevel?: import("../../types").RealtimeGeneralizationLevel | undefined;
         generalizationLevelByZoom: import("../../types").RealtimeGeneralizationLevel[];
-        renderTimeIntervalByZoom: number[];
-        /**
+        renderTimeIntervalByZoom: number[]; /**
          * Destroy the container of the tracker.
          * @private
          */
@@ -95,13 +94,13 @@ declare const RealtimeLayer_base: {
 } & {
     new (...args: any[]): {
         options?: import("../mixins/PropertiesLayerMixin").PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: import("ol/events").EventsKey[];
+        olEventsKeys: import("ol/events").EventsKey[];
         children: Layer<Source, import("ol/renderer/Layer").default<any>>[];
         get copyrights(): string;
         set copyrights(newCopyrights: string | string[]);
         disabled: boolean;
         readonly group: string;
-        readonly hitTolerance: boolean;
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: Map;
         readonly name: string;

package/ol/layers/RealtimeLayer.js

@@ -89,7 +89,7 @@ class RealtimeLayer extends RealtimeLayerMixin(MobilityLayerMixin(Layer)) {
             // @ts-expect-error - bad ts check RealtimeLayer is a BaseLayer
             const index = this.map.getLayers().getArray().indexOf(this);
             this.map.getLayers().insertAt(index, this.vectorLayer);
-            this.olListenersKeys.push(...this.map.on(['moveend', 'change:target'], 
+            this.olEventsKeys.push(...this.map.on(['moveend', 'change:target'], 
             // @ts-expect-error - bad ol definitions
             (evt) => {
                 const view = (evt.map || evt.target).getView();

package/ol/layers/VectorLayer.d.ts

@@ -0,0 +1,18 @@
+import { Coordinate } from 'ol/coordinate';
+import { LayerGetFeatureInfoResponse } from '../../types';
+import Layer from './Layer';
+import { MobilityLayerOptions } from '../mixins/MobilityLayerMixin';
+/**
+ * @deprecated
+ */
+declare class VectorLayer extends Layer {
+    /**
+     * @deprecated
+     */
+    getFeatureInfoAtCoordinate(coordinate: Coordinate): Promise<LayerGetFeatureInfoResponse>;
+    /**
+     * @deprecated
+     */
+    clone(newOptions: MobilityLayerOptions): VectorLayer;
+}
+export default VectorLayer;

package/ol/layers/VectorLayer.js

@@ -0,0 +1,31 @@
+import Layer from './Layer';
+/**
+ * @deprecated
+ */
+class VectorLayer extends Layer {
+    /**
+     * @deprecated
+     */
+    getFeatureInfoAtCoordinate(coordinate) {
+        let features = [];
+        if (this.map) {
+            const pixel = this.map.getPixelFromCoordinate(coordinate);
+            features = this.map.getFeaturesAtPixel(pixel, {
+                layerFilter: (l) => l === this.olLayer,
+                hitTolerance: this.hitTolerance || 5,
+            });
+        }
+        return Promise.resolve({
+            features,
+            layer: this,
+            coordinate,
+        });
+    }
+    /**
+     * @deprecated
+     */
+    clone(newOptions) {
+        return new VectorLayer(Object.assign(Object.assign({}, this.options), newOptions));
+    }
+}
+export default VectorLayer;

package/ol/layers/index.d.ts

@@ -2,3 +2,4 @@ export { default as MaplibreLayer } from "./MaplibreLayer";
 export { default as MaplibreStyleLayer } from "./MaplibreStyleLayer";
 export { default as RealtimeLayer } from "./RealtimeLayer";
 export { default as Layer } from "./Layer";
+export { default as VectorLayer } from "./VectorLayer";

package/ol/layers/index.js

@@ -1,4 +1,6 @@
 export { default as MaplibreLayer } from './MaplibreLayer';
 export { default as MaplibreStyleLayer } from './MaplibreStyleLayer';
 export { default as RealtimeLayer } from './RealtimeLayer';
+// Deprecated export
 export { default as Layer } from './Layer';
+export { default as VectorLayer } from './VectorLayer';

package/ol/mixins/MobilityLayerMixin.d.ts

@@ -8,13 +8,13 @@ export type Layerable = GConstructor<Omit<Layer, keyof string>>;
 declare function MobilityLayerMixin<TBase extends Layerable>(Base: TBase): {
     new (...args: any[]): {
         options?: PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: import("ol/events").EventsKey[];
+        olEventsKeys: import("ol/events").EventsKey[];
         children: Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[];
         get copyrights(): string;
         set copyrights(newCopyrights: string | string[]);
         disabled: boolean;
         readonly group: string;
-        readonly hitTolerance: boolean;
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: import("ol").Map;
         readonly name: string;

package/ol/mixins/PropertiesLayerMixin.d.ts

@@ -25,18 +25,28 @@ export type PropertiesLayerMixinOptions = Options & {
 declare function PropertiesLayerMixin<TBase extends Layerable>(Base: TBase): {
     new (...args: any[]): {
         options?: PropertiesLayerMixinOptions | undefined;
-        olListenersKeys: EventsKey[];
+        olEventsKeys: EventsKey[];
+        /** @deprecated */
         children: Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>[];
+        /** @deprecated */
         get copyrights(): string;
+        /** @deprecated */
         set copyrights(newCopyrights: string | string[]);
+        /** @deprecated */
         disabled: boolean;
+        /** @deprecated */
         readonly group: string;
-        readonly hitTolerance: boolean;
+        /** @deprecated */
+        readonly hitTolerance: number;
         readonly key: string;
         readonly map: Map;
+        /** @deprecated */
         readonly name: string;
+        /** @deprecated */
         olLayer: Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>;
+        /** @deprecated */
         parent: Layer<import("ol/source").Source, import("ol/renderer/Layer").default<any>>;
+        /** @deprecated */
         visible: boolean;
         setMapInternal(map: Map): void;
         /** @private */
@@ -53,6 +63,7 @@ declare function PropertiesLayerMixin<TBase extends Layerable>(Base: TBase): {
         detachFromMap(): void;
         /**
          * Return the an array containing all the descendants of the layer in a flat array. Including the current layer.
+         * @deprecated
          */
         flat(): any[];
         addEventListener: (type: string, listener: import("ol/events").Listener) => void;